/* Page layout */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');

body
{
	margin: 0;
	background: #494948;
	font-size: 12pt;
	color:#fff;
font-family: 'Raleway';
	position: relative;
	direction: ltr;
	text-align: left;
	line-height: 1.4em;

width: unset;
border-left: 15px solid #494948;
    border-right: 15px solid #494948;
border-bottom: 15px solid #494948;
}
#form1,#form2 { overflow-x:hidden;  overflow-y:hidden;}
.pageTop
{
display:none;
}

.pageGlobalMessage {
    font-family: 'Century Gothic',Arial;
    width: 100%;
    box-sizing: border-box;
    color: white;
    font-size: 16pt;
    background-color: #90a98e;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 28px;
    position: fixed;
    top: unset;
    z-index: 27;
    right: 0px;
    bottom: 0px;
    border-top: 2px solid #fff;
}

/*Funeral Categories*/
.categoryWrapper
{
width: 876px;
    height: 1500px;
    margin: 0px auto;
}

.category
{
width: 250px;
    float: left;
    height: 310px;
    padding: 10px;
    margin: 10px;
    border: 1px solid #c1c1c1;
}

.categoryImage {
    width: 250px;
    height: 230px;
text-align: center;
padding-top: 25px;
}

.categoryImage img {
    width: 200px !important;
    height: 200px !important;
transition: 0.3s;
}

.categoryImage img:hover {
transform: scale(1.2);
transition: 0.3s;
}


.categoryTitle
{
    text-align: center;
    font-size: 11pt;
    text-transform: lowercase;
font-family: 'Michroma', sans-serif;
}

.categoryTitle a
{
text-decoration: none;
transition: 0.3s;
}

.categoryTitle a:hover
{
opacity: 0.6;
transition: 0.3s;
}

/*Wedding Categories*/
.weddingCategoryWrapper
{
width: 960px;
    height: 350px;
    margin: 0px auto;
}

.weddingCategory
{
    width: 198px;
    float: left;
    height: 267px;
    padding: 10px;
    margin: 10px;
    border: 1px solid #c1c1c1;
}

.weddingCategoryImage {
width: 200px;
    height: 209px;
    text-align: center;
    padding-top: 0px;
}

.weddingCategoryImage img {
    width: 194px !important;
    height: 200px !important;
    transition: 0.3s;
}

.weddingCategoryImage img:hover {
transform: scale(1.2);
transition: 0.3s;
}


.weddingCategoryTitle
{
    text-align: center;
    font-size: 11pt;
    text-transform: lowercase;
font-family: 'Michroma', sans-serif;
}

.weddingCategoryTitle a
{
text-decoration: none;
transition: 0.3s;
}

.weddingCategoryTitle a:hover
{
opacity: 0.6;
transition: 0.3s;
}

/*about Categories*/
.aboutCategoryWrapper
{
width: 876px;
    height: 560px;
    margin: 0px auto;
}

.aboutCategory
{
width: 250px;
    float: left;
    height: 249px;
    padding: 10px;
    margin: 10px;
    border: 1px solid #c1c1c1;
}

.aboutCategoryImage {
width: 250px;
    height: 185px;
    text-align: center;
    padding-top: 25px;
}

.aboutCategoryImage img {
    width: 200px !important;
    height: 175px !important;
    transition: 0.3s;
}

.aboutCategoryImage img:hover {
transform: scale(1.2);
transition: 0.3s;
}


.aboutCategoryTitle
{
    text-align: center;
    font-size: 11pt;
    text-transform: lowercase;
font-family: 'Michroma', sans-serif;
}

.aboutCategoryTitle a
{
text-decoration: none;
transition: 0.3s;
}

.aboutCategoryTitle a:hover
{
opacity: 0.6;
transition: 0.3s;
}


.pageSides
{
background-color: unset;
}

#header-bar { width:100%; background:#90a98e; position:fixed; top:0; left:0; z-index:1000;}

.adminpage #socialLinks,.adminpage #awardImage3, .adminpage #boxes, .adminpage #telephone, .adminpage #email, .adminpage #location, .adminpage #header-bar { display:none;}

.adminpage body
{

border:none;

}



.cke_wysiwyg_frame, .cke_wysiwyg_div {
    background-color: #979797 !important;
}

#socialLinks 
{ 
    margin: 0;
    position: absolute;
    top: 25px;
    right: 159px;
    z-index: 10;
    width: 123px;
}
.socialLinks.footer { margin:5px 0 0 0; position:inherit; padding:0;}
#socialLinks .fa {  color:#485831; margin:0 0 0 0;}
.socialLinks.footer .fa  {  color:#fff;}
#socialLinks .social 
{ 
background: unset;
    color: #ac7276;
    display: inline-block;
    padding: 8px 0 8px 8px;
    text-align: center;
    width: 30px;
    font-size: 23px;
    margin: 0 0 10px 0;

}

.socialLinksFooter .social 
{ 
    background: #494948;
    color: #fff;
    display: inline-block;
    padding: 8px 0 8px 3px;
    text-align: center;
    width: 30px;
    font-size: 19px;
    margin: 0 0 20px 0;

}

#socialLinks .social .fa { margin:0 auto;}
#socialLinks .social:hover { background:unset;}
.socialLinksFooter .social:hover { background: unset;}
#socialLinks .social:hover .fa { color:#b0913c;}
.socialLinksFooter .social:hover .fa {
    color: #90a98e;
}
#bannerImage
{
    background: url(/Websites/1375/Images/upload/image/Logo_FiveValleyFlowers.png?ver=1068);
    height: 202px;
    background-size: contain;
    margin: 0px auto;

    background-repeat: no-repeat;
    margin: 0px auto;
background-position: center;
position: relative;

    top: 7px;
transition: 0.3s;
transition-timing-function: ease;
}

#pageBanner
{
height: 217px;
transition: 0.3s;
transition-timing-function: ease;

}
#pageBanner #socialLinksLarge
{
left:820px;
transition: 0.3s;
}
#pageBannerLinkBox
{
    width: 476px;
    height: 75px;
    position: relative;
    text-align: center;
    margin: 0px auto;
background: rgb(255 255 255 / 0%);
    margin-bottom: -136px;
    z-index: 1;
    padding-top: 61px;
}

#pageBannerLinkBox a
{
    padding: 100px 181px;
color: rgb(255 255 255 / 0%);
}


#strap {
position: absolute;
    width: 100%;
    top: -22px;
    color: #fff;
    font-size: 12pt;
    height: 0px;
    z-index: 20;
    text-align: center;
}
#awardImage3
{
    /* text-align: left; */
    height: 0px;
    margin: 0px;
    position: absolute;
    top: 52px;
    right: 165px;
    left: unset;
z-index: 1000000;
}
#telephone {
    position: absolute;
    top: 56px;
    left: 171px;
    color: #485831;
    font-size: 12pt;
    height: 0px;
    z-index: 20;
    text-align: left;
}
#email {
    position: absolute;
    top: 30px;
    left: 171px;
    color: #485831;
    font-size: 12pt;
    height: 0px;
    z-index: 20;
    text-align: left;
}
#location 
{ 
position: absolute;
    top: 70px;
    left: 171x;
    color: #90a98e;
    font-size: 12pt;
    height: 0px;
    text-align: left;
    z-index: 20;
}
#telephone .fa,#location .fa, #email .fa { margin-left:4px; color: #485831;}
#telephone a, #email a {text-decoration: none; color: #485831; font-weight: normal; }
#telephone a:hover, #email a:hover{color: #90a98e;}

/*#homeSlides { width:960px; height:357px; margin-bottom:20px;}*/
/* HOME SLIDES */
.homeSlides 
{ 
width: 100%;
    height: auto;
    margin-bottom: 20px;
    position: absolute;
    top: 283px;
    left: 0;
}


.slideLink
{
width: 510px;
    height: 111px;
    padding-top: 17px;
    border: solid 1px #fff;
    position: relative;
    top: 211px;
    transition: 0.2s;
    margin: 0px auto;
    background-color: rgb(73 73 72 / 67%);
}





.slideLink a:hover
{
color: #000;
transition: 0.2s;
}

 .slideText {

    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 29pt;
    opacity: 1;
    text-shadow: unset;
    transition: 0.2s;
    /* line-height: 25px; */
    margin: 0px;
    margin-top: 7px;
    margin-bottom: 31px;
}


.slideText2
{

    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 14pt;
    opacity: 1;
    text-shadow: unset;
    transition: 0.2s;
    /* line-height: 25px; */
    margin: 0px;
}
.slideText2 a:hover
{
background-color: rgba(255, 255, 255, 0.75);
transition: 0.2s;
}
.slideText2 a
{
    color: #fff;
    text-transform: uppercase;
    padding: 9px 15px;
    transition: 0.2s;
    background-color: rgb(144 169 142);
}
 

/* HOME JUMP BOXES */
#jumpBoxesOuter 
{ 

    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
height: 1544px;
    margin-bottom: -521px;
    background: #494948;
}
#jumpBoxLeft
{ 
    width: 50%;
    height: 500px;
    text-align: center;
    float: left;
    background: #494948;

    background-size: cover;
    overflow: hidden;
    transition: 0.2s;
margin-top: -21px;
margin-bottom: -21px;
 display: flex;
    flex-direction: column;
    justify-content: center;
}

#jumpBoxLeft p
{
font-size: 10.5pt;
    min-width: 439px;
    max-width: 550px;
    margin: 0px auto;
    width: 80%;
    margin-bottom: 10px;
}

#jumpBoxLeft a
{
    font-size: 1.5vw;
    color: #fff;
    background-color: #90a98e;
    padding: 9px 26px;
    margin: 0px auto;

}
#jumpBoxLeft a:hover
{
    background-color: #fff;
    color: #000;
}

#jumpBoxLeft:hover
{

transition: 0.2s;
}

#jumpBoxCenter
{ 
    width: 25%;
    height: 500px;

    /* margin-left: 67px; */
    text-align: center;
    float: left;
    background: #fff;
    background: url(/Websites/1106/images/upload/image/jumpBoxTopLeftNew.jpg) no-repeat 50% 50%;
    background-size: cover;
    overflow: hidden;
    transition: 0.2s;
display: none;

}

#jumpBoxCenter:hover
{

transition: 0.2s;
}


#jumpBoxRight
{ 
    width: 50%;
    height: 500px;

   /* margin-right: 67px;*/
    text-align: center;
    float: right;
    background: #fff;
    background: url(/Websites/1375/Images/upload/image/flowersubscription.jpg?ver=2245) no-repeat 50% 50%;
    background-size: cover;
    overflow: hidden;
transition: 0.2s;
    margin: 0px 0%;
margin-top: -21px;
margin-bottom: -10px;
}

#jumpBoxRight:hover
{

transition: 0.2s;
}


#jumpBoxLeftBottom
{ 
    width: 50%;
    height: 500px;

    /* margin-left: 67px; */
    text-align: center;
    float: left;
    background: #fff;
    background: url(/Websites/1375/Images/upload/image/About_FiveValleys.jpg?ver=6722) no-repeat 50% 50%;
    background-size: cover;
    overflow: hidden;
    transition: 0.2s;


}

#jumpBoxCenter:hover
{

transition: 0.2s;
}


#jumpBoxRightBottom
{ 
    width: 46%;
    height: 500px;
    text-align: center;
    float: right;
    background: #494948;
    overflow: hidden;
    transition: 0.2s;
    padding-left: 2%;
    padding-right: 2%;

}
#jumpBoxRightBottom p
{
    margin-top: 30px;
    font-size: 1.25vw;
}
#jumpBoxRight:hover
{

transition: 0.2s;
}
.jumpBoxContent
{
position: relative;
    top: 14px;
    width: 444px;
margin: 10px auto;
    font-size: 12pt;
}
.jumpBoxTitle
{
    margin-top: 68px;
    font-size: 3.3vw;
    color: #fff;
    letter-spacing: 2px;
    line-height: 12px;
    font-family: 'Dancing Script', cursive;
    margin-bottom: 46px;

}
.jumpBoxTitle2
{
    margin-top: 196px;
    font-size: 4.3vw;
    color: #fff;
    letter-spacing: 2px;
    line-height: 12px;
font-family: 'Raleway';
margin-bottom: 63px;

}

.jumpBoxTextLarge
{
color: #90a98e;
    letter-spacing: 2px;
    margin-top: 0px;
    font-size: 31pt;
    width: 416px;
    margin: 0px auto;
    line-height: 45px;
    margin-top: 154px;
}
.homeJumpLink
{
position: relative;
    top: 35px;
    width: 245px;
    margin: 0px auto;
    font-size: 20px;
}

.homeJumpLink a
{
padding: 10px 31px;
    background: #90a98e;
    border: 2px solid #fff;
    color: #fff;
    font-size: 12pt;
}

.homeJumpLink a:hover
{
    background: #fff;
    border: 2px solid #fff;
color: #000;
}
#homeTextOuter { background: #fff; margin-left:-100%; margin-right:-100%; padding: 60px 0; margin-top: 60px; }
#homeText { width:960px; margin:0 auto; text-align:center;}

#homeTextOuter2 
{ 
background: #494948;
    padding: 14px 0 0px 0px;
    height: 450px;
   
}

#homeTextOuter2 img
{
opacity: 0.8;
}


.homeTextTitle
{
    color: #ffffff;
    letter-spacing: 2px;
    margin-top: 311px;
    /* margin-left: 43px; */
    font-size: 1.4vw;
    line-height: 39px;
    font-weight: bold;
    text-align: center;
    height: 45px;
text-shadow: 1px 1px 3px #787878;
}




.homeTextContent
{
    position: relative;
    top: 0px;
    /* right: -40px; */
    /* width: 192px; */
    /* margin: 0px auto; */
    font-size: 20px;
    text-align: center;
}

.homeTextContent a
{
    padding: 10px 31px;
    background: #90a98e;
    border: 2px solid #90a98e;
    color: #fff;
    font-size: 12pt;
}

.homeTextContent a:hover
{
background: rgb(0 0 0 / 48%);
    border: 2px solid #fff;
    color: #fff;
}

#homeText2
{ 
width: 32%;
    height: 100%;

    text-align: center;
    float: left;
    background: #fff;
    background: url(/Websites/1375/Images/upload/image/HomepageSameDay.jpg?ver=5308) no-repeat 50% 50%;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
    transition: 0.2s;
    margin-right: 1%;
margin-bottom: 15px;
}





#homeText2:hover
{

transition: 0.2s;
}

#homeText2Center
{ 
    width: 33%;
    height: 100%;
    /* margin-right: 1%; */
    /* margin-left: 67px; */
    text-align: center;
    float: left;
    background: #fff;
    background: url(/Websites/1375/Images/upload/image/Homepage_funeral.jpg?ver=9377) no-repeat 50% 50%;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
    transition: 0.2s;
margin-bottom: 15px;
}

#homeText2Center:hover
{

transition: 0.2s;
}



#homeText2Right
{ 
    width: 33%;
    height: 100%;
    /* margin-right: 67px; */
    text-align: center;
    float: right;
    background: #fff;
    background: url(/Websites/1375/Images/upload/image/Home_Weddings.jpg?ver=8872) no-repeat 50% 50%;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
    transition: 0.2s;
margin-bottom: 15px;
}

#homeText2Right:hover
{

transition: 0.2s;
}



#homeText2Bottom
{ 
width: 32%;
    height: 100%;
    /* margin-right: 1%; */
    /* margin-left: 67px; */
    text-align: center;
    float: left;
    background: #fff;
    background: url(/Websites/1375/Images/upload/image/Home_Gift.jpg?ver=5250) no-repeat 50% 50%;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
    transition: 0.2s;
    margin-right: 1%;
margin-bottom: 15px;
}

#homeText2Bottom:hover
{

transition: 0.2s;
}

#homeText2CenterBottom
{ 
    width: 33%;
    height: 100%;
    /* margin-right: 1%; */
    /* margin-left: 67px; */
    text-align: center;
    float: left;
    background: #fff;
    background: url(/Websites/1375/Images/upload/image/Funerals1.jpg?ver=5210) no-repeat 50% 50%;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
    transition: 0.2s;
margin-bottom: 15px;
}

#homeText2CenterBottom:hover
{

transition: 0.2s;
}


#homeText2RightBottom
{ 
    width: 33%;
    height: 100%;
    /* margin-right: 67px; */
    text-align: center;
    float: right;
    background: #fff;
    background: url(/Websites/1375/Images/upload/image/Home_Workshop.jpg?ver=641) no-repeat 50% 50%;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
    transition: 0.2s;
margin-bottom: 15px;
}

#homeText2RightBottom:hover
{

transition: 0.2s;
}




#homeTextOuter3
{ 
background: #fff;
    padding: 0px 0;
    height: 83px;
   
}

#homeText3
{ 
width: 1024px;
    margin: 0 auto;
    text-align: center;
    /* float: left; */
    background: #fff;
padding: 57px 0px 0px 0px;
}

.boxOuter {
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 664px;
background-color: #494948;
}

.boxOuter1
{ 

 padding: 297px 0px 250px 0px;
    /* margin-top: 20px; */
    /* margin-bottom: -5px;*/
  background: url(/Websites/196/images/bgSeasonal.jpg) no-repeat center center fixed;
}


.boxOuter2
{ 

padding: 297px 0px 250px 0px;
    /* margin-top: 20px; */
    /* margin-bottom: -5px;*/
  background: url(/Websites/108/images/bgContact.jpg) no-repeat center center fixed;
}

.boxText { width:960px; margin:0 auto; text-align:center;}
.boxText h2 { font-size:36pt; color: white; text-shadow: 2px 2px 8px rgba(0, 0, 0, 1);}
.boxText h2 a {text-decoration: none; color: #fff;}
.boxText h2 a:hover { color: #000; }

#homeJumpsOuter
{
background: #f5e2d6;
    margin-left: -100%;
    margin-right: -100%;
    padding: 0px 0;
    border-bottom: 66px solid #fff;
}
#homeJumps 
{ 
 width: 960px;
    height: 302px;
    padding-top: 60px;
    margin: 0px auto; 

    background-color: #f6e2d7;
}
#homeJumps a { display:block; width:300px; height:200px; text-decoration:none; float:left;}
#homeJumps a span { display:block; color:#655c5a; text-transform:uppercase; letter-spacing:2px; padding:210px 20px 20px 20px; text-align:center;}
#homeJumps a#one { background:url(../Images/upload/image/jump1New2.jpg) 0 0 no-repeat;}
#homeJumps a#two { background:url(../Images/upload/image/jump2New2.jpg) 0 0 no-repeat; margin:0 30px;}
#homeJumps a#three { background:url(../Images/upload/image/jump3New3.jpg) 0 0 no-repeat;}
#homeJumps a:hover { opacity:0.7;}

.productBoxOuter
{
height: 630px;
}

.productBox
{
float: left;
margin-bottom: 30px;
margin-top: 20px;
}

.homeProductImage
{

}

.homeProductImage img
{
width: 225px !important;
height: 225px !important;
transition: 0.2s;
}

.homeProductImage img:hover
{
-webkit-box-shadow: 6px 10px 22px -10px rgba(0,0,0,0.6);
-moz-box-shadow: 6px 10px 22px -10px rgba(0,0,0,0.6);
box-shadow: 6px 10px 22px -10px rgba(0,0,0,0.6);
    transform: scale(1.1);
    transition: 0.2s;
}

.homeProductTitle
{

}

.homeProductSpacer
{
width: 20px;
    float: left;
}

#animBox
{
    float: right;
    width: 360px;
    margin-left: 30px;
}

#animBoxAlt
{
    float: right;
    width: 480px;
    margin-left: 30px;
}

.adminpage .pageBanner { background: #99a285;height: 239px;}
.header
{
width: 100%;
    min-width: 1024px;
    /*height: 205px;*/
    margin-top: 0px;
    background-color: #90a98e;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    padding-top: 0px;
border: none;
  
}
.header:hover {}
.page {
    margin: 0px auto;
    background-image: none;
    width: 100%;
    background-color: unset !important;
    margin-top: 205px;
    padding: 0px 0px 0px 0px;
    width: 92%;
max-width: 1290px;
}
.pageBanner
{

}
.pageBanner .socialLinksLarge
{
left:820px;
top;0px
}
.shopColumn1of2
{
	margin-top:0px;
	padding-top:37px;
	float:left;
	width:150px;
	padding-left:0px;
	padding-right:0px;

}

.shopColumn2of2
{

  	padding-top:20px;
padding-left: 0px !important;
margin-left: 150px;
	 padding-right:0px;
background-color: unset;
background-image: none;
}
.column1of1
{
	padding-top:57px;
	padding-bottom:20px;
	padding-left:0px;
	padding-right:0px;
background-image: none;

}
.clearBoth
{
	clear:both;
}
.clearRight
{
	clear:right;
}
.pageBottom
{
	display:none;
}



/* Shop Product Page */
.productSummary
{
    float: left;
    width: 18.5%;
    color: Black;
    margin-right: 0.1%;
    margin-left: 0.1%;
    height: auto;
    background-color: #494948;
    margin-bottom: 28px;
    padding: 5px;
    /* border: 1px solid #e0e0e0; */
    border-radius: 4px;
    background-image: none;
    padding-bottom: 12px;
}


.productSummaryFeatured, .productSummary:hover {
    float: left;
    width: 18.5%;
    color: Black;
    margin-right: 0.1%;
    margin-left: 0.1%;
    height: auto;
    background-color: #494948;
    margin-bottom: 28px;
    padding: 5px;
    /* border: 1px solid #e0e0e0; */
    border-radius: 4px;
    background-image: none;
    padding-bottom: 12px;

}
.productSummaryImage
{

    text-align: center;
    position: unset !important;
    margin-left: 2px;
    margin-top: 3%;
    border: unset !important;
}

.productSummaryImage img
{

    width: 100%;
    transition: 0.2s;
}

.productSummaryImage img:hover
{
-webkit-box-shadow: 8px 5px 16px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 8px 5px 16px 0px rgba(0,0,0,0.48);
box-shadow: 8px 5px 16px 0px rgba(0,0,0,0.48);
transform: scale(1.03);
transition: 0.2s;
}


.productSummaryName
{
    color:#fff !important;
    font-size: 14pt;
    margin-bottom: 5px;
    /* line-height: 1.1em; */
    height: 35px;
    padding-left: 5px;
    padding-top: 0px;
    margin-top: 5px;
    text-align: center;
    position: unset;
height: 60px;
}
.productSummaryPrice
{
    color: #fff !important;
    padding-left: 5px;
    margin-top: 13px;
    text-align: center;
    font-size: 13pt;
    margin-bottom: 15px;

}
.productSummaryButtons
{
padding-left:5px;
margin-top:5px;
text-align:center;
}
.productSubCatSummary
{
height: 450px;
    width: 100% !important;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 10px;
}

.productSummary3
{}
.productSummary4
{display: unset;}
.productSubCatSummaryMore h1 {
    background-color: inherit;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 80px;
    font-size: 18pt;
    word-wrap: break-word;
    line-height: 1em;
    font-weight: normal;
    color: #fff;
}
/* General Style */

a
{
color: #90a98e;
    text-decoration: none;
}

a:hover
{
    color:#f0d193;
    text-decoration: none;
}
p
{
	padding-top:0px;
	margin-top:0px;
}
h1
{
    margin-top: 30px;
    padding-top: 0px;
    font-size: 28pt;
    color: #fff;
    font-weight: normal;
    font-family: 'Dancing Script', cursive;
    margin-bottom: 40px;

    text-align: center;
}
h2
{
	margin-top:0px;
	padding-top:0px;
	font-size:22pt;
    color: #fff;
font-weight:normal;
    font-family: 'Dancing Script', cursive;
}

img
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.footerContainer { width:960px; margin: 0 auto;}
.footerText
{
    background-color: #494948;
    padding-top: 36px;
    padding-bottom: 20px;
    text-align: center;
    border-top: #fff 1px solid;
    font-weight: bold;
    /* padding-left: 50px; */
    /* padding-right: 50px; */
    font-size: 12pt !important;
    color: #fff;
    position: relative;
    top: 0px;
    width: 100%;
    margin: 0px auto;
}
.footerText p {font-weight:300; color: #fff; font-size:10pt;}
.footerText a
{
	text-decoration:none;
color: #fff;
font-weight:300;
font-size:12pt;
}
.footerText a:hover
{
text-decoration: none;
    color: #90a98e;
    font-weight: bold;
}


.footerCol1of4
{
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
    float: left;
    width: 250px;
    padding-left: 0px;
    padding-right: 20px;
    margin-left: 0px;
    margin-bottom: -130px;
}

.footerCol2of4
{
text-align:center;
  	margin-top:0px;
	padding-top:0px;
	float:left;
	width:225px;
	padding-left:0px;
	padding-right:20px;

}
.footerCol3of4
{
text-align:center;
  	margin-top:0px;
	padding-top:0px;
	float:left;
	width:185px;
	padding-left:0px;
	padding-right:20px;

}
.footerCol4of4
{
text-align:center;
  	margin-top:0px;
	padding-top:0px;
	float:left;
	width:225px;
	padding-left:0px;
	padding-right:0px;
margin-bottom: -90px;
}

.footerCol5of4
{
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
    /* margin-left: 620px; */
    padding-right: 0px;
    width: 220px;
    position: relative;
    bottom: 91px;
    text-align: center;
    margin: 0 auto;
    width: 600px;
    clear: both;
    float: none;

}

.storySummaryWrapper
{
float:none;
}
.storySummaryDate
{
display:none;
}
.storySummaryTitle h2  a
{
font-weight:normal;
}

/* general styles */

.floatRight
{
	float:right;
}
.floatLeft
{
	float:left;
}

.errorMessage
{
	background-color:#FFFF40;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	color:black;
}
.confirmationMessage
{
	background-color:#99E791;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}


/* Top Menu */
.adminpage .menu
{
    background-color: #000000;
margin-top: 0px;
}

.menu
{
    margin-left: 0px;
    margin-right: 0px;
    font-size: 10pt;
    padding-top: 7px;
    padding-bottom: 0px;
    z-index: 1;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    background-color: #494948;
    position: relative;
    bottom: 0px;
    /* left: 147px; */
    border: none;
    font-family: unset;
    border-bottom: 1px solid #494948;
    margin: 0px auto;
}
.menuDividers
{
    display:none;
}


.menu ul
{
list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 28px;
    z-index: 10;
background-image: unset;
background-color: #494948;
border: unset;
}

.menu ul li
{
    display:inline;
}
.menu ul li a 
{
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
    color: #fff !important;
    transition: all 0.2s linear;
    text-shadow: none;
    font-weight: normal;
    border: none;
}
.menu ul li a:hover
{
text-decoration: none;
    color: #90a98e !important;
    background: unset;

}
.menu ul li a:visited
{
color: unset;
    }
.menuSelected
{
color: #90a98e;
    text-decoration: none;
    font-weight: bold;
}

/* Drop down menu */

.menu .topMenuTopLevel{

}

.menu .topMenuTopLevel li {

}


.topMenuHoverWrapper, .topMenuShopHoverWrapper {

}
.topMenuShopHoverWrapper{

 }
.menu li:hover .topMenuHoverWrapper, .menu li:hover .topMenuShopHoverWrapper{

}


.topMenuDepth2, .topMenuShopDepth2 {
    text-align: center;
    background: rgb(73 73 72 / 87%);
    padding-left: 61px;
    padding-right: 64px;
    padding-top: 3px;
    padding-bottom: 37px;
    margin-top: 7px;
    min-width: 150px;
    /* max-width: 200px; */
    box-shadow: none;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 3px;
    border: none;
    border-radius: 3px;

}

.topMenuShopDepth2 {
    max-width: 100%;
    width: calc(100%-20px);
    columns: 160px 6;
    height: auto;
    margin-left: 10px;
}

.topMenuShopCatWrapper{

}

.topMenuHoverWrapper .topMenuDepth2 a, .topMenuShopHoverWrapper .topMenuShopDepth2 a {
background: none;
    background-color: unset;
    color: black;
    display: block;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    text-transform: none;
    opacity: 0.9;
}
.topMenuHoverWrapper .topMenuDepth2 a:visited, .topMenuShopHoverWrapper .topMenuShopDepth2 a:visited {

}


.topMenuDepth2 .topMenuDropDownTitle, .topMenuShopDepth2 .topMenuDropDownTitle, .topMenuShopDepth2 .topMenuShopHomeLink{

}
.topMenuShopDepth2 .topMenuShopHomeLink{

}
.topMenuShopDepth2 .topMenuShopHomeLink:before  {

}

.topMenuHoverWrapper .topMenuDepth2 a:hover, .topMenuShopHoverWrapper .topMenuShopDepth2 a:hover{
    text-decoration:underline;
}

.topMenuDropDown1::after{ 


}
.topMenuMobileDropDown{

}

/* disables menu top menu item click on tablet so works as hover */
@media  (pointer: coarse) {
  .topMenuDropDown1 {

  }
}

/* Header Basket*/

.smallMenu{
    position: absolute;
    top: 1px;
    right: -9px;
    /* float: right; */
    /* margin-right: 20px; */
    z-index: 107000;
}

.smallMenuBasket::before, .smallMenuBasketEnabled::before {

}


.smallMenuBasket::before, .smallMenuBasketEnabled::before {content: "\f291";}   

.smallMenuBasket, .smallMenuBasketEnabled{
    display: inline-block;
    padding-top: 3px;
    height: 28px;
    width: 31px;
    background-color: #494948;
    border-radius: 0px;
    border: 1px solid #494948;
    color: #ffffff;
}
.smallMenuBasketEnabled {

}


.smallMenu a{

}

.smallMenu a:hover{
color: #000;
}

.smallMenuQty{

}

/* Basket Summary */

.checkoutBasket
{
	 margin-left:0px;
	 margin-right:0px;
}
.basketSummary
{

	width: 150px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;

}
.basketSummaryTitle
{
	width: 140px;
	height: 26px;
	font-weight: bold;
	padding-left: 0px;
}
.basketSummaryText
{
	margin-left:0px;
	padding-top:5px;
	color:#545454;
}
.basketSummaryCheckout
{
	display:inline;
	float:right;
	margin-right:20px;
	color:#545454;
}

.basketSummaryText a
{
	text-decoration:none;
	color:#fff;
}



/* Product Menu */

.productMenuBottom
{
display: none;
}

.productMenuPayPal img
{
filter:alpha(opacity=60);
opacity:0.6;
}

.productMenu
{
	
	width: 170px;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0px;
	
}
.productMenuSearchTitle
{
	margin-top:0px;
	padding-top: 3px;
	padding-left: 0px;
	color:#ffffff;
	width: 150px;
	height: auto;
text-transform:uppercase;
font-size:10pt;
border-bottom:1px solid #ffffff;
}
.productMenuSearchBox
{
	margin-left:0px;
	padding-left:3px;
	width:100px;
	height:15px;
	background:#fff;
color:#545454;
border:1px solid #fff;
}
.productMenuSearchButton
{
	position: relative;
	top: 5px;
}
.productMenuSearchDropDown
{
	margin-left:0px;
	width:132px;
	margin-top:2px;
	margin-bottom:5px;
	background:#fff;
color:#fff;
border:1px solid #fff;

}
.productMenu ul
{
	list-style-type: none;
	width:160px;
	padding-left: 0px;
	margin-left:0px;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.productMenuCategory
{
margin-top:10px;
	padding-top: 3px;
	padding-left: 0px;
	color:#ffffff;
	width: 150px;
	height: 22px;
text-transform:uppercase;
font-size:10pt;
border-bottom:1px solid #ffffff;
}
.productMenuSubCategory
{
	margin-left: 0px;
	height:20px;
	color:#fff;
	
}
.productMenuSubCategory a
{
	color:#ffffff;
	text-decoration:none;
transition: all 0.3s;
-moz-transition: all 0.3s; /* Firefox 4 */
-webkit-transition: all 0.3s; /* Safari and Chrome */
-o-transition: all 0.3s; /* Opera */
font-size:11pt;
}
.productMenuSubCategory a:hover
{
color: #90a98e;
    text-decoration: none;
	
}

.subCategorySummaries h1 {
margin-top: 26px;
    margin-bottom: 9px;
    padding-bottom: 5px;
    padding-top: 0px;
    border-bottom: none;
    font-size: 22pt;
}


/* Product Details Page */
#pnlProducts h1
{
text-align: center;
}
.productDetails
{
}
.productDetails h1
{
margin-top: 18px;
	padding-top:0px;
	font-size:29pt;
text-align: left;

}

.productDetailsImageWrapper
{
	float:right;
	width:350px;
	margin-right:10px;
	margin-left:20px;
	
}
.productDetailsImage
{
	width:350px;

}
.productDetailsFeatures
{
}
.productDetailsPrices
{
color: #fff;
}
.productDetailsBuy
{
	margin-top:20px;
}
.productDetailsBack
{
	padding-bottom:15px;
}
.productDetailsNote
{
	margin-top:20px;
	clear:right;
text-align: justify;
}
.productDetailsNote a
{
	color:black;
}
.productDetailsLinkedProducts
{
	clear:right;
	display:table;
	width:100%;
	margin-top: 10px;
	padding-top: 10px;
	border-top: #E5E5E5 1px solid;
}
.productDetailsLinkedProducts h1
{
		font-size: 22pt;
}

/* Sort Control */
.sortOuter
{
	height:30px;
}
.sortProducts
{
	float:right;
	margin-right:12px;
}
.sortDropDown
{
	font-size: 10pt;

	font-family: Arial;
		background:#fff;
color:#000;
border:1px solid #000;
	}

/* checkout page */

.checkoutConsignmentName
{
	width:180px;
}
.checkoutProgress
{
	padding-bottom:15px;
}
.checkoutProgress a
{
	text-decoration:none;
	color:#fff;
}
.checkoutProgress a:visited
{
	text-decoration:none;
	color:#fff;
}
.checkoutProgress a:hover
{
	text-decoration:none;
	color:#fff;
}
.checkoutProgressHighlight a
{
	color:#fff;
}
.checkoutProgressHighlight a:visited
{
	color:#fff;
}
.basketOrderItems
{
	margin-left:0px;
	margin-right:0px;
color: #fff;
}
.basketOrderItems a
{
color: #90a98e;
}
.basketOrderItemsProductName
{
	text-decoration:none;
	color:#fff;
}

.basketOrderItemsProductName a:hover
{
	text-decoration:underline;
}

.basketDelivery
{
	margin-left:0px;
	margin-right:0px;
}
.basketHeader
{
	background-color:#000;
	color:white;
}
.basketHeaderGrayText
{
	background-color:#000;
	color:white;
}
.basketHeaderArrow
{
	background-color: #000;
	color: white;
	background-repeat: no-repeat;
	padding-left:19px;
	height:29px;
font-size:9pt;
}

.basketShading
{
	background-color:#FBF9F9;
}
.basketShadingPadded
{
	padding-left:19px;
	background-color:#FBF9F9;
}
.calendarDisabled
{
	color:Gray;
}
.upsell
{
	clear:right;
	margin-left:20px;
	margin-right:20px;
}

.upsell .productSummary
{

    float: left;
    width: 18.4%;
    color: Black;
    margin-right: 0.3%;
    margin-left: 0.2%;
    height: auto;
    background-color: #494948;
    margin-bottom: 8px;
    padding: 5px;
    /* border: 1px solid #dcdcdc; */
    border-radius: 4px;
    background-image: none;

}


.promoCode
{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	width:120px;
}
.basketOrderItemsConsignmentName, .basketOrderItemsQuantity, .promoCode { background-color:#fff; border:1px solid #000; color:#000;}

/* Checkout Billing */
.checkoutHeader
{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#000;
	color:white;
}
.checkoutPrompt
{
	width:180px;
	float:left;
	text-align:right;
	padding-right:5px;
}
.checkoutTextBox
{
	width:200px;
background:#fff;
color:#000;
border:1px solid #000;
}
.checkoutPaymentDropDown
{
		width:171px;
background:#fff;
color:#000;
border:1px solid #000;
}
.checkoutPaymentTextBox
{
	width:167px;
background:#fff;
color:#000;
border:1px solid #000;
}
.checkoutPaymentShortTextBox
{
	width:77px;

}
.checkoutPaymentSecurityCodeHelp
{
	margin-left:275px;
}
.checkoutInset
{
	margin-left:180px;
}


/* Contact Form */

.contactFormPrompt
{
width: 250px;
    display: inline;
    float: left;
    text-align: right;
    color: #fff;
    font-size: 12pt;
}
.contactFormField
{
	width:200px;
background:#fff;
color:#000;
border:1px solid #000;
}
.contactFormMessageBox
{
	width:400px;
background:#fff;
color:#000;
border:1px solid #000;
}
.contactFormButton
{
	width:330px;
	display:inline;
	float:left;
	text-align:right;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup 
{
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

/* Site Map Page */
.siteMap
{
	color:#fafafa;
}
.siteMapPages
{
	color:#fafafa;
	margin-left:0px;
}

.siteMapProducts
{
	float:right;
	color:#fafafa;
	margin-right:100px;
	
}
.siteMapCategory
{
}
.siteMapPage
{
	color:#fafafa;
	 text-decoration:none;

}
.siteMapPage a:hover
{
	text-decoration:underline;
}
.siteMapSubCategory
{
	text-indent: 25px;
	color:#fafafa;
	text-decoration:none;
}
.siteMapSubCategory a:hover
{
	text-decoration:underline;
}
.siteMapProduct
{
	text-indent: 50px;
color:#fafafa;
	text-decoration:none;
}
.siteMapProduct a:hover
{
	text-decoration:underline;
}

/* Captcha */
.captch
{
 vertical-align:top;
}




.productSubCatSummaryMore .productSummaryImage
{
background-color:inherit;
}




.animationPanelAnimationType2
{


}
.animationPanelhomepageBox
{
/* _display:none;   hack so ie6 does not display */
position:absolute;
top:360px;
left:30px;
background-color:#818778;
background:rgba(129,135,120,0.8);
margin-bottom:0px;
padding-bottom:0px;
width:400px;
height:70px;
padding-top:10px;
padding-left:20px;
color:white;

}

.animationPanelhomepageBox h2
{
	margin-top:0px;
	padding-top:10px;
	font-size:24pt;
	color:white;
	margin-bottom:10px;
	padding-bottom:0px;
font-weight:normal;

}
.animationPanelhomepageBox h2 a
{
color:white;
}

.animationPanelhomepage a
{
text-decoration:none;
}
.animationPanelhomepage a:visited
{
text-decoration:none;
}

.animationPanelHomepage{
    width: 100%;
    height: 660px;
    /* margin-bottom: 30px; */
    position: absolute;
    /* z-index: -10; */
    overflow: hidden;
}

.animationPanelHomepage img {
    width: 100%;
    position: absolute;
    /* top: 100px; */
    min-width: 1177px;
}


.animationItem {
    visibility: hidden;
    position: absolute;
    width: 100%;
    /* width: auto; */
}

.autoSpacer
{
width: 100%;
height: 20%;
display: none;
}



.autoSpacer p
{
margin-bottom: 0px;
}

.autoSpacer img
{
    width: 42%;
    opacity: 0;
    height: 490px;
}


.animationPanelaboutUs
{

width:960px;
height:819px;
margin-bottom:30px;
}


.basketBorderBottom td
{
	border-color:#000;
}
.checkoutBasket table 
{ 
border-color:#000;
}
.checkoutBasket th:first-child, .checkoutBasket td:first-child 
{
border-color:#000;
}

.productMenuPayPal .productMenuSearchBox
{

	background-color:inherit;
}


/* Page Sub Menu */
.contentSubMenu
{
border-top: white 1px solid;

background-color:#fff;
}
.contentSubMenuHeader
{
}
.contentSubMenu a
{
}
.contentSubMenu a:visted
{
}
.contentSubMenu a:hover
{
}
.subMenuSelected
{
}

.subMenuLevel0
{
	background-color: #fff ;
border-bottom: white 1px solid;
}
.subMenuLevelAlt0
{
	background-color: #fff ;
border-bottom: white 1px solid;
}


.subMenuLevel1
{
 background-color:#fff;
border-bottom: white 1px solid;
}

.subMenuLevelAlt1
{
 background-color:#fff;
border-bottom: white 1px solid;
}


.subMenuLevel2
{
 background-color:#fff;
border-bottom: white 1px solid;
}
.subMenuLevelAlt2
{
 background-color:#fff;
border-bottom: white 1px solid;
}


.subMenuLevel3
{
 background-color:#fff;
border-bottom: white 1px solid;
}
.subMenuLevelAlt3
{
 background-color:#fff;
border-bottom: white 1px solid;
}

.subMenuLevel4
{
 background-color:#fff;
border-bottom: white 1px solid;
}
.subMenuLevelAlt4
{
 background-color:#fff;
border-bottom: white 1px solid;
}

/*Aditional styles*/



/* button definitions  */

.productSummaryButtons img, .productDetailsBuy img, .productDetailsBack a img, .checkoutBillingRetrieve img, .checkoutBack img, .checkoutNext img, .checkoutConfirmPay img, .checkoutPay img, .checkoutButton img, .contactSend img, #lnkContinueShopping img
{
    display:none;
}

.productSummaryMore::before {content: "More";}

.productSummaryBuy::before, .productDetailsBuy::before  { content: "Buy";}

.productSummaryBuyLink::before {content: "Buy";}

.productDetailsBack a::before, .checkoutBack::before {content:"Back";}

.checkoutBillingRetrieve::before {content: "Log in";}

.checkoutNext::before {content: "Next";}

.checkoutConfirmPay::before {content: "Confirm & Pay";}

.checkoutPay::before {content: "Pay";}

.checkoutButton::before {content: "Checkout";}

.contactSend::before{content: "Send";}

#lnkContinueShopping::before{content: "Continue Shopping";}



.productSummaryMore, .productSummaryBuyLink,  .productSummaryBuy, .productDetailsBuy,  .checkoutBillingRetrieve, .checkoutBack,  .checkoutNext, .checkoutConfirmPay, .checkoutPay, .checkoutButton, .productDetailsBack a, .contactSend, #lnkContinueShopping, #lnkContinueShopping:hover, .checkoutBack:hover
{

    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    color: #000;
    border-color: #000000;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    transition: background-color .5s, color .5s, border-color .5s;
    font-size: 110%;
    padding-top: 3px;
    height: 22px;
    width: 150px;
	
}



.productSummaryMore, .productSummaryBuyLink,  .productSummaryBuy
{
width: 38%;
    height: auto;
    font-size: 92%;
    padding-top: 1px;
    border: 1px solid #90a98e;
    background-color: #90a98e;
    color: #fff;
}


.productSummaryMore:hover, .productSummaryBuyLink:hover,  .productSummaryBuy:hover
{
    width: 38%;
    height: auto;
    font-size: 92%;
    padding-top: 1px;
border: 1px solid #000!important;
    background-color: #000;
}


.checkoutBillingRetrieve, .checkoutBack, .checkoutNext, .checkoutConfirmPay, .checkoutPay, .checkoutButton, .contactSend
{
    width:150px;
    margin-top:5px;
    margin-bottom:10px;
}

#lnkContinueShopping
{
    width:165px;
    margin-top:5px;
    margin-bottom:10px;
    padding-left:0px;
    padding-right:0px;
background-color: #494948 !important;
width: 175px!important;
}


#lnkContinueShopping:hover {

background-color: #000 !important;
width: 175px;
color: #fff;
}

.productSummaryMore:hover, .productSummaryBuyLink:hover, .productSummaryBuy:hover, .checkoutBillingRetrieve:hover, #lnkContinueShopping
{
    cursor: pointer;
    color: #fff;
    background-color: #151515;
    border-color: #fff;
    text-decoration: none;
}
.checkoutCheckout a
{
color:white;
}
.checkoutCheckout a:hover
{
text-decoration:none;
}

.checkoutNext, .checkoutConfirmPay, .checkoutPay, .checkoutButton, .contactSend, .productDetailsBuy
{
background-color: #90a98e;
    color: white;
    border-color: #90a98e;

    
}

.checkoutNext:hover, .checkoutConfirmPay:hover, .checkoutPay:hover, .checkoutButton:hover, .contactSend:hover, .productDetailsBuy:hover, .checkoutBack, .productDetailsBack a:hover
{
background-color: #151515;
    color: #fff;
    border-color: #151515;
    text-decoration: none;
 
}

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


}

@media only screen and (min-width: 1320px) {

#jumpBoxRightBottom p {

    font-size: 1vw;
}
}


@media only screen and (max-width: 1140px) {
.page {

    width: 100%;
padding: 5px;
}

.column1of1 {

    padding-right: 10px;

}
.productSummary {

}
.productSummaryFeatured, .productSummary:hover {

}
.shopColumn1of2 {

    padding-top: 81px;

}
.shopColumn2of2 {
    margin-top: 54px;

}

.smallMenu {


}
.productSummaryName {

    font-size: 12pt;

}
.productSummaryPrice {

    font-size: 11pt;

}
}



/* === Desktop menu: light grey hover on the anchor only === */
@media (hover:hover) and (pointer:fine) {
  .menu ul li:hover > a,
  .menu ul li:focus-within > a,
  .menu ul li a:focus-visible {
    background-color: #e6e6e6 !important; /* light grey behind the hovered item */
    color: #2d2d2d !important;            /* readable text on light background */
    transition: background-color .2s ease, color .2s ease;
  }
}

/* Round the hover box on desktop without changing layout */
@media (hover:hover) and (pointer:fine) {
  .menu ul li > a { 
    border-radius: 10px;                 /* prepares rounded corners */
    -webkit-border-radius: 10px;
    transition: background-color .2s ease, color .2s ease, border-radius .2s ease;
  }
  .menu ul li:hover > a,
  .menu ul li:focus-within > a,
  .menu ul li a:focus-visible {
    background-color: #e6e6e6 !important; /* light grey */
    color: #2d2d2d !important;            /* readable text */
    border-radius: 10px;                  /* rounded rectangle */
  }
}


/* ==== Dropdown background: classic sage ==== */
.menu .topMenuDepth2,
.menu .topMenuShopDepth2{
  background-color: #8E9B8B !important; /* classic sage */
  color: #ffffff !important;
  box-shadow: 0 10px 18px rgba(0,0,0,0.08); /* subtle lift so deep links pop */
  border-bottom: 1px solid rgba(0,0,0,0.15); /* softer than pure black */
}

/* Links inside the dropdown: readable on sage */
.topMenuHoverWrapper .topMenuDepth2 a,
.topMenuShopHoverWrapper .topMenuShopDepth2 a{
  color: #ffffff !important;
  background: none !important;
}

/* Hover state for items inside dropdown */
.topMenuHoverWrapper .topMenuDepth2 a:hover,
.topMenuShopHoverWrapper .topMenuShopDepth2 a:hover{
  color: #2d2d2d !important;                   /* contrast on light hover chip */
  background-color: rgba(255,255,255,0.18) !important;
  border-radius: 8px;                           /* gentle rounded hover chip */
  transition: background-color .15s ease, color .15s ease;
}

/* ===========================
   Knightly Flowers (KF) block
   =========================== */

/* reveal-on-scroll animation */
@media (prefers-reduced-motion: no-preference) {
  .kf-animateIn { animation: kf-wipe-enter 1.2s 1; opacity: 1 !important; }
}
@keyframes kf-wipe-enter { 0% { transform: translateY(100%);} 100% { transform: translateY(0);} }

/* wrappers start hidden (revealed by .kf-animateIn) */
.kf-gridWrap, .kf-tilesWrap, .kf-heroPanel { opacity: 0; }

/* utility */
.kf-clear { clear: both; }

/* ===== feature grid (was .grid + .effect-steve) ===== */
.kf-boxOuter {
  padding: 23px 0 0 0;
  margin: 0 0 -25px 0;
  width: 100%;
  background-color: #fff; /* page uses white */
  position: relative;
  z-index: 10;
}
.kf-gridWrap { height: 24vw; }

.kf-grid {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 5px 0 4em;
  width: 97%;
  list-style: none;
  text-align: center;
  opacity: 1;
}
.kf-grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1% 37px;
  width: 31.3%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}
.kf-grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}
.kf-grid figure figcaption {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  backface-visibility: hidden;
}
.kf-grid figure figcaption,
.kf-grid figure figcaption > a {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.kf-grid figure figcaption > a {
  z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;
}
.kf-grid figure h2 { font-weight: 300; margin: 0; }
.kf-grid figure p  { letter-spacing: 1px; font-size: 68.5%; margin: 0; }
.kf-grid figure figcaption h2 a,
.kf-grid figure figcaption h2 a:hover { color: #fff; }

/* “Steve” effect -> .kf-card */
figure.kf-card {
  z-index: auto;
  overflow: hidden;
  background: #fff;
  text-align: center;
}
figure.kf-card:before,
figure.kf-card h2:before {
  position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;
  content: ''; transition: opacity .35s;
}
figure.kf-card:before { box-shadow: 0 3px 30px rgba(0,0,0,.8); opacity: 0; }
figure.kf-card figcaption { z-index: 1; }
figure.kf-card img {
  opacity: 1;
  transition: transform .35s;
  transform: perspective(1000px) translate3d(0,0,0) scale(1.2);
}

/* Card "button" colours (UPDATED) */
figure.kf-card h2,
figure.kf-card p {
  background: #A3B0A0;            /* base */
  border: 1px solid #A3B0A0;
  color: #fff;                     /* readable on both greens */
}
figure.kf-card h2 {
  position: relative;
  padding: 10px;
  width: 214px;
  margin: 72% auto 10px;
  font-size: 13pt;
  text-transform: none;
  z-index: 10000;
  outline: 1px solid #8E9B8B;     /* accent outline */
  outline-offset: -6px;
  transition: .2s;
}
figure.kf-card h2:hover {
  background: #8E9B8B;            /* hover fill */
  outline: 1px solid #fff;
  color: #fff;
  outline-offset: -1px;
  transition: .2s;
}
figure.kf-card p {
  padding: 6px;
  opacity: 0;
  transition: opacity .35s, transform .35s;
  transform: scale3d(.9,.9,1);
  width: 271px;
  margin: 27px auto 0;
  font-size: 9pt;
  display: none; /* matches original */
}
figure.kf-card:hover:before { opacity: 1; }
figure.kf-card:hover img {
  transform: perspective(1000px) translate3d(0,0,21px);
}
figure.kf-card:hover h2:before { opacity: 0; }
figure.kf-card:hover p {
  opacity: 1;
  transform: scale3d(1,1,1);
}

/* ===== centre hero panel ===== */
.kf-heroPanel {
  padding: 0;
  height: 790px;
  background: url(/Websites/1375/Images/upload/image/Home_Back.jpg?ver=5560) center / cover no-repeat;
  width: 95%;
  margin: 0 auto;
}
.kf-heroWrap { /* structural wrapper */ }
.kf-hero {
  width: 95%;
  height: auto;
  text-align: center;
  background: #fff; /* white card on white page */
  background-size: cover;
  transition: .2s;
  margin: 26px auto 0;
  padding: 2%  0px;
  position: relative;
  top: 92px;
  outline: 1px solid #8E9B8B;     /* accent */
  outline-offset: -10px;
  color: #000;                     /* ensure black text */
}
.kf-heroTitle {
  margin-top: 64px;
  font-size: 2vw;
  letter-spacing: 1px;
  line-height: 45px;
  margin-bottom: 0;
  text-align: center;
  font-family: 'DM Serif Display', serif;
  color: #000;
}
.kf-hero p { color: #000; }

/* ===== three tiles ===== */
.kf-tilesWrap { /* empty on purpose (opacity handled above) */ }
#kf-tiles {
  background: #fff; /* white */
  padding-top: 37px;
  height: auto;
  position: relative;
  z-index: 1;
  margin: 0 auto 2.1vw;
  width: 97%;
}
.kf-tile {
  width: 31.3%;
  text-align: center;
  float: left;
  background: #666766;
  background-size: cover;
  background-position: bottom;
  overflow: hidden;
  transition: .2s;
  margin: 0 1% 15px 1%;
}
.kf-tile img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: .7;
  transition: .2s;
}
.kf-tile:hover img { opacity: 1; transform: scale(1.2); }
.kf-tileTitle {
  color: #ffffff;
  letter-spacing: 2px;
  margin-top: -55%;
  font-size: 2.2vw;
  line-height: 37px;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 1px 1px #000;
  position: relative;
  font-family: 'DM Serif Display', serif;
}
.kf-times { font-family: 'Times New Roman', Times, serif; }

.kf-tileCta {
  position: relative;
  top: -2px;
  width: 100%;
  font-size: 20px;
  margin-bottom: 50px;
}
/* Tile CTA button (UPDATED) */
.kf-tileCta a {
  padding: 17px 28%;
  outline: 1px solid #8E9B8B;     /* accent outline */
  color: #fff;
  font-size: 1.5vw;
  position: relative;
  z-index: 10000;
  width: 100%;
  background: #A3B0A0;            /* base */
  transition: .2s;
  outline-offset: -6px;
  font-family: 'DM Serif Display', serif;
}
.kf-tileCta a:hover {
  outline: 1px solid #fff;
  outline-offset: 0;
  color: #fff;
  background-color: #8E9B8B;       /* hover */
}

/* ===== CTA button under tiles (UPDATED) ===== */
.kf-homeBtn { text-align: center; margin-bottom: 16px; }
.kf-homeBtn a { color: #fff; background: #A3B0A0; font-size: 14px; }

/* Sweep To Right (renamed & UPDATED) */
.kf-sweepRight {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0,0,0,0);
  position: relative;
  transition: color .3s;
  padding: 10px 20px;
  border: 1px solid #8E9B8B;      /* accent border */
}
.kf-sweepRight:before {
  content: "";
  position: absolute; z-index: -1; inset: 0;
  background: #8E9B8B;            /* hover fill */
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;
}
.kf-sweepRight:hover,
.kf-sweepRight:focus,
.kf-sweepRight:active { color: #fff; }
.kf-sweepRight:hover:before,
.kf-sweepRight:focus:before,
.kf-sweepRight:active:before { transform: scaleX(1); }


/* ——— Pull content tight under the fixed header/menu ——— */

/* 1) Break margin-collapsing on the page wrapper */
.page { padding-top: 1px !important; }  /* invisible, but stops top-margin escaping */

/* 2) Zero the very first block’s top margin (whatever it is) */
.page > *:first-child { margin-top: 0 !important; }

/* 3) Your common first wrappers often adding gap */

.shopColumn1of2,
.shopColumn2of2 { 
  padding-top: 28px !important; 
  margin-top: 0 !important;
}

/* 4) If a headline/section is first, kill its top margin too */
.page h1:first-child,
#homeTextOuter:first-child,
#homeTextOuter2:first-child,
#homeJumps:first-child { 
  margin-top: 0 !important; 
}

/* 5) If the menu/header sits directly before .page, make sure there's no extra offset */
.header + .page,
.menu + .page { margin-top: 0 !important; }


/* Account for the fixed header height with padding, not margin */
.page {
  margin-top: 0 !important;
  padding-top: 258px !important;  /* set this to your true header height */
}

/* Safety: stop first-child margins from cancelling your padding */
.page > *:first-child { margin-top: 0 !important; }

/* === Contact page (Five Valley Flowers) — safe, prefixed, no conflicts === */
.fvco{background:#494948; color:#fff; padding:16px 0 48px;}
.fvco .wrap{max-width:1100px; width:92%; margin:0 auto;}

.fvco .card{
  background:#fff; color:#2b2b2b; border-radius:18px;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 24px 60px rgba(0,0,0,.20);
}
.fvco .card-body{padding:22px;}

.fvco .brand{font-weight:800; font-size:28px; line-height:1.2; margin:12px 22px 8px;}

.fvco .list{list-style:none; margin:0; padding:0 22px 22px; display:grid; gap:12px;}
.fvco .item{display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:start;}
.fvco .ico{font-size:20px; line-height:1;}

.fvco a{color:inherit; text-decoration:none; border-bottom:1px dashed rgba(0,0,0,.18);}
.fvco a:hover{border-bottom-color:rgba(0,0,0,.38);}

.fvco .hours{width:100%; border-collapse:separate; border-spacing:0 4px; margin-top:6px;}
.fvco .hours td{background:#f7f8f7; padding:8px 10px; border-radius:10px; font-size:15px;}
.fvco .hours td:first-child{width:42%; font-weight:600; color:#333;}

.fvco .note{margin:10px 22px 0; color:#555; font-size:14px;}
.fvco .divider{height:1px; background:rgba(0,0,0,.12); margin:14px 22px 8px;}

/* Replace emoji icons with clean letter badges (no HTML change) */
.fvco .ico{
  position:relative;
  display:inline-block;
  width:28px; height:28px;
  border-radius:50%;
  background:#e9ece9;            /* soft neutral */
  box-shadow:0 1px 0 rgba(0,0,0,.06) inset;
  vertical-align:top;
  margin-top:2px;
  /* hide the emoji text inside */
  color:transparent; font-size:0; line-height:0;
}

/* Badge letters */
.fvco .ico::before{
  content:"";
  position:absolute; inset:0;
  display:grid; place-items:center;
  color:#2f3a2f;                  /* dark sage ink */
  font:700 12px/28px system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing:.2px;
}

/* Per-item labels (A=Address, T=Telephone, E=Email, H=Hours) */
.fvco .list .item:nth-child(1) .ico::before{ content:"A"; }
.fvco .list .item:nth-child(2) .ico::before{ content:"T"; }
.fvco .list .item:nth-child(3) .ico::before{ content:"E"; }
.fvco .list .item:nth-child(4) .ico::before{ content:"H"; }

/* === Five Valley Flowers: About page (clean, no overlays) === */
.aboutco{background:#494948; color:#fff; padding:18px 0 48px;}
.aboutco .wrap{max-width:1100px; width:92%; margin:0 auto;}

.aboutco .card{
  background:#fff; color:#2b2b2b; border-radius:18px;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 24px 60px rgba(0,0,0,.20);
  display:grid; grid-template-columns:1fr 320px; gap:22px;
  align-items:start; position:relative; overflow:hidden;
}
@media (max-width:900px){ .aboutco .card{ grid-template-columns:1fr; } }

.aboutco .card-body{ padding:22px; }
.aboutco h2{ font-size:22px; margin:16px 0 10px; }
.aboutco p{ margin:0 0 12px; }

.aboutco a{
  color:#2f3a2f; text-decoration:none; border-bottom:1px dashed rgba(0,0,0,.2);
}
.aboutco a:hover{ border-bottom-color:rgba(0,0,0,.5); }

.aboutco .hline{
  display:flex; align-items:center; gap:8px;
  font-size:22px; margin:16px 0 10px;
}

/* Letter-badge icons (no emojis) */
.aboutco .ico{
  position:relative; display:inline-block; width:26px; height:26px;
  border-radius:50%; background:#e9ece9; color:#2f3a2f;
  text-align:center; font:700 13px/26px system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.aboutco .h-season   .ico::after{ content:"S"; }
.aboutco .h-weddings .ico::after{ content:"W"; }
.aboutco .h-funeral  .ico::after{ content:"F"; }
.aboutco .h-delivery .ico::after{ content:"D"; }
.aboutco .h-handtied .ico::after{ content:"H"; }
.aboutco .h-occasions .ico::after{ content:"O"; }

.aboutco .divider{ height:1px; background:rgba(0,0,0,.1); margin:18px 0; }

.aboutco img{ width:100%; border-radius:14px; }

.aboutco .quicklinks{
  display:flex; flex-wrap:wrap; gap:10px; margin:8px 0 0;
}
.aboutco .quicklinks a{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:#f0f3f0; color:#2f3a2f; border:1px solid rgba(0,0,0,.08);
  text-decoration:none; font-size:14px;
}
.aboutco .quicklinks a:hover{ background:#e6ece6; border-color:rgba(0,0,0,.18); }

.boxOuter4{
  width:100%;
  background:#B9CDB9;
  padding:53px 0 25px;
}
.boxOuter4Container{
  width:80%;
  margin:0 auto;
  padding:1px 0;
}

.testimonial-slider{
  width:100%;
  margin:0 auto;
}
.testimonial-slider .slider{
  list-style:none;
  padding:0;
  margin:0 auto;
  position:relative;
  width:100%;
  height:200px;
  overflow:hidden;
}
.testimonial-slider .slider li{
  position:absolute;
  inset:0;
  width:100%;
  opacity:0;
}
.testimonial-slider .slider li:nth-child(1){opacity:1;animation:fade-animation-1 35s infinite}
.testimonial-slider .slider li:nth-child(2){animation:fade-animation-2 35s infinite}
.testimonial-slider .slider li:nth-child(3){animation:fade-animation-3 35s infinite}
.testimonial-slider .slider li:nth-child(4){animation:fade-animation-4 35s infinite}
.testimonial-slider .slider li:nth-child(5){animation:fade-animation-5 35s infinite}
.testimonial-slider .slider li:nth-child(6){animation:fade-animation-6 35s infinite}

.testimonial-slider-content{
  max-width:900px;
  margin:0 auto;
  text-align:center;
  padding:0 16px;
}
.testimonial-slider-content q{
  display:inline-block;
  letter-spacing:.5pt;
  font-size:1.1vw;
  line-height:27px;
  color:#22343a;
  font-weight:400;
}
.testimonial-slider .source{
  margin-top:25px;
  color:#22343a;
  text-align:right;
  font-family:'Eyesome Script';
  font-size:1.8vw;
}

@keyframes fade-animation-1{0%,16%,100%{opacity:0}3%,13%{opacity:1}}
@keyframes fade-animation-2{0%,16%,33%,100%{opacity:0}19%,30%{opacity:1}}
@keyframes fade-animation-3{0%,33%,49%,100%{opacity:0}36%,46%{opacity:1}}
@keyframes fade-animation-4{0%,49%,66%,100%{opacity:0}52%,63%{opacity:1}}
@keyframes fade-animation-5{0%,66%,83%,100%{opacity:0}69%,80%{opacity:1}}
@keyframes fade-animation-6{0%,83%,100%{opacity:0}86%,97%{opacity:1}}

@media (max-width:900px){
  .testimonial-slider .slider{height:240px}
  .testimonial-slider-content q{font-size:16px;line-height:26px}
  .testimonial-slider .source{font-size:22px}
}

/* ==========================================================
   SQUARE, NO-CROP HOMEPAGE TILES (OVERRIDES – paste intact)
   ========================================================== */

/* 1) Let the container size to content (tiles set their own height) */
#homeTextOuter2 { height: auto !important; }

/* 2) Make each tile a perfect square and show full image */
#homeText2,
#homeText2Center,
#homeText2Right,
#homeText2Bottom,
#homeText2CenterBottom,
#homeText2RightBottom,
#jumpBoxLeft,
#jumpBoxRight,
#jumpBoxLeftBottom {
  aspect-ratio: 1 / 1;              /* square boxes */
  height: auto !important;           /* ignore fixed heights */
  background-size: contain !important;  /* show full image */
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* 3) Small helper: if text overlays feel too low now, nudge titles a bit */
.homeTextTitle { margin-top: 64% !important; } /* was 311px; scales better on squares */

/* 4) Optional: remove excess outer jumpBoxes height so layout tightens up */
#jumpBoxesOuter { height: auto !important; margin-bottom: 0 !important; }


/* Exception: keep the flowersubscription panel (#jumpBoxRight) as before */
#jumpBoxRight{
  aspect-ratio: auto !important;          /* cancel the square */
  height: 500px !important;               /* restore fixed height */
  background-size: cover !important;      /* fill + crop like before */
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
}


/* Restore original container overlap so there's no big gap below */
#jumpBoxesOuter{
  height: 1544px !important;         /* back to original fixed height */
  margin-bottom: -521px !important;  /* back to original pull-up */
  padding-bottom: 0 !important;      /* belt-and-braces */
}

/* Keep #jumpBoxRight as the rectangular cover panel */
#jumpBoxRight{
  aspect-ratio: auto !important;
  height: 500px !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
}


/* === FIX: make the three homepage tiles identical widths === */
#homeText2,
#homeText2Center,
#homeText2Right{
  width: 33.3333% !important;   /* equal thirds */
  float: left !important;        /* all float the same way */
  margin: 0 !important;          /* remove the 1% gap on the first tile */
  height: 100% !important;       /* keep the parent 450px height behaviour */
  background-size: cover !important;
  background-position: center bottom !important;
}

/* if you want a tiny gap between them, uncomment this:
#homeText2, #homeText2Center{ margin-right: 0.5% !important; }
#homeText2, #homeText2Center, #homeText2Right{ width: 33% !important; } 
(Be sure the total doesn't exceed 100%.) */



/* === GUTTERS: add even spacing around the 3 tiles === */
#homeText2,
#homeText2Center,
#homeText2Right{
  width: calc(33.3333% - 2%) !important;  /* make room for side margins */
  margin: 0 1% 15px 1% !important;        /* 1% left/right gutter + keep bottom gap */
  float: left !important;                 /* keep them in a row */
  height: 100% !important;
  background-size: cover !important;
  background-position: center bottom !important;
}