body
{ 
	width:100%;
	font-family:"Calibri","Verdana","Arial";
	background-color:rgb(255,255,255,0.8);
	color:rgb(48,48,48);	
	background-image:url("images/contact.jpg");
	background-repeat: no-repeat;
	background-size:contain;
}
#contact
{
	background-image:url("images/contact.jpg");
}
#terrace
{
	background-image:url("images/terrace.jpg");
}
#events
{
	background-image:url("images/events.jpg");
}
#home
{
	background-image:url("images/home.jpg");
}
#galleries
{
	background-image:url("images/galleries.jpg");
}
#container
{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:26%;
}
#footer
{
	text-align:center;
}
#menu
{
	margin-bottom:1em;
}
#menuTop, #menuBottom
{
	float:left;
	width:50%;
}
#menuTop
{
	text-align:right;
}
#menuTop a, #menuBottom a
{
	color:rgb(48,48,48);
}
a
{
	text-decoration:none;
}
.menu
{
	margin-right:4em;
	text-transform:uppercase;
}      
hr
{   
	margin-top:1em;
	margin-bottom:1em;
	border-width:1px;
	color:rgb(0,0,0);
}
h1
{
	font-size:2em;
	text-align:center;
	text-transform:uppercase;
	color:rgb(19,29,38);
}
h2
{
	margin-top:0.25em;
	margin-bottom:0.25em;
	color:rgb(19,29,38);
	font-size:1.5em;
}
h3
{
	text-align:center;
	font-size:1em;
	margin:0;
	margin-bottom:0.5em;
	color:rgb(19,29,38);)
	text-align:left;
}
p
{
	margin-bottom:0.5em;
}

.clear{clear:both;}
.eventImage
{
	width:90%;
	float:none;
	margin-right:1em;
	margin-bottom:1em;
}
h4
{
	clear:both;
}
#eventsList p
{
	clear:both;
	text-align:center;
}
#facebook, #instagram, #youtube, #whatsapp, #tiktok
{
	width:18%;
	margin-left:1%;
	margin-left:1%;
	float:left;
	text-align:center;
}
#whatsappForm
{
	text-align:right;
	margin-right:1em;
	margin-top:0.5em;
}
#facebook img, #instagram img, #youtube img, #whatsapp img, #tiktok img
{
	width:60%;
}
#name, #phone
{
	width:7em;
}
#googleMap
{
	width:40%;
	height:18em;
	float:left;
	margin-left:1em;
}
#opening
{
	width:30%;
	float:right;
	margin-left:1em;
}
#function
{
	width:50%;
	float:right;
	margin-left:1em;
}
#opening img
{
	width:100%;
}
#colin, #goldie
{
	width:45%;
}
#colin
{
	margin-right:5%;
}

input[type=submit]
{
	background:#131426;
	color:rgb(255,255,255);
	margin-top:0.5em;
	border-style:none;
	border-radius:0.25em;
	line-height:1.25em;
}

#gallery td
{
	width:20%;

}
#gallery img
{
	width:100%;
	transition: .5s ease-in-out;
}


#gallery img:hover
{
  transform: scale(2);
}
#galleryMain td
{
	width:45%;
		text-align:center;
}
#galleryMain img
{
	width:100%;
}

#loginForm
{
	margin-left:40%;
	margin-top:10em;
	width:20%;
	text-align:center;
}
#loginForm input
{
	margin-top:0.25em;
	margin-bottom:0.25em;
}

<!-- END OF STYLE -->


  
img
{
	border-radius:0.5em;
}
#catalogueHeading a
{
	text-align:center;
	font-size:1.5em;
	margin-bottom:0.25em; 
	font-weight:normal;
	color:#3D52A0;
}
#catalogueHeading
{
	text-align:center;
}                
li   
{
	font-size:1em;
	margin-bottom:0.5em;
}
#contact
{
	margin-bottom:5%;
}             
.nowrap
{     
	overflow:hidden;
}                 
.bracketed
{
	font-style:italic;
	font-size:1em;
}                                 
#iconsLink
{
	width:100%;
	margin-bottom:1em;
	position:relative;top:-0.4em;left:-0.4em;
	padding-top:0.2em;
}
#accountLink, #checkoutLink{float:right;}
#accountLink{margin-right:5%;}
#checkoutLink
{
	width:10%;
	text-align:right;
	margin-right:2%;
}
#checkoutBasket
{
	height:1.7em;
	font-size:1.7em;
	line-height:1.5em;
	padding:0m;
	border-radius:0em;
	color:white;
}
#basket, #account
{
	height:2em;
}
#checkoutText
{
	position:relative;top:-0.1em;left:-1em;
}
#thankYou
{
	margin-left:5%;
	width:90%;
	text-align:center;
}
.page
{
	margin-left:5%;
	width:90%;
}
.column  
{          
	text-align:left;   
}    
.left, .right
{
	width:48%;
	text-align:left;
	float:left;
}
.left
{
	margin-right:4%;
}
           
.clearLeft
{
	clear:left;
}
.clearBoth
{
	clear:left;
	clear:right;
}                                                               
.image
{
	float:left;
	margin:1%;
}
.leftImages
{
	width:28%;
	float:left;
	margin-right:1em;
}    

.leftImages img
{
	margin-bottom:1em;     
}
.rightText            
{
	width:70%;
	float:left;   
}
td
{
	vertical-align:top;
}
tr
{
	height:1.5em;
}
#socialMedia, .privacy
{
	width:20%;
	float:left;
	margin-left:1em;
}
#socialMedia
{
	width:10%;
}
.privacy
{
	width:40%;
}
#socialMedia a img
{
	width:80%;
	margin-right:1em;
}
#contactForm
{
	width:45%;
	float:left;
}
#contactLabels, #contactFields
{
	float:left;
}
#contactFields
{
	width:75%;
}
#contactLabels
{
	width:25%;
}
.contactLabel, .contactField
{
	float:left;
}
.contactLabel
{
	line-height:1.5em;
}
.contactField
{
	margin-bottom:0.25em;
}
#message
{
	height:10em;
}
#contactName, #contactEmail, #contactPhone
{
	width:50%;
}
textarea
{
	width:88%;
	margin-top:0.5em;
}
.contactSubmit
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.mandatory
{
	color:rgb(255,0,0);
}                                                 
.contactForm, .contactDetails
{
	width:30%;
	float:left;
	margin-right:1%;
}
.contactForm
{
	margin-left:5%;
}
.hide
{
	display:none;
}
                      

.debug
{
	display:none;
}
.thanks
{
	font-size:2em;
}
#newsletter
{
	margin-top:1em;
}

#humanText, #humanRadio
{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
#humanText
{                          
	width:30%;
}
#humanRadio
{
	width:70%;
}
.human                                 
{
	width:18px;
	float:left;
}
.humanLabel
{
	float:left;
	width:15px;               
	height:15px;
	display:block;
	margin-top:1px;
}                       
.indent
{
	margin-left:2em;
}
#footer
{
	text-align:center;
	margin-top:1em;
	font-size:1em;
	border-top-style:solid;
	border-top-color:rgb(48,48,48);
	border-top-width:1px;
	padding-top:1em;
}                     
#catalogue
{
	margin-left:5%;
	width:90%;
}

.category, .product               
{
	width:24%;
	margin-right:1%;                          
	float:left;
	padding-bottom:1em;    
	margin-bottom:1em;
}          
.categoryName, .productName
{
	text-align:center;       
	color:rgb(0,0,0);               
	width:100%;                               

	margin-bottom:0.5em;
	padding-top:0.1em;
	padding-bottom:0.1em;  
	font-size:1.1em;         
	font-family:"Aptos","Calibri";
}
.productName, .productPrice
{

	color:rgb(0,0,0);

	padding-top:0.1em;             
	padding-bottom:0.1em;
	border-radius:15px;
}                                     
.categoryImage
{
	width:100%;
	text-align:center;  
}
.categoryImage img
{
	width:100%;    
	height:10em;    
}                 
.sup
{
	font-size:0.7em;
	position:relative;top:-0.7em;
}                               
.addToBasket
{                                   
	width:100%;
	padding:0;
}    
.productPrice
{                                            
	float:left;
	margin-left:5%;
	width:20%;
	margin-right:1%;
	line-height:2em;
	font-size:0.9em;
} 
.addToBasketButton
{
	width:45%;
	background-color:black;
	color:rgb(255,255,255);
	float:left;
	height:2em;
	cursor:pointer;
	border-radius:0.3em;
}
.quantity
{
	width:12%;
	margin-right:1%;
	float:left;
	height:2em;
}
#checkout
{
	margin-left:5%;
	width:45%;
	float:left;
}
#checkout th, td
{
	text-align:right;
}


#productName
{
	color:rgb(0,0,0);                       
	font-size:1.25em;
	text-align:center;
	margin-bottom:0.5em;
}    
#cartButtons
{                                        
	width:25%;
	margin-left:auto;
	margin-right:auto;
}                                      

#productDetails
{
	margin-left:5%;
	width:90%;
}
#productDetails p
{
	font-size:1em;
}
#viewBasket                                    
{                                                          
	position:fixed;top:2em;right:3em;
	width:8em;                   
	z-index:99;
}        
#description
{
	margin-left:1em;
	margin-right:1%;
	margin-bottom:1em;
	width:42%;
	float:left;
}                          
.productThumbnailLink1, .productThumbnailLink2, .productThumbnailLink3, .productThumbnailLink4, 
.productThumbnailLink5, .productThumbnailLink6, .productThumbnailLink7, .productThumbnailLink8,
.productThumbnailLink9, .productThumbnailLink10, .productThumbnailLink11, .productThumbnailLink12 
{
	display:block;        
	width:100%;
}
#moreProductThumbnails
{
	float:left;
	width:15%;
}
#mainProductThumbnailLink
{
	width:40%;
	float:left;
}

.productThumbnail1, .productThumbnail2, .productThumbnail3, .productThumbnail4, 
.productThumbnail5, .productThumbnail6, .productThumbnail7, .productThumbnail8,
.productThumbnail9, .productThumbnail10,.productThumbnail11, .productThumbnail12                           
{                                            
	width:100%;
}
.categoryText
{
	display:none;
}
#user, #password
{
	width:10em;
}
#userLabel, #passwordLabel
{
	padding-right:1em;
	padding-left:1em;
}
#accountDetails, #accountDetailsnotCheckout
{
	float:left;
	margin-left:3%;
	padding-left:2%;
	width:40%;
	border-left-style:solid;
	border-left-color:rgb(0,0,0);
	border-left-width:1px;
}
#accountDetailsnotCheckout
{
	width:90%;
	margin-left:5%;
	border-left-style:none;
	padding:0;
}
#loginAndBuyNow, #createAccountAndBuyNow
{
	text-align:center;
}
#loginAndnotCheckout, #createAccount
{
	width:48%;
	float:left;
	text-align:center;
}
#updateAccount
{
	width:48%;
	text-align:center;
	margin-left:5%;
}
#updateAccountAtCheckout
{
	text-align:center;
	margin-left:3%;
}
#createAccount
{
	border-left-style:solid;
	border-left-color:rgb(0,0,0);
	border-left-width:1px;
	padding-left:3%;
}
#createAccountAndBuyNow
{
	margin-top:1em;
	padding-top:0.5em;
	border-top-style:solid;
	border-top-color:rgb(0,0,0);
	border-top-width:1px;
}
#loginAndBuyNowButton, #createAccountAndBuyNowButton, #buyNowButton, #contactButton
{
	width:45%;
	background-color:black;
	color:rgb(255,255,255);
	height:2em;
	cursor:pointer;
	border-radius:0.3em;
	margin-top:0.5em;
}
#accountLabels
{
	width:30%;
	float:left;
	line-height:1.7em;
	text-align:left;
}
#accountInputs
{
	width:60%;
	float:left;
}
#accountInputs input
{
	margin-bottom:0.5em;
}
#errorMessage
{
	text-align:center;
	margin-bottom:0.5em;
	color:rgb(255,0,0);
}
#checkout a
{
	color:rgb(255,0,0);
}
.increase, .decrease, .delete
{
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	display:inline-block;
	width:1em;
	text-align:center;
}
.increase
{
	margin-left:0.5em;
	color:rgb(0,255,0);
	border-color:rgb(0,255,0);
}
.decrease
{
	margin-right:0.5em;
	color:rgb(255,0,0);
	border-color:rgb(255,0,0);
}
.delete
{
	color:rgb(255,0,0);
	border-color:rgb(255,0,0);
}
.pictureLeft, .pictureRight
{
	float:left;
	width:25%;
}
#pictureLeftTerrace{
	width:35%;
}
.pictureLeft img, .pictureRight img
{
	width:100%;
}
.pictureRight
{
	margin-left:1em;
}

.infoRight, .infoLeft
{
	float:left;
	margin-left:2%;
	width:73%;
}
#infoRightTerrace
{
	width:35%;
}
.infoLeft
{
	margin-left:0;
}
#easy
{
	background-color:#6f3996;
	background-image:url("images/clef.png");
	color:3d246a;
	border-radius:1em;
	border-color:#3d246a;
	border-style:solid;
	border-width:0.5em;
	margin-bottom:1em;
	padding:1em;
}