@charset "UTF-8";

/* CSS Document */



@media only screen and (max-width: 600px) {
	
	body {
font-size:16px;
	line-height:22px;

}

h1{

font-size:22px;
line-height:1.2;
text-align:left;
}

h2{

text-align:left;
line-height:1.2;
}
    
h3{

font-size:24px;
line-height:1.2;

}

h4{
line-height:1.2;
}


h5{

font-size:22px;

line-height:24px;

}

 .JSSOR_outer{
	max-width:100%;

}     
    .jssorh4{
    font-size:60px;
        padding:20px;
        background-color:rgba(255,255,255,0.8);
    }
    


.jssorp{
    font-size:34px;
    line-height:1.2;
    padding:20px;
    background-color:rgba(255,255,255,0.8);
    }
    
    
    
DIV#codeColour{
border:solid;
border-color:#ff0000;
border-width:4px;
height:35px;
width:95%;
padding:11px 3px 0px 7px;

}

.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 {

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

.darkActionButton{
	width:90%;
	
	padding: 6px 1.5% 8px 1.5%;
	margin:7px 3% 7px 3%;
	
	
}

.smallerText {
	font-size: 14px;
	line-height: 14px;
}
DIV#preHeader {
	width: 100%;
	min-height: 10px;
}
DIV#preHeadInner {
	margin: 0;
    padding:1px 0 0 0;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}


DIV#preHeadLeft {
width:98%;
display:block;
float:none;
}
DIV#preHeadRight {
width:98%;
padding:8px 0 7px 1%;
display:block;
float:none;
text-align:left;
}

 
 .socialIcon{
	 
	float:left;  
  }
  
  .socialIcon2{
	 float:left; 
	  width:150px;
	  
  } 
  
  .socialIcon3{
	  float:left;  
  }
  
.roomBlock {
	width: 47%;
}
DIV#pageContent {
	padding:0 0 0 0;
	
}

.pageContentFullLeft{
	width:100%;
	margin:0 0 0 0%;
text-align:left;
padding:0px 0 0px 0%;
}

.pageContentFullRight{
	width:100%;
	margin:0 0% 0 0;
text-align:left;
padding:0px 0% 0px 0;
}

.sectionPicFillLeft{
background-repeat:repeat-x, repeat, repeat-y, repeat;
background-position:center top, left top, left center, center center;
background-size: auto auto, 0% 0%, 0% 0%, auto auto;

}

.sectionPicFillRight{
background-repeat:repeat-x, repeat, repeat-y, repeat;
background-position:center top, right top, right center, center center;
background-size: auto auto, 0% 0%, 0% 0%, auto auto;
}

.sectionPicFillLeftWide{
background-repeat:repeat-x, repeat-y, repeat-y, repeat;
background-position:center top, right top, left center, center center;
background-size: auto auto, 0% 0%, 0% 0%, auto auto;

}

.sectionPicFillRightWide{
background-repeat:repeat-x, repeat-y, repeat-y, repeat;
background-position:center top, left top, right center, center center;
background-size: auto auto, 0% 0%, 0% 0%, auto auto;
}


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

.pageSection{	

		
}

.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#albumOuter{
	display: -webkit-flex;
      display: flex;
	  -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
    width:100%;
}
	
.albumLeft{
	padding:0px 1% 0 1%;
	margin:0px;
	width:96%;
	clear:both;
	border:none;
	float:none;
	-webkit-order: 2;
order: 2;
}

.albumRight{
	padding:0px 1% 0 1%;
	margin:0px;
	width:94%;
	clear:both;
	float:none;
	-webkit-order: 1;
order: 1;
}

  DIV#discoOuter{
	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:10px 2% 5px 2%;
	display: block;
	font-size:20px;
	height:auto;
	float: none;
	max-width:450px;
	width: 90%;
}
.bigButtonBlueContainerLeft {
	max-width: 280px;
}


.frontVideo{
width:100%;
height:300px;	
}


    
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%;
}
    
  DIV#pageLinksLeft{  
padding:0px 0 8px 0;
  }   
    
   DIV#pageLinksRight{
padding:20px 2% 8px 0;
  }
    
.pageLinkItem {
	width: 97%;
    margin-bottom:12px;
}
.pageLinkBlock {
	margin: 5px 0 1px 0;
	padding: 20px 0 0 0%;
	width: 97%;
	height: 130px;
}
.pageLinkBlock2{

	font-size:16px;
	line-height:20px;

}
    
  .pageLinkHead{

      min-height:24px;
  }
    
    
.pageLinkHTMLContent{
	height:auto;
	min-height:none;

}
  
    
 .pageLinkInterior2{
	line-height:32px;  
  }
.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%;
	margin:0px 0 0px 0;
	padding: 0% 2% 0 2%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
DIV#header {
	background-image: none;
	
}

.fadeStrip{

}

DIV#logoOuter{
	margin: 0 auto;
width:100%;	
    background-color: none;
text-align:center;
}
    
DIV#logoOuter2{
	margin: 0 auto;
width:95%;	


}
   .logoBlock{
width:100%;
   padding:5px 0 0px 0;
}
    
.logoArea {
margin: 0px 0% 0px 0%; 
		text-align:left;
		width:100%;
    padding:0 0 6px 0;

	
}

      .logoAreaNormal{
          height:auto;
          display: block;
          float:none;
     clear:both;
		margin: 30px 3% 0px 0%; 
		text-align:center;
		width: 97%;
		padding:0px 0 0 0%;
    }
.logoAreaLarge{
margin: 40px 0 0 0; 

}    
    
DIV#logoArea2{
	visibility:visible;
	display:block;
	position:relative;
		margin: 0 0 20px 0; 
		padding:0px 0 0 0%;

}
.headerLogoImage {
margin:10px 0 0 2%;
	max-width:100%;

}

.logoNormal{
margin:0px 8% 0px 8%;  
    padding:0px 0% 0px 0px;	
	width:84%;
	text-align:center;

}

.headerLogoNormal{

max-width:100%;
	
}
.headerLogoLarge{
    margin:10px 0 0 0;
    padding:0;
    width:100%;

}
.headerLogoText{
	display:inline;
	float:left;
    color:#ffffff;
		font-size:17px;
		font-weight:400;
		padding:10px 0 10px 0;
        margin:10px 0 0 0%;
		text-align:center;
width:100%;
}

.headerLogoTextNormal{
width:100%;
		font-size:14px;
		padding:5px 0% 0 0%;
        margin:0px 0 0 0%;	
}

.videoCoverLogo{


}

.testCover{

    max-width:100%;
}

    
    
DIV#scrollDownIcon{
	display:none;
	
}

DIV#scrollDownIcon :hover{
padding:10px 0 0 0;
	bottom:10px;
}

.bounce {
 animation:none;
 -webkit-animation: none;
 -moz-animation: none;
 -o-animation: none;
}

DIV#headContainer {
	width: 100%;
}

DIV#headContainerHigh{
	margin:0 0 0px 0;
min-height:480px;
 height:initial;
 max-height:initial;
}

.headPortalButt{
right:auto;
	left:2%;
position:absolute;
top:75px;
font-size:15px;
	color:#ffffff;
	font-weight:700;
margin:0px 0 0 0px;
padding:5px 10px 5px 10px;
background-color:#888888;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
z-index:1021;	
}

.headPortalButt:hover{
	margin:0px 0 0 0px;
background-color:#444444;
	
	
}
    
.hpbnobanner{
    top: 259px;
}

DIV#headRight {
	margin:0px;
	min-height: 68px;
	width: 100%;
	padding: 0px 0% 0px 0%;
}
#headRightTop, #headRightTop2{
text-align:center;
height:auto;
    font-size:14px;
padding:7px 0 10px 0;
}

#headRightBottom{
   margin:0px 0 10px 0; 
     -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;  
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;    
    font-size:4vw;
    }
    
    
.headRightDark{
    margin:100px 0 0px 0;
    padding:10px 2% 10px 2%;
    width:96%;
    min-height:auto;
    font-size:5vw;
    font-weight:700;
    text-align:center;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;	    
}
.heroTextBlock{
	float:none;
	display:block;
	width:84%;
	margin:0 5% 15px 5%;
	padding:10px 3% 10px 3%;
	clear:both;
}


.fubTxt{
font-size:4.6vw;

}


DIV#headBottom{
min-height:240px;
padding:20px 0% 0 0;
font-size:15px;
line-height:18px;
}

DIV#headBottom1{

min-height:116px;
	
}

DIV#headBottom2{
min-height:116px;
}

DIV#headBottom3{
min-height:215px;
		
}

.twocols{
							-webkit-column-count: 1; 
							-moz-column-count: 1; 
							column-count: 1; 
							-webkit-column-gap: 25px; 
							-moz-column-gap: 25px; 
							column-gap: 25px;
    max-width:100%;
						}
				
				
.howWorksItem{
	 
  width: 97%;
  margin:0 3% 0px 0;
  padding:10px 0 20px 0;  
  height:auto;
 border:none;
 border-bottom:solid 8px #702c1d;
	  
  }
    
    .howWorksResponsive{
       width: 90%;   
    }
  
  .howWorksTitle{

	font-size:20px;
	  
  }
  
  .howWorksText{
	padding:12px 10px 10px 10px;
	font-size:16px;
	font-weight:400;
	text-align:left;
	line-height:21px;  
  }				
				
						
						
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% 0 2%;
	min-width: 300px;
	display: block;
	float: none;
	min-height: 200px;
	-webkit-order: 2;
	order: 2;
}

.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;
	-webkit-order: 1;
	order: 1;
}
    
.sectionText{
   	display: block;
	float: none;
	clear: both;
	-webkit-order: 2;
	order: 2; 
    }
    
    
.threeQuartersPic, .halfPic, .thirdPic, .quarterPic, .fifthPic, .sixthPic, .defaultPic, .threeQuartersPicText, .halfPicText, .thirdPicText, .quarterPicText, .fifthPicText, .sixthPicText, .defaultPicText {
	width: 98%;
}

.sixthPic {
	max-width: 40%;
}


 .sectionFileBox{
	    margin:12px 0 20px 0%;
		width:95%;
	padding:10px 2% 10px 2%;
	
  }
  
.responsivePageBlock {
	margin: 0px 3% 25px 0;
	width: 97%;
	display: block;
	float: none;
}
.generalPageLeft, .generalPageRight {
	display: block;
	float: none;
	width: 97%;
	padding: 3px 0 5px 0;
	margin: 0px;
	text-align: left;
	clear: both;
}

    .thirdPageBlock{
margin:0px 0% 0px 0;
	padding:0px 2% 0px 2%;
width:95%;
min-height:20px;
}

.tpbLine{
background-image: none; 

}
 
   .heroPicOuter{

min-height:100px;

}

 .quarterPageBlock{
	margin:0px 2% 0px 0;
width:48%;
}
       
    
    
DIV#bookingCloseCross{
	z-index:1500;
}    
 
.gridLeft, .gridRight, .gridFull, .gridCont{
height:200px;
display: block;
	float: none;
	width: 98%;
	padding: 0;
	margin: 0 1% 10px 1%;
	text-align: left;
	clear: both;
}    
 
.centreLine{
	background-image:none; 
	background-position:center;
	
}

.mainActionButton:link{
 
	font-size:22px;
    line-height:1.2;
	
}


	.mabHalfRight{	
height:auto;

}

.mab1{
	display:block;
	float:none;
	width:76%;
	margin: 0 10% 0 10%;
	padding: 18px 2% 23px 2%;
	font-weight:400;
}

.mab2{
	width:80%;
	padding: 18px 2% 23px 20%;
	background-position:10px center;
}

.mab3{
width:80%;
	padding: 18px 2% 23px 20%;
	background-position:10px center;
}


.pageBlockRight {
	margin: 0px;
	padding: 14px 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;
}

.mainPic{
	margin:12px 0 0 0;
}



.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#frontLoginOuter{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

DIV#frontLoginLeft{
padding:15px 3% 20px 3%;
margin:0px 1% 0 1%;
display:block;
text-align:left;
float:none;	
	width:92%;
	font-size:17px;
	background-color:#f1f1f1;
	border:none;
	background-image:url(../images/wsimages/fade-strip-dn-tile.png);
	background-repeat:repeat-x;
	background-position:top;
	-webkit-order: 2;
	order: 2;
}

DIV#frontLoginRight{

padding: 0px 2% 0 2%;
margin:0px;
display:block;
text-align:left;
float:none;	
	width:96%;
	-webkit-order: 1;
	order: 1;
}


    
.projectBlock{
  display:inline-block;
    float:none;
    width:96%;
    
    clear: both;
 
}
.equalHW {
	flex:none;
}
.eqWrap {
    margin: 0 0 20px 0;
	display:block;
    justify-content: space-between;
}    
    
.frontProjects{
	margin:0px 0 0px 0;
	padding:0px 2% 0px 2%;
	width:96%;
	display:block;
	float:none;
	text-align:left;
}

.frontProjBox{
	padding: 0;
    margin:15px 0 0px 0;
    float:right;
    text-align:right;
    width:40%
}


 .newsLeft{
padding:0 0 0px 0;
    width:60%;
}

       DIV#frontTestimonialsOuter{
	margin:20px 0 20px 0;
	padding: 30px 4% 5px 4%;
	font-size:4vw;
	min-height:150px;	
background-position:left 10px, right 98%;           
	border-top:solid 1px #999999;
    border-bottom:solid 1px #999999;       
}
    
    


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

.concertBlock{
width:96%;
padding:15px 2% 12px 2%;
margin:0 0 22px 0;
background-repeat:repeat;
min-height:50px;
border:none;
border-bottom:solid 3px #8F8F8F;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.concertPicture{
display:block;
float:none;
clear:both;
width:100%;
margin: 8px 0 20px 0;	
}

.concertPicture:hover{
	margin: 8px 0 20px 0;	
	border:solid;
border-width:1px;
border-color:#222222;
}

.concertCopy{
	margin:0 2% 0 2%;
display:block;
text-align:left;
float:none;
width:96%;
}

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

}

.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: #4592cb;
	font-size: 15px;
	text-decoration: none;
	font-weight: 700;
}
A.headLink:visited {
	color: #4592cb;
}
A.headLink:hover {
	color: #666666;
	text-decoration: underline;

}
A.headLink:active {
	color: #4592cb;
	text-decoration: none;

}

DIV#footer {
	
margin:0px 0 0px 0;	
}
.footInner {
	width:96%;
padding:0px 2% 0 2%;
height:auto;
text-align:right;
display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
 
.footLeft {
	display: block;
	float: none;
    width: 96%;
	padding: 25px 1% 5px 1%;
	margin:0;
	-webkit-order: 3;
	order: 3;
	border: none;
    text-align:center;
    clear:both;
}
    
 .footLeft p{
    text-align:center;
}   
.footLeft h4{
   text-align:center;
}
.footButts{
margin:0 auto;
    padding:0 0 0 20px;
width:100%;
    max-width:180px;

}
.footListItem{

margin:0px;

}   

    .footListItem li{
padding:0px 0px 12px 0px;        
background-image:none;
	text-align:center;
}
    
    .footMid{
width: 96%;
	padding: 20px 1% 5px 1%;
	margin:0;
display:block;
clear:both;
float:none;
text-align:center;
height:auto;
line-height:17px;
-webkit-order: 1;
	order: 1;
}

    .footMid img{
 max-width:95%;   
    
}
    
.footMid2{
width:96%;
    float:left;
    text-align:center;
}


.footRight {
	display: block;
	float: none;
	width: 96%;
	min-height:100px;
	padding: 15px 1% 25px 1%;
	margin:15px 0px 0px 0;
	-webkit-order: 2;
	order: 2;
	text-align: center;
clear:both;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}

.footRight h4{
text-align:center;
}

 .footLeft2{
width:96%;
float:left;
display:inline;
padding:12px 2% 7px 2%;
color:#333333;
font-size:14px;
text-align:center;
}

    
.footRight2{
width:96%;
display:inline;
float:right;
text-align:center;
padding:24px 2% 20px 2%;
font-size:14px;
line-height:17px;

}

 .footerButt{

float:left;


}

    
DIV#menuAreaOuter{
	
background-position:center top, 1% 9px;

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


A.menuLinkCurrent:link {text-shadow: none;} 
A.menuLinkCurrent:visited {text-shadow: none;} 
A.menuLinkCurrent:hover {text-shadow: none;} 
A.menuLinkCurrent:active {text-shadow: none;}


A.menuDropLinkCurrent:link,
 A.menuDropLinkCurrent:active,
 A.menuDropLinkCurrent:visited {text-shadow: none;} 
A.menuDropLinkCurrent:hover {} 


.sticky {
	background-image:url("../images/wsimages/logo-mini.png");
	background-repeat: no-repeat;
	background-position:2% 7px, top;
    background-size: auto 43px;

}

DIV#nav {
	padding: 0px;
	margin: 0px 0 0 0;
	width: 100%;
	float: none;
	
}
#nav ul {
	float: none;
	padding: 70px 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;
    z-index:999;
}
#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: rgba(235,235,235,0.92);
	width: 100%;
	padding: 0px 0 0px 0px;


}
#nav ul li ul {
				margin:0px 0 0 0;
				padding:0px 0 0px 0;
			background-color:auto;
    width:100%;
				display: none;
				float: none;
					position: relative;
					left: 0;
					top: 0;
					text-align:center;
					background-image:none;	
					background-repeat:repeat;
					box-shadow: none;
					-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;	
					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: 12px 0 12px 0;
	font-size: 18px;
	color: #444444;
	background-image: none;
		border-left:none;
}
#nav li a:hover {
	padding: 8px 0 11px 0;
	text-decoration:none;
	color: #ffffff;
	background-color:#702c1d;
	background-image: url(../images/wsimages/page-top-bg-tile.png);
	background-position: center top;
	background-repeat: repeat-x;
}

#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:8px 0 8px 0;
					font-size:16px;	
					color:#444444;					
				}
				
				#nav li ul li a:hover {
				color: #000000;
                    margin:0px 0 0px 0px;
					padding:10px 0 11px 0;
				}
						
.dropMenu {
	border-top: none 1px #DBDBDB;
	border-bottom: none 1px #DBDBDB;
	
}
#nav .navbar-handle {
	display: block;
    top: 17px;
}
#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: #ffffff;
}


}