/***
	This file generated by /home/domains/vol2/291/2598291/user/htdocs/mpbShell.css.php at Tue, 29 Oct 2024 20:23:12 UTC 
***/
/* 
	CSS TEMPLATE file requires pre-processing via script using cssPrep.class.php with somShell.const.php file for 
	responsive design break points,  font sizes, left/right margins/padding
	Same constants file is used within somsShell.class.php for responsive images etc
*/

/* customise shell for maypole bells */

.respRow  figcaption {
	font-size: 0.8em;
	color: white;
	background-color: #341809;  /* invert colours*/
}

.somContent {
	background-color: #fbe9f1;   
	font-family:  'Abel', Arial, sans-serif;
									/* DO NOT INCLUDE FONT size - it will damage the cascading of sizes throughout SOM  */
	color: #341809;  
}

/* site specific CSS */
.somBanner-title {
	font-family: "Arial";
	font-size: .7em;
	font-weight: bold;
	text-align: center;
	background-color: white;
	width: 100%;
		margin-left: auto;
		margin-right:auto;
	/* min-width: 350px; */
	/* height: 100px; */
}

.somBanner-title img {
	display: block;
	width: 100%;
}
 /* mobile first banner go */
.somBanner-title div.logo {
	display:none;
	padding-left:  0.3em;
	padding-right: 0.3em;
}

.somBanner-title .respRow:first-child {
	padding-top: 0;
}

.somFooter {
	background-color: #341809;
	color: green;
}
	
.somFooter a {
	color: gold;
}

#somMenu-list li a, a#somMenu-button {
	color: #341809;  
}

#somMenu-list .somActiveMenu {
    background-color: #fbe9f1;  
}

@media	only screen and (max-width :600px) { 
	.maypole {
		width: 100%;
	}

}

@media	only screen and (min-width :600px) { 
		
	.somBanner-title {
		font-size: .8em;
	}

	.somBanner-title div.logo {
		display: block;
		/* font-size:1px; */
		/* max-height: 6em; */
	}
}

@media	only screen and (min-width : 768px) { 
	.somBanner-title {
		font-size: .8em;
	}
		
	.somBanner-title div.logo {
		display: block;
		/* font-size:1px; */
		/* max-height: 6em; */
	}
	
}

@media	only screen and (min-width : 992px) { 
		
	.somBanner-title {
		font-size: 1em;
		max-width: 1200px;  
	}
	.somBanner-title div.logo {
		display: block;
		/* font-size:1px; */
		/* max-height: 8em; */
	}
}

figure {
	display: inline-block;
}
a img {
	display: block;
	
}

.imgRight {
	width: 50%;
	float: right;
}

.imgRight img {
	width: 95%;
	padding-left: 1em;
}

.imgLeft {
	width: 50%;
	float: left;
}

.imgLeft img {
	width: 95%;
	padding-right: 1em;
}

.imgSmall {
	width: 40%
}


.noFloat {
	clear:both;
}



.productImage {
	display: block;
	margin-top: 1em;
	margin-left:auto;
	margin-right:auto;
}

.mpb-sally-1 {
	color: red;
	font-size:  3.8em;
}
.mpb-sally-2 {
	color: navy;
	font-size:  3.8em;
}
.mpb-sally-3 {
	color: Green;
	font-size:  3.8em;
}

#depricatedfooter {
	clear: both;
	min-height: 4em;
	text-align: center;
	font-size: 80%;
	margin-top: 2em;
	padding: 1.5em 3em 0 3em;	
}

.spacedUL li {
	margin-bottom:0.7em;
}

table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

table img {
	width: 100%
}

td, th {
	border: 1px solid black;
	padding-left: 1em;
	padding-right: 1em;
}

th {
	background-color: #341809;
	color: #fbe9f1;  
}


p.highlight {
	font-weight:bold;
	text-align: center;
}

p.sidenote {
	font-style: italic;
	font-size: smaller;
	margin-top: 0.25em;
}

p.listPrice {
	font-weight: bold;
	margin-top: 0.25em;
}

span.aside {
	font-style: italic;
	
}