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

@font-face {
    font-family: 'merriweatherlight';
    src: url('fonts/merriweather-light-webfont.woff2') format('woff2'),
         url('fonts/merriweather-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'merriweatherblack';
    src: url('fonts/merriweather-black-webfont.woff2') format('woff2'),
         url('fonts/merriweather-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cocogooseprolight';
    src: url('fonts/cocogoose-pro-light-trial-webfont.woff2') format('woff2'),
         url('fonts/cocogoose-pro-light-trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'abeezeeregular';
    src: url('fonts/abeezee-regular-webfont.woff2') format('woff2'),
         url('fonts/abeezee-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
	 width: 100%;
  height: 100%;
margin:0px;
font-family: merriweatherlight, "Times New Roman", Times, serif;
font-size:18px;
font-weight:400;
color:#222222;
	line-height:1.4;
text-align:justify;
background-color:#184b2d;

}

img {vertical-align: bottom;}


.setContentWidth{
	width:1070px;
	margin:0 auto;
text-align:justify;
padding:0px 15px 0px 15px;
}

.setContentWidthtrue{
    margin:0 1.5% 0 1.5%;
	width:97%;
    overflow:auto;
}


h1{
	margin:4px 0 18px 0;
font-family: abeezeeregular, "Times New Roman", Times, serif;
font-weight:400;
font-size:36px;
color:#184b2d;
padding: 0px 0 0px 0;
width:100%;
line-height:1.2;
text-align:left;
text-shadow: 2px 2px 2px #777777;
}

.trueHead h1{
font-family: cocogooseprolight, "Times New Roman", Times, serif;
color:#e6ba66;
text-shadow: 2px 2px 2px #222222;
margin:4px 0 35px 0;
}

h2{
font-family: merriweatherlight, "Times New Roman", Times, serif;
font-weight:400;
font-size:36px;
color:#184b2d;
padding: 0px 0 0px 0;
margin:0px 0 35px 0;
line-height:23px;

}

h3{
font-family: abeezeeregular, Arial, Helvetica, sans-serif;
font-weight:400;
font-size:30px;
color:#e6ba66;
padding: 0px 0 0px 0;
margin:0px 0 20px 0px;
line-height:25px;
 text-shadow: 1px 1px 1px #777777;
}

h4{
font-family: merriweatherlight, "Times New Roman", Times, serif;
font-weight:400;
font-size:24px;
color:#184b2d;
padding: 0px 0 0px 0;
margin:10px 0 28px 0;
line-height:1.2;
text-align:left;
}

h5{
font-family: merriweatherblack, Arial, Helvetica, sans-serif;
font-weight:400;
font-size:26px;
color:#383838;
padding: 0px 0 0px 0;
margin:0px 0 20px 0;
line-height:24px;

}

h6{

font-weight:400;
font-size:20px;
color:#666666;
padding: 0px 0 0px 0;
margin:10px 0 0px 0;
line-height:24px;

}

h7{
font-weight:400;
font-size:28px;
color:#ffffff;
padding: 0px 0 0px 0;
margin:0px 0 0px 0;
line-height:32px;

}

.JSSOR_outer{
	width:1070px;
	margin:0 auto;
text-align:justify;
padding:10px 0 15px 0;
}

.jssorh4{
    font-size:26px;
    }

.jssorp{
    font-size:18px;
    line-height:1.2;
   text-shadow: 3px 3px 2px rgba(255, 255, 255, 0.7);
    }


A:link {color:#184b2d; font-size: 18px; text-decoration: none; font-weight: 700;} 
A:visited {color: #184b2d; font-size: 18px; text-decoration: none; font-weight: 700;} 
A:hover {color:#000000; font-size: 18px; text-decoration: underline; font-weight: 700;} 
A:active {color:#184b2d; font-size: 18px; text-decoration: none; font-weight: 700;}

A.panelLink:link {color:#333333;  font-size: 16px; text-decoration: none; font-weight: 400;} 
A.panelLink:visited {color: #333333;  font-size: 16px; text-decoration: none; font-weight: 400;} 
A.panelLink:hover {color:#000000;  font-size: 16px; text-decoration: underline; font-weight: 400;} 
A.panelLink:active {color:#333333;  font-size: 16px; text-decoration: none; font-weight: 400;}

A.panelLinkCurrent:link {color:#131c37;  font-size: 16px; text-decoration: none; font-weight: 700;} 
A.panelLinkCurrent:visited {color: #131c37;  font-size: 16px; text-decoration: none; font-weight: 700;} 
A.panelLinkCurrent:hover {color:#000000;  font-size: 16px; text-decoration: underline; font-weight: 700;} 
A.panelLinkCurrent:active {color:#131c37;  font-size: 16px; text-decoration: none; font-weight: 700;}

A.breadcrumbLink:link {color:#e6ba66;  font-size: 12px; text-decoration: none; font-weight: 400;} 
A.breadcrumbLink:visited {color: #e6ba66;  font-size: 12px; text-decoration: none; font-weight: 400;} 
A.breadcrumbLink:hover {color:#777777;  font-size: 12px; text-decoration: underline; font-weight: 400;} 
A.breadcrumbLink:active {color:#e6ba66;  font-size: 12px; text-decoration: none; font-weight: 400;}

A.footLink:link {color:#444444;  font-size: 14px; text-decoration: none; font-weight: 400; } 
A.footLink:visited {color: #444444;  font-size: 14px; text-decoration: none; font-weight: 400; } 
A.footLink:hover {color:#000000;  font-size: 14px; text-decoration: underline; font-weight: 400; } 
A.footLink:active {color:#444444;  font-size: 14px; text-decoration: none; font-weight: 400; }

A.footLink2:link {color:#380008;  font-size: 11px; text-decoration: none; font-weight: 400;} 
A.footLink2:visited {color: #380008;  font-size: 11px; text-decoration: none; font-weight: 400;} 
A.footLink2:hover {color:#000000;  font-size: 11px; text-decoration: underline; font-weight: 400;} 
A.footLink2:active {color:#380008;  font-size: 11px; text-decoration: none; font-weight: 400;}

A.headLink:link {color:#ffffff; font-size: 18px; text-decoration: none; font-weight: 400; line-height:26px;} 
A.headLink:visited {color: #ffffff; font-size: 18px; text-decoration: none; font-weight: 400; line-height:26px;} 
A.headLink:hover {color:#e6ba66; font-size: 18px; text-decoration: underline; font-weight: 400; line-height:26px;} 
A.headLink:active {color:#ffffff; font-size: 18px; text-decoration: none; font-weight: 400; line-height:26px;}

A.headLink2:link {color:#ffffff; font-size: 20px; text-decoration: none; font-weight: 700; line-height:1.5;} 
A.headLink2:visited {color: #ffffff; font-size: 20px; text-decoration: none; font-weight: 700; line-height:1.5;} 
A.headLink2:hover {color:#4592cb; font-size: 20px; text-decoration: underline; font-weight: 700; line-height:1.5;} 
A.headLink2:active {color:#ffffff; font-size: 20px; text-decoration: none; font-weight: 700; line-height:1.5;}

A.basketBoxLink:link {color:#111111;  font-size: 13px; text-decoration: none; font-weight: 400; padding:0 12px 0 12px;} 
A.basketBoxLink:visited {color: #111111;  font-size: 13px; text-decoration: none; font-weight: 400; padding:0 12px 0 12px;} 
A.basketBoxLink:hover {color:#5e8c5c;  font-size: 13px; text-decoration: underline; font-weight: 400; padding:0 12px 0 12px;} 
A.basketBoxLink:active {color:#111111;  font-size: 13px; text-decoration: none; font-weight: 400; padding:0 12px 0 12px;}

A.chunkyLink:link {color:#555555; font-family: Helvetica, Arial, sans-serif; font-size: 20px; text-decoration: none; font-weight: 400;} 
A.chunkyLink:visited {color: #555555; font-family: Helvetica, Arial, sans-serif; font-size: 20px; text-decoration: none; font-weight: 400;} 
A.chunkyLink:hover {color:#000000; font-family: Helvetica, Arial, sans-serif; font-size: 20px; text-decoration: underline; font-weight: 400;} 
A.chunkyLink:active {color:#555555; font-family: Helvetica, Arial, sans-serif; font-size: 20px; text-decoration: none; font-weight: 400;}

A.preHeadLink:link {color:#222222; font-size: 15px; text-decoration: none; font-weight: 400; padding:0 10px 0 10px;} 
A.preHeadLink:visited {color: #222222; font-size: 15px; text-decoration: none;} 
A.preHeadLink:hover {color:#a3846b; font-size: 15px; text-decoration: underline; } 
A.preHeadLink:active {color:#222222; font-size: 15px; }

A.frontBlogLink:link {color:#ffffff; font-size: 14px; text-decoration: none; font-weight: 400; padding:0 10px 0 10px;} 
A.frontBlogLink:visited {text-decoration: none; color:#ffffff; padding:0 10px 0 10px;} 
A.frontBlogLink:hover {color:#000000; text-decoration: underline; padding:0 10px 0 10px;} 
A.frontBlogLink:active {text-decoration: none; color:#ffffff; padding:0 10px 0 10px;}

A.newsLink:link { color:#ffffff;  font-size: 14px; text-decoration: none; font-weight: 400; background-color:#666666; padding:5px;} 
A.newsLink:visited {color:#ffffff;  font-size: 14px; text-decoration: none; font-weight: 400} 
A.newsLink:hover {color:#ffffff;  font-size: 14px; text-decoration: underline; font-weight: 400; background-color:#26393d;} 
A.newsLink:active {color:#ffffff;  font-size: 14px; text-decoration: none; font-weight: 400}

A.newsLinkLarge:link {color:#000000;  font-size: 17px; text-decoration: none; font-weight: 400} 
A.newsLinkLarge:visited {color: #000000;  font-size: 17px; text-decoration: none; font-weight: 400} 
A.newsLinkLarge:hover {color:#e456e0;  font-size: 17px; text-decoration: underline; font-weight: 400} 
A.newsLinkLarge:active {color:#000000;  font-size: 17px; text-decoration: none; font-weight: 400}

A.inlineLink:link {color:#555555; font-size: 13px; text-decoration: none; font-weight: 400;} 
A.inlineLink:visited {color: #555555; font-size: 13px; text-decoration: none; font-weight: 400;} 
A.inlineLink:hover {color:#380008; font-size: 13px; text-decoration: underline; font-weight: 400;} 
A.inlineLink:active {color:#555555; font-size: 13px; text-decoration: none; font-weight: 400;}

A.productListInfoLink:link {color:#333333; font-size: 16px; text-decoration: none; font-weight: 400;} 
A.productListInfoLink:visited {color: #333333; font-size: 16px; text-decoration: none; font-weight: 400;} 
A.productListInfoLink:hover {color:#d4781d; font-size: 16px; text-decoration: none; font-weight: 400;} 
A.productListInfoLink:active {color:#333333; font-size: 16px; text-decoration: none; font-weight: 400;}

A.smallLink:link {color:#741123; font-size: 12px; text-decoration: none; font-weight: 400} 
A.smallLink:visited {color: #741123; font-size: 12px; text-decoration: none; font-weight: 400} 
A.smallLink:hover {color:#555555; font-size: 12px; text-decoration: underline; font-weight: 400} 
A.smallLink:active {color:#741123; font-size: 12px; text-decoration: none; font-weight: 400}

A.BigGoldLink:link {color:#ffce55; font-size: 30px; text-decoration: none; font-weight: 400; line-height:2.5;} 
A.BigGoldLink:visited {color: #ffce55;  } 
A.BigGoldLink:hover {color:#ffffff; } 
A.BigGoldLink:active {color:#ffce55; }

A.medLink:link {color:#333333;  font-size: 18px; text-decoration: none; font-weight: 700; padding:7px 20px 7px 20px; 
background: url(../images/wsimages/prehead-bg.jpg) center center / 100% 100% no-repeat; -webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;	
} 
A.medLink:visited {color: #333333;  font-size: 18px; text-decoration: none;  } 
A.medLink:hover {color:#333333;  font-size: 18px; text-decoration: underline; 
background-image:none; background-color:#eeeeee; } 
A.medLink:active {color:#333333;  font-size: 18px; text-decoration: none; }

A.otherLink:link {color:#777777; font-family:Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: 700; padding:0 15px 0 15px;} 
A.otherLink:visited {color: #777777; font-family:Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: 700; padding:0 15px 0 15px;} 
A.otherLink:hover {color:#990000; font-family:Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: 700; padding:0 15px 0 15px;} 
A.otherLink:active {color:#777777; font-family:Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: 700; padding:0 15px 0 15px;}

A.noUnderline:link {text-decoration: none;} 
A.noUnderline:visited {text-decoration: none;} 
A.noUnderline:hover {text-decoration: none;} 
A.noUnderline:active {text-decoration: none;}

A.bigWhiteLink:link {color:#ffffff;  font-size: 1.6vw; text-decoration: none; font-weight: 700; } 
A.bigWhiteLink:visited {color: #ffffff;  font-size: 1.6vw; text-decoration: none; font-weight: 700; } 
A.bigWhiteLink:hover {color:#64241b;  font-size: 1.6vw; text-decoration: underline; font-weight: 700; } 
A.bigWhiteLink:active {color:#ffffff;  font-size: 1.6vw; text-decoration: none; font-weight: 700; }

input[type=checkbox] {width:22px; height:22px;}

::-webkit-input-placeholder { 
 font-size:17px;  
font-family: ralewaylight, Arial, Helvetica, sans-serif;    
}

:-ms-input-placeholder { 
  font-size:17px;  
font-family: ralewaylight, Arial, Helvetica, sans-serif;    
}

::placeholder {
 font-size:17px; 
font-family: ralewaylight, Arial, Helvetica, sans-serif;    
}


DIV#inlineEditButton{
position:absolute;
top:2px;
left:2px;
z-index:11000;	
}
DIV#inlineEditButton2{
position:relative;
top:0px;
left:0px;
    width:100%;
    height:25px;
    padding:6px 0 1px 12px;
z-index:11000;
    background-color:rgba(0,0,0,0.95);
    font-size:13px;
    color:#ffffff;
}

DIV#inlineEditButton2 a:link{
    font-size:13px;
    color:#ffffff;    
}
DIV#inlineEditButton2 a:hover{
    font-size:13px;
    color:#dddddd;    
}
DIV#inlineEditButton2 a:visited{
    font-size:13px;
    color:#ffffff;    
}


.smallerText {
	padding:12px 0 0 0px;
	margin:0px;
font-size:14px;
line-height:1.2;
font-weight:400;
color:#666666;
}

.smlText{
 padding:0px 0 0 0px;
	margin:0px;
font-size:12px;
line-height:1.2;
font-weight:400;
color:#666666;   
    
}


.greySubTit {
font-family: Arial, Helvetica, sans-serif;
font-weight:400;
font-size:26px;
color:#6e7b8f;
padding: 0;
margin:0;
line-height:1.3;
text-align:left;
text-transform: uppercase;
    letter-spacing: 1.1px;
}

.smlBlueTxt {
	font-size: 14px;
	color: #377ca0;
	font-weight:400;
	
}

.goldTxt{
color:#e6ba66;
 text-shadow: 1px 1px 1px #222222;
}


.bigRedTxt {
	font-size: 22px;
	color: #990000;
	font-weight:700;
	
}

.massiveText{
font-weight:400;
font-size:80px;
color:#bba6e9;
padding: 0;
margin:0;
line-height:1.2;
text-align:left;   
}


.whiteTxt{
color:#FFFFFF;	
}

.bookingTit{
font-family:  Arial, Helvetica, sans-serif;
padding: 14px 0 0 0;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	color: #393939;

}

button:hover {
 cursor: pointer;
 font-size:24px;
}


hr{
	padding:0px;
	margin: 15px 0px 15px 0px;
}

p {
	margin: 6px 0px 12px 0px;
	text-align:justify;
}

ul{
padding:0 0 0 14px;
margin:0px;
}
li{
padding:5px 0 5px 0;
margin:0px;
}


.list1 ul {
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0px;
margin:10px 0 0 0;
list-style-position:outside;
list-style-type:none;
}

.list1 li {
background-color: #eeeeee;
width:96%;
font-size: 12px;
font-style: normal;
line-height:normal;
font-weight: 400;
color:#333333;
     list-style-type:none;
     padding: 20px 8px 20px 8px;
margin: 6px 0 15px 0;
border: solid 1px #aaaaaa;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.30);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.30);
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;	
   }
   
   .listLeft1{
	display:inline;
	float:left;
	width:40%;
	margin:0px;
	padding:0px; 
	text-align:left;   
   }
   
   .listLeft2{
	display:inline;
	float:left;
	width:45%;
	margin:0px;
	padding:0px;
	text-align:left;    
   }
   
   .listDiv1{
	display:inline;
	float:left;
	min-width:46px;
	width:17%;
	  margin:0px;
	  padding:0px 0 0 5px;	
	  text-align:left;   
   }
  
   .listDiv2{
	display:inline;
	float:left;
	min-width:120px;
	width:60%;
	  margin:0px;
	  padding:14px 0 0 5px;
	  text-align:left;	   
   }
   
    .listDiv2b{
	display:inline;
	float:left;
	min-width:120px;
	width:18%;
	  margin:0px;
	  padding:14px 0 0 5px;
	  text-align:left;	   
   }
   
    .listDiv3{
	display:inline;
	float:right;
	min-width:40px;
	width:16%;
	  margin:0px;
	  padding:1px 0 0 5px;	
	  text-align:left;   
   }
 
    
   .listDiv4{
	display:inline;
	float:left;
	min-width:40px;
	width:10%;
	  margin:0px;
	  padding:14px 0 0 5px;	
	  text-align:left;   
   }
   
   .listDiv5{
	display:inline;
	float:left;
	min-width:60px;
	width:40%;
	  margin:0px;
	  padding:14px 5px 0 5px;	
	  text-align:left;   
   }
   
      .listDiv4b{
	display:inline;
	float:left;
	min-width:40px;
	width:17%;
	  margin:0px;
	  padding:12px 0 0 5px;	
	  text-align:left;   
   }
   
   .listDiv5b{
	display:inline;
	float:left;
	min-width:75px;
	width:17%;
	  margin:0px;
	  padding:12px 5px 0 5px;	
	  text-align:left;   
   }
 
   
   .listDiv6{
	display:inline;
	float:right;
	min-width:52px;
	width:7%;
	  margin:0px;
	  padding:13px 7px 0 5px;	
	  text-align:left;   
   }
   
   
   
   
   
   
 .functionBox{
background-color:#eeeeee; 
border:solid; 
border-style:double; 
border-width:1px; 
margin:8px; 
padding:8px	 
 }
   
a.anchor {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

SPAN#repeatPic{
	border-right:solid 4px #950011;
}

DIV#saving{
width:100%; height:100vh; background-color:#FFFFFF; text-align:center; visibility:hidden; z-index:1000; position:fixed; top:0px; left:0px; right:0px; 
opacity: 0.95;
	-moz-opacity: 0.95;
	filter: alpha(opacity=95);
	min-height:100vh;
}

DIV#textEdit{
	width:100%; height:100vh; background-color:#FFFFFF; text-align:center; visibility:hidden; z-index:1010; position:fixed; top:0px; left:0px; right:0px; 
opacity: 0.96;
	-moz-opacity: 0.96;
	filter: alpha(opacity=96);
	min-height:100vh;	
}

.panelMenuItem{
padding:15px 0 15px 45px;
margin:0px;
background-image:url("../images/wsimages/paneldent.png");
background-position:0 14px;
background-repeat:no-repeat;	
	list-style:none;
}
.pageList ul{
overflow: hidden;
  margin:0px 0 35px 0;
    padding:0px;
    
}

.pageList li{
list-style-position: inside;
    overflow:hidden;
    position: relative;
padding:6px 0 10px 36px;
margin:0px;
background-image:url("../images/wsimages/paneldent.png");
background-position:0 5px;
background-repeat:no-repeat;	
	list-style:none;
    text-align: left;
}

.pageList li ul{
    margin:10px 0 0 0;
}

.pageList li ul li{
padding:1px 0 11px 20px;
margin:0px;
background-image:url("../images/wsimages/open-item-arrow-over.gif");
background-position:0 6px;
background-repeat:no-repeat;	
	list-style:none;
    text-align: left;
}

.sectionIndex{
	padding:0px 0 18px 40px;
margin:0px;
background-image:url(../images/arrowdent.png);
background-position:left 4px;
background-repeat:no-repeat;	
	list-style:none;
    text-align:left;
}


.dottedMenuItem{
padding:0px 0 8px 30px;
margin:0px;
background-image:url(../images/aandot.gif);
background-position:left 4px;
background-repeat:no-repeat;	
	list-style:none;
}


.responsivePageBlock{
	margin:0px 2.3% 25px 0;
	padding:0px 0 0px 0;
	width:31%;
	display:inline;
	float:left;
	text-align:left;
}


.generalPageLeft{
	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	width:48%;
	display:inline;
	float:left;
	text-align:left;
}

.generalPageRight{
	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	width:48%;
	display:inline;
	float:right;
	text-align:left;
}

.formLeft{
    padding:5px 1% 10px 0;
	width:27%;
	display:inline;
	float:left;
	text-align:left;    
    
}
.formRight{
    padding:5px 0 10px 1%;    
	width:71%;
	display:inline;
	float:right;
	text-align:left;    
    
}

.thirdPageBlock{
	margin:0px 0% 0px 0%;
	padding:0px 2% 0px 2%;
	width:29.1%;
	display:inline;
	float:left;
	text-align:left;
	min-height:335px;
}

.tpbLine{
background-image: url(../images/wsimages/page-vert-divide.png); 
background-position:right center;
Background-repeat: no-repeat;
}


.quarterPageBlock{
	margin:0px 1% 0px 0;
	padding:0px 0 0px 0;
	width:24%;
	float:left;
    vertical-align: middle;  
	  text-align:center;
     display: flex;
  justify-content: center;
  align-items: center;
    min-height:160px;
}

.glassMe{
    padding:2%;
    min-height:120px;
  border-radius: 10px;
  position: relative;
    color:#ffffff;
    text-shadow: 1px 1px 1px #222222;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50);	
 background: rgb(1,1,1);
background: linear-gradient(335deg, rgba(1,1,1,0.5) 0%, rgba(3,37,72,0.5) 12%, rgba(62,128,206,0.5) 20%, rgba(206,224,245,0.5) 33%, rgba(84,114,174,0.5) 57%, rgba(28,28,28,0.5) 81%, rgba(1,9,28,0.5) 100%); 
  overflow: hidden;
}


.gridLeft, .gridRight, .gridFull, .gridCont{
height:200px;

}

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    
}
.styled-table thead tr {
    background-color: #3c8c4f;
    color: #ffffff;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
    border:none;
}
.styled-table tbody tr {
    
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #999999;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #3c8c4f;
}


.gridLeft{
	     opacity: 1;  
            margin:0 0.5% 10px 0.5%;
  position: relative;
            display:inline;
            float:left;
  width: 49%;
            height:350px;
            background-position: center top;
            background-repeat: no-repeat;
            background-size: 100% auto;
}

.gridRight{
	  opacity: 1;  
            margin:0 0.5% 10px 0.5%;
  position: relative;
            display:inline;
            float:right;
  width: 49%;
            height:350px;
            background-position: center top;
            background-repeat: no-repeat;
            background-size: 100% auto;
}

.gridFull{
  opacity: 1;  
            margin:0 0 10px 0;
  position: relative;
            display:inline;
            float:left;
  width: 100%;
            height:550px;
            background-position: center top;
            background-repeat: no-repeat;
            background-size: 100% auto;
}


.gridCont {
     opacity: 1;  
            margin:0 0.5% 10px 0.5%;
  position: relative;
            display:inline;
            float:left;
  width: 32%;
            height:550px;
            background-position: center top;
            background-repeat: no-repeat;
            background-size: 100% auto;

}


.gridContMiddle {

  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
    width:50%;
    height:50%;
-ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
text-align: center;
   display: flex;
    align-items: center;
border:solid 1px rgba(255,255,255,0.50);
  
}

.gridCont:hover {

    
}

.gridCont:hover .gridContMiddle, .gridLeft:hover .gridContMiddle, .gridRight:hover .gridContMiddle, .gridFull:hover .gridContMiddle {
  opacity: 1;
   width:85%;
    height:85%;
}

.gridContText {
  background-color: rgba(0,0,0,0.50);
  color: white;
  font-size: 16px;
  padding: 16px 32px;
margin: 0 auto;
  text-align: center;
   
}


.centreLine{
	background-image: url(../images/wsimages/mid-line.png); 
	background-position:center;
	
}

.mapOverlay {
background:transparent;
position:relative;
width:100%; /* your iframe width */
height:400px; /* your iframe height */
top:400px; /* your iframe height */
margin-top:-400px; /* your iframe height */
}

.frontVideo{
width:100%;
height:560px;
background-color:#000000;	
}


.frontPageLeft{
	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	width:60%;
	display:inline;
	float:left;
	text-align:left;
	
}

.frontPageRight{
	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	width:34%;
	display:inline;
	float:right;
	text-align:right;
}


.frontTwitter{
	margin:0px 0 0px 0;
	padding:0px 2% 0px 0;
	width:31%;
	border-right:solid 1px #cccccc;
	display:inline;
	float:left;
	text-align:left;	
}

.frontProjBox{
	padding: 5px 12px 0 12px;
display:inline;
text-align:right;
height:24px;
float:right;
font-size:13px;

}


.frontProjects{
	margin:0px 0 0px 0;
	padding:0px 0 0px 3%;
	width:62%;
	display:inline;
	float:right;
	text-align:left;
}


.generalPageBox{
padding:12px;
margin:5px 0 0 0;
width:96%;
border:solid;
border-color:#D4D4D4;
border-width:3px;
min-height:125px;

-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;	
background-color:#FFFFFF;

	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.60);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.60);	
	
}



.slideout-menu {
   position: fixed;
  top: 0;
  bottom: 0;
  width: 350px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  text-align:left;
  background-color:#eeeeee;
   border-left:double 3px #666666;
   
  z-index: 1;
  display: none;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
 
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}


.BookingFormArea{
	padding:20px 15px 0 15px;
	width:100%;
	max-width:320px;
	font-size:15px;
	
}

DIV#bookingCloseCross{
	position:absolute;
	padding:6px 10px 6px 10px;
	top:10px;
	right:10px;
	border:solid 1px #666666;
	background-color:#cccccc;
    z-index:4000;
}


.mainActionButton{
	display:inline;
	float:left;
	width:60%;
    max-width:750px;
	font-weight:400;
	padding: 12px 1% 14px 1%;
	margin:10px 19% 10px 19%;
	text-align:center;
		background: url(../images/wsimages/prehead-bg.jpg) center center / 100% 100% no-repeat;

	font-size:22px;
color:#222222;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.60);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.60);	
}

.mainActionButton:link, .mainActionButton:active, .mainActionButton:visited{
color:#184b2d;    
text-shadow:none;
font-size:19px;
}

.mainActionButton:hover{
	font-size:19px;
color:#ffffff;
	background-image:none;
	background-color:#3b7353;
	cursor:pointer;
	text-decoration:none;
}

.mabHalfRight{
width:47%;	
height:28px;
float:right;
display:inline;

}


.mab1{
	
	background-image:url(../images/wsimages/logo-icon.gif);

}

.mab2{

	background-image:url(../images/wsimages/logo-fire-icon.gif);

}

.mab3{
	
	background-image:url(../images/wsimages/logo-safety-icon.gif);
	
}


.productButton {
	-moz-box-shadow: 1px 2px 5px -3px #212121;
	-webkit-box-shadow: 1px 2px 5px -3px #212121;
	box-shadow: 1px 2px 5px -3px #212121;
	background-color:#f18000;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:10px 33px;
	text-decoration:none;
	text-shadow:1px 2px 2px #363636;
}
.productButton:hover {
	background-color:#474747;
}
.productButton:active {
	position:relative;
	top:1px;
}

.productButtonDisabled {
	-moz-box-shadow: 1px 2px 5px -3px #212121;
	-webkit-box-shadow: 1px 2px 5px -3px #212121;
	box-shadow: 1px 2px 5px -3px #212121;
	background-color:#cccccc;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#888888;
	font-family:Arial;
	font-size:18px;
	padding:10px 33px;
	text-decoration:none;
}


  button.accordion {
    background-color: #ececec;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
	border:none;
	border-top:solid 1px #D0D0D0;
    border-bottom:solid 5px #D0D0D0;
    text-align: left;
    outline: none;
    font-size: 17px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #dcdcdc;
}

button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796";
}

div.panel {
	margin:0;
    padding: 0 0px;
     background-color:#191919;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
	border-top:solid 1px #ffffff;
	border-bottom:solid 7px #ffffff;
    opacity: 0;
	font-size:22px;
	line-height:30px;
	color:#f5f5f5;
}

div.panel.show {
    opacity: 1;
	max-height:none;
 
}
  




.cardBox {
      width: 100%;
margin:10px 0% 20px 0%;
    }

    .fold-corner-card {
      margin: 0;
      padding: 1em;
    }

    .fold-corner-card {
      background:
        -webkit-linear-gradient(225deg, transparent 50%, #C9CCD4 50%),
        -webkit-linear-gradient(45deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)),
        -webkit-linear-gradient(135deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)),
        -webkit-linear-gradient(225deg, transparent 25px, rgba(0,0,0,0.05) 10px);
      background:
        -moz-linear-gradient(225deg, transparent 50%, #C9CCD4 50%),
        -moz-linear-gradient(45deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)),
        -moz-linear-gradient(135deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)),
        -moz-linear-gradient(225deg, transparent 25px, rgba(0,0,0,0.05) 10px);
      background:
        -o-linear-gradient(225deg, transparent 50%, #C9CCD4 50%),
        -o-linear-gradient(45deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)),
        -o-linear-gradient(135deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)),
        -o-linear-gradient(225deg, transparent 25px, rgba(0,0,0,0.05)10px);
      background:
        linear-gradient(225deg, transparent 50%, #C9CCD4 50%),
        linear-gradient(45deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)),
        linear-gradient(135deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)),
        linear-gradient(225deg, transparent 25px, rgba(0,0,0,0.05) 10px);
    }

    .fold-corner-card {
      -webkit-background-size: 35px 35px, 0 0, 0 0, 100% 100%;
      -moz-background-size: 35px 35px, 0 0, 0 0, 100% 100%;
      background-size: 35px 35px, 0 0, 0 0, 100% 100%;
      background-position: 100% 0, 0 0, 100% 100%, 100% 0;
      background-repeat: no-repeat;
    }
.cardLeft{
  	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	display:inline;
	float:left;
	text-align:left;  
}

.cardRight{
 	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	display:inline;
	float:right;
	text-align:left;   
}






  .accordionInfo{
	display:inline;
	float:left;  
	margin:0 35px 0 0;
	padding:0px;
	  
  }



.active, .accordion:hover {
  background-color: #ccc;
    font-size: 17px;
    color:#000000;
}

.accpanel {
  padding: 0px 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}



 DIV#pageLinks{

	margin:2px 0 0 0px;
	  width:100%;
	  padding:5px 0 0 0px;
	    text-align:right;

  }
  
  DIV#pageLinksLeft{
	display:inline;
text-align:left;
float:left;
width:60%;  
padding:6px 0 8px 0;
  }
  
   DIV#pageLinksRight{
	display:inline;
text-align:right;
float:right;
width:38%; 
padding:12px 2% 8px 0;
  }
  
  .pageLinkHead{
	  padding:3px 0 3px 4px;  
      min-height:62px;
	  font-size: calc(14px + 0.7vw);
	  font-weight:400;
      line-height:1.1;
    font-family: ralewaylight, Arial, Helvetica, sans-serif;  
      color:#888888;
  }
   
   .pageLinkItem{
	  padding:10px 2% 22px 0;
	  margin:0px ;
	  font-size:16px;
	 display:inline;
text-align:left;
float:left;
width:23%;  
font-family: RobMed, Arial, Helvetica, sans-serif;
	  
  }
   
  .pageLinkBig{
	width:42%;   
  }

  .pageLinkMed{
	width:31.3%;   
  }
  
  .pageLinkBlock{
      position:relative;
	margin:5px 0 1px 1px;
	padding:0px 0% 0 0%;
	width:93%; 
	height:150px;
      color:#ffffff;
      font-size:25px;
        line-height:1.3;
      font-weight:700;
    font-family: ralewaylight, Arial, Helvetica, sans-serif;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);  
	background-position:center top;
background-repeat:no-repeat;
background-size:cover;
box-shadow: 3px 3px 3px #555555;
}

.xxxpageLinkBlock:hover{
	margin:4px 0 0 0;
	padding:101px 0 0 0;
	width:99%; 
	height:26px;
	border:solid;
border-width:1px;
border-color:#222222;
}

  
 .pageLinkBlock2{
	margin:1px 0 1px 1px;
	padding:0px 0 0px 0;
	width:99%; 
	font-size:12px;
	line-height:14px;
     background-position: center center;
     background-repeat:no-repeat;
     background-size: cover;
box-shadow: 3px 3px 3px #555555;
     -webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;	
}

.pageLinkHTMLContent{
	padding:3px 3% 0px 5%;
    font-size:25px;
    color:#ffffff;
    min-height:120px;
    font-weight:700;
    text-align:left;
    line-height:1.4;
    font-family: ralewaylight, Arial, Helvetica, sans-serif;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

.pageLinkHTMLContent p{
    text-align:left;    
}


.pageLinkInterior{
	  padding:2px 4% 10px 0%;
	  margin:0px 0 0 0;
	  height:22px;
	  width:96%;
	  background-image:url(../images/wsimages/grey-trans-tile.png);
	  background-repeat:repeat;
	  text-align:right;
	  border-top:solid;
border-top-color:#333333;
border-top-width:1px;
font-weight:400;
    position:absolute;
    bottom:0;
   

  }
  
  .pageLinkInterior2{
	  padding:8px 3% 0 0;
	  margin:0px 0 0 0;
	  height:24px;
	  width:97%;
      color:#eeeeee;
      font-size:17px;
	  background-color:rgba(240,108,79,0.86);
	  text-align:right;
	  border-top:solid;
border-top-color:#333333;
border-top-width:1px;
font-weight:400;
      -webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
  }

.pageLinkBlock2:hover > .pageLinkInterior2 {
 background-color:#ffffff; 
color:#333333; 
    
}
.pageLinkBlock2:hover > .pageLinkHTMLContent {
background-color:rgba(0,0,0,0.50);
         -webkit-border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
   
}

.pageLinkInterior2 a{
color:#FFFFFF;
font-size:16px;
}
.pageLinkInterior2 a:hover{
color:#333333;
}



DIV#pageLink{
margin:0 auto;
padding:8px 0 20px 0%;
width:100%;
text-align:center;
clear:both;
	
}

.lb1{
	width:40%;
	margin:0px 0px 0 6%;
}
.lb2{
	width:32%;
	margin:0px 0px 0 5%;
}
.lb3{
	width:27%;
	margin:0px 0px 0 4%;
}
.lb4{
	width:22.7%;
	margin:0px 2% 0px 0;
}
.lb5{
	width:18%;
	margin:0px 1.8% 20px 0;
}

.pageLinkBox{
	
	padding:0px 0 0px 0;
	display:inline;
	float:left;
	
	font-size:19px;
color:#666666;
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;	
background-color:#FFFFFF;
border:solid;
border-color:#bbbbbb;
border-width:1px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.60);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.60);
	
line-height:15px;
}

.pageLinkBox:hover{
	border-color:#222222;
	color:#222222;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.80);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.80);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.80);	
}

.pageLinkTitle{
	margin:0px 0 0px 0;
	padding:9px 0 0 0;
	height:25px;
	-webkit-border-radius: 0 0 13px 13px;
-moz-border-radius: 0 0 13px 13px;
border-radius: 0 0 13px 13px;
border-top: solid 1px #999999;

background:-webkit-linear-gradient(rgba(255,255,255,0),rgba(180,180,180,1));	/*Safari 5.1-6*/
background:-o-linear-gradient(rgba(255,255,255,0),rgba(180,180,180,1)); /*Opera 11.1-12*/
background:-moz-linear-gradient(rgba(255,255,255,0),rgba(180,180,180,1)); /*Fx 3.6-15*/
background:linear-gradient(rgba(255,255,255,0),rgba(180,180,180,1)); /*Standard*/	

text-align:center;
}

.pageLinkInsideLeft{
	margin:3% 4% 2% 3%;
	padding:0px;
	width:32%;
	float:left;
display:inline;
	max-height:100px;
	overflow:hidden;
}

.pageLinkInsideRight{
	margin:0px 0 0 0;
	padding:5px 2% 0 0%;
	width:59%;
	display:inline;
float:left;
text-align:left;
font-size:13px;
line-height:15px;
}

.pageLinkPic{
	-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
	 margin:0px;
	 padding:0px;
	width:100%; 
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
 }

.pageLinkPicCurrent{
	 margin:0px;
	 padding:0px;
	width:100%; 
	
 }

 .pageLinkBox:hover .pageLinkPic{
	 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	 
 }


.instapic{
margin:0 5px 5px 0;
    max-width:31%;
}


.frontUpdateBlock{
    position:relative;
    top:70px;
    display:inline;
    float:right;
	margin: 0px 4% 0 0;
	padding:0px 20px 12px 20px;
	width:34%;
	max-width:1080px;
	min-height:200px;
	color:#ffffff;
    font-size:2vw;
     background-color:rgba(38,57,61,0.8);
        -moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60); 
}

.frontUpdateBlock h4{
	margin:0px 0 14px 0;
	font-size:4vw;
	color:#ffffff;
	font-weight:400;
	line-height:1.2;
font-family:  Arial, Helvetica, sans-serif;
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
	
}


.heroTextBlock{

}

.heroPicOuter{
min-height:800px; 
min-width:100%;
background-size:cover;
background-position: center center;
position:relative;
opacity:0.96;
}

.HeroPicTxt {
color:#ffffff;
bottom:40px;
right:2%;
  text-align: right;
width:48%;
  position:absolute;

}

.HeroPicTxt1 {
color:#ffffff;
top:50px;
right:2%;
  text-align: right;
width:48%;
  position:absolute;

}


.HeroPicTxt2 {
color:#ffffff;
bottom:50px;
left:2%;
  text-align: left;
width:60%;
  position:absolute;

}

.HeroPicTxt3 {
color:#ffffff;
bottom:50px;
left:2%;
  text-align: left;
width:55%;
  position:absolute;

}


.HeroPicTxt h3 {
margin:0 0 0px 0;
font-size:5vw;
text-align:left;
}
.HeroPicTxt1 h3{
margin:0 0 0px 0;
font-size:5vw;
text-align:right;
}
.HeroPicTxt2 h3 {
margin:0 0 0px 0;
font-size:7vw;
text-align:left;
}
.HeroPicTxt3 h3 {
margin:0 0 0px 0;
font-size:5vw;
text-align:left;
}


.HeroPicTxt h3, .HeroPicTxt1 h3, .HeroPicTxt2 h3, .HeroPicTxt3 h3 {
line-height:1.3;
padding:0;
color:#ffffff;
font-family: abeezeeregular, "Times New Roman", Times, serif;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}

.HeroPicTxt p {
font-size:1.5vw;
text-align:left;
}
.HeroPicTxt2 p, .HeroPicTxt3 p {
font-size:2.5vw;
text-align:left;
}
.HeroPicTxt1 p{
font-size:2.7vw;
text-align:right;
}

.HeroPicTxt p, .HeroPicTxt1 p, .HeroPicTxt2 p, .HeroPicTxt3 p {
color:#ffffff;
padding-left:10px;
font-family: abeezeeregular, "Times New Roman", Times, serif;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}


.fubTit{
    font-size:24px;
 padding:10px 0 10px 0px;
color:#333333;
	text-align:left;   
}

.fubTxt{
	padding:0 0 10px 0px;
color:#ffffff;
    font-weight:400;
	text-align:left;
font-size:1.7vw;
    line-height:1.4;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
}

.logoStrip{
	width:98%;
	margin:14px 0 8px 0;
	padding:0;
text-align:center;
}

.logoItem{
	padding:0px;
    height:92px;
	margin:0px 30px 10px 0;
	display:inline;
	float:left;
	
	
}


/* Front page stuff */

.halfWidth{
width:65%;
color:#380008;	
}

DIV#frontSubMenu{
	width:100%;
	min-height:44px;
	margin:22px 0 12px 0;
	padding:0px;
	background-color:#515151;
	
}
DIV#frontSubMenu li{
	
display:inline;
float:left;
padding:12px 24px 0 24px;
	
}
DIV#frontSubMenu a:link{
	color:#ffffff;
	font-size:17px;
	font-weight:400;
	font-family:  Arial, Helvetica, sans-serif;
	
}
DIV#frontSubMenu a:visited{
	color:#ffffff;	
}
DIV#frontSubMenu a:hover{
	color:#d0e2ce;	
}


DIV#frontStyles{
	margin:30px 0 0 0;
	
}

.frontStylesItem{
	display:inline;
	float:left;
	width:24%;
	padding:0 1% 0 0;
	
	
}

.frontStylesPic{
background-image:url(../images/wsimages/frontStyleBG.gif);
background-repeat:no-repeat;
background-position:center bottom;
	padding:0 0 25px 0;
}

.frontStylesTitle{
	padding:19px 0 5px 0;
	color:#000000;
	font-size:22px;
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif;
}



.frontHowToItem{
	display:inline;
	float:left;
	width:23%;
	padding:0 2% 0 0;
	
	
}

.frontHowToPic{
	margin:8px 0 14px 0;
	border:solid 1px #aaaaaa;
	
}

.frontHowToText{
	line-height:19px;
}


DIV#frontPressLeft{
	padding:0 0 0 20px;
	display:inline;
	float:left;
	}

DIV#frontPressRight{
	padding:15px 0 0 0;
	display:inline;
	float:right;
	}

.pressgallinks{
margin:0 0 0 64px;	
}

.pressgallinks li{
	padding:0 0 0 25px;
	background-image:url(../images/aandent.gif);
	background-position:0% 5px;
	list-style:none;
	background-repeat:no-repeat;
	
	
}

DIV#frontVideoLeft{
	display:inline;
	float:left;
}

DIV#frontVideoRight{
	
	margin:20px 0 0 0;
	display:inline;
	float:right;
}

.logBoxBox{
width:100%;
margin:8px 0 0px 0;
padding:0px;	
}

DIV#frontLoginLeft{
padding:30px 20px 20px 20px;
margin:0px;
display:inline;
text-align:left;
float:left;	
	width:414px;
	font-size:19px;
	background-color:#f1f1f1;
	border-left:solid 1px #919191;
	border-bottom:solid 1px #919191;
	border-right:solid 1px #919191;
	background-image:url(../images/wsimages/fade-strip-dn-tile.png);
	background-repeat:repeat-x;
	background-position:top;
}

DIV#frontLoginRight{

padding: 0px 20px 0 20px;
margin:0px;
display:inline;
text-align:left;
float:right;	
	width:596px;
}

 .newsLeft{
width:70%;
float:left;
display:inline;
padding:0 0 0 0;
text-align: left;
}

.newsRight{
width:30%;
display:inline;
float:right;
text-align:right;
padding:0px 0 0 0;
font-size:12px;
 font-family: Helvetica, Arial, sans-serif;   
}

.newsRightLink{
    margin:8px 0 4px 0;
min-width:100px; 
    bottom:0px;
}

.newsLeft2{
width:70%;
float:left;
display:inline;
padding:0 0 10px 0;
}

.newsRight2{
width:30%;
display:inline;
text-align:right;
float:right;
font-size:12px;

}

.newsRight3{
	padding: 0 15px 0 0;
display:inline;
text-align:right;
float:right;
font-size:12px;
}


.newsMain{
text-align:left;
font-size:12px;
    color:#333333;
    font-family: Helvetica, Arial, sans-serif;
    line-height:1.2;

}

.newsMain a:link, .newsMain a:active, .newsMain a:visited{
font-size:12px;
}
.newsMain a:hover{
font-size:12px;
}

.spaceBelow{
margin:0 0 10px 0;	
}

.mainRight{
	height:25px;
text-align:right;
font-size:12px;
line-height:16px;
}

.newsPicLeft{
	padding:0px;
	margin:0px;
display:inline;
text-align:left;
float:left;
width:30%;
background-position:left center;
background-repeat:no-repeat;
background-size:110px auto;
}


.newsPicRight{
display:inline;
text-align:left;
float:right;
width:68%;
}

.newsPicPic{
	display:inline;
	float:left;
	margin:1px;
	padding:0px;
	width:100%;
	border:none;
}

.newsPicPic:hover{
	margin:0px;
	border:solid;
border-width:1px;
border-color:#380008;
}

.projectPic{
 float:left;
margin:4px 10px 7px 0;    
 width:50%     
}



.projectBlock{
  display:inline;
    float:left;
    width:29%;
   background: url(../images/wsimages/prehead-bg.jpg) center center / 100% 100% no-repeat;
    margin:0% 0 10px 0;
    padding:4px 1% 10px 1%;
    -moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);   
}

.projectBlock h5{
    text-align:left;
    font-size:19px;
}

.equalHW {
	flex: 1;
}
.eqWrap {
    margin: 0 0 30px 0;
	display: flex;
    justify-content: space-between;
}

.linedPageBlock{
padding:7px 2% 7px 2%;
margin:0px 0 3px 0;
background-color:rgba(0,0,0,0.05);
border-bottom:solid 2px #aaaaaa;


}

.linedSideBlock{
border-bottom:solid 1px #702c1d;
padding:12px 0px 12px 0px;

}


.greyStripDivide{
		 margin:8px 0 16px 0;
padding:0px 0 0px 0;
height:7px;
border-top:solid;
	border-top-width:1px;
	border-top-color:#bbbbbb;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#bbbbbb;	
	background-color:#e8e8e8;
	text-align:center;
	
}

.pageBlockLeft{
	 margin:0px;
padding:0px 0px 0 0px;
width:60%; 
display:inline;
float:left;
text-align:left;
}

.pageBlockRight{
	 margin:0px;
padding:0px 0px 0 0px;
width:40%; 
display:inline;
float:right;
text-align:right;
}


.newsListItem{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	display:inline;
float:left;
}

.newsListImage{
	display:inline;
float:left;
padding:0px;
	margin:0px;
	width:30%;

}

.newsListPic{
	display:inline;
	float:left;
	margin:1px 1px 0 1px;
	padding:0px;
	width:99%;
	border:none;
}

.newsListPic:hover{
	margin:0;
	border:solid;
border-width:1px;
border-color:#380008;
}


.newsListCopy{

padding:0px 0px 0px 0px;
	text-align:justify;
font-size:15px;	
}

.newsCopyLeft{
	display:inline;
float:left;
padding:0px 1% 10px 0px;
	margin:0px;

	width:75%;
	text-align:left;
}
.newsCopyRight{
	display:inline;
float:right;
padding:14px 0px 0px 0px;
	margin:0px;
	font-size:14px;
	width:23%;
	text-align:right;
}

.newsListCopyLeft{
	display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:0px;
	width:40%;
	text-align:left;
	font-size:14px;
}


.newsListItemDrop{
	padding:0px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	height:10px;
	width:100%;
	background-image:url(../images/wsimages/fade-strip-dn.png);
	background-repeat:repeat-x;
	background-position:top;
	
}


.mainPic{
margin:20px 0 0 0;
	 z-index:500;
		-moz-border-radius:30px 30px 30px 30px;
	-webkit-border-radius:30px 30px 30px 30px;
	border-radius:30px 30px 30px 30px;		
}

.productButton {
	-moz-box-shadow: 1px 2px 5px -3px #212121;
	-webkit-box-shadow: 1px 2px 5px -3px #212121;
	box-shadow: 1px 2px 5px -3px #212121;
	background-color:#64241b;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:10px 33px;
	text-decoration:none;
	text-shadow:1px 2px 2px #363636;
}
.productButton:hover {
	background-color:#474747;
}
.productButton:active {
	position:relative;
	top:1px;
}


.productViewBlock{
	padding:0px 0px 0px 0px;
	margin:0px 0 5px 0;
}

.productViewPictureBlock{
	display:inline;
float:left;
padding:0px 2% 0px 0px;
	margin:0px 0 0 0;
	font-size:13px;
	width:34%;
	text-align:left;
}

.productViewBlockTextRight{
	display:inline;
float:right;
padding:12px 0px 0px 0px;
	margin:0px;
	
	width:64%;
	text-align:left;
}

.productViewBlockTextRightLarge{
   	display:inline;
float:left;
padding:12px 0px 0px 0px;
	margin:0px;
	
	width:100%;
	text-align:left;
}


.productViewTextLeft{
	display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:0px;
	font-size:13px;
	width:320px;
	text-align:left;
}

.productViewBlockLeft{
	display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:0px;
	font-size:13px;
	width:40%;
	text-align:left;
}

.productViewBlockRight{
	display:inline;
float:right;
padding:0px 0px 0px 0px;
	margin:0px;
	font-size:14px;
	width:80%;
	text-align:right;
}


.productListCopyLeft, .productListCopyLeft2{
	display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:0px;
	width:55%;
	text-align:left;
	font-size:14px;
}

.productViewCopyRight, .productListCopyRight, .productListCopyRight2{
	display:inline;
float:right;
padding:0px 1% 0px 0px;
	margin:0px;
	font-size:13px;
	width:44%;
	text-align:right;
}


.productListItem{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
	
	
}

.productListItemDrop{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:15px;
	width:100%;
	background-image:url(../images/lisola/fade-strip-dn.png);
	background-repeat:repeat-x;
	background-position:top;
	
}

.productListImage{
	display:inline;
float:left;
padding:0px;
	margin:1px;
	width:20%;
	border:none;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100% auto;
}

.productListImage:hover{
	display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:0px;
	width:20%;

	border:solid;
	border-width:1px;
	border-color:#000000;
}


.productListCopy{
	display:inline;
float:left;
padding:10px 0px 0px 0px;
	margin:0px 0 0 2%;
	width:77%;
	text-align:left;
}

.productListCopy2{
	display:inline;
float:left;
padding:10px 0px 7px 0px;
	margin:0px 0 0 2%;
	width:77%;
	text-align:left;
}



.productListCopyLeft, .productListCopyLeft2{
	display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:0px;
	width:60%;
	text-align:left;
	font-size:14px;
}

.productViewCopyRight, .productListCopyRight, .productListCopyRight2{
	display:inline;
float:right;
padding:0px 1% 0px 0px;
	margin:0px;
	font-size:13px;
	width:39%;
	text-align:right;
}



DIV#infoView{
width:100%; 
background-color:#FFFFFF; 
text-align:center; 
visibility:hidden; 
z-index:1000; 
position:absolute; 
top:0px; 
left:0px; 
right:0px; 
bottom:0px;
min-height:100%;
}



 .socialButt{
	display:inline;
float:left;
padding:0px;
	margin:0px 0px 0 0;

}

.socialButt:hover{
	display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:3px 0px 0 0;

}

 .socialIcon{
	  width:25px;
	padding:5px 0px 0 13px;  
	display:inline;
	float:left;  
  }
  
  .socialIcon2{
	  width:180px;
	padding:2px 0px 0 0;  
	display:inline;
	float:left;  
  }
  
  .socialIcon3{
	  width:70px;
	padding:4px 0px 0 0px;  
	display:inline;
	float:left;  
  }
  
   .socialIcon4{
	  width:170px;
	padding:2px 0px 0 0px;  
	display:inline;
	float:left;  
  }
   
 DIV#calendarContainer{
	 margin:0 auto;
	 width:100%;
	 text-align:center;
	 
	padding:8px 0 5px 0;
  }
  
  
  
  
  
  
  
.concertBlock{
width:96%;
padding:15px 2% 12px 2%;
margin:0 0 22px 0;
background-repeat:repeat;
min-height:50px;
border:solid 1px #999999;
border-bottom:solid 2px #999999;
-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
}


.concertPicture{
display:inline;
	float:left;
	margin:1px;
	padding:0px;
	width:28%;
	border:none;
}

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



.concertCopy{
	margin:0 0 0 2%;
display:inline;
text-align:left;
float:left;
width:68%;
}

.concertLeft{
display:inline;
text-align:left;
float:left;
width:65%;

}

.concertLeft2{
display:inline;
text-align:left;
float:left;
width:40%;

}

.concertRight{
	padding:0 1% 0 0;
display:inline;
text-align:right;
float:right;
width:34%;
font-size:16px;
}


.concertMain{
text-align:left;
font-size:14px;
line-height:16px;
padding:10px 0 10px 0;
}

.concertInternalReplyBlock{
width:92%;
padding:8px 12px 2px 12px;
margin:0 0 12px 0;
background-image:url(../images/wsimages/side-bg-tile.png);
background-repeat:repeat;
min-height:30px;
border-style:solid;
border-width:1px;
border-color:#e6d19f;

border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#aaaaaa;
}
  
  

 
  
  
  .sectionFileBox{
	    margin:0px 0 50px 0%;
		width:96%;
	padding:10px 2% 10px 2%;
	border:dotted;
	border-width:1px;
	boder-color:#ECECEC; 
	background-color:#EFEFEF;

	
  }
  
 .sectionFileBox A:active {color:#e6ba66; font-size: 17px; text-decoration: none; font-weight: 700;}


   .mainThumb{
	   padding:2px;
	   border:none;
	   
   }
   
   .mainThumb:hover{
	   padding:1px;
	   border:solid;
	   border-width:1px;
	 border-color:#bbbbbb;  
   }

   
   
   .myCompareBox{
	padding:1px 3px 1px 3px;
	margin:0px;
	display:inline;
float:right;
}

.myCompareBoxTxt{
	padding:0px;
	margin:0px;
	display:inline;
float:right;
}



  .borderBox{
	  margin:10px 0 10px 0;
	padding:15px;
	border:dotted;
	border-width:2px;
	boder-color:#ECECEC;  
	  width:60%;
	  text-align:center;
  }
  
    .borderBoxReduced{
	  margin:0px 0 12px 0;
	padding:5px;
	border:solid;
	border-width:1px;
	border-color:#380008;
	background-color:#aaaaaa;  
	color:#FFFFFF;
	  font-size:16px;
	  font-weight:700;
	  text-align:center;
  }
  
  
  
DIV#galleryOuter{
	width:100%;
	min-height:365px;
	padding:0px 0% 20px 0%;
	margin:0 auto;
	
}

.galleryItem{
	padding:0px 0px 0px 0px;
	margin:0px 20px 20px 0px;
	width:162px;
	height:162px;
	display:inline;
float:left;
}

.galleryItemColEnd{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:162px;
	height:162px;
	display:inline;
float:left;
}
  
  .paymentSystemfullBlock{
	  width:100%;
	 padding:5px 0px 5px 0px;
	margin:0px 0 0 0; 
	 
  }
  
 .paymentSystemfullBlockColour{
	 width:100%;
	 padding:5px 0px 5px 0px;
	margin:0px 0 0 0; 
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	 background-color:#ffe471;
 }
  
  .paymentSystemPic{
  display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:0px 2% 0 0;
	width:10%;
  
  }
  
    .paymentSystemPicImage{
	   padding:2px;
	   border:none;
   }
   
   .paymentSystemPicImage:hover{
	   padding:1px;
	   border:solid;
	   border-width:1px;
	 border-color:#999999;  
   }

  
   .paymentSystemBlockLeft{
  display:inline;
float:left;
padding:0px 0px 6px 0px;
	margin:0px;
  width:49%;
  text-align:left;
  }
  
   .paymentSystemBlockLeftWide{
  display:inline;
float:left;
padding:2px 0px 6px 0px;
	margin:0px;
  width:61%;
  text-align:left;
  }
  
  
  
  .paymentSystemBlockRight{
  display:inline;
float:right;
padding:0px 0px 6px 0px;
	margin:0px;
  width:39%;
  text-align:left;
  }
  
  
    .paymentSystemBlockLeft2{
  display:inline;
float:left;
padding:0px 0px 6px 0px;
	margin:0px;
  width:49%;
  text-align:left;
  }
  
  .spacedOut{
margin:0px 0px 6px 0px;
  }
  
  
  .paymentSystemBlockRight2{
  display:inline;
float:right;
padding:0px 0px 6px 2%;
	margin:0px;
  width:47%;
  text-align:left;
  border-left:none;
	border-left-width:1px;
	border-left-color:#999999;
  }
  
  
  
    .paymentSystemBlockFarRight{
  display:inline;
float:right;
padding:5px 0px 6px 0px;
	margin:0px;
  width:32%;
  text-align:left;
  }
  
  
  
  .paymentSystemItemLeft{ 
  display:inline;
float:left;
padding:0px 2% 0px 2%;
	margin:0px;
	width:28%;
	text-align:left;
  }
  
  
  .paymentSystemItemLeftLarge{ 
  display:inline;
float:left;
padding:4px 2% 0px 2%;
	margin:0px;
	font-size:17px;
	width:34%;
	text-align:left;
  }
  
  .paymentSystemItemRightLarge{
	  display:inline;
float:right;
padding:0px 2% 8px 2%;
	margin:0px;
	width:58%;
	text-align:left;  
	  
  }
  
  .paymentSystemItemLeftSmall{ 
  display:inline;
float:left;
padding:0px 2% 0px 2%;
	margin:0px;
	width:26%;
	text-align:left;
  }
  
  .paymentSystemItemRight{ 
  display:inline;
float:right;
padding:0px 2% 0px 2%;
	margin:0px;
	width:28%;
	text-align:left;
  }
  
  
  .paymentSystemItemRightFull{ 
  display:inline;
float:right;
padding:0px 2% 0px 2%;
	margin:0px;

	text-align:right;
  }
  
  
   .paymentSystemBlockWide{
  display:inline;
float:left;
padding:5px 0px 6px 0px;
	margin:0px;
  width:90%;
  text-align:left;
  }
  
 
DIV#basketBox{
	position:absolute;
	margin:0px;
	padding:0px;
	z-index:52;
	top:70px;
	left:11px;
	width:280px;
	background-color:#FFFFFF;
	border:solid;
	border-width:1px;
	border-color:#eeeeee;
}

DIV#basketBoxTitle{
	display:inline;
		float:left; 
		margin:0px;
		padding:5px 0 5px 7px;
		width:235px;
	font-size:20px;
	color:#64241b;
}


DIV#basketBoxOpenIcon{
	width:30px;
	margin:0px;
	padding:0px 0 0 0;
	display:inline;
		float:right; 
	
}


::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 7px;
}

::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: rgba(0,0,0,.5);
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
   -moz-box-shadow: 0 0 1px rgba(255,255,255,.5);
box-shadow: 0 0 1px rgba(255,255,255,.5);
}


DIV#basketBoxContents{
	margin:0px;
	padding:1px 0 3px 0;
	max-height:64px;
	overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#eeeeee;
	border-top:solid;
border-top-width:1px;
border-top-color:#eeeeee;
	
	
}

DIV#basketBoxContents2{
	margin:0px;
	padding:1px 0 3px 0;
	max-height:64px;
	overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#eeeeee;
	border-top:solid;
border-top-width:1px;
border-top-color:#eeeeee;
background-image:url(../images/wsimages/open-scroll-arrow-dn.gif);
background-repeat:no-repeat;
background-position:right bottom;
	
	
}


DIV#basketBoxLinks{
	padding:3px 0 0 0;
	height:22px;
	font-size:13px;
	color:#000000;
	text-align:right;
	border-top:solid;
border-top-width:1px;
border-top-color:#eeeeee;
}

.basketBoxItemRemove{
	display:inline;
		float:left; 
		margin:0px;
		padding:0 6px 1px 4px;
		width:20px;
}

.basketBoxItemTitle{
	display:inline;
		float:left; 
		margin:0px;
		padding:3px 0px 0px 0;
		width:160px;
}

.basketBoxItemPrice{
	display:inline;
		float:right; 
		padding:3px 0px 0px 0;
		width:65px;
		font-size:14px;
}


/* Album / discography page styles */

#wrapper ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #333333; width: 100%; border-top: 1px solid #333333; font-size: 0.9em; }
#wrapper ol li { position: relative; margin: 0px; padding: 7px 2px 7px 10px; border-bottom: 1px solid #666666; cursor: pointer; background-color:rgba(0,0,0,0.05);  background-repeat:repeat;}
#wrapper ol li a { display: inline; text-indent: -3.3ex; padding: 0px 0px 0px 10px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
#wrapper li.playing { color: #0b4745; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
#wrapper li.playing a { color: #000;}
#wrapper li.playing:before { content: '♬'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -16px; top: 5px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
     

.albumLeft{
display:inline;
text-align:left;
float:left;
width:45%;
}

.albumRight{
display:inline;
text-align:left;
float:right;
width:50%;
}

.albumRightLeft{
display:inline;
text-align:left;
float:left;
width:50%;
}

.albumRightRight{
display:inline;
text-align:right;
float:right;
width:50%;
}


.albumPlayerLeft{
display:inline;
text-align:left;
float:left;
width:63%;
}

.albumPlayerRight{
display:inline;
text-align:right;
float:right;
width:35%;
padding:0 2% 0 0;
}

.albumOther{
width:95%;
padding:10px 2% 10px 2%;
margin: 0 0 18px 0;
background-color:rgba(0,0,0,0.05);
background-repeat:repeat;
border-top-width:1px;
border-top-style:solid;
border-top-color:#333333;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#333333;

}

.albumOtherPic{
display:inline;
text-align:left;
float:left;
width:26%;
}

.albumOtherText{
display:inline;
text-align:left;
float:left;
width:72%;
padding:0 2% 0 0;
}

DIV#discoOuter{
	width:1040px;
	margin:0 auto;
padding:15px 0 0px 0px;


}

.discoLister{
padding:0px 0 18px 1%;
margin:0 0 15px 0;
display:inline;
text-align:left;
float:left;
width:93px;
height:72px;
overflow:hidden;
}



.discoImage{
	display:inline;
float:left;
padding:0px;
	margin:0px;
	width:92%;
	height:auto;
	background-size: 92% auto;
	background-color:#FFFFFF;
	border:solid;
	border-width:1px;
	border-color:#000000;
	background-position:left top;
	background-repeat:no-repeat;
}

.discoImage:hover{
	display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:0px;
	width:92%;

	border:solid;
	border-width:1px;
	border-color:#ffffff;
}

.discoLister2{
padding:15px 0 10px 0;
display:inline;
text-align:left;
float:left;
width:190px;
}

  
  /* Some general purpose items */
  
  .resposiveDrop{
	display:block;
	float:left;
}


  .separatedLink{
	  margin:0 30px 0 0;
	  
  }
  

 /* Customize the label (the container) */
.comtainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

/* Hide the browser's default checkbox */
.comtainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border:solid 1px #999999;
}

/* On mouse-over, add a grey background color */
.comtainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.comtainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.comtainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.comtainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 
 


  .checkoutInput{
	width:70%;
	font-size:17px;  
	  
  }
  
  .submitButtStyle{
	  -webkit-appearance: none;
	  color:#444444;
	font-size:17px; 
	width:90%; 
	height:33px; 
	padding:4px 0 4px 0; 
	margin:5px 6% 5px 0%;  
  }
  
  .submitButtStyle:hover{
	border:solid 1px #000000;
	color:#000000;
	 cursor: pointer; 
  }
  
  .notSoBig{
	width:60%;  
  }
  
  .qSelecter{
	font-size:15px;  
  }
  
    .qSelecter.error{
		 border:1px dotted red; 
  }
  
   .checkoutInput.error{
		 border:1px dotted red; 
  }
  
  .formStyle label.error{
	margin:30px 0 0 5px;
	color:#FF0004; 

  }
  
  
  .smlRedText{
font-size:13px;
color:#990000;
line-height:12px;
}

  .bigRedText{
font-size:22px;
color:#990000;
line-height:24px;
}


.showWaiter{
	background-image:url(../images/waiter2.gif);
	background-repeat:no-repeat;
	background-position:20px 20px;
	min-height:400px;
	width:100%;
	
}

.maxer{
	display:block;
width:100%; 	
height:3px;
}

  

.operation{
font-size:14px; 
color:#CA343F;
}

DIV#codeColour{
border:solid;
border-color:#ff0000;
border-width:4px;
height:35px;
width:266px;
padding:11px 3px 0px 7px;

}

.validation-advice {
	margin: 4px 0;
	padding: 4px;
	background-color: #cccccc;
	color : #000000;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}

.nodot{
list-style:none;
padding: 0px 0 0 0;
margin: 0px;

}

.messageBox{
border:solid 1px #999999;
    padding: 12px;
    font-size:20px;
    margin-bottom:15px;
}

.myFormElement{
font-size:16px;
font-weight:400;
	
	
}



DIV#bookingArea{
	margin: 0 0 18px 0;
	padding:25px 0 32px 0;
	text-align:center;
	width:100%;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#BEBEBE;
	
}


DIV#frontTestimonialsOuter{
	width:90%;
	min-height:140px;
	color:#555555;
	font-size:1.5vw;
	line-height:1.2;
font-family:  Arial, Helvetica, sans-serif;
	margin:12px 0 10px 0;
	padding: 24px 4% 6px 4%;
	background-image:url(../images/wsimages/feedback-open-inverted.png), url(../images/wsimages/feedback-close-inverted.png);
	background-repeat:no-repeat;
	background-position:left 10px, right bottom;
	
}

DIV#frontTestimonialsOuter a{
	font-size:19px;
	
}

.frontTestiName{
	font-size:16px;
	font-weight:700;
    font-family: Arial, Helvetica, sans-serif;
}

/* Begin Main Divs */

DIV#showOperation{
background-color:#990000;
color:#FFFFFF;
font-weight:700;
margin:0 auto;
	width:100%;
  padding:12px 0 12px 0;
  text-align:center;
}

DIV#showOperation a{
	color:#dddddd;
font-weight:700;
text-decoration:underline;
}

DIV#showOperation a:hover {
	color:#000000;
}


/* 3JS */

canvas {
  position: fixed;
  top: 0;
  left: 0;
}

.loader{
    bottom:50px;
    left:50px;
    z-index:200;
    position:fixed;
    }
   
    #load-perc{
    top:0;
        left:0;
        position:fixed;
        z-index:250;
        
    }    
    
    .loadStatus{
     color:#999999;   
        
    }
/* */


DIV#outer{
width:100%;
position:absolute;
margin:0 auto;
padding:0px;
z-index:1;

}

.bgloader{
	background-image:url(../images/waiter2.gif);
background-position: 30px 200px;
background-repeat:no-repeat;
}


DIV#preHeader{
	width:100%;
	min-height:35px;
	background-color:#ffe480;
	background: url(../images/wsimages/prehead-bg.jpg) center center / 100% 100% no-repeat;
	border-bottom:solid 1px #222222;
	z-index:15;
	position: relative;	
}

DIV#preHeadInner{


}

DIV#preHeadLeft{
		margin: 0 auto; 
		width:48%;
		padding: 4px 0 0 2%; 
font-size:15px;
line-height:21px;
float:left;
text-align:left;
	color:#dddddd;
}

DIV#preHeadRight{
width:48%;
padding:8px 2% 0 0;
color:#444444;
font-size:12px;
	display:inline;
		float:right;
		text-align:right;
}

.showLoader{
background-image:url(../images/loading.gif);
background-repeat:no-repeat;
background-position: right center;	
}

DIV#header{
	position:relative;
margin:0 auto;
width:100%;
text-align:left;
padding:0px;


}

DIV#headContainer{

    
}


DIV#headContainerHigh{
	margin:0 auto;
width: 100%;
  height: 100vh;
  max-height: 100vw;
  background-position: center top;
  background-size: cover;
  background-repeat:no-repeat;
  position: relative;	
  z-index:101;
  border-bottom:solid 4px #e6ba66;
}

.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	pointer-events: none; /* Allows right click menu on the video */
	background: url(../images/dotted_overlay_texture2c.png) left top repeat;
  opacity: 0.9;
}


.headPortalButt{
position:absolute;
    right:1.5%;
top:125px;
font-size:24px;
	color:#ffffff;
	font-weight:700;
margin:0px 0 0 0;
padding:13px 25px 15px 25px;
background-color:#333333;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.30);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.30);
-webkit-border-radius: 12px 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
border-radius: 12px 12px 12px 12px;		
}

.headPortalButt:hover{
	margin:3px 0 0 335px;
background-color:#646061;

	
}


DIV#logoOuter{
	margin: 0 auto;
width:100%;	


}

DIV#logoOuter2{
	margin: 0 auto;
width:1150px;	


}

.logoArea{
	position:relative;
	width:30%;
		margin: 0px 0px; 
		text-align:center;

		padding:0px 0 0 0%;
z-index:10;

	
}


.headerLogoImage{
margin: 42px 2% 0 2%;
	padding:0px 0px 0px 0px;
	max-height:222px;
    max-width:500px;
    width:96%;
}

.headerLogoNormal{
    margin:0;
    padding:0;
  max-height:190px; 
  
}

.headerLogoLarge{
    margin:0px 0 0 0%;
    padding:0;
    width:98%;

  max-width:580px; 
  
}


.logoNormal{
    display:inline;
    float:left;
width:42%;
padding:3px 0px 3px 0px;	
	margin:0 auto;
	text-align:left;

}

.logoBlock{
width:1085px;
    margin:0 auto;
    padding:15px 0 55px 0;
}

.logoAreaNormal{
	position:relative;
	display:inline;
	float:left;
		margin: 0px 0% 0px 2%; 
		text-align:left;
		width:25%;
		padding:60px 0 30px 0%;
z-index:10;
}

.logoAreaLarge{
position:relative;
display:inline;
float:left;
margin: 120px 0 0 0%; 
text-align:left;
width:100%;
padding:0px 0 0 0%;
z-index:10;
	
}


.videoCoverLogo{
position:relative;	
z-index:14;
width:640px;
height:130px;
    max-width:98%;
background-image:url("../images/wsimages/logo-dark.png");
background-repeat:no-repeat;
background-position:center top;
    background-size:100% auto;
margin:65px auto;
padding:0px;

}

.hideMe{
  display:none;
    visibility:hidden;
}
.testCover{
    margin:0 auto;
    position:relative;
  z-index:20; 
    width:100%; 
    height:410px; 
    background-repeat:no-repeat; 
    background-size:cover; 
    background-color:none;  
    background-image:url('../uploads/next-event-strip-dummy-01_1573119529.png'); 
    max-width:1100px;
}


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



.headerLogoText{
margin:0;
    color:#ffffff;
		font-size:28px;
    line-height:1.2;
		font-weight:400;
		padding:10px 10px 0 0;
		text-align:center;
font-family:  Arial, Helvetica, sans-serif;	
		text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
}

.headerLogoTextNormal{
	display:inline;
	float:right;
    color:#444444;
		font-size:19px;
		font-weight:400;
font-family:  Arial, Helvetica, sans-serif;		
		padding:0px 0% 0 0%;
        margin:0px 0 0 0%;
		text-align:left;
    
		
}

.headerLogoTextNormal2{
	display:inline;
	float:right;
    color:#555555;
    width:70%;
		font-size:18px;
		font-weight:400;
		
		padding:2px 0% 0 0%;
        margin:0px 0 0 0%;
		text-align:right;	
}


DIV#scrollDownIcon{
	position:absolute;
	margin:0 auto;
	width:87px;
	height:87px;
	padding:0 0 0 0;
	left:50%;
	margin-left:-43px;
	bottom:30px;
	
}

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

@media only screen and (max-width: 740px) {
DIV#scrollDownIcon{
display: none;
visibility: hidden;
}
}


.bounce {
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}

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

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}


DIV#headRight{
width:50%;
    max-width:500px;
padding:0px 5% 0px 0;
margin:0 0 0px 0;
    color:#555555;
	display:inline;
		float:right;
		
		
}

#headRightTop, #headRightTop2{
    color:#ffffff;
    text-size:18px;
text-align:center;
vertical-align: middle;    
padding:12px 0% 16px 0%;
}

DIV#headRightTopLeft{
	display:inline;
float:left;
text-align:right;
}

DIV#headRightTopRight{
	display:inline;
float:right;
width:31px;
text-align:right;
padding:3px 0 0px 3px;
}
#headRightMid{
clear:both;	
}
#headRightBottom{
    margin:70px 0 0 0;
    width:100%;
    padding:10px 0 10px 0;
font-size:2.5vw;
font-weight:700;
  display: flex;
  justify-content: center;
  align-items: center;
color:#ffffff;
background-color:rgba(0,0,0,0.50); 
-webkit-border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
border-radius: 12px 12px 12px 12px;	  
    -webkit-box-shadow: 3px 3px 3px 2px rgba(255,255,255,0.20);
-moz-box-shadow: 3px 3px 3px 2px rgba(255,255,255,0.20);
box-shadow: 3px 3px 3px 2px rgba(255,255,255,0.20);   
}

.headRightDark{
    
    z-index:14;
    margin:250px 0% 0 0%;
    padding:10px 2% 10px 2%;
    width:96%;
    min-height:120px;
    font-size:2vw;
    font-weight:700;
    color:#ffffff;
    text-align:center;
     display: flex;
  justify-content: center;
  align-items: center;
    background: rgb(37,37,37);
background: linear-gradient(127deg, rgba(37,37,37,0.15) 0%, rgba(48,48,48,0.15) 12%, rgba(152,152,152,0.15) 20%, rgba(116,116,116,0.15) 33%, rgba(33,33,33,0.15) 57%, rgba(163,163,163,0.15) 81%, rgba(32,32,32,0.15) 100%);
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.30);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.30);
-webkit-border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
border-radius: 12px 12px 12px 12px;	
    
}

DIV#headBottom{
width:100%;
min-height:230px;
margin:0px 0 0 0;	
padding:20px 0% 0 0;
color:#380008;
	background-image:url(../images/wsimages/fade-strip-up.png), url();
background-repeat:repeat-x, repeat-x;
background-position:center bottom, center top;
	display:block;
		float:none;
		text-align:left;
		
}

DIV#headBottom1{
width:100%;
min-height:125px;
margin:115px 0 0 0;	
padding:30px 0% 0 0;
color:#384537;
		background-image:url(../images/wsimages/fade-strip-up.png), url();
background-repeat:repeat-x, repeat-x;
background-position:center bottom, center top;
	display:block;
		float:none;
		text-align:left;
		
}

DIV#headBottom2{
width:100%;
min-height:125px;
margin:0px 0 0 0;	
padding:5px 0% 0 0;
color:#384537;
		background-image:url(../images/wsimages/fade-strip-up.png), url(../images/wsimages/white-83-tile.png);
background-repeat:repeat-x, repeat;
background-position:center bottom, center top;
	display:block;
		float:none;
		text-align:left;
		
}

DIV#headBottom3{
width:100%;
min-height:230px;
margin:0px 0 0 0;	
padding:40px 0% 0 0;
color:#384537;
		background-image:url(../images/wsimages/fade-strip-up.png), url(../images/wsimages/white-83-tile.png);
background-repeat:repeat-x, repeat;
background-position:center bottom, center top;
	display:block;
		float:none;
		text-align:left;
		
}


DIV#subHeadStrip{
	width:100%;
	height:10px;
	background-image:url(../images/wsimages/sub-head-strip-tile.png);
background-repeat:repeat-x;
background-position:left bottom;
	
}

.headBig {
	font-size: 26px;
	color: #4591b8;
	font-weight:400;
}

.headMid {

	font-size: 20px;
	color: #4591b8;
	font-weight:400;
}

.headSml {
	font-size: 14px;
	color: #4591b8;
	font-weight:400;
}


DIV#menuAreaOuter{

background-repeat:repeat-x, no-repeat;
background-position:center top, 97.6% 8px;


z-index:101;
height:70px;
	position: relative;	
}


 DIV#menuArea{
   width:100%;
margin:0;
padding:11px 0 0 0;
text-align:left;
height:70px;
 background: rgba(0,0,0,0.8);
background: linear-gradient(58deg, rgba(102,102,102,0.9) 0%, rgba(48,48,48,0.9) 19%, rgba(116,116,116,0.9) 33%, rgba(83,83,83,0.9) 58%, rgba(80,80,80,0.9) 80%, rgba(156,156,156,0.9) 100%);
border-bottom: solid 1px #e6ba66;

   }
   

DIV#menuLogo{
      position:relative;
   width:29%; 
    margin:0px;
    padding:10px 0 0 1%;
    display: inline;
    float:left;
    text-align:left;
}

DIV#menuHere{
      position:relative;
    width:70%;
     margin:0px;
     display: inline;
    float:left;
 z-index:1001;  

}

  DIV#mainMenuHere{
	  position:relative;
	  display:inline;
	  float:left;
text-align:left;
padding:0px 0 0 1%;
margin:0;
width:84%;
z-index:1001;
}

DIV#mainMenuHere ul li{
	border:none;
	border-width:0px;
	padding: 0 0 0 0px;
}

   DIV#menuRight{
   margin: 16px 2% 0 0;
   width:13%;
   display:inline;
   float:left;
   text-align:right;
   }



.fadeStrip{
width:100%;
margin:0 auto;	
		z-index:15;
    height:10px;
	position: relative;	
background-image:url(../images/wsimages/page-top-bg-tile.png);
	background-repeat:repeat-x;
	background-position:center top;	

}

.fadeStripBottom{
width:100%;
margin:0 auto;	
	height:10px;
	background-image:url(../images/wsimages/page-bottom-bg-tile.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}


.addTopFade{
background-image:url(../images/wsimages/page-top-bg-tile.png);
	background-repeat:repeat-x;
	background-position:left top;	
	
}
  
   
DIV#pageContent{
margin:0 auto;
width:100%;

padding:0px 0px 0px 0px;


}

.pcWhiteBG{

background-color:rgba(255,255,255,0.96);

}

DIV#pageContentInner{
	margin:0 auto;
padding:0px 0px 0px 0px;
width:1100px; 
min-height:400px;
background-color:#ffffff;
background-image:url(../images/wsimages/page-top-bg-tile.png), url(../images/wsimages/page-bottom-bg-tile.png), url();
background-repeat:repeat-x, repeat-x, repeat-x;
background-position:center top, center bottom, center bottom;

	-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
}


DIV#pageArea{
 	 margin:0 auto;
padding:0px 0px 0px 0px;
width:100%; 
background-image:url(../images/wsimages/page-top-bg-tile.png);
background-repeat:repeat-x;
background-position:center top;     
  }
  

.pageSection{

	padding:0px 0 0px 0;
	margin:0px 0 0px 0%;
	text-align:justify;
    
    background-position:center top, center;
    background-repeat:repeat-x, repeat-y;
	
}


.pageSectionNP{
	padding:0;
	margin:0px;

}

.sectionPicFillLeft{
background-repeat:repeat-x, repeat, no-repeat, repeat;
background-position:center top, left top, left center, center center;
background-size: auto auto, 0% 0%, 50% auto, auto auto;
padding:50px 0 50px 0;
}

.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%, 50% auto, auto auto;
padding:50px 0 50px 0;
}

.sectionPicFillLeftWide{
background-repeat:repeat-x, repeat-y, repeat-y, repeat;
background-position:center top, right top, left center, center center;
background-size: auto auto, 50% auto, auto 100%, auto auto;
padding:40px 0 40px 0;
}

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

.sectionbackgrounds{
    background-image: none, url(../files/pages/white-trans-tile.png);
	background-repeat:repeat;
}



.fillContentRight{
	padding:70px 0 70px 0;
	display:inline;
	float:right;
	width:50%;
flex: 1;	
}

.fillContentLeft{
	padding:70px 0 70px 0;
	display:inline;
	float:left;
	width:50%;
flex: 1;	
}

.fillPictureRight{
	float:right;
	display:inline;
	width:50%;
	background-size:cover;
background-position:left center;
flex: 1;	
}

.fillPictureLeft{
	float:left;
	display:inline;
	width:50%;
	background-size:cover;
background-position:right center;
flex: 1;	
}

.addBorderBottom{
	border-bottom:solid 1px #e6ba66;

	
}

.addBorderRight{
	border-right:solid 1px #cccccc;   
  }
  
.addBorderTop{
	border-top:solid 1px #e6ba66;   
  }  
  
  
.responsiveShow{
	display:none;
	visibility:hidden;
float:none;
clear:both;
}



.dlArrow{
margin:0 0 8px 0;	
}


.commentBlock{
	
	margin:0px 0 16px 0;
	padding:1% 2% 1% 2%;
	border:solid 1px #cccccc;
	width:90%;
		-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.50);
box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.50);
	
}

.commentHead{
	padding:4px 2% 5px 0;
	text-align:right;
	font-size:13px;
	
}

.Collage {
	width: 100%;
	min-height: 365px;
	padding: 10px;
	margin: 0 auto;
	
}

.Caption{
    font-size:12px;
    font-weight:normal;
    font-family:arial;
	line-height:14px;
}

.captionTitle{
	font-size:14px;
    font-weight:700;
}

.Caption_Content{
    /* padding:10px; */
    color:#380008;
    padding:6px 20px 15px 20px;
}

.Image_Wrapper { 	
-moz-border-radius:6px;
  		  -khtml-border-radius: 6px;
				-webkit-border-radius:6px;
				border-radius:6px;
				background-repeat:no-repeat;
				opacity:0;
}

.Collage img{

    /* ensures padding at the bottom of the image is correct */
    vertical-align:bottom;

    /* hide the images until the plugin has run. the plugin will reveal the images*/
    /*opacity:0;*/
    }

 	DIV#topRight{
	top:5px;
	right:5px;	
	position:fixed;
	z-index:100;
	font-size:18px;
	color:#cccccc;
   
	}

DIV#topLeft{
	top:6px;
	left:8px;	
	position:fixed;
	z-index:101;
	
	}


DIV#outer2{
	position:fixed;
	z-index:2000;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:none;
    
	
}

DIV#galleryOuter{
	padding:0px;
	margin:0 0 30px 0;
	background-image:url(../images/waiter2.gif);
	background-repeat:no-repeat;
	background-position:20px 20px;
    
}

.galleria {
position:fixed;
padding:0 0 0 0px;
top:0%;
right:0;
bottom:0%;
left:0%;
text-align:center;

    }
   

	
.galleryItem {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	
}


.galleryItem img:hover{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
filter: grayscale(100%);

}

.galThumbGrey{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);


}
.galThumbNormal{
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.galleryItemColEnd {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 162px;
	height: 162px;

}
.galleryImage {
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px 2px 4px 2px;
	width: 158px;
	height: 158px;
	background-size: 160px auto;
	background-color: #FFFFFF;
	border: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
}
.galleryImage:hover {
	display: inline;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 4px 2px;
	width: 158px;
	border: solid;
	border-width: 1px;
	border-color: #000000;
}


/* Banner variations and styles */

   .fbaJSSOR{
	   
	cursor: move; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 820px; 
	height: 414px; 
	overflow: hidden;  
	  
  }
  
  .jssorContainer{
	  margin:0 0 0 7px; 
	  position: relative; 
	  top: 0px; 
	  left: 0px; 
	  width: 100%; 
	  height: 335px; 
	  overflow: hidden;
  }

DIV#frontBannerArea{
width:100%;

  margin: 0px 0px 0 0px;
  padding:0px;

  } 
  

 DIV#frontBannerArea2{
width:100%;
  margin: 0px 0px 0 0px;
  padding:0px;
  background-repeat:no-repeat;


  } 

.bannerStyler{
	width:100%;
background-position:center top; 
background-repeat:no-repeat;
margin:0px; 
padding:0px;	
text-align:center;
overflow:visible;

}

.bannerTit{
font-weight:400;
font-size:30px;
color:#444444;	
margin: 0 0 10px 0px;
padding:0 0 0 0;
line-height:30px;
}

DIV#mySliderTabs{
	width:100%;
	max-height:500px;

    border-bottom:solid 5px #4592cb;
	overflow:hidden;


}

.bannerBlockOuter{
	padding:0px 0 0 0;
	margin:0 auto;
	text-align:left;
	
}

.bannerTop{
	padding:8px 15px 8px 15px;
	width:395px;
	font-family:  Arial, Helvetica, sans-serif;
	background-image:url(../images/wsimages/dropdown-block-bg-tile.png);
	background-repeat:repeat;
	font-size:22px;
	font-weight:400;
	color:#ffffff;
	line-height:25px;
	 border-top:solid;
	border-width:4px;
	border-color:#ffffff; 
	
}

.bannerBottom{
	width:400px;
	padding:9px 10px 9px 15px;
	font-family:  Arial, Helvetica, sans-serif;
	background-image:url(../images/wsimages/white-75-tile.png);
	background-repeat:repeat;
	
	font-size:18px;
	line-height:24px;
	color:#444444;
	  border-bottom:solid;
	border-width:4px;
	border-color:#ffffff;
	

}

.bannerBottomRight{
float:right;
display:inline;
padding:0px;
margin:0px;	
}

.bannerBottomRight a{
	font-size:16px;
	color:#000000;
	font-weight:400;
}

.bannerBottomRight a:hover{
	color:#999999;
	text-decoration: underline;
	
}


.colourStrip{
	padding:0px;
	width:100%;
	height:8px;
	background-image: url("../images/wsimages/fade-strip-dn.png");
    background-repeat: repeat-x;
    background-position: top;
}


/* End banner stuff */
  
 		 
  DIV#howWorksOuter{
	
	width:100%;  
	  
  }
  
.howWorksItem{
	position:relative;
	 float:left;
	 display:inline;
  padding:0 2% 0 2%;  	
 width: 29%;
  margin:0 0% 20px 0%;  
  }
  
  .howWorksNumber{
	color:#666666;
	padding:12px 0 10px 12px;
	height:10px;
	font-size:30px;
	font-weight:700;
	text-align:left;  
  }
  
  .howWorksTitle{
	color:#4d4d4d;
	padding:10px 0 7px 15px;
	height:20px;
	font-size:28px;
	font-weight:700;
	text-align:left;  
  }
  
  .howWorksText{
	padding:15px;
	color:#444444;
	font-weight:400;
	text-align:left; 
  }
  
 

  
  
  DIV#bgContainer{
	margin:0 auto;
	position:fixed;
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:fixed;
	min-width:100%;
	min-height:100%;
	z-index:-50;	
}




 .pOuterBlock{
	  border-bottom:solid 5px #eeeeee;
	  padding: 20px 0 10px 0;
	  
  }
  
  .pOuterPic{
	  display:inline;
	  float:left;
	  width:20%;
	    
  }
  
   .pOuterPic2{
	  display:inline;
	  float:left;
	  width:220px;
	    
  }
  
   .pOuter2{
	  display:inline;
	  float:left;
	  width:80%;
	    
  }
  

  
    .pOuter{
	  display:inline;
	  float:left;
	  width:100%;
	    
  }
  
  
  
   .pOuter3{
	  display:inline;
	  float:right;
	  text-align:right;
	    
  }
  
  

DIV#preFootStrip{
	width:100%;
height:10px;
background-image:url(../images/wsimages/fade-strip-dn.png);
background-repeat:repeat-x;
background-color:#FFFFFF;
border-top:solid 1px #333333;
padding: 0px;
 }
 
.preFootContent{
	width:100%;
	text-align:center;
	background-image:url(../images/wsimages/foot-top-grad.png);
background-position:center top;
background-repeat:repeat-x;
	height:30px;
}

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

.footTxt{
font-size:11px;
font-weight:400;
color:#380008;
}

.picContrain{
	max-width:98%;
}


 DIV#footer{
margin:200px 0 0px 0;
padding: 0px 0px 30px 0px;
width:100%;
font-size:17px;
background-image:url(../images/wsimages/footer-bg-tile2.png);
background-position:center top;
background-repeat:repeat-x;
color:#555555;

}

.footInner{
margin:0 auto;
padding:0px 0 0 0;
width:1080px;
min-height:350px;
text-align:center;
}

.footInner2{
margin:0 auto;
padding:8px 0 0 0;
     background-color:#e6ba66;
	 	background: url(../images/wsimages/prehead-bg.jpg) center center / 100% 100% no-repeat;
    border-top:solid 2px #FFFFFF;
width:100%;
text-align:center;
min-height:50px;


}
 
 .footLeft{
width:35%;
float:left;
display:inline;
padding:95px 0 0px 0px;
text-align:left;
}

.footLeft h4{
color:#e6ba66;
}

.footLeft a{
font-size:16px;
color:#ffce55;
}
.footLeft a:visited{
font-size:16px;
color:#ffce55;
}

DIV#footLeftInner{
padding:10px 0 0px 20px;	
}

.footMid{
	display:inline;
padding:0px 0 0px 0%;
width:30%;
height:85px;
text-align:center;
float:left;

}
.footMid img{
max-width:100%;
}

 .footLeft2{
width:35%;
float:left;
display:inline;
padding:12px 0 0px 0px;
color:#444444;
font-size:14px;
text-align:left;
}

DIV#footLeftInner{
padding:10px 0 0px 20px;	
}



.footMid2{
	display:inline;
    margin:0px 0 0 0;
padding:11px 0 0px 0%;
width:30%;
font-size:14px;
text-align:center;
float:left;
color:#444444;
}
.footMid2 a{
color:#444444;
font-size:14px;
font-weight:400;
}



.footButts{
	margin:0px 0 20px 0;
width:100%;
	height:100px;
}

 .footerButt{
display:inline;
float:right;
padding:0px;
	margin:0px 0 3px 12px;

}

.footerButt:hover{
display:inline;
padding:0px 0px 0px 0px;
	margin:3px 0 0 12px;

}

.footRight{
width:35%;
display:inline;
float:right;
text-align:right;
padding:95px 0% 0px 0%;
line-height:17px;

}


.footLeft h4{
color:#e6ba66;
}
.footRight h4{
 text-align:right; 
 color:#e6ba66;
}


.footRight2{
width:35%;
display:inline;
float:right;
text-align:right;
padding:12px 0% 0px 0%;
font-size:14px;
line-height:17px;
color:#444444;
}

.footRight2 a{
color:#444444;
font-size:14px;
font-weight:400;
}


.footInfo{
font-size:16px; 
    border-top:solid 1px #dddddd;
    padding:20px 0 0 0;
    margin:20px 0 0 0;
}

.footInfo a{
color:#ffffff;
font-size:16px;
font-weight:400;
}

.footListItem{
    padding:0px;
margin:10px 0 0 0px;
list-style:none none inside;
}

.footListItem li{
padding:0px 0px 12px 24px;
margin:0px;
font-size:14px;
background-image:url(../images/arrowdent-white.png);
background-position:left 2px;
background-repeat:no-repeat;	
	list-style:none;
	text-align:left;
}

.footListItem li a{
font-size:14px;
    font-weight:400;
    color:#ffffff;
    margin:0;
    padding:0;
}

.footListItem2{
    padding:0px;
margin:10px 0 0 0px;
list-style:none none inside;
}

.footListItem2 li{
padding:8px 20px 8px 0px;
margin:0px;
list-style-type: none;
max-width:230px;
background-image:none;	
list-style:none none inside;
	text-align:left;
    border-top:solid 1px #cccccc;
}

.footListItem2 li a{
font-size:14px;
    color:#eeeeee;
    margin:0;
    padding:0;
}


/* BEGIN NAV */

.sticky {
    position: fixed;
    width: 100%;
	padding:0 0 0 0px;
	margin:0;
    left: 0;
    top: 0;
    z-index: 1001;
    border-top: 0;
	 background: rgba(0,0,0,0.8);
background: linear-gradient(58deg, rgba(102,102,102,0.8) 0%, rgba(48,48,48,0.8) 19%, rgba(116,116,116,0.8) 33%, rgba(83,83,83,0.8) 58%, rgba(80,80,80,0.8) 80%, rgba(156,156,156,0.8) 100%);
height:80px;

}

.sticky A.menuLink:link, .sticky A.menuLink:visited, .sticky A.menuLink:active{


}
.sticky A.menuLink:hover{

}
.sticky A.menuLinkCurrent:link, .sticky A.menuLinkCurrent:visited, .sticky A.menuLinkCurrent:active, .sticky A.menuLinkCurrent:hover{

}

A.menuLink:link {color:#fad676; font-size: 18px; text-decoration: none; font-weight: 400; font-family: cocogooseprolight, Arial, Helvetica, sans-serif;} 
A.menuLink:visited {color: #fad676; text-decoration: none; } 
A.menuLink:hover {color:#ffe59e; text-decoration: underline; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);} 
A.menuLink:active {color:#fad676; text-decoration: none; }

A.menuLinkCurrent:link {color:#fad676; font-size: 18px; text-decoration: none; font-weight: 700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); font-family: cocogooseprolight, Arial, Helvetica, sans-serif;} 
A.menuLinkCurrent:visited {color: #fad676; text-decoration: none; font-weight: 700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);} 
A.menuLinkCurrent:hover {color:#fad676; text-decoration: underline; font-weight: 700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);} 
A.menuLinkCurrent:active {color:#fad676; text-decoration: none; font-weight: 700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);}

A.menuDropLink:link,
 A.menuDropLink:active,
 A.menuDropLink:visited {
	color: #fad676;
	padding:0 0 0 15px;
	text-decoration: none;
	font-weight: 400;
     font-size: 16px;
	 font-family: cocogooseprolight, Arial, Helvetica, sans-serif;
}

A.menuDropLink:hover {
	color: #184b2d;
	text-decoration: underline;
    font-size: 16px;
}

A.menuDropLinkCurrent:link,
 A.menuDropLinkCurrent:active,
 A.menuDropLinkCurrent:visited {color:#fad676; font-size: 16px; text-decoration: none; font-weight: 700; padding:0 0 0 15px; font-family: cocogooseprolight, Arial, Helvetica, sans-serif; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);} 
A.menuDropLinkCurrent:hover {color:#fad676; text-decoration: underline; font-weight: 700;} 



DIV#nav {
margin:0;
padding: 0px 0px 0px 0;
text-align:center;
z-index: 501;
}	
		
		#nav a {
			-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 {
			text-align:center;
			float:none;
			display:block;
			width:auto;
			
		}
			#nav li {
				float: left;
				padding: 0px 0px 0px 0;
				margin: 0px 0px 0px 0px;
				line-height: 12px;
				position: relative;	
				text-align:left;
				background-image:url(../images/wsimages/menu-divide-bit.png);
				background-position:100% 0px;
				background-repeat:no-repeat;	
					
			}
		
				#nav li a {
				text-align:left;
				display:inline;
					float: left;
					padding: 23px 32px 35px 10px;
					
			
				}
				#nav li a:hover {
				padding: 27px 32px 31px 10px;	
				
				}
				
				#nav li a.selected {
					padding: 27px 32px 31px 10px;	
					color: #fff;
				
				}
				/* Same as .selected. Used for jQuery hack. See functions.js */
				#nav li a.hover {
				
					
				}
					
					.twocols{
							-webkit-column-count: 2; 
							-moz-column-count: 2; 
							column-count: 2; 
							-webkit-column-gap: 0px; 
							-moz-column-gap: 0px; 
							column-gap: 0px;
						}
						
						.twocols p{
				
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
						
							
				#nav ul li ul {
				margin:0px 0 0 0;
				padding:10px 0 10px 0;
				width:345px;
				display: none;
					position: absolute;
					left: -10px;
					top: 100%;
					text-align:right;
					border: solid 1px rgba(230,186,102,0.66);
                         background-image:url(../images/wsimages/page-top-bg-tile.png);
	background-repeat:repeat-x;
	background-position:center 1px;
					background-color:rgba(24,75,45,0.97);
				-webkit-border-radius: 0px 0px 14px 14px;
-moz-border-radius: 0px 0px 14px 14px;
border-radius: 0px 0px 14px 14px;	
	-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);
box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.60);                    
       
				}
				
				#nav li:hover ul {
					display: block;
					
				}
				
					#nav li ul li{
						float: none;
						margin: 0px;
						padding: 0px;
				background-image:none;
							line-height:18px;
						
					}
					
					#nav li ul li a {
							
						padding: 10px 16px 13px 23px;
							float: none;
							display: block;
							text-align:left;
							
						}
						
						#nav li ul li a:hover {
							padding: 10px 16px 13px 23px;
							background: url(../images/wsimages/prehead-bg.jpg) center center / 100% 100% no-repeat;
						}	
						
			.dropMenu{
	
	
	
}
	
	.navbar-checkbox {
  display: none;
}
.navbar-handle {
  display: none;
  cursor: pointer;
  position: relative;
  margin:0px;
  padding: 0px 2% 0 0;
 
 
  
}
.navbar-handle:before,
.navbar-handle:after {
  position: absolute;
  left: 0;
  right: 0;
  content: ' ';
}
.navbar-handle:before {
  top: 0;
}
.navbar-handle:after {
  top: 0;
}

#nav .navbar-handle {
  position: absolute;
  width:97%;
  text-align:right;
  font-size: 26px;
  top: 19px;
  right: 3%;
  z-index: 10;
  color:#e6ba66;
}
						
			/* END NAV */