*{
margin:0;
}

html
{
width:100%;
  height:100%;
}

div#ctrl771645_PageHeader h1 {
    display: none;
}

.RadMenu.RadMenu_menu24.rmSized {
    width: 100% !important;
    height: auto !important;
}
div#RosellaRoyalty_homepageBanner {
    cursor: pointer;
}

div#RosellaFranchisee_homepageBanner {
    cursor: pointer;
}


.homepage_popup_modal {
    display: none;
    position: fixed;
    z-index: 10000000000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(1, 1, 1, 0.53);
    align-items: center;
    justify-content: center;
    font-family: 'Baskerville';
}
div#email-compareproduct-notification {
    background-position: center;
    background-color: ;
}

.homepage_popup_modal_inside {
    margin: 0 auto;
    max-width: calc(100vw - 32px);
    display: table;
    padding: 40px 0;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    filter: drop-shadow(5px 42px 29px rgba(0,0,0,0.3));
}

.homepage_popup_modal_image {
  background: url('../Images/Theme/VALENTINES POPUP.png');
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 2px;
  max-width: 100%;
  height: auto;
}

.homepage_popup_modal_inside a {
  color: #F29785 !important;
      text-decoration: underline;
    /*height: 100%;
    float: left;*/
}

.homepage_popup_modal_close {
    color: #fff;
    opacity: unset;
    font-size: 40px;
    line-height: 40px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 40px;
}

 @media (min-width: 800px) {
      .homepage_popup_modal_inside {
        max-width: 640px;
      }
      .homepage_popup_modal_image {
        width: 640px
      }
    }

@media only screen and (max-width: 1024px) {
  .homepage_popup_modal_image {
    width: 200px;
    height: auto;
    min-height: 200px;
  }
}




.fullwidth .ArticleAuthor{display:none}
.blackfridayPopup .InnerPopupModel {
    top: 50px;
  background-color:transparent !important;
}
#ctrl1007544_CarouselInner h3 {
  color: transparent;
  opacity: 0;
}



.blackfridayPopup .closePop {
    cursor: pointer;
    float: right;
    font-size: 22px;
    position: absolute;color: #fff;
    right: 35px;
}
{
    padding: 16px;
    height: 240px;
    display: grid;
    align-content: center;
    justify-content: center;
    background-size: cover;
    box-shadow: 1px 3px 8px rgb(0 0 0 / 40%);
}

 @media all and (max-width:550px){
.linkBlocks .franchiseBlock {
    height: 440px;
    position: relative;
    padding: 16px;
    height: 440px !important;
    display: block !important;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    align-content: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: contain !important;
    background-position: center;
}
  .whatsappbanner {
    background-image: url(../Images/Theme/Contact Page Banner.png) !important;
    background-repeat: no-repeat !important;
    background-position: 100% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding: 10px !important;
    min-height: 120px !important;
    display: block !important;
}
  
}
@media all and (min-width:1050px)
    {
#divL66595 .container{padding:0 !important}
 #divL66595 .BreadCrumbHolder{    padding: 0 20px;}
  
}
 @media all and (max-width:1050px){
.linkBlocks .franchiseBlock {
    height: 440px;
    position: relative;
    padding: 16px;
    height: 290px;
    display: grid;
    align-content: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    box-shadow: 1px 3px 8px rgb(0 0 0 / 40%);
    
}
.linkBlocks {
  
    display: block !important;
    width: 100%;
    float: left;
    padding: 10px !important;
}
  
}

/*New design css*/

.MiddleBanner.DisplayBanner.hideDesktopMid{display:none}
#ctrl1004649_CarouselInner .carousel-caption {
  background-image: url(../Images/Theme/own.svg);
    z-index: 99999;
    top: 220px;
    width: 235px;
  display:none;
    height: 248px;
    background-size: contain;
    background-repeat: no-repeat;
}
.JoinRosellaBanner {
    float: left;
    width: 100%;
    height: auto;
}
.fullwidth .conatainer2022 .MiddleBanner   .carousel-inner>.item {
     height: auto:
}
.fBanner {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
.RStory {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.RStory .ContentPage {
  width: 938px;
    margin: 0 auto;
    text-align: center;
}
.RStory h2 {
      letter-spacing: 0px;
    color: #f35516; /**#3C3C3C**/
    text-transform: uppercase;
    opacity: 1;
    font-family: 'gillsansbold';
    font-size: 23px;
}
.RStory span {
  letter-spacing: 0px;
    color: #3C3C3C;
    opacity: 1;
    font-family: 'GillSansRegular';
    line-height: 20px;
    font-size: 16px;
}

.fullwidth .conatainer2022 .carousel-inner>.item{
display:block !important;
display: block !important;
    width: 100%;
    height: 100%;
    float: left;

}

#ctrl1007544_CarouselInner .carousel-caption,
div#ctrl1004666_CarouselInner .carousel-caption{
    display: block !important;
    z-index: 999999 !important;
    top: 30px;
    left: 210px;
    font-size: 51px;
    width: 275px;
}

#ctrl1007544_CarouselInner .carousel-caption h3 ,
div#ctrl1004666_CarouselInner .carousel-caption h3 {
    font-size: 64px;
    width: 100%;
    text-align: left;
}
#ctrl1007573_divBannerFade .carousel-caption,
#ctrl1007544_divBannerFade .carousel-caption ,
div#ctrl1004672_divBannerFade .carousel-caption {
    display: block !important;
    z-index: 99999 !important;
    top: 200px;
    right: 0;
    left: 0;
    margin: auto;
    width: 300px;
    text-align: center;
}
#ctrl1007573_divBannerFade .carousel-caption {
    top: 70px;
}

#ctrl1007573_CarouselInner .carousel-caption .Becomingareseller,
#ctrl1007544_divBannerFade .carousel-caption .Becomingareseller,
div#ctrl1004672_divBannerFade .carousel-caption .Becomingareseller{
    padding: 0;
    width: 100%;    overflow: hidden;
    text-align: left;
    margin-left: 100px;
}
div#ctrl1004672_divBannerFade .carousel-caption .Becomingareseller .BecomingaresellerAdiv{}

.container_.conatainer2022 .MiddleBanner.DisplayBanner {
    padding: 0;
}
.conatainer2022 .Middlebanner1.col-md-3.col-sm-3.col-xs-12 ,
.conatainer2022 .Middlebanner2.col-md-6.col-sm-6.col-xs-12 ,
.conatainer2022 .Middlebanner3.col-md-3.col-sm-3.col-xs-12 {
    padding: 0;
}
#ctrl1004666_CarouselInner a.BecomingaresellerA {
float: left;
    font-size: 16px;
    letter-spacing: 0px;
    padding: 11px 35px;
    margin-left: 5px;
}
#ctrl1004672_CarouselInner a.BecomingaresellerA {
    font-size: 16px;
    letter-spacing: 0px;
    padding: 14px 35px;
}

#ctrl1007544_divBannerFade .carousel-caption {
  text-align: right;
  bottom: 0;
  right: 120px;
  margin: 0;
  left: unset;
  top: 0;
}
#ctrl1007544_CarouselInner .carousel-caption h3 {
    text-align: right;
}

.banner1.midbanner ,
.banner2.midbanner {
    width: 50%;
    float: left;
}
.conatainer2022 .ShopnowNew a {
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    border-radius: 0;
    font-size: 24px;
    font-weight: 500;
}

.mainMenuContainer .RadMenu .rmHorizontal .rmText {
    padding: 0 0px 0px 0;
}
.mainMenu2 .RadMenu a {
    font-size: 14px;
    padding: 0;
}

#ctrl1004649_CarouselInner .carousel-caption{

}

@media screen and (max-width: 769px){
  #ctrl1004672_CarouselInner a.BecomingaresellerA {
    font-size: 12px;
    letter-spacing: 0px;
    padding: 10px 20px;
}
  #ctrl1004666_CarouselInner a.BecomingaresellerA {
    float: left;
    font-size: 12px;
    letter-spacing: 0px;
    padding: 8px 20px;
    margin-left: 5px;
}

  .container_.conatainer2022 .MiddleBanner.DisplayBanner {
    padding: 0;
    display:none
}
  .hideDesktopMid{display:block !important}
 .hideDesktopMid .Middlebanner1.col-md-6.col-sm-6.col-xs-12{padding:0}
#ctrl1004649_CarouselInner .carousel-caption {
    top: 50px;
    background-size: 80px;
    height: 200px;
    width: 140px;
    left: 10%;
}
  #ctrl1007544_divBannerFade .carousel-caption {
    text-align: right;
    top: 0px;
    right: 15px;
    margin: 0;
    left: unset;
}
  
  .RStory .ContentPage {
    width: 100%;
    margin: 0 auto;
    text-align: center;padding: 0px 15px;
  }
.ArticleListing {

    width: 100% !important;
    margin: 0 auto;
    padding: 10px;
    float: left !important;
}
  .conatainer2022 .Middlebanner1.col-md-3.col-sm-3.col-xs-12, .conatainer2022 .Middlebanner2.col-md-6.col-sm-6.col-xs-12, .conatainer2022 .Middlebanner3.col-md-3.col-sm-3.col-xs-12 {
    padding: 0;
    width: 100% !important;
    max-width: 100%;
}

div#ctrl1004672_divBannerFade img,  div#ctrl1004666_divBannerFade img {
    height: 100% !important;
    float: left;
    width: 100% !important;
}
  #ctrl1007544_CarouselInner .carousel-caption h3,
  div#ctrl1004666_CarouselInner .carousel-caption h3 {
    font-size: 18px;
}
  div#ctrl1004666_CarouselInner .carousel-caption {
    left: 40px;
}
  div#ctrl1004672_divBannerFade .carousel-caption .Becomingareseller {
   
    font-size:22px;
}
  #ctrl1007573_CarouselInner .Becomingareseller span {
    display: block;
    font-size: 18px;
}
  #ctrl1007573_divBannerFade .carousel-caption {
   top: 20px;
    margin: 0;
    padding: 0;width: 100%;
    left: 15px;
}
  #ctrl1007573_CarouselInner .carousel-caption .Becomingareseller {
   margin: 0 auto;
    width: 140px;
}
 
 #ctrl1007544_divBannerFade .carousel, #ctrl1007573_divBannerFade .carousel {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}
   #ctrl1007544_divBannerFade .carousel-inner, #ctrl1007573_divBannerFade .carousel-inner {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}
  #ctrl1007544_divBannerFade a.BecomingaresellerA, #ctrl1007573_divBannerFade a.BecomingaresellerA{
 font-size:10px;
    padding:10px;
  
  }
   #ctrl1007544_divBannerFade .item, #ctrl1007573_divBannerFade .item {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}
  
  #ctrl1007544_divBannerFade img, #ctrl1007573_divBannerFade img{
  height: 100%;
    object-fit: cover;
  }
}

@media screen and (min-width: 400px) and (max-width: 600px)
      {
    div#ctrl1004672_divBannerFade, div#ctrl1004666_divBannerFade {
    height: 370px;
}
  #ctrl1007544_divBannerFade, #ctrl1007573_divBannerFade{
      height: 220px;
  } 
      }
      
@media screen and (max-width: 400px){

div#ctrl1004672_divBannerFade,  div#ctrl1004666_divBannerFade {
    height: 269px;
}
  #ctrl1007544_divBannerFade, #ctrl1007573_divBannerFade{
  
      height: 220px;
  }
 div#ctrl1004672_divBannerFade .carousel-caption .Becomingareseller {
    margin-left: 0px;
    font-size:22px;
} 
}

.homepagebanner {
	display: block;
  	clear: both;
  	background-size: contain;
  	background-position: top;
  	background-repeat:no-repeat;
  	margin:0;
  /*margin-bottom:1.5vw;*/
  	padding:0;
  	width:100%;
  	/*min-height:34vw;*/
}

.homepagebanner1 img {
  	/*content:url('https://www.rosella.co.za/images/theme/banner home 202503.jpg');   */
  content:url('https://www.rosella.co.za/images/theme/banner 1 0825.png');   
  	width:100%;
  	min-height:600px;
}

.homepagebanner2 {
  	/*content:url('https://www.rosella.co.za/images/theme/Banner 2 Spring 2024.png');   */
  content:url('https://www.rosella.co.za/images/theme/banner 2 0825.png');   
  	width:100%;
  	/*min-height:314px;*/
}

.homepagebanner3 {
  	/*content:url('https://www.rosella.co.za/images/theme/banner 3 202503.jpg');   */
  content:url('https://www.rosella.co.za/images/theme/banner 3 0825.png');   
  	width:100%;
  	/*min-height:432px;*/
}

.homepagebanner4 {
  content:url('https://www.rosella.co.za/images/theme/banner 4 0825.png');   
  	width:100%;
  	/*min-height:432px;*/
}

.homebottombanner {
	width:30%;
  	margin:0 1%;
}


@media (max-width: 440px) {

    .homepagebanner1 img {
        /*content:url('https://www.rosella.co.za/images/theme/Mobile Banner 1 Spring 2024.jpg');   */
  		content:url('https://www.rosella.co.za/images/theme/banner 1 0825.png');
        min-height:200px;
    }
    
    .homepagebanner2 {
        /*content:url('https://www.rosella.co.za/images/theme/Mobile Banner 2 Spring 2024.jpg');   */
  content:url('https://www.rosella.co.za/images/theme/banner 2 0825.png');   
        min-height:100px;
    }
    
    .homepagebanner3 {
        /*content:url('https://www.rosella.co.za/images/theme/Mobile Banner 3 Spring 2024.jpg');   */
  content:url('https://www.rosella.co.za/images/theme/banner 3 0825.png');   
        min-height:100px;
    }
    
    .homepagebanner4 {
       	/*content:url('https://www.rosella.co.za/images/theme/Mobile Banner 4 Spring 2024.jpg');   */
  content:url('https://www.rosella.co.za/images/theme/banner 4 0825.png');   
        min-height:100px;
    }
}



#RosellaRoyalty_homepageBanner,
#RosellaFranchisee_homepageBanner {
  display: block;
  clear: both;
  background-size: cover;
  height: 52vw;
  position: relative;
}
#RosellaRoyalty_homepageBanner {
  background-image: url('https://www.rosella.co.za/Images/Theme/SS23BANNER2.jpg');   
     /*background-size:contain;*/
}
#RosellaFranchisee_homepageBanner {
  display:none;
  background-image: url('https://www.rosella.co.za/Images/Theme/SS23BANNEER3.jpg');  
  /* background-size:contain;*/
}
#RosellaRoyalty_homepageBanner a,
#RosellaFranchisee_homepageBanner a {
  border: 1px solid #fff;
  color: #fff;
  font-size: 9px;
  letter-spacing: 2px;
  border-radius: 4px;
  padding: 10px;
  display: inline-block;
  position: absolute;
}
#RosellaRoyalty_homepageBanner a {
 right: 6vw;
  top: 34vw;
  /*display:none;*/  
}
#RosellaFranchisee_homepageBanner a {
  right: 51.4vw;
  top: 34vw;
  display:none;
}

  #RosellaRoyalty_homepageBanner a,
  #RosellaFranchisee_homepageBanner a {
    font-size: 13px;
    padding: 10px 24px;
    /*display:none;*/
    border: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

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

  
}
@media screen and (min-width: 961px){
  #RosellaRoyalty_homepageBanner,
  #RosellaFranchisee_homepageBanner {
    height: 34vw;

  }
  #RosellaRoyalty_homepageBanner {
    background-image: url('https://www.rosella.co.za/Images/Theme/Banner 3 Spring 2024.jpg');
   
   
  }
  #RosellaFranchisee_homepageBanner {
    background-image: url('https://www.rosella.co.za/Images/Theme/BANNER3JOLIE1DEC.jpg');
        
      
  }
  #RosellaRoyalty_homepageBanner a,
  #RosellaFranchisee_homepageBanner a{
    right: 8vw;
    top: 8.4vw;
    padding: 8px 24px;
    /*display: none;*/
  }
  #RosellaFranchisee_homepageBanner a {
    right: 8vw;
    top: 8.4vw;
    padding: 8px 24px;
   /* display: none;*/
  }
}

/*end*/

span.LoyaltyText {
    float: left;
    width: 100%;
    color: #f50495;
    margin-bottom: 5px;
      margin-top: 10px;

}
table.gridview {
    float: left;
    width: 100%;
}
td.DiscountPrice {
    color: #d7a023;
}
a.whatsapp {
    float: left;
    width: 100%;
}
span#whatsapp {
    width: 40px;
    float: left;
    height: 40px;
}
.PopupModals {
    display: none !important; 
}

.PopupModals ,.PopUp{

    position: fixed;
    z-index: 10000000000;
    padding-top: 80px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(1, 1, 1, 0.53);
    padding-top: 60px;

}

.PopupModalInside {
 background: url(../Images/Theme/Rosella_Pop_up_Mothers_Day_Voucher.jpg?version_1/04/2021);
}
.PopupModalInside,.InnerPopupModel {
   
    width: 37% !important;
    margin: 0 auto;
    height: 664px !important;
    display: table;
    padding-bottom: 15px;
    background-size: contain;
    background-repeat: no-repeat;
  	z-index: 100;
  	position: inherit;
}
.MainButton.closePop {
    float: left;
    cursor: pointer;
    width: 100%;
  margin-bottom:10px;
}
.CookieSettings {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
}

.InnerPopupModel {
    background-color: #fff;
    left: 0;
    right: 0;    top: 150px;
      padding: 20px;
    border-radius: 5px;
    height: 300px !important;
}
.popLogoholder {
    float: left;
    width: 100%;
    height: 75px;
}
.CookiespopUp span {
    font-size: 16px;
    float: left;
    width: 100%;
    font-style: inherit;
    padding: 10px 0;
}

.CookieSettingsPopup {
    position: fixed;
    display: none;
    left: 0px;
      z-index: 999999999999;
    width: 400px;
      top: 150px;
    height: auto;
    border-radius: 5px;
    background-color: rgba(5, 155, 173, 1);
}

.SidePopUpHeader span {
    position: absolute;
    color: #fff;
    padding: 0;
    margin: 0 auto;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    font-size: 22px;
}
.CloseSidePopUp {
    position: absolute;
    right: 0;
    cursor: pointer;
    color: #fff;
    font-size: 22px;
    z-index: 100;
}
.CookiespopUp{display:none !important}
.Sidepopuptext {
    float: left;
    width: 100%;
    color: #fff;
  margin-bottom: 10px;
    font-size: 12px;
}
.SettingsTab {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
}
.SettingsTabContentItem {
    float: left;
    width: 100%;
}

.SettingsTabContents {
    float: left;
    background-color: #fff;
    width: 100%;
  padding: 10px;
    margin-bottom: 10px;
}


.CookieSettingsInnerPopup {
    float: left;
    width: 100%;
    padding: 10px;
}
.SidePopUpHeader {
    float: left;
      position: relative;
    margin-bottom: 10px;
    width: 100%;
      height: 40px;
}

.popLogoholder  .logo{
       background-size: 350px !important;
    background-position: center !important;
  width:100% !important
}
.PrivacyPolicy {
    float: left;
    width: 100%;
    text-align: center;
}
.PrivacyPolicy a {
    color: #000;
    font-size: 10px;
}


div#close-dialog {
	color: #000000;
    opacity: unset;
    font-size: 40px;
    margin: 0 20px;
    float: right;
    /*width: 21px;*/
  	width: 30%;
  	position: relative;
  	z-index: 10000;
}
.PopupModal a {display: block;}

.newbannerAdenture div#ctrl984451_divBannerFade {
    overflow: hidden;
}.newbannerAdenture.col-md-8.col-sm-8.col-xs-12.mobilefullwidth {
    overflow: hidden;
}
.ArticleAlternating {
    float: left;
    width: 100%;
    position: relative;
}
.ArticleCustomUrl a {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.newbannerAdenture .carousel-inner{/* height: 600px; */overflow: hidden;}
body
{font-family: "gillsansregular"!important;}

@font-face {font-family: "gillsansregular";
  src: url("../Fonts/gillsans-webfont.eot"); /* IE9*/
  src: url("../Fonts/gillsans-webfont.eot?#iefix")format("embedded-opentype"), /* IE6-IE8 */
  url("../Fonts/gillsans-webfont.woff2")format("woff2"), 
  url("../Fonts/gillsans-webfont.woff")format("woff"), 
  url("../Fonts/gillsans-webfont.ttf")format("truetype"), 
  url("../Fonts/gillsans-webfont.svg#Blender Pro Medium")format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "gillsansbold";
  src: url("../Fonts/gillsansbold-webfont.eot"); /* IE9*/
  src: url("../Fonts/gillsansbold-webfont.eot?#iefix")format("embedded-opentype"), /* IE6-IE8 */
  url("../Fonts/gillsansbold-webfont.woff2")format("woff2"), 
  url("../Fonts/gillsansbold-webfont.woff")format("woff"), 
  url("../Fonts/gillsansbold-webfont.ttf")format("truetype"), 
  url("../Fonts/gillsansbold-webfont.svg#Blender Pro Medium")format("svg"); /* iOS 4.1- */
}

.PopUp{position: fixed;top: 0px;width: 100%;height: 100%;z-index: 1000000000;background-color: rgba(0,0,0,0.5);padding: 20px;overflow: scroll;}

.ResellerPopup h2 {
 font-size: 19px;
    text-align: left;
    padding-right: 40px;
   
    margin-bottom: 16px;
    float: left;
}



.RoyaltyLogo {
    float: left;
    width: 100%;
    height: 250px;
    text-align: center;
}
@media screen and (max-width: 769px){
  .contentPage1.contentPageNew{display:block !important}
  .RoyaltyHolder.RoyaltyHolderNew {
    width: 100% !important;
}
  .contentPage1.contentPageNew .applyOnlineRoyalty {
    width: 100% !important;
}
  .contentPage1.contentPageNew a.onlineApplication{width:100% !important;}
  .contentPage1.contentPageNew a.FINDNEARESTBRANCH{width:100% !important;margin-left:0 !important}
  
  .contentPage1.contentPageNew .RoyaltyCard{margin-bottom:10px !important}
.Conditions.col-md-4.col-sm-4.col-xs-12 {
    padding: 0 !important;
}
  
}

.contentPage1.contentPageNew .RoyaltyTermsAndCondition  p{
    font-family: 'gillsansregular';
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    list-style-type: none;

}
.contentPage1.contentPageNew .RoyaltyTermsAndCondition h3{
    font-size: 15px;
    font-weight: 600;
    font-family: system-ui;
}
.contentPage1.contentPageNew .RoyaltyTermsAndCondition h2{
font-weight:400 !important;
  font-size: 18px;
}
.contentPage1.contentPageNew .RoyaltyGold,
.contentPage1.contentPageNew .RoyaltySilver {
    margin-top: 0px; 
}
.contentPage1.contentPageNew .RoyaltyPlatinum {
    min-height: auto;
}
.contentPage1.contentPageNew a.FINDNEARESTBRANCH {
    width: auto;
    margin-left: 10px;
    border: 1px solid rgba(5, 155, 173, 1) !important;
    text-decoration: none !important;
    padding: 9px;
}


.contentPage1.contentPageNew  a.onlineApplication {
    width: 150px;
    background-color: #000;
    background-image: linear-gradient(
-180deg
, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 5px;
}
.contentPage1.contentPageNew .applyOnlineRoyalty{width:350px}

.contentPage1.contentPageNew span.RoyaltyDescription{padding:15px}
.contentPage1.contentPageNew .PlatinumLogo {
    border-top: 20px solid rgba(98, 98, 98, 1);
}
.contentPage1.contentPageNew .RoyaltyCards {
    margin-bottom: 20px;
}

.contentPage1.contentPageNew .SilverLogo {
    border-top: 20px solid rgb(158 157 160);
}

.contentPage1.contentPageNew .GoldLogo {
    border-top: 20px solid rgb(157 139 85);
}

.contentPage1.contentPageNew .RoyaltyCard {
    background-color: transparent;
    box-shadow: none;
      padding: 5px;
}

.RoyaltyItems {
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 50%);
}

.contentPage1.contentPageNew {
    padding: 0;
}


.BronzeLogo.RoyaltyLogo {
    border-top: 20px solid rgb(166 114 67);
}

.OwnerInformation,.CustomerInformation {clear: both;padding-top: 16px;}
.divResellerForm .PrefixText {
    float: left;
    width: auto;
    text-align: left;
}
.divResellerForm input[type=text],.divResellerForm textarea {
       float: left;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 3px;
    font-family: 'gillsansregular';
    font-family: 'Baskerville';
    text-align: left;
    font-size: 18px;
    /* font-weight: bold; */
    height: 20px;
    padding: 5px 8px;
   margin: 0px 10px;
    color: rgba(0, 0, 0, 1);
    border: 1px solid var(--Rosella_teal);
    border-bottom: 1px solid #000;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;

}

.divResellerForm textarea {
    min-height: 120px;
}

.divResellerForm textarea{

}
.divResellerForm .PrefixText {
  
    text-align: left;
    font-size: 16px;
    color: #333;
    text-align: left;
  
    padding-bottom: 5px;
    letter-spacing: 0.5px;
}
.divResellerForm {
 /* float: left; */
 /* width: 50%; */
 /* padding: 0px 10px; */
 margin-bottom: 12px;
}
@media all and (min-width:1040px)
{
input#ctrl972487_txtName {
    min-width: 480px;
}
  input#ctrl972487_txtIDNumber {
    min-width: 260px;
}
input#ctrl972487_txtEmail {
    width: 450px;
}
  input#ctrl972487_txtCellNumber {
    width: 264px;
}
  input#ctrl972487_txtSpousesName {
    width: 365px;
}
  input#ctrl972487_txtPhysicaladdress {
    width: 714px;
}
  input#ctrl972487_txtAddressDuration {
    width: 650px;
}
  .clear-both {
    float: left;
    width: 100%;
    height: 20px;
}
#ctrl972487_txtInfochannel,
#ctrl972487_txtCurrentBussinesses1,
#ctrl972487_txtCurrentBussinesses2,
#ctrl972487_txtCurrentBussinesses3,
#ctrl972487_txtCurrentBussinesses4,
  #ctrl972487_txtExperience1,
  #ctrl972487_txtExperience2,
  #ctrl972487_txtExperience3,
  #ctrl972487_txtExperience4{
   width: 838px;
    margin: 0;
}
  #ctrl972487_txtCurrentBussinesses2,
#ctrl972487_txtCurrentBussinesses3,
  #ctrl972487_txtCurrentBussinesses4,
  #ctrl972487_txtExperience2,
  #ctrl972487_txtExperience3,
  #ctrl972487_txtExperience4{
  height:30px;
  }
  .ListItems {
    float: left;    height: 30px;
    width: 100%;
}
  .divResellerForm.divResellerFormItem input {
    width: 838px;
    margin: 0;
}
  .divResellerForm.divResellerFormItem input:nth-child(5),
  .divResellerForm.divResellerFormItem input:nth-child(3),
  .divResellerForm.divResellerFormItem input:nth-child(4){
      height: 30px;
  }
  
  .itemNumber {
    float: left;
}
  input#ctrl972487_txtReason1, input#ctrl972487_txtReason2, input#ctrl972487_txtReason3 {
    width: 820px;
    height: 17px;
    margin: 0px 5px;
}
  .YesNo {
    float: left;
    cursor: pointer;
}
  .YesNo.active {
    font-weight: 700;
}
  .YesNoHolder {
    float: right;
    width: 180px;
}
  .YesNoHolder span {
    float: left;
    margin: 0px 9px;
}
 input#ctrl972487_txtManagerName {
    width: 555px;
}
  input#ctrl972487_txtMonthlyexpectation {
    width: 60px;
}
  .referenceItem {
    float: left;
    width: 33%;
}
  .referenceItem input {
    width: auto !important;
}
  .referenceItem.referenceSignature {
    padding: 0px 5px;
}
  .referenceItem.referenceDate {
    padding-left: 20px;
}
  .referenceItem.referenceDate .PrefixText {
    margin-right: 10px;
}
  input#ctrl972487_witnessreferenceName2 {
    width: 175px !important;
}
  .divResellerFormLine.Iunderstand .YesNoHolder {
    float: left !important;
    margin: 10px 0;
    width: 100%;
}
  .divResellerFormLine.Iunderstand .YesNoHolder .YesNo{
 
  }  
  
}


@media all and (min-width:768px) {
  .divResellerForm {
    width:auto;
    float:left
  }
  .divResellerForm:nth-child(odd) {
   
  }
  .CustomerInformation .divResellerForm:nth-child(odd), 
  .OwnerInformation .divResellerForm:nth-child(odd) {
    clear:none;
    margin-right: 0;
  }
  .CustomerInformation .divResellerForm:nth-child(even),
  .OwnerInformation .divResellerForm:nth-child(even) {
    clear:both;
    margin-right: 32px;
  }
.divResellerFormLine {
    float: left;
    width: 100%;
}
}

.InnerPopUp h3 {
    font-size: 16px;
    text-align: left;
    margin: 16px 0;
}

.InnerPopUp {
    background-color: #fff;
    border-radius: 5px;
    padding: 32px 16px;
    position: relative;
    overflow: auto;
    max-width: 1080px;
    margin: auto;
}
@media all and (min-width:1024px) {
  .InnerPopUp {
    padding:32px 64px;
  }
}

.divContactFormSubmit {
    float: left;
    width: 100%;
}

div#ctrl972487_UpdateProgress2 {
    float: left;
    width: 100%;
}

.ResellerPopup {
}
.closePopup {
    font-size: 25px;
    position: absolute;
    right: 4px;cursor: pointer;
    top: 4px;
    width: 40px;
    height: 40px;
    text-align: center;
}

.RoyaltyHolder.RoyaltyHolderNew h2 {
      color: #000;
    font-size: 60px;
}

.RoyaltyHolder.RoyaltyHolderNew h3 {
        color: #000;
    font-size: 16px;
    letter-spacing: 4px;
}
.RoyaltyHolder.RoyaltyHolderNew {
    width: 550px;
}

.PopupLogo .logo {
    width: 290px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    height: 80px;
    right: 0;
    top: 0 !important;
    float: none !important;
}

.PopupLogo {
    float: left;
    position: relative;
    width: 100%;
    height: 200px;
}


div#divMain {
    padding: 0 !important;
}

a:hover
{
  text-decoration:none !important;
  cursor:pointer !important;
}

[type=submit],[type=button]
{
    cursor:pointer !important;
}

:root {
  --Rosella_teal:  #438A96;
  --Rosella_coral: #F29785;
  --Rosella_black: #1c1c1c;  
}
    img{max-height:100%;}
    ol.carousel-indicators {
    z-index: 9999999 !important;
}
   
    .LoginHolder  .rmLast .MenuItem101:hover  .active.MenuItem101:before{
        display:block;
    
    }
    .LoginHolder  .rmFirst .MenuItem100:hover .active.MenuItem100:before{
       display:block;
    } 
   .LoginHolder  .rmFirst .active.MenuItem101:before{
      content : "My Account";
            position: absolute;
    top: -26px;
    left:calc(-50% - 16px);
    font-size: 12px;
    color: #fff;
    background-color:var(--Rosella_teal);
    padding: 2px 8px;
    text-align: center;
      }
      
        .LoginHolder  .rmLast .active.MenuItem100:before{
      content :"Logout";
            position: absolute;
    top: -26px;
    left:-16px;
    font-size: 12px;
    color: #fff;
    background-color:var(--Rosella_teal);
    text-align: center;
    padding: 2px 8px;
      }
      
.topheader {
  background-image: url(%20-webkit-linear-gradient(-180deg,%20rgba(255,%20255,%20255,%201)%200%,%20rgba(237,%20237,%20237,%201)%20100%));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    height: 96px;
}

.topheader .container {
  display:block;
  padding: 20px 15px;
  justify-content: space-between;
}

.LogoHolder {width: 100%;height: 44px;padding-right: 8px;float:left;}
@media all and (min-width:768px) {
  .LogoHolder {
        width: 300px;
    height: 70px;
        }
}
.col-xs-12.col-md-6.col-sm-6.fgdJeans {
    margin-bottom: 20px;
}
.glyphicon:before {
    color: #438A96;
            font-size: 62px;
    filter: brightness(1);
            
}
      span.glyphicon {
    font-size: 56px;
    width: 40px !important;
    height: 50px !important;
    filter: brightness(10);
}
      span.glyphicon.glyphicon-chevron-left {
    margin-left: -25px;
}
      
      
      a.carousel-control {
text-shadow: none !important;
    background-color: rgba(0,0,0,0.5)!important;
    width: 5%;
    z-index: 100000 !important;
}
      
.logo {
     background-image: url(../Images/Theme/Rosella_ModLogo10.png);
    float: left;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.LoginHolder {
  padding: 12px 0;
  display: flex;float:right;
  align-items: center;
}

.LoginHolder > * {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}

      .hasScrolled .LogoHolder{
      height:50px
      }
@media all and (min-width:375px) {
  .LoginHolder > * {
    margin-left: 16px;
  } 
}


.LoginHolder .RadMenu {
    float: right!important;
    width: auto !important;
    height: auto!important;
    order: 99;
}


.LoginHolder .rmSeparator
{
      border: 1px solid rgba(74, 74, 74, 1);
    height: 13px;
    width: 2px !important;
    transform: rotate(10deg);
    margin-top: 6px;
      margin-left: 5px;
    margin-right: 5px;
}

.LoginHolder .RadMenu .rmText,.LoginHolder .RadMenu .rmLink 
{
  padding:0 !important;
}

.LoginHolder .RadMenu a
{
  color:rgba(74, 74, 74, 1);
  font-size: 16px;
      font-weight: 500;
  font-family: "gillsansregular";
}

.LoginHolder .RadMenu a:hover
{
color: rgba(5, 155, 173, 1);
}

.cartholder {
}


.CartCount {
    position:relative;
    font-size: 24px;
    color: #999;
    line-height: 24px;
}

.CartCount:before {
  font-family: 'Material Icons';
  content: '\e8cb';
}



.WishlistCount {
}



.searchHolder{}

.BtnControlBtn{
display:none;
}

.SearchTextBox {
    width: 100%;
    height: 24px;
    position: relative;
    cursor: pointer;
    font-size: 24px;
    color: #888;
}

.SearchTextBox:before {
  font-family: 'Material Icons';
  content: '\e8b6';
  position: relative;
  top: -4px;
}

.ui-autocomplete-input {
      position: absolute;
      height: 24px;
      width: 260px !important;
      bottom: 0;
      top: 35px;
      font-size: 14px;
      padding: 0 6px;
      line-height: 20px;
      border-radius: 4px;
      background: transparent;
      color: transparent;
      right: -90px;
}

.hasScrolled .ui-autocomplete-input {
  top: 24px;
}

.ui-autocomplete-input:focus{outline:none;border: 1px solid var(--Rosella_teal)!important;background: white;color: black;}
.Search {
}
ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    width: 260px !important;
}


.mainMenuContainer {
    float: left;
}

.mainMenu2{float:right;}

.mainMenuContainer .RadMenu{width:auto !important;margin-top: 22px;height:auto !important;}
.mainMenu2 .RadMenu{width:auto !important;margin-top:22px;height:auto !important;}




.bottomHeader {
    height:63px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    background-image: -webkit-linear-gradient(-180deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background-image: -moz-linear-gradient(-180deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background-image: -o-linear-gradient(-180deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);    position:relative;
}

.bottomHeader .RadMenu a
{
  color:rgba(74, 74, 74, 1);
  font-family: "gillsansregular";
  text-transform: uppercase;
}
.bottomHeader .RadMenu a:hover {
  color: var(--Rosella_teal);
  /* color: green; */
}

.mainMenuContainer .RadMenu a{font-size: 14px;padding-left:0;text-transform:uppercase;}
.mainMenu2 .RadMenu a{font-size:14px;}

.mainMenu2 .RadMenu .rmText
{
  padding-right:0 !important;
}

.bottomHeader .mainMenuContainer .rmItem{
  padding:0 4px !important
}
.bottomHeader .mainMenuContainer .rmItem.rmSeparator {
  padding: 0!important;
}

.bottomHeader .mainMenuContainer .rmItem:nth-child(1){
  /* padding: 0 15px 0 0 !important */
}

.bottomHeader .mainMenu2 .rmItem{
  padding: 0 3px !important;
}

.bottomHeader .mainMenu2 .rmItem:nth-child(5){
  /* padding: 0 0 0 15px  !important */
}

ul{list-style-type:none;}
.footerLogoHolder {
    float: left;
  padding-top:40px;
    width: 100%;
    margin-bottom: 40px;
}

.footerLogo {
    float: left;
    width: 179px;
    height: 45px;
    background-image: url(../Images/Theme/footerlogo.png);
    background-size: 100%;
    background-position: 100%;
    background-repeat: no-repeat;
}

.noppadingleft{padding-left:0px !important;}

.footerHolder h1
{
float:left;
font-size: 16px;
font-weight: bold;
color: rgba(255, 255, 255, 1);
text-align: left;
  width:100%;
}
.footerHolder .RadMenu a {
    font-size: 16px;
    color: rgba(216, 216, 216, 1);
    text-align: left;
    text-transform: uppercase;
    padding-left: 0;
}

.footerHolder .RadMenu a:hover
{
  color: var(--Rosella_coral);
}

.sales {
    /* float: left; */
    width: 100%;
    /* padding:15px; */
}

.sales a {
    /* border: 5px solid #fff; */
    color: #fff;
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 2px;
    padding: 10px 15px;
    font-size: 18px;
}

.sales a:hover{color: var(--Rosella_coral);}

.salesCnt .ContentPage span
{
      font-size: 16px;
      color: rgba(255, 255, 255, 1);
      text-align: center;
      display: block;
      margin-top: 16px;
      clear: both;
}

.storeLocaterDiv .Region .RegionName ,.storeLocaterDiv .Region .RegionStoreInformation
{
  display:none;
}

select#storeLocatorsFooter {
    width: 225px;
    padding: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
      background-image: url(../Images/Theme/arrow.png);
    background-size: 15px;
    background-position: 95% 10px;
    background-repeat: no-repeat;
  margin-bottom:20px;
}

.joinUsRo {
    float: left;
    width: 100%;
    margin-bottom: 45px;
}

.joinUsRo  span{
   font-size: 16px;
    color: rgba(216, 216, 216, 1);
    text-align: left;
}

.joinUsRo span.Text1 
{
    font-weight: 300;
}

.joinUsRo span.Text2 {
    font-weight: 700;
}

.signupforroylty {
    float: left;
    width: 100%;
    margin-bottom: 45px;
}

.signupforroylty a {
    font-size: 14px;
    color: rgba(255, 255, 255, 1) !important;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 1);
    border-radius: 2px;
    padding: 10px 45px;
}
.freeDelivery {
      font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    float: left;
    background-image: url(../Images/Theme/safe.png);
    width: 100%;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 50px;
    height: 50px;
    vertical-align: middle;
    padding: 10px;
      margin-bottom: 25px;
}

.safeSecure {
       font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    float: left;
    background-image: url(../Images/Theme/lock.png);
    width: 100%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 20px;
    height: 40px;
    padding: 9px;
}

.ProductInfo .safeSecure {
  font-family: 'gillsansregular';
  font-size: 16px;
  color: rgba(74, 74, 74, 1);
  font-weight: normal;
  text-indent: 27px;
} 
      
      
.ProductDescription, .PsdDescription {
    font-family: 'gillsansregular';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
    font-weight: normal;
    margin-top: 18px;
    float: left;
}
      
.PayflexWidget {
        float:left;
        order:3;
      }
      
#partPayCalculatorWidget1 {
        background-color:transparent !important;
        width:340px !important;
        min-height: auto !important;
        padding: auto !important;
        padding-top:9px !important;
      }
      
      #partPayCalculatorWidgetText, #partPayCalculatorWidgetText span {
        font-family: 'gillsansregular' !important;
    font-size: 16px !important;
    color: rgba(74, 74, 74, 1) !important;
    font-weight: normal !important;
      }

      #partPayCalculatorWidgetLogo {
    width: 100px !important;
        top: -38px !important;
      }
      
.bottomFotterMenu {
    float: left;
    width: 100%;
    background-color: rgba(216, 216, 216, 0.16);
    margin-top: 25px;
    text-align: center;
      padding: 10px;
}

.bottomFotterMenu .RadMenu {
    height: auto !important;
    margin: 0 auto !important;
    float: none;
}

.bottomFotterMenu .RadMenu ul {
  display: flex!important;
  flex-wrap: wrap;
  justify-content: center;
}

.bottomFotterMenu .RadMenu .rmSeparator{
border: 1px solid rgba(216, 216, 216, 1);
    height: 13px;
    width: 2px !important;
    margin-top: 6px;
    margin-left: 5px;
    margin-right: 5px;
}
.footerHolder .bottomFotterMenu .RadMenu a
{
  padding-left:15px !important;
}
.footerHolder .bottomFotterMenu .RadMenu a:hover
{
}

.footerMenitiotn {
     float: left;
    width: 100%;
    margin-bottom: 60px;
    color: #fff;
    padding: 15px;
    text-align: center;
   
}
.FooterCopyright {
    float: left;
      color: rgba(216, 216, 216, 1);
}
.SiteBy {
    float: left;
      color: rgba(216, 216, 216, 1);
}
.SiteBy a{    color: rgba(216, 216, 216, 1);}
.SiteBy a:hover{    color: rgba(5, 155, 173, 1) !important;}

.ssT{
    border: 1px solid rgba(216, 216, 216, 1);
    height: 13px;
    width: 2px !important;
    margin-top: 2px;
    margin-left: 8px;
    margin-right: 8px;
    float:left;
    }

.ssUo {
    width: 250px;
    margin: 0 auto;
}

.Banner{
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* height: 560px !important; */
    margin-bottom: 40px;
}

.Banner>div{
    height: auto!important;
    max-width: none!important;
}


ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: auto!important;
}
li.bjqs-slide{cursor:pointer;height: auto!important;}

.bjqs-slide img{
    height: auto!important;
}

ul.bjqs-controls.v-centered {
    display: none;
}



.WishlistCount{
    color:#888;
    font-size: 24px;
    line-height: 24px;
    color: #999;
    position: relative;
}

.WishlistCount:before {
  font-family: 'Material Icons';
  content: '\e87e'
}



.bjqs-markers li ,.carousel-indicators li
{
    float: left !important;
    color: transparent !important;
    border: 2px solid rgba(74, 74, 74, 1) !important;
    color: transparent !important;
    border-radius: 50% !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0px 10px 0 0 !important;
    cursor: pointer;
}

.bjqs-markers .active-marker ,.carousel-indicators .active
{
    background-color: rgba(74, 74, 74, 1) !important;
}

.bjqs-markers li a
{
    float: left;
    color: transparent !important;
}
ol.bjqs-markers.h-centered ,.carousel-indicators{
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    width: 250px !important;
    margin: 0 auto !important;
    bottom: 20px !important;
}



.categoryListing div{
float:left;width:100%;
  height:557px;
  background-size:100%;
  background-repeat:no-repeat;
  background-position:100%;
}


.categoryListing .cothing{
  background-image:url(../Images/Theme/CLOTHING-3x.png);
}

.categoryListing .foottwear{
  background-image:url(../Images/Theme/FOOTWEAR-3x.png);
}

.categoryListing .Accessories{
  background-image:url(../Images/Theme/ACCESSORIES-3x.png);
}

.categoryListing a {
    float: left;
    width: 100%;
    height: 100%;
    color: #fff !important;
    font-weight: 700;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    font-family: "gillsansregular";
  padding-top:250px;
}

.CategoryListing{width:100%;margin-bottom: 40px;}

.floralsOdSummer {
    /* float: left; */
    width: 100%;
    /* height: 769px; */
    /* margin-bottom: 80px; */
    background-size: 100%;
    background-size:100%;
}

.floralsOdSummer>div{height: auto!important;max-width: none!important;margin-bottom: 40px;}




.floralsOdSummer .fosm {
    height: 600px;
    width: 380px;
background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 5px;
    box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.45);
    float: left;
    margin-top: 95px;
      padding: 30px 35px;
}

.fosm1,.fosm2{float:left;width:100%;}

.fosm1 h2 {
    font-family: 'Baskerville';
    font-size: 40px;
    color: rgba(74, 74, 74, 1);
    text-align: center;
}

.fosm2{float:left;width:100%;}

.fosm2 h2 {
    float: left;
    font-family: 'Baskerville';
    font-size: 40px;
    color: rgba(74, 74, 74, 1);
    /* text-align: center; */
    padding: 0px 15px 0 0 ;
}

h2.fosmHeader {
    color: rgba(192, 84, 109, 1);
}

.fosmContent{float:left;width:100%}

.fosmContent p {
    color: rgba(216, 216, 216, 1);
}

.fosmContent p {
    font-size: 17px;
    color: rgba(155, 155, 155, 1);
    text-align: center;
    font-family: "gillsansregular";
}

a.DISCOVERMORE {
    font-family: 'GillSans-SemiBold';
    font-size: 19px;
    color: rgba(90, 125, 2, 1);
    text-align: center;
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 5px;
    float: left;
    width: 100%;
    background-color: rgba(216, 216, 216, 1);
}



.abousRosella{background-color: rgba(243, 242, 243, 1);width:100%;overflow: auto;}

.AboutRosellaContent
{
  float:left;
  width:100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-image:url(../Images/Theme/RosellaAbout.png);
  height: auto;
  padding: 56px 15px;
  line-height: 2;
}

.AboutRosellaContent .ContentPage {
    background: rgba(0,0,0,0.8);
    margin: 0 auto;
    padding: 15px;
    padding-top: 32px;
    padding-bottom: 64px;
    width: 100%;
    max-width: 1040px;
}
#aboutRosella-heading {
    font-size: 24px;
    font-family: baskerville, serif;
    margin-bottom: 18px;
}
.AboutRosellaContent #aboutRosella-heading {
 color:white;
}
.AboutRosellaContent .ContentPage  h1{
font-family: 'Baskerville';
font-size: 30px;
color: rgba(255, 255, 255, 1);
text-align: left;
}

.AboutRosellaContent .ContentPage  p
{font-size: 16px;color: white;line-height: 24px;}

.rosellaCustomer {
    float: left;
    background-color: rgba(243, 242, 243, 1);
    width: 100%;
    position: relative;
    z-index: 10;
    padding-top: 64px;
}

.CustomerImage {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 100%;
    width: 150px;
    height: 150px;
  margin:0 auto;
  margin-bottom:40px;
}

.rosellaCustomer .ContentPage {
    margin-top: -85px;
}
.Customer1{background-image:url(../Images/Theme/Anne.png)}
.Customer2{background-image:url(../Images/Theme/Annika.png)}
.Customer3{background-image:url(../Images/Theme/Ayanda.png)}
.Customer4{background-image:url(../Images/Theme/Jennifer.png)}

.CustomerName
{
 
  font-family: 'gillsansregular';
font-size: 30px;
color: rgba(74, 74, 74, 1);
text-align: center;
  float:left;
  width:100%;
  margin-bottom:20px;
}

.CustomerComment {
    font-family: 'Baskerville';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
    text-align: center;
    width: 200px;
    margin: 0 auto;
  margin-bottom:30px;
}

.DivBrandRotater {
    float: left;
    width: 100%;
    padding: 30px 0;
}

.DivBrandRotater .brands {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0px;
    overflow: hidden;
}

.BrandListing {
    height: 90px;
    width: 100% !important;
    display: block;
}

.BrandListingItem {
    height: 75px;
    float: none !important;
}

.BrandListingItem:nth-child(1) {
    animation: bannermove 30s linear infinite;
    -webkit-animation: bannermove 30s linear infinite;
    -moz-animation: bannermove 30s linear infinite;
    -ms-animation: bannermove 30s linear infinite;
    display: -webkit-inline-box;
    -o-animation: bannermove 30s linear infinite;
}

.BrandListingItem {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    width: 120px;
    display: -webkit-inline-box;
    display: inline-block;
}

/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}


/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}





/*keyframe animations*/

 @keyframes "bannermove"{
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
 
}
 
@-moz-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-ms-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}

.BrandImage {
    width: 80%;
    height: 100%;
}

.BrandImage a {
    width: 100%;
    height: 100%;
    cursor: default;
}

.BreadCrumbHolder .col-md-4.col-sm-4.col-xs-12.nopadding {
  max-width:initial;
}

.BreadCrumbs {
    /* float: left; */
    width: 100%;
    padding: 15px 0;
    font-size: 13px;
}

.BreadCrumbs a.Home,.BreadCrumbs  .Text{
    font-family: 'gillsansregular';
    color: rgba(155, 155, 155, 1);
    text-align: left;
    text-transform: uppercase;
}

.BreadCrumbs a.Home {
  white-space:nowrap
}

.BreadCrumbs .Seperator{
    color: rgba(155, 155, 155, 1);
    padding: 5px;
}

.BreadCrumbs .Selected {
    font-family: 'gillsansregular';
    color: rgba(74, 74, 74, 1);
    text-align: left;
    text-transform: uppercase;
}

.nopadding{padding:0 !important}

.ProductStripProductGroup,.ProductStripBrand,.ProductStripSortyBy {
     float: right;
    width: 33%;
    padding: 15px 0 10px 20px;
}

.BreadCrumbHolder select {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0px;
    /* box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15); */
    float: left;
    width: 100%;
    padding: 8px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(74, 74, 74, 1);
    text-align: center;
    background-image: url(../Images/Theme/down.png);
    background-position: right;
    background-size: 40px;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

.BreadCrumbHolder select:focus
{
  outline:none !important;
}


.ProductStripItem {
    float: left;
    width: 100%;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.11);
    position: relative;
    background-color: #fff;
 /* margin-bottom:20px;*/
}

      .ProductStripItem .AddToWishlist {display:none}
/*
.AddToWishlist input :focus{ outline:none !important;border:none !important;}

.AddToWishlist input {
    border: none;
    background-color: transparent;
    color: transparent;
    width: 40px;
    height: 55px;
    right: 0px;
    position: absolute;
    cursor: pointer;
    padding: 0;
}


.AddToWishlist{position:relative;float:left;width:100%;z-index: 7;}
      */

.Basket .ProductImage {
  position:relative;
  /* padding-top: 155%; */
  margin-bottom: 16px;
  display: block;
  height: 180px;
  /* justify-content: center; */
            width: 100%;
    text-align: center;
}

.Basket .ProductImage img {
   /* position: absolute; */
   /* top: 0; */
   /* width: 100%; */
   object-position: center;
   object-position: bottom;
   object-position: top;
   object-fit: contain;
   height: 100%;
   margin: auto;
   width: auto;
}


.ProductName {
    margin-bottom: 8px;
    font-size: 14px;
    text-align: center;
    font-family: 'gillsansregular';
    /*font-family: 'Baskerville';*/
    color: #333;
    padding: 0 8px;
    min-height: 40px;
}
      .SaleIcon{
      display:none;
        float: left;
    color: #f50495;
    width: 100%;
      }

.ProductPrice {
    float: left;
    width: 100%;
    font-family: 'gillsansregular';
    color: rgba(74, 74, 74, 1);
    text-align: center;
    font-size: 20px;
    width: 100%;
}

.ProductPriceOld {
  height: 20px;
  text-align:center;
  clear: both;
  text-decoration: line-through;
  color: grey;
  font-family: 'gillsansregular';
}

.MoreInfo {
    text-align: left;
    padding: 12px;
    display: flex;
    justify-content: center;
}
.MoreInfo:after {
  font-family: 'Material Icons';
  content: '\e315';
  display: block;
  font-size: 20px;
  line-height: 17px;
  color: #212529;
  width: 10px;
}
.MoreInfo input{
          font-family: 'gillsansregular';
          font-size: 12px;
          color: rgba(74, 74, 74, 1);
          text-align: center;
          background-color: transparent;
          border: none;
          text-transform: uppercase;
          cursor: pointer;
          padding: 0;
          display: block;
}


.MoreInfo input:focus{
  outline:none !important;border:none !important;
}

.ProductStripCategory {
    float: left;
    width: 100%;
      margin-top: 120px;
}

.bdImage {
    float: left;
    width: 100%;
     background-size: 100%;
    float: left;
    background-position: 100%;
    background-repeat: no-repeat;
    height: 700px;
}

.bdText {
    height: auto;
    width: 578px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 8px;
    box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.09);
    padding: 15px 30px;
    text-align:center;
    float:left;
    margin-top: 10px;
}
.bdMastik .bdText {
      margin-top: 245px;
}

.bdText img{    height: 60px;
    margin-bottom: 15px;}
.bdText span{    float: left;
    width: 100%;
    font-family: 'gillsansregular';
    font-size: 16px;
    color: rgba(155, 155, 155, 1);
    text-align: center;}

      
.bdBueno{ background-image: url(../Images/Theme/BUENO_SS23.jpg);}
.bdAndam{ background-image: url('../images/theme/ANDAM SEP 2024.jpg');}
.bdBatela{ background-image: url(../Images/Theme/BATELA.jpg);}
.bdBrave{ background-image: url(../Images/Theme/BRAVEANDTRUEAW23.jpg);}
.bdTalesman{    background-image: url(../Images/Theme/bdTalesman.jpg);}
.bdYaya{    background-image: url(../Images/Theme/bdYaya.jpg);}
.bdThreadz{    background-image: url(../Images/Theme/bdThreadz.jpg);}
.byRyn{    background-image: url(../Images/Theme/byRyn.jpg);}
.bdHoliday{ background-image: url(../Images/Theme/bdHoliday.jpg);}
.bdLulalife {    background-image: url(../Images/Theme/bdLulalife.jpg);}
.bdWillow {    background-image: url(../Images/Theme/bdWILLOW.jpg);}
.bdHammock {    background-image: url(../Images/Theme/bdHammock.jpg);}
.bdJolie {    background-image: url('../Images/Theme/JOLIE SEP 2024.jpg');}
.bdMadeInItaly {    background-image: url('../Images/Theme/MII SEP 2024.jpg');}
.bdBettyBarclay {    background-image: url('../Images/Theme/BETTY BARCLAY MAY 2024.jpg');}
.bdSirocco {    background-image: url('../Images/Theme/SIROCCO MAY 2024.jpg');}
.bdFrankLyman {  background-image: url(../Images/Theme/FRANKLYMANAW23.jpg);}
.bdMastik {  background-image: url(../Images/Theme/MASTIKAW24.jpg);}
.bdViaBeach {   background-image: url(../Images/Theme/bdVIA-BEACH.jpg);}
.bdUgg {   background-image: url(../Images/Theme/UGGAW23.jpg );}
.bdGerryWeber{    background-image: url('../images/theme/GERRY WEBER SEP 2024.jpg'); }
.bdJulz{    background-image: url(../Images/Theme/JULZAW23.jpg);}
.bdFrank{    background-image: url(../Images/Theme/bdFrank.jpg);}
.bdJoseph{    background-image: url('../Images/Theme/JR MAY 2024.jpg');}
.bdJenja{    background-image: url(../Images/Theme/bdJenja.jpg);}
.bdCarloz{    background-image: url(../Images/Theme/bdCarloz.jpg);}
.bdSpanx{    background-image: url(../Images/Theme/bdSpanx.jpg);}
.bdYara{   background-image: url('../Images/Theme/YARRA TRAIL MAY 2024.jpg');}
.bdMissMe{   background-image: url(../Images/Theme/bdMissMe.jpg);}
.bdFrenchClothingJeans{ background-image: url('../images/theme/FDJ SEP 2024.jpg');}
.bdUsaFlex{ background-image: url(../Images/Theme/bdUsaFlex.jpg);}
.bdGioseppo{ background-image: url(../Images/Theme/GIOSEPPOAW23.jpg);}
.bdGordonSmith{ background-image: url('../Images/Theme/GORDON SMITH MAY 2024.jpg');}
.bdPolo{ background-image: url(../Images/Theme/bdPolo.jpg);}
.bdHotter{ background-image: url('../images/theme/HOTTER SEP 2024.jpg');}
.SMASHEDLEMON{   background-image: url(../Images/Theme/SMASHED_LEMON.jpg);}
.bdMissBlack{   background-image: url(../Images/Theme/MISSBLACKAW23.jpg);}
.bdPaulaUrban{   background-image: url(../Images/Theme/PAULAURBANAW23.jpg);}
.bdButterfly{   background-image: url(../Images/Theme/BUTTERFLYFEETAW24.jpg);}
.bdBellaBianca{   background-image: url(../Images/Theme/BellaBiancaB.jpg);}
.bdRock{   background-image: url(../Images/Theme/ROCK.jpg);}
.bdLapetite{   background-image: url(../Images/Theme/la.petite.etoile.jpg);}      
.bdSoftStyle {    background-image: url(../Images/Theme/ANGELSOFTSS23.jpg);}
.bdHolster{ background-image: url(../Images/Theme/bdHolster.jpg);}
.bdPringle{ background-image: url(../Images/Theme/bdPringle.jpg);}
.bdFroggie{ background-image: url(../Images/Theme/FROGGIESS22.jpg);}
.bdHunter{ background-image: url(../Images/Theme/bdHunter.jpg);}
.bdPhelan{ background-image: url(../Images/Theme/bdPhelan.jpg);}
.bdFitflop{ background-image: url(../Images/Theme/bdFitFlop.jpg);}
.bdHushPush{background-image: url(../Images/Theme/bdHushPush.jpg);}
.bdSakura{background-image: url(../Images/Theme/bdSakura.jpg);}
.bdStaccato{background-image: url(../Images/Theme/bdStaccato.jpg);}
.bdJelliBean{background-image: url(../Images/Theme/bdJelliBean.jpg);}
.bdBarington{background-image: url(../Images/Theme/bdBarington.jpg);}
.bdCalypso{background-image: url(../Images/Theme/CAPYPSOAW23.jpg);}
.bdIconic{background-image: url('../images/theme/ICONIC SEP 2024.jpg');}
.bdOneSeason{background-image:url('../images/theme/ONESEASON SEP 2024.jpg');}
.bdAro{background-image:url('../images/theme/aro.jpg');}
      
      
@media all and (min-width:576px) {
 .ProductImageHolder {
  margin-right: 16px;
  position: relative;
}
 
}

.ProductImages {
    float: left;
    width: 100%;
    position:relative;
    margin-bottom: 16px;
}

.MainImageHolder {overflow: auto;margin-bottom: 8px;}

.ThumbNailHolder{}

.MagicThumb-swap {justify-self: left;}
.ThumbImage{
    /* max-height: none!important; */
}

.MagicZoomPlus > img {
    max-height: 100% !important;
    width: auto!important;
}


div#ctrl744597_StandardProductImage {}

.PsdDescription h1 {
    font-family: 'Baskerville';
    font-size: 20px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
}

.PsdDescription span{
    white-space: normal !important;
    font-family: 'Gill Sans' !important;
    font-size: 12px !important;
    color: rgba(74, 74, 74, 1) !important;
    text-align: left;
}

.CustomCategoryRibbon {
    position: absolute;
    right: 0;
    width: 130px;
  z-index:999;
    height: 130px;
}


.ProductImageHolder .BrandImage {
    position: absolute;
    width: 80px;
    height: 40px;
    right: 8px;
    top: 8px;
}

.ProductShare {
      float: right;
    height: 30px;
    width: 70px;
    cursor: pointer;
    background-image: url(../Images/Theme/share.png);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 100%;
        display:none;
}

.hideSocialSharing {
    display: none;
    position: fixed;
    z-index: 10000000000;
    padding-top: 80px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(1, 1, 1, 0.53);
    padding-top: 60px;
}

.PopupInner {
    width: 32%;
    margin: 0 auto;
    display: table;
    padding-bottom: 15px;
    background-color: #ffffff;
    padding: 20px;
}

div#closextX {
    float: right;
  cursor:pointer;
    text-align: right;
}


.socialShareAndWishlist {
    float: left;
    margin-bottom: 20px;
        display:none;
}

.socialShareAndWishlist .AddToWishlist {
    width: 24px !important;
    position: relative;
}
.socialShareAndWishlist .AddToWishlist:before {
    font-family: 'Material Icons';
    content: '\e87e';
    font-size: 24px;
    line-height: 24px;
    color: #999;
}

.socialShareAndWishlist .AddToWishlist input:focus{outline:none !important;border:none !important;}

.socialShareAndWishlist .AddToWishlist input
{
      width: 24px;
      height: 24px;
      position: absolute;
      left: 0;
}

.MagicZoomPlus{
    width: 100%!important;
    background: #fdfdfd;
}

#pjn-product-container 
      { width:100% }

      
.pjn-container .pjn-inner {
    font-family: 'gillsansregular' !important;
    font-size: 16px;
    width: 358px !important;
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-gap: 10px;
    color: rgb(74, 74, 74, 1);
}

.pjn-container .pjn-text {
    display: block !important;
        font-weight: normal !important;
}
      
.pjn-container .pjn-text strong {
        font-weight: normal !important; 
      }
      
.pjn-logo {
    width: 85px;
}
    
      
.ProductInfo .ProductName {
    text-align: left !important;
    /*font-family: 'Baskerville';*/
    font-family: 'gillsansregular';
    font-size: 24px;
    color: rgba(0, 0, 0, 1);
    /* text-align: left; */
    line-height: 28px;
    padding: 0;
    clear: both;
}

.ProductInfo {
    float: left;
    width: 100%;
    padding: 10px 20px;
}

.ProductInfo .ProductCode .PrefixText {display:none;}
.ProductInfo .ProductCode {
    font-family: 'gillsansregular';
    font-size: 10px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    float: left;
    width: 100%;
}

.ProductVariants1_1 {display:none}

.ProductVariants1_1, .ProductVariants1_2 {
    float: left;
    width: 100%;
}

.ProductVariants1_2 .VariantButton {
   /* width: 35px;*/
    height: 35px;
    background-color: rgba(255, 255, 255, 1);

    color: rgba(0, 0, 0, 1);
border-radius: 4px !important;
    border: transparent !important;
}

.ProductVariants1_2 .Selected
{
 background-color: var(--Rosella_coral)!important;
 color:#fff !important;
}

.ProductVariants1_2 a.Unavailable {
    color: rgba(155, 155, 155, 1) !important;
    background-color: rgba(216, 216, 216, 1) !important;
}

.ProductInfo .PrefixText {
    float: left;
    /*width: 100%;*/
    margin-top: 5px;
        margin-right:6px;
}
span.stockSize {
    /* font-family: 'Gill Sans'; */
    font-size: 12px;
    color: var(--Rosella_teal);
    text-align: left;
        display:none;
}

.ProductInfo .ProductPrice
{
  Text-align:left;
}

.ProductInfo .ProductPrice span
{
  font-size: 32px;
  color: var(--Rosella_teal);
  text-align: left;
  line-height: 32px;
}

.ProductInfo .ProductPriceWas
{
    font-family: 'gillsansregular';
    font-size: 20px;
    color: rgba(155, 155, 155, 1);
    text-align: left;
    text-decoration: line-through;
    float:left;
        width:100%;
        order:2;
    }


.LowStockMessage {
    float: left;
    width: 100%;
        padding-bottom: 10px;
}
 .PriceHolder {clear: both;display: flex;flex-wrap: wrap;margin-bottom: 16px;}
.col-md-4.col-sm-4.col-xs-12.categoryListing:hover{
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

.PgroupInput {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.PgroupInput span {
    float: left;
    margin-top: 9px;
  padding-right:6px;
}

.PgroupInput .ProductQuantity{    float: left;
    margin-right: 15px;}
.PgroupInput .ProductQuantity input{
    float: left;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    font-family: 'gillsansregular';
    text-align: center !important;
    font-size: 12px;
    font-weight: bold;
    height: 46px;
    width: 45px !important;
    color: rgba(0, 0, 0, 1);
    border-radius: 4px;
    -webkit-appearance: none;
    border: none;
    outline: none;
    }


.PgroupInput .AddToCart{float: left;position: relative;}

.PgroupInput .AddToCart:before {
  font-family: 'Material Icons';
  content: '\e8cb';
  position: absolute;
  left: 16px;
  top: 10px;
  color: white;
}

.AddToWishlist input, .AddWishlistToCart input,.PgroupInput .AddToCart input {
    float: left;
    text-transform: uppercase;
    font-family: 'gillsansregular';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
    text-align: center;
    border-radius: 2px;
    height: 46px;
    /* background-image: url('../Images/Theme/cart.png'); */
    /* background-repeat: no-repeat; */
    /* background-size: 24px; */
    /* background-position: left 12px center; */
    /* box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); */
    /* font-weight: 600; */
    /* background-color: #f7f7f7; */
    background: var(--Rosella_coral);
    color: white;
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 8px 20px 8px 39px;
}
      .AddToWishlist .AddToWishlistButton {
        background: rgba(216, 216, 216, 1);
        margin-left:15px;
      }

.freeDelivery2 {
    float: left;
    width: 100%;
}

.freeLogo {
    background-image: url(../Images/Theme/FreeDeliveryPoriduct.png);
    background-size: 24px;
    float: left;
    width: 32px;
    height: 32px;
    /* background-size: 100%; */
    background-repeat: no-repeat;
}

span.freeText1 {
    font-family: 'gillsansregular';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
    text-align: right;
    float: left;
    margin-left:6px;
}
span.freeText2 {
    font-family: 'gillsansregular';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
    text-align: right;
  font-weight:600;
    float: left;
    margin-left: 6px;
}

input:focus{outline:none;}

.RelatedProducts h1 {
    /*font-family: 'Baskerville';*/
    font-family: 'gillsansregular';
    font-size: 20px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    line-height: 38px;
}


.Wishlist .ProductImage a {
    width: 100px;
    float: left;
    height: 100px;
}


.Wishlist th {
    text-align: inherit;
    font-family: 'gillsansregular';
    font-size: 14px;
    font-weight: 600;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    text-transform: uppercase;
      border-bottom: 1px solid #d3d3d3;
    padding: 5px 10px;
}

.Wishlist th:nth-child(2),.Wishlist th:nth-child(3),.Wishlist th:nth-child(4),.Wishlist th:nth-child(5){

border-left:1px solid #d3d3d3;
}

.Wishlist td:nth-child(2),.Wishlist td:nth-child(4),.Wishlist td:nth-child(5){

border-left:1px solid #d3d3d3;
}

.Wishlist td:nth-child(2){border-right:1px solid #d3d3d3;}
.Wishlist th:nth-child(1),.Wishlist th:nth-child(2),.Wishlist th:nth-child(4),.Wishlist th:nth-child(5){text-align:center !important}

.Wishlist .gridview-row{background-color: rgba(247, 246, 246, 1);}
.Wishlist td:nth-child(4){text-align:center;}

.Wishlist .AddToWishlistCartButton{float:none !important;}

.Wishlist td{padding: 10px;}

.Wishlist  .ProductCode{
vertical-align:top;
}

.Wishlist .gridview-footer{display:none;}
.ShoppingCart table{margin-bottom:30px;    border-bottom: 2px solid #000;}

.Wishlist .ProductName
{font-family: 'gillsansregular';
font-size: 12px;
font-weight: 600;
color: rgba(74, 74, 74, 1);
text-align: left;
}

.Wishlist .ProductName a{font-family: 'gillsansbold';
font-size: 12px;
color: rgba(74, 74, 74, 1);
text-align: left;float:left;width:100%;}

.Wishlist .ProductCode{font-family: 'gillsansbold';
font-size: 12px;
color: rgba(74, 74, 74, 1);}

.ShareWishlistButton , .ShoppingCartButtons [type=submit]
{
  font-family: 'gillsansregular';
  color: rgba(74, 74, 74, 1);
  text-align: center;
  background-color: transparent;
  border: 0px;
  font-weight: 600;
  /* text-decoration: underline; */
}
 .ShoppingCartButtons [type=submit]:hover{color:rgba(5, 155, 173, 1);}
.ShareWishlistButton {
  background-image: url(../Images/Theme/shareP.png);
    width: 135px;
    background-position: 100% 3px;
    height: 25px;
    background-size: 20px;
    background-repeat: no-repeat;
    /* width: 50%; */
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
}
.ShareWishlistButton:hover
{
  color:rgba(5, 155, 173, 1);
    background-image: url(../Images/Theme/shareP_Hover.png);
}

.ClearWishlistButton {color: rgba(155, 155, 155, 1);}
.Content .ContentPage {
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 40px;
  padding: 25px;
}
.contentPage1 {
    float: left;
    width: 100%;
    padding: 45px;
}

.BreadCrumbHolder{float:left;width:100%;margin-bottom: 16px;}


.royaltyLogoHolder {
    float: left;margin-bottom: 40px;
    width: 100%;
}

.RoyaltyHolder {
    width: 600px;
    margin: 0 auto;
}

.royaltyLogo {
    width: 100%;
    height: 355px;
}
 img {
   max-width:100% !important;
}
.RoyaltyHolder h2{    font-family: 'Baskerville';
    font-size: 80px;
    color: rgba(74, 74, 74, 1);
    text-align: center;}
.RoyaltyHolder h3{font-family: 'gillsansregular';
font-size: 20px;
color: rgba(74, 74, 74, 1);
text-align: center;
}

 .PlatinumLogo{
    border-top: 30px solid rgba(98, 98, 98, 1);
}
.GoldLogo {
    border-top: 30px solid rgb(157 139 85);
}
.SilverLogo {
    border-top: 30px solid rgba(237, 237, 237, 1);
}

.RoyaltyLogo {
    float: left;
    width: 100%;
    height: 250px;
    text-align: center;
}

.main-containercol1-layout-CART{float:left;width:100%;padding-left:15px;padding-right:15px;}

.RoyaltyName {
    font-family: 'gillsansregular';
    font-size: 30px;
    color: rgba(74, 74, 74, 1);
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

span.RoyaltyPrice {
    font-family:'gillsansregular';
    font-size: 12px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    float: left;
    width: 100%;
}

span.RoyaltyDescription {
    font-family: 'gillsansregular';
    font-size: 12px;
    color: rgba(74, 74, 74, 1);
    text-align: justify;
    line-height: 20px;
    float: left;
    width: 100%;
    padding: 30px;
}

.RoyaltyCard {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}

.RoyaltyGold ,.RoyaltySilver 
{
  margin-top:30px;
}

.RoyaltyPlatinum
{
    min-height: 635px;
}

.RoyaltyCards,.applyOnlineRoyaltyHolder {
    float: left;
    width: 100%;
    margin-bottom: 45px;
}

.applyOnlineRoyalty {
    margin: 0 auto;
    width: 315px;
  text-align:center;
}

a.onlineApplication {
    width: 315px;
    border-radius: 8px;
    background-image: -webkit-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    background-image: -moz-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    background-image: -o-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    background-image: linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    float: left;
    font-family: 'gillsansregular';
    font-size: 16px;
    color: rgba(255, 255, 255, 1) !important;
    text-align: center;
    line-height: 20px;
  padding: 10px;
    margin-bottom: 15px;
}

a.FINDNEARESTBRANCH {
    font-family: 'gillsansregular';
    font-size: 15px;
    color: rgba(5, 155, 173, 1) !important;
    text-align: center;
    line-height: 20px;
    float: left;
    width: 100%;
    text-decoration: underline !important;
}

.RoyaltyTermsAndConditions {
    float: left;
    width: 100%;
    background-color: rgba(74, 74, 74, 1);
    border-radius: 2px;
}

.RoyaltyTermsAndCondition {
    float: left;
    width: 100%;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    padding: 45px;
}

.RoyaltyTermsAndCondition h2 {
    font-family: 'gillsansregular';
    font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 20px;
  float:left;width:100%;margin-bottom:20px;
}

.RoyaltyTermsAndCondition h3{font-family: 'gillsansregular';
font-size: 12px;
font-weight: bold;
color: rgba(255, 255, 255, 1);
text-align: justify;
line-height: 24px;
}

.RoyaltyTermsAndCondition li,.RoyaltyTermsAndCondition span
{
  font-family: 'gillsansregular';
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    list-style-type: none;
}

.RoyaltyTermsAndCondition ul
{
  padding:0;
}


.ClearWishlistButton ,.AddAllToCartWishlistButton , .UpdateWishlistButton {float:right;}
.ShoppingCartButtons{float:left;width:100%;position:relative;}
.QuickLinks {
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 2px;
  padding:30px 55px;
}

.QuickLinks h2 {
    float: left;
    width: 100%;
    font-family: 'gillsansbold';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);  margin-bottom: 20px;
    text-align: left;text-transform: uppercase;
}

a.QuickLink {
    border: 2px solid rgba(74, 74, 74, 1);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    color: rgba(74, 74, 74, 1) !important;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    transition: all 100ms linear;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
}
a.QuickLink:hover{color: white;
transition: all 100ms linear;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-ms-transition: all 100ms linear;
-o-transition: all 100ms linear;}

.aLink{
 padding: 10px 5px;
 background-size: 200% 200%;
 background-image: 
linear-gradient(to top, rgba(74, 74, 74, 1) 50%, transparent 50%);
 -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
 -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
 -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
 -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
 transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
 }

.aLink:hover{color: white;
border-color: rgba(74, 74, 74, 1);
background-image: 
linear-gradient(to top, rgba(74, 74, 74, 1) 51%, transparent 50%);
background-position: 0 100%;
-webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
transition: background-position 300ms, color 300ms ease, border-color 300ms ease;}

.select-options,.select-hidden{display:none;}

.SelectContainer{padding-left:0 !important;}

.select-styled {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 2px;
    padding: 10px;
    background-image: url(../Images/Theme/arrowDown.png);
    background-repeat: no-repeat;
      background-position: 98% 55%;
    background-size: 30px;
  font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    text-transform: uppercase;
}

ul.select-options {
    text-transform: uppercase;
    padding: 5px 0px 0 0px;
  background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 2px;
    padding: 10px;

}


.select-options li{font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    text-transform: uppercase;
  
}

.select-options li:hover
{
  color:rgba(5, 155, 173, 1);
  cursor:pointer;
  font-weight:600;
}

.storeLocatorItems {
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 2px;
    padding:30px 55px;
  margin-bottom:40px;
}


.storeLocatorItems h2{font-family: 'gillsansbold';
font-size: 16px;
color: rgba(74, 74, 74, 1);
text-align: left;
float:left;width:100%;margin-bottom:15px;}

.BranchSelect{
float:left;width:100%;margin-bottom:10px;
  font-family: 'gillsansregular';
font-size: 16px;
color: rgba(74, 74, 74, 1);
text-align: left;
}

.MainStoreLocator {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.section {
    float: left;
    width: 100%;
    display: none;
}

.SectionHeadOffice{display:block}

.storeItem {margin-bottom:40px;}

.storeName {
    font-family: 'gillsansbold';
    font-size: 18px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    float: left;
    margin-right: 10px;
}

span.storeNo {
    font-family: 'gillsansregular';
    font-size: 18px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    float: left;
}

.StoreContent,.StoreContent a {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.StoreContent a
{
font-family: 'gillsansregular';
font-size: 18px;
color: rgba(74, 74, 74, 1) !important;
text-align: left;
}


.StoreContent a:hover
{
color:rgba(5, 155, 173, 1) !important;
  text-decoration:underline !important;;
}


.StoreContent span{font-family: 'gillsansregular';
font-size: 14px;
color: rgba(74, 74, 74, 1);
text-align: left;
line-height: 18px;
}

span.wHours {
    float: right;
}

.wDays{float:left;}
.wLast{font-family:'gillsansbold' !important;}
.ccContainer {
    float: left;
    width: 100%;
}

.nopaddingleft{padding-left:0 !important;}
.storeName {
padding: 0px 0px 0 30px;
    background-image: url(../Images/Theme/location.png);
    background-repeat: no-repeat;
    background-position: 0px 4%;
    background-size: 25px;
    height: 30px;
}

.address{ padding: 0px 30px;}
.storeEmail {
    padding: 0px 30px;
    background-image: url(../Images/Theme/email.png);
    background-repeat: no-repeat;
    background-position: 0px 4%;
    background-size: 25px;
}
.storephoneNumber {
    padding: 0px 30px;
    background-image: url(../Images/Theme/telephone.png);
    background-repeat: no-repeat;
    background-position: 0px 4%;
    background-size: 25px;
}
.storeWorkingHours{
     padding: 0px 30px;
    background-image: url(../Images/Theme/workingHours.png);
    background-repeat: no-repeat;
    background-position: 0px -4%;
    background-size: 25px;
    float: left;
    margin-top: 15px;
}

.AnimateThis {
    animation-name: zoomIn;
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.DontAnimateThis {
    animation-name: zoomOut;
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.SelectOr span {
    font-family: 'gillsansbold';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
    text-align: center;
    float: left;
    width: 100%;
    padding: 10px;
    /* margin-bottom: 15px; */
}

input#searchStore {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 2px;
    padding: 10px;
    background-image: url(../Images/Theme/Search.png);
    background-repeat: no-repeat;
    background-position: 95% 55%;
    background-size: 20px;
    font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    width: 100%;
}


.branchNotFoundbranchNotFoundbranchNotFound {
    color: rgba(242, 42, 74, 1);
    font-family: 'gillsansbold';
    font-size: 16px;
    text-transform: uppercase;
    line-height: 25px;
    letter-spacing: 5px;
}


.divContactFormCategory,.divContactFormCaptcha {
    /*display: none;*/
}

.ContactForm .PrefixText {
    font-size: 14px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    float: left;
    font-family: 'gillsansregular';
    width: 90px;
    font-weight: 600;
      padding: 13px 0;
    text-transform: uppercase;
}

.ContactForm input {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 2px;
    width: 375px;
  padding:10px;
}


.ContactForm textarea {
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 2px;
    min-height: 250px;
}

.ContactForm .divContactFormName, .ContactForm .divContactFormEmail, .ContactForm .divContactFormComment, .ContactForm .divContactFormSubmit{float:left;width:100%;margin-bottom:20px;}

.ContactForm .ContactFormSubmitButton {
    float: right;
    border-radius: 2px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    background-image: -moz-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    background-image: -o-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    background-image: linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    color: #fff;
    text-transform: uppercase;
    width: 150px;
    border: 1px solid rgba(65, 64, 65, 1);
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{float:left;}

.hasScrolled {
    position: fixed;
    z-index: 999999;
    width: 100%;
    animation-name: fadeInDown;
    webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.hasScrolled .topheader{height:85px !important;}


.hasScrolled .bottomHeader{height:40px !important;}
.hasScrolled .mainMenuContainer .RadMenu{margin-top:10px;}
.hasScrolled .mainMenu2 .RadMenu{margin-top:12px;}

.close:hover{color:rgba(5, 155, 173, 1);}




.LoginHolder .MenuItem101,.LoginHolder .MenuItem100{
     width: 18px !important;
    height: 18px !important;
    background-size: 90%;
    margin-top: 3px !important;
    float: left;
    background-position: 100%;
    background-repeat: no-repeat;
    position: relative;
  
}


.ShoppingCartVoucher {
  margin-top:16px;
}
.VoucherText {
    padding: 9px;
    width: 100%;
    margin-bottom: 8px;
    border: 1px solid var(--Rosella_teal);
    border-radius: 4px;
}


.LoginHolder .MenuItem101
{
      margin-right: 10px !important;
 background-image: url(../Images/Theme/group_17.png);
}

.LoginHolder .MenuItem100{
      margin-left: 10px !important;
 background-image: url(../Images/Theme/logout.png);
}


.VoucherCartButton, .ContinuePaymentButton, .ReorderButton , .RegisterButton, .LoginButton, .MainButton {
    float: left;
    text-transform: uppercase;
    font-family: 'gillsansregular';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
    text-align: center;
    border-radius: 2px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 10% 8px;
    /* box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); */
    font-weight: 600;
    background-color: #f7f7f7;
}

.Register  table tr,.Login  table tr{float: left;width: 100%;}

.Register  table td,.Login  table td{
float: left;
    width: 100%;
}


.Login  table input[type=text],.Login  table input[type=password]
{
    float: left;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    font-family: 'gillsansregular';
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    padding: 5px;
    margin-bottom: 8px;
    width: 100%;
    color: rgba(0, 0, 0, 1);
    border: 1px solid var(--Rosella_teal);
}


.Login {
     float: left;
     width: 425px;
     margin: 0 auto;
     border-radius: 0;
     margin-bottom: 50px;
}
#ctrl619544_lbsLogin_pnlLogin {
  /* box-shadow: 5px 5px 5px rgba(0,0,0,0.3); */
  border: 20px solid white;
  background: white;
}

.Login table input[type=checkbox],.Login table label
{
float:left;
  
}
.Login table input[type=checkbox]
{
      margin-right: 10px;
      margin-top: 8px;
}
.Login table label
{
  padding-top:0;
}

.Login table a
{
     float: left;
     width: 100%;
     text-align: left;
     color: #438A96;
     font-weight:600;
     margin-bottom: 16px;
}

.Login table a:hover
{
color:rgba(242, 42, 74, 1);
}

td.LoginText ,td.PasswordText{
font-family: 'gillsansregular';
font-size: 14px;
  font-weight:700;
color: rgba(74, 74, 74, 1);
text-align: left;
}


.Register {

}

.Register > div.PrefixText {
  display:none;
}
.Register > table {
  border: 20px solid white
}
@media all and (min-width:768px) {
  .Register > table {
    width:calc(50% - 8px)
  } 
}
@media all and (min-width:1024px) {
  .Register > table {
    width:calc(50% - 8px)
  } 
}


.MyAccount, .Register {
    position:relative;
}
.MyAccount > div:first-child {
    position:absolute;
    top:-60px;
    right:0
}
.MyAccount .MyProfile,
.MyAccount .MyAddress,
.MyAccount .MyOrders {
  margin-bottom:15px
  }

@media all and (min-width:1024px) {
  .MyAccount {
      grid-template-columns:1fr 1fr;
  }
  .MyAccount .MyProfile {
    width:calc(50% - 7px);
    float:left
  }
  .MyAccount .MyAddress {
    width:calc(50% - 7px);
    float:right;
  }
  .MyAccount .MyOrders {
    width:100%;
  }
}





.MyAccount table, .Register table{/* float:left; *//* width: 461px; */background-color:#fff;/* margin-right: 50px; *//* box-shadow: 5px 5px 5px rgba(0,0,0,0.3); *//* border-radius: 10px; *//* border: 20px solid white; */}

.main-containercol1-layout-Login {
    /* background-image: url(../Images/Theme/SignUp_LoginPage.jpg); */
    background-size: 100%;
    background-size: 100%;
    float: left;
    width: 100%;
    min-height: 650px;
    background-repeat: no-repeat;
    background-color: #cdcdcd;
    /* background-size: cover; */
    /* background-position: center; */
}


.ContinuePaymentButton[disabled], 
.ReorderButton[disabled], 
.MainButton[disabled],
.VoucherCartButton[disabled] {
  background: grey;
  color: lightgray;
}

.ContinuePaymentButton[disabled]:hover, 
.ReorderButton[disabled]:hover, 
.MainButton[disabled]:hover,
.VoucherCartButton[disabled]:hover {
  box-shadow:none;
  color: lightgray;
  background: gray;
  cursor: default!important;
}

.ContinuePaymentButton, .ReorderButton , .MainButton,.VoucherCartButton{
    padding: 10px 35px;
    /* background-size: 200% 200%; */
    /* background-image: linear-gradient(to top, rgba(74, 74, 74, 1) 50%, transparent 50%); */
    -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    transition: box-shadow 0.2s ease, filter 0.2s ease;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
    background: var(--Rosella_coral);
    display: block;
    color: white;
    font-weight: normal;
    outline: none;
    border: none;
    filter: brightness(100%);
    position: relative;
    top: 0;
    transition: filter 0.2s ease, box-shadow 0.2s ease, top 0.2s ease;
}

@media all and (max-width:350px) {
  .ContinuePaymentButton, 
  .ReorderButton, 
  .MainButton,
  .VoucherCartButton {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#ctrl619544_lbsForgotPassword_txtEmail {
  float:left;
  height: 46px;
  margin-bottom:10px;
  margin-right: 10px;
  width: 100%;
}
@media all and (min-width: 768px) {
  #ctrl619544_lbsForgotPassword_txtEmail {
    width: 300px;
  }
}

.ContinuePaymentButton:hover, .ReorderButton :hover, .MainButton:hover,.VoucherCartButton:hover, .ReorderButton:hover
{
    color: white;
    border-color: rgba(74, 74, 74, 1);
    /* background-image: linear-gradient(to top, rgba(74, 74, 74, 1) 51%, transparent 50%); */
    /* background-position: 0 100%; */
    /* -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease; */
    -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    /* transition: background-position 300ms, color 300ms ease, border-color 300ms ease; */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    filter: brightness(95%);
    top: -0.4px;
}

td.RegisterLabel {
    /* font-family: 'gillsansregular'; */
    font-size: 14px;
    font-weight: 700;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    /* width: 135px !important; */
    /* line-height: 40px; */
    /* text-align: right; */
    padding-right: 8px;
}

.MyAccount table td, .Register table  td{/* width:300px; */}

.MyAccount table span, .Register table span{
float:left;width:20px;
}

.MyAccount table input[type=text],.MyAccount table select, .MyAccount table input[type=password],
.Register  table input[type=text],.Register  table input[type=password],
.Register  table input[type=number],.Register  table  select,
.CheckOutStep2 table input[type=text], 
.CheckOutStep2 table select, 
.CheckOutStep2 table input[type=password], 
.CheckOutStep2 table input[type=number]
{
    float: left;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 3px;
    font-family: 'gillsansregular';
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    padding: 5px;
    width: 100% !important;
    color: rgba(0, 0, 0, 1);
    border: 1px solid var(--Rosella_teal);
}

.MyAccount h2, .Register  h2,.Login  h2{font-family: 'gillsansregular';font-size: 24px;color: rgba(74, 74, 74, 1);text-align: left;}

.Register table:nth-child(4){
      width: 100%;
    background-color: transparent;
    border: 0;
}

.Register table:nth-child(2)
{
  /* margin-right:50px; */
  /* box-shadow: 5px 5px 5px rgba(0,0,0,0.3); */
  /* border-radius:10px; */
  /* border: 20px solid white; */
}

.Register table:nth-child(4) .RegisterLabel{
  display:none;
}

.Register table:nth-child(4)  tr{
    padding: 10px 0px;
}

.Register table:nth-child(3) 
{/* box-shadow: 5px 5px 5px 5px #564350; *//* border-radius:10px; */}

.MyAccount table input[type=text]:focus,.MyAccount table select:focus, .MyAccount table input[type=password]:focus,
.Register table input[type=text]:focus, 
.Register table input[type=password]:focus,
.Register table input[type=number]:focus,
.Register table select:focus
{
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(5, 155, 173, 1);
border-radius: 2px;
box-shadow: 0px 1px 4px 0px rgba(5, 155, 173, 1);
}

.MyAccount select,.Register select, .CheckOutStep2 select{
border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
      background-image: url(../Images/Theme/arrow.png);
    background-size: 15px;
    background-position: 95% 10px;
    background-repeat: no-repeat;
    padding: 5px;
}
.MyAccount  table tr {
    /* float: left; */
    /* width: 100%; */
    /* padding: 10px; */
    padding-bottom: 4px;
    /* display: block; */
}

.Register table:nth-child(2) {
    /* margin-right: 50px; */
    margin-bottom:30px;
}


.MyProfile table ,.MyAddress table {
    /* margin-right: 20px; */
    /* box-shadow: 5px 5px 5px 5px #564350; */
    /* border-radius: 10px; */
    border: 24px solid white;
}

.MyOrders{float:left;width:100%;padding: 24px;background: white;overflow-x: scroll;}

.MyOrders table{width:100%;margin-right: 0;}

.MyOrders td{text-align: left!important;vertical-align: top;padding-bottom: 32px;padding-right: 20px;}

.MyOrders td.Address br {
  height: 0;
  display: block;
  line-height: 0;
  width: 100%;
}

.Wishlist .Register tr td:nth-child(1),
.Wishlist .Login tr td:nth-child(1) {
    border: 0px !important;
    font-family: 'gillsansregular';
    font-size: 14px;
    font-weight: 700;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    width: 135px !important;
}
.Wishlist .Register tr td, 
.Wishlist .Login tr td {
    border: 0px !important;
}

.Wishlist .Register tr, .Wishlist .Login tr {
    padding: 0 10px;
}

    .Wishlist .Login tr td:nth-child(2) {
        width: 250px !important;
    }
    .Wishlist .Login tr td:nth-child(1) {
        width: 100px !important;
    }
    .Wishlist .Login tr:nth-child(5) td:nth-child(1) {
      display:none;
    }

    .Wishlist .Register {
        width: 550px;
    }

.Wishlist .Login tr:nth-child(6) td {
    width: 150px !important ;
    padding: 0 10px;
}

.Wishlist .Login tr:nth-child(6) a {
margin-top:0;
}
.Wishlist .Register td, .Wishlist .Login td {
padding:5px !important;
}
.Wishlist .Login {
padding:10px !important;
}
    .Wishlist .Login tr:nth-child(1) td {
    width:100% !important;
    }
.Wishlist .Register {
    border-radius: 10px;
    margin-right: 50px;
background-color:#fff;
    box-shadow: 5px 5px 5px 5px #564350;
padding:15px;
}

    .Wishlist .Register tr:nth-child(16) td:nth-child(1), .Wishlist .Register tr:nth-child(17) td:nth-child(1) {
        display: none;
    }

    .Wishlist .Register tr:nth-child(16) td:nth-child(2) {
        width:100% !important;
    }
td.ProductImage {
    text-align: center;
}


.ShoppingCart .ProductImage a {
   width: 70px;
display: inline-block;
    height: 70px;
}


.ShoppingCart th {
    text-align: inherit;
    font-family: 'gillsansregular';
    font-size: 14px;
    font-weight: 600;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid #d3d3d3;
    padding: 15px 10px;
}

.ShoppingCart th:nth-child(7),
.ShoppingCart table .VAT {
  display:none;
}
      
      @media all and (max-width:768px) {
        .NewRibbon{
        height:35px !important;
        }
      }
@media all and (min-width:768px) {
  .ShoppingCart th:nth-child(7),
  .ShoppingCart table .VAT {
    display: revert;
    text-align: right;
  }
}
.ShoppingCart th:nth-child(8) {
  text-align:right;
}
@media all and (min-width:1024px) {
  .ShoppingCart th {
    white-space:nowrap;
  }
}

    .ShoppingCart th:nth-child(2), .ShoppingCart th:nth-child(3), .ShoppingCart th:nth-child(4), .ShoppingCart th:nth-child(5), .ShoppingCart th:nth-child(8) {
        border-left: 1px solid #d3d3d3;
    }

.ShoppingCart td:nth-child(2), .ShoppingCart td:nth-child(4), .ShoppingCart td:nth-child(5), .ShoppingCart td:nth-child(8) {
    border-left: 1px solid #d3d3d3;
}
      tr.gridview-header.gridview-headerDisplay th:nth-child(9){text-align:right !important}
     tr.gridview-header.gridview-headerDisplay th:nth-child(9),
      tr.gridview-altrow.newDisplay td:nth-child(9),
      tr.gridview-row.newDisplay td:nth-child(9),
      tr.gridview-footer.gridview-footerDisplay td:nth-child(9)
      {
        border-left: 1px solid #d3d3d3;text-align: right !important;
      }
.ShoppingCart td:nth-child(2) {
    border-right: 1px solid #d3d3d3;

}

.ShoppingCart td:nth-child(6), .ShoppingCart th:nth-child(6) {
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
}

.ShoppingCart th:nth-child(1), .ShoppingCart th:nth-child(2), .ShoppingCart th:nth-child(4), .ShoppingCart th:nth-child(5) {
    text-align: center !important
}

.ShoppingCart .gridview-row {
    background-color: rgba(243, 242, 243, 1);
}

.ShoppingCart td:nth-child(4) {
    text-align: center;
}

.ShoppingCart .AddToWishlistCartButton {
    float: none !important;
}

.ShoppingCart td {
    padding: 10px;
    vertical-align: top;
}

.ShoppingCart .ProductCode {
    vertical-align: top;
}



.ShoppingCart table {
    margin-bottom: 30px;
    background-color: #fff;
    border-bottom: 2px solid #000;
    vertical-align: top;
}

.ShoppingCart .ProductName {
    font-family: 'gillsansregular';
    font-size: 12px;
    /* font-weight: 600; */
    color: rgba(74, 74, 74, 1);
    text-align: left;
}

    .ShoppingCart .ProductName a {
        font-family: 'gillsansbold';
        font-size: 14px;
        color: rgba(74, 74, 74, 1);
        text-align: left;
        float: left;
        width: 100%;
        font-family: 'Baskerville';
    }

.ShoppingCart .ProductCode {
    font-family: 'gillsansbold';
    font-size: 12px;
    color: rgba(74, 74, 74, 1);
}

.main-containercol1-layout-CART .BreadCrumbs {
    width: 300px !important;
}

.secureCheckOut {
    float: right;
    background-image: url(../Images/Theme/lock.png);
    width: 405px;
    background-position: left;
    background-repeat: no-repeat;
    text-indent: 10px;
    padding: 0px 0px 0 15px;
}

    .secureCheckOut .ssLine1 {
        float: left;
        font-family: 'gillsansbold';
        font-size: 16px;
        color: rgba(74, 74, 74, 1);
    }

    .secureCheckOut .ssLine2 {
        float: left;
        font-family: 'gillsansregular';
        font-size: 16px;
        font-weight: 600;
        color: rgba(155, 155, 155, 1);
    }
.breadcrumbs {
    float: left;
    width: 100%;
    padding: 15px 0;
}
.col-main {
  padding-bottom:24px
}
.shopingStages {
    float: left;
    border-top: 1px solid rgba(216, 216, 216, 1);
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    width: 100%;
    margin-bottom: 15px;
}

    .shopingStages div {
        float: left;
        width: 33.33%;
        text-align: center;
        background-color: rgba(243, 242, 243, 1);
        font-family: 'gillsansregular';
        font-size: 18px;
        font-weight: 600;
        padding: 10px;
        position: relative;
        color: rgba(155, 155, 155, 1);
    }

    .shopingStages .Active {
        background-color: rgb(212, 209, 209);
        color: rgba(5, 155, 173, 1);
    }

        .shopingStages .Active::before {
            content: "";
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 10px solid rgba(74, 74, 74, 1);
            position: absolute;
            top: 0;
            width: 10px;
            height: 10px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

.ShoppingCart table .Price, .ShoppingCart table .Total {
    font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(5, 155, 173, 1);
    text-align: right;
    white-space: nowrap;
}
.ShoppingCart table .VAT {
    font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(155, 155, 155, 1);
    text-align: right;
    white-space: nowrap;
}



.ShoppingCart table .gridview-footer td {
    font-family: 'gillsansbold';
    font-size: 18px;
    color: rgba(5, 155, 173, 1);
}

.ShoppingCart table .Quantity {
text-align:center;
}
.ShoppingCart table .Quantity input {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    font-family: 'gillsansregular';
    text-align: center !important;
    font-size: 12px;
    font-weight: bold;
    height: 45px;
    width: 45px !important;
    color: rgba(0, 0, 0, 1);
    border: 1px solid var(--Rosella_teal);
}

.main-containercol1-layout-Login .Login .LoginButton {
    width:235px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
   }
.ShoppingCart .ShoppingCartButtons .CheckOutButton {
    float: right;
    border-radius: 2px;
    color: #fff !important;
    background-position: 0;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%) !important;
    background-image: -moz-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%) !important;
    background-image: -o-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%) !important;
    background-image: linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%) !important;
}

    .ShoppingCart .ShoppingCartButtons .CheckOutButton:hover {
    }

.ProductCategoryGroupListing{width:100%;display: flex;justify-content: space-between;}
.ProductCategoryGroupListingName
{
    color: #fff !important;
    font-weight: 700;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    font-family: "gillsansregular";
    top: 50%;
    right: 0;
    margin: 0 auto;
    left: 0;
    position: absolute;
}

.ProductCategoryGroupListingImage {
    text-align: center;
    display: block;
}


.ProductCategoryGroupListingItem
{width: 30%;position: relative;}

.CheckOut .Register table tr td:nth-child(1)  {
    font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    /* width: 135px !important; */
}



.CheckOut .Register table tr:nth-child(9) td
{
width:100% !important;
}

.Wishlist .Register table tr:nth-child(9) td
{
width:135px  !important;
}

.CheckOut .Login table tr td:nth-child(1)
{
    font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    /* width: 85px !important; */
}
.CheckOut .Login table tr td:nth-child(2)
{
float:left;
  width:270px !important;
}

.CheckOut .Login table tr td input{width:100% !important;}


.CheckOut .Login table tr td .CheckOutLoginButton {width:175px !important;}


.CheckOut .Login table .tr td{width:100% !important;}
.CheckOut .Register{
     margin: 0 auto;
     border-radius: 0px;
     margin-right:150px !important;
     margin-bottom: 50px;
}

.CheckOut .Register table{background-color:transparent;}

.CheckOutStep2 .delivery {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.CheckOutStep2 .DeliveryAddress table td
{
    font-family: 'gillsansregular';
    font-size: 14px;
    font-weight: 700;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    width: 135px !important;
    padding-right: 10px;
    text-align: right;
}

.CheckOutStep2 .DeliveryAddress,
.CheckOutStep2 .SpecialInstructions {
  padding:15px;
}
.CheckOutStep2 .DeliveryAddress table tr:first-child {
  padding:0
}

.CheckOutStep2 .DeliveryAddress table tr:first-child td {
  width: auto !important;
}



.CheckOutStep2 table input[type=text], .CheckOutStep2 table select,  .CheckOutStep2 table input[type=password], 
.CheckOutStep2 table input[type=number]{
    float: left;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    font-family: 'gillsansregular';
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    padding: 5px;
    width: 280px !important;
    color: rgba(0, 0, 0, 1);
}

.CheckOutStep2 .SpecialInstructions, .CheckOutStep2 .DeliveryAddress{float:left;width: calc(50% - 10px);margin-bottom: 20px;border: 1px solid rgba(216, 216, 216, 1);border-radius: 2px;background: white;}

.CheckOutStep2 .DeliveryAddress{margin-right: 15px;/* padding-top:24px; *//* padding-bottom:24px; */background:white;margin-right: 0!important;}
.CheckOutStep2 table{
    float: left;
    width: 100%;
    /* background-color: #fff; */
    }

.CheckOutStep2 table input[type=text]:focus, .CheckOutStep2 table select:focus,
.CheckOutStep2 table input[type=password]:focus, 
.CheckOutStep2 table input[type=number]:focus{
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(5, 155, 173, 1);
    border-radius: 2px;
    box-shadow: 0px 1px 4px 0px rgba(5, 155, 173, 1);
}

.CheckOutStep2 h2{font-family: 'gillsansregular';text-transform: uppercase;font-size: 21px;margin-bottom: 16px;color: rgba(74, 74, 74, 1);text-align: left;}
.TermsAndConditionsClass {
  display:block;
  background: rgb(212, 209, 209);
  border: 1px solid #ccc;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
}
.TermsAndConditionsClass:hover {
  background:#ccc;
}
.TermsAndConditionsClass input[type="checkbox"] {
  position:absolute;
  margin: 2px;
}
.TermsAndConditionsClass label {
  padding-left: 24px;
  margin-bottom: 0;
  line-height: 18px;
  cursor: pointer;
}

.TermsAndConditionsClass input[type="checkbox"], .Payment input[type="radio"] {
  margin-right:8px;
  /* position: absolute; */
}

#delivery{float:left;width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}

#delivery > div:nth-child(3) {
  display:none
}



.CheckOutStep2  textarea{width:100% !important;min-height: 120px;font-size: 16px;font-family: sans-serif;color: #333;padding: 8px;border: 1px solid var(--Rosella_teal);}

@media all and (min-width:768px) {
  .CheckOutStep2  textarea{min-height: 254px;}
}

.CheckOutStep2 table  tr{padding: 5px 0px;float: left;width: 100%;}
.CheckOutStep2 .SpecialInstructions tr {
  padding:0
}
.CheckOutStep2 .DeliveryService table tr {padding:0}
.CheckOutStep2 .DeliveryService table tr label {padding-left:8px}
.SpecialInstructions td{
    width: 100% !important;
    float: left;
    padding: 0;
    }

.CheckOutStep2 table select{width: 280px !important;}
.CheckOutStep2 table tr:nth-child(7) td input
{
width: 100px !important;
}
.DeliveryOrderTotal, .DeliveryService{
    width: calc(50% - 10px);
    padding: 15px;
    background-color: #fff;
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 2px;
    margin-bottom: 20px;
}


.DeliveryOrderTotal table {
  width:100%!important
}
.DeliveryOrderTotal table tr {
  border-bottom:1px solid #ccc;
  width:100%;
  display: flex;
  justify-content: space-between;
  padding:8px 0
}
.DeliveryOrderTotal table tr:first-child {
  padding:0
}
.DeliveryOrderTotal table tr:last-child {
  border-bottom:0;
  font-family: 'gillsansbold';
}
.DeliveryOrderTotal table td {
  /* width:50%!important; */
  /* display: block; */
}

.DeliveryService{/* margin-right: 10% !important; */padding: 15px;margin-right: 0!important;margin-bottom: 20px;}

.MyAccount .MyOrders table td,.MyAccount .MyOrders table th {
  padding: 10px;
}
.MyAccount .MyOrders .Items table td {
  padding: 0;
  padding-bottom: 2px;
  display: block;
  text-align: right!important;
  line-height: 20px;
}

.MyAccount .MyOrders .Items table td.ProductName {
  min-height:auto;
  line-height: 24px;
  margin-bottom: 0;
  font-size: 18px;
}

.MyAccount .MyOrders table th{/* padding:10px; */font-size: 16px;font-weight: bold;text-transform: uppercase;line-height: 20px;vertical-align: top;padding-right: 10px;}
.MyAccount .MyOrders table th:first-child {min-width: 140px;white-space: nowrap;}
.MyAccount .MyOrders table th:nth-child(2) {min-width: 130px;}
.MyAccount .MyOrders table th:nth-child(5) {text-align:right}
.MyAccount .MyOrders table th:nth-child(6) {text-align:center }
.MyAccount .MyOrders table th:nth-child(8){display:none;}
.MyAccount .MyOrders table td table td table td{
    /* width: 100% !important; */
    /* float: left; */
    /* text-align: right !important; */
}

.MyAccount .MyOrders table td .ProductName{/* font-size:17px; */}
.MyAccount .MyOrders table td .Total{
    font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(5, 155, 173, 1);
    text-align: right;
    margin-bottom: 32px;
}

.MyAccount .MyOrders table td .OrderTotal {
  font-family: 'gillsansbold';
  font-size: 18px;
  color: rgba(5, 155, 173, 1);
  text-align: right!important;
  padding-top: 17px;
}
.MyAccount .MyOrders table td .OrderStatus {
  font-family: 'gillsansbold';
  text-align: center!important;
  padding-top: 20px;
}
.ReorderButton {float:none;}
.TermsAndConditionsClass a:hover{
color: rgba(242, 42, 74, 1);

}

.CheckOutStep2 {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.main-containercol1-layout-CART p{    float: left;
    background-color: #fff;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 160px;
}

.HasScroller {
     float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 35px;
}

.scrollTop,.scrollBottom
{
    /* float: left; */
    width: 100%;
    height: 40px;
    position: absolute;
    background-size: 50%;
    right: 0px;
    left: 0;
  cursor:pointer;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
}

.scrollTop
{
 background-image: url(../Images/Theme/arrowUP.png);
  top:0;
      background-color: #f7f7f7;
}

.scrollBottom
{
   background-image: url(../Images/Theme/arrowDown.png);
  bottom:0;
      background-color: #e4e1e5;
}

.ThumbNailHolder {
    position: relative;
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(70px, 60px));
    /* direction: rtl; */
    /* justify-content: center; */
    height: 90px;
}
.MagicThumb-swap {
    justify-self: left;
    width: 100%;height: 80px;
}
      .MagicThumb-swap img {
   max-height:100%;
}

.mainMenuContainer .rmSlide {

    background-color: #fff;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}

.ArticleListing .ArticleTR{
    width: calc(25% - 16px);
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    float: left;
    text-align: center;
    margin-right: 16px;
    }

.ArticleThumbImage {width: 150px;height: 150px;margin: 0 auto;margin-bottom: 40px;border-radius:50%;overflow:hidden;}

.ArticleThumbImage img {
      object-fit: cover;
    width: 150px;
    height: 150px;
}

.ArticleTitle a
{
font-family: 'gillsansregular';
    font-size: 30px;
    color: rgba(74, 74, 74, 1);
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.ArticleIntroduction {

    font-size: 16px;
    line-height: 21px;
    color: rgba(74, 74, 74, 1);
    text-align: center;
    width: 200px;
    margin: 0 auto;
    margin-bottom: 30px;
}

td.ArticleTD, .ArticleListing ,.ArticleListing table,.ArticleListing tbody{
    float: left;
    width: 100%;
    /* background: green; */
    /* display: grid; */
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
}
.ArticleListing {
    margin-top: -100px;
        display:none;
}


.bottomHeader .mainMenuContainer .rmSlide{top:45px !important;}
.bottomHeader .mainMenuContainer .rmSlide .rmItem {
     padding:  0 !important; 
}



.myMenu,.mainMenu {
    float: left;
    width: 100%;
    position: absolute;
    min-height: 250px;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    top: 63px;
    z-index: 7001;
    display:none;
}


/*.bottomHeader .mainMenuContainer .rmSeparator:hover .myMenu{display:none;}*/

.myMenu  ul.rmMultiColumn,.mainMenu ul.rmMultiColumn {
    float: left;
    padding: 0 !important;
    margin: 0 !important;
      width: 100% !important;
}
.myMenu  ul.rmMultiColumns ,.mainMenu  ul.rmMultiColumns {
    float: left;
    width: 50%;
  padding:0;
}

.myMenu .rmGroupColumn,.mainMenu .rmGroupColumn{
    float: left;
padding: 55px 0px 25px 0;
    width: 33.33%;
}

.rmVertical{
 padding: 0 !important;
    margin: 0 !important;
}

.myMenu .rmGroupColumn .rmText,.mainMenu .rmGroupColumn .rmText,.BrandsCotainerMenu .BrandName a{
font-family: 'gillsansregular';
font-size: 14px;
color: rgba(155, 155, 155, 1);
text-align: left;
      text-transform: uppercase;
      float: left;
    padding: 5px 0;
    text-transform: uppercase;
  
}

.myMenu .rmGroupColumn .rmItem, .mainMenu .rmGroupColumn .rmItem,.BrandsCotainerMenu .BrandName{float:left;width:100%;}
.myMenu .rmGroupColumn .rmItem,.mainMenu .rmGroupColumn .rmItem{padding:0 !important;}
.hasScrolled .bottomHeader .myMenu ,.hasScrolled .bottomHeader .mainMenu {
    top: 40px;
}

.myMenu .rmGroupColumn .rmText:hover,.mainMenu .rmGroupColumn .rmText:hover, .BrandsCotainerMenu .BrandName a:hover{color: var(--Rosella_coral);}
.BrandsCotainerMenu {
    float: left;
    width: 50% ;
      padding: 30px 0px;
}


.BrandsCotainerMenu h2{    font-family: 'gillsansregular';
    font-size: 18px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    float: left;
    width: 100%;
}

.bbBrandsContainer {
    float: left;
    width: 100%;
    padding: 0px 0px 0 40px;
    border-left: 1px solid rgba(151, 151, 151, 1);
}

.bbBrands {
    float: left;
    width: 33.33%;
}



.CartCount a,
.WishlistCount a {
    font-family: 'gillsansregular';
    background-color: teal;
    background-color:#438A96;
    border-radius: 200px;
    padding: 0px 6px;
    position: absolute;
    top: -12px;
    font-size: 12px;
    color:#fff;
    right: -6px;
    line-height: 18px;
}

.CartCount a {
  display:block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 8px;
  top: -10px;
  left:0;
  position:absolute;
  opacity:0.5;
  background: none;
  z-index: 3;
}

#cartAmount {
  background:var(--Rosella_teal);
  transition:background 0.125s ease;
  font-size: 12px;
  position:absolute;
  top: -10px;
  right: -8px;
  line-height:normal;
  padding: 2px 6px;
  border-radius: 200px;
  color: white;
  z-index: 2;
}

.CartCount a:hover ~ #cartAmount {
  background:var(--Rosella_coral);
}


.LoginHolder .WishlistCount .PrefixText,.LoginHolder .PostfixText{display:none !important;}

/*27 March 2019*/

/*.myMenu1:hover{display:block !important;}
.myMenu2:hover{display:block !important;}
.myMenu3:hover{display:block !important;}

.hiddenMenu{display:none;}

.topheader:hover .myMenu,.mainMenu2:hover .myMenu{display:none !important;}*/
/*27 March 2019*/

/*.myMenu1 .rmMultiColumn:hover  .myMenu1{
display:block !important;
}*/
.hiddenMenu{display:none;}
.ContentPage .brandLogo {
    width: 100%;
    padding: 10px;
}

.brandLogo.FloatRight {
    float: right;
}

.brandLogo.FloatLeft {
    float: left;
}


.ContentPage .brandLogo h3 {
       text-align: left !important;
    font-family: 'Baskerville';
    font-size: 24px;
    color: rgba(0, 0, 0, 1);
    /* text-align: left; */
    line-height: 38px; 
}

.ContentPage .bLogo {
    float: left;
    width: 100%;
      display: none;
    height: 60px;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

.ContentPage .brandLogo p{    font-family: 'gillsansregular';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
  margin:0 ;
      margin-bottom: 10px;
 }

.ContentPage .bBrandsCon h2 {
    color: rgba(5, 155, 173, 1);
    font-family: 'gillsansbold';
    float: left;
    width: 100%;
  text-align:left;
  padding:0px 25px;
    margin-bottom: 35px;
}

.ContentPage .Italy{
background-image:url('../Images/Brands/11_Thumb.png');
}


.ContentPage .jolie{
background-image:url('../Images/Brands/10_Thumb.png');
}

.ContentPage .gwLogo{
background-image:url('../Images/Brands/6_Thumb.png');
}


.ContentPage .frank{
background-image:url('../Images/Brands/5_Thumb.png');
}


.ContentPage .joseph{
background-image:url('../Images/Brands/_Thumb.png');
}

.ContentPage .jenja{
background-image:url('../Images/Brands/9_Thumb.png');
}

.ContentPage .cz{
background-image:url('../Images/Brands/2_Thumb.png');
}

.ContentPage .spanx{
background-image:url('../Images/Brands/15_Thumb.png');
}

.ContentPage .french{
background-image:url('../Images/Brands/_Thumb.png');
}

.ContentPage .BARINGTON{
background-image:url('../Images/Brands/_Thumb.png');
}


.ContentPage .missMe{
background-image:url('../Images/Brands/29_Thumb.png');
}


.ContentPage .gordon{
background-image:url('../Images/Brands/_Thumb.png');
}


.ContentPage .polo{
background-image:url('../Images/Brands/25_Thumb.png');
}

.ContentPage .pringle{
background-image:url('../Images/Brands/_Thumb.png');
}


.ContentPage .foggie{
background-image:url('../Images/Brands/49_Thumb.png');
}

.ContentPage .hotter{
background-image:url('../Images/Brands/45_Thumb.png');
}


.ContentPage .hunter{
background-image:url('../Images/Brands/8_Thumb.png');
}

.ContentPage .phelan{
background-image:url('../Images/Brands/27_Thumb.png');
}

.ContentPage .jolieshoes{
background-image:url('../Images/Brands/10_Thumb.png');
}

.ContentPage .fitflop{
background-image:url('../Images/Brands/4_Thumb.png');
}

.ContentPage .hushpuppies{
background-image:url('../Images/Brands/_Thumb.png');
}
            
.ContentPage .newearth{
background-image:url('../Images/Brands/171_Normal.jpg');
}      
      

.ContentPage .sakura{
background-image:url('../Images/Brands/24_Thumb.png');
}

.ContentPage .staccato{
background-image:url('../Images/Brands/63_Thumb.png');
}

/*(.MagicThumb-expanded div:nth-child(2){
    height: 30px !important;
}*/

.floralsOdSummer .ContentPage{display:none;}
.MagicThumb-caption {
height: 30px !important;
    font-family: 'gillsansbold' !important;
    color: rgba(5, 155, 173, 1) !important;
    margin: 0 !important;
}

.SearchResultText {
    color: black;
    margin-top: 10px;
    padding-left: 8px !important;
    height: auto !important;
    width: 198px !important;
    line-height: 16px;
    font-family: "gillsansbold";
    margin-top:0!important;
}
.SearchHeading {
  font-weight:normal!important
}


.ui-autocomplete .ui-menu-item {
    background-color: #FFFFFF !important;
    padding: 3px !important;
    border: none !important;
    border-bottom: 1px solid #ccc!important;
    float: left !important;
    margin: 0 !important;
    width: 100% !important;
}

.ui-autocomplete .ui-menu-item a {
  padding: 8px !important;
}

/*.ProductStripItem {
;
    background-size: 200% 200%;
    background-image: linear-gradient(to top, rgba(74, 74, 74, 1) 50%, transparent 50%);
    -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}


.ProductStripItem:hover
{

    background-image: linear-gradient(to top, rgba(74, 74, 74, 1) 51%, transparent 50%);
    background-position: 0 100%;
    -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
    transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}*/




.mobiMainMenuList .rmSlide {
    float: left;
    width: 100% !important;
    position: absolute !important;
    min-height: 250px;
    left: 0 !important;
    right: 0;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    top: 42px !important;
    z-index: 99;
    display: none;
}


    @media screen and (min-width: 1400px) {
        .container
  {
   max-width:90% !important;
  }
  
  .RoyaltyPlatinum {
    min-height: 575px;
}

  .row1{
  width:100%;
  }
  
}

@media screen and (max-width: 770px){
.BasketContainer .container1 {
    /* grid-template-columns: repeat( auto-fill, minmax(300px, 1fr) ); */
    /* display: grid !important; */
    /* grid-gap: 16px; */
    }
  .ProductStripItems {max-width:100% !important;  padding: 0 !important;}
  .container{
  max-width:90% !important;
  }
}

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

.col-xs-12.col-sm-12.col-md-12.nopadding.BasketContainer .container1,
.RelatedProducts.BasketContainer .row1  {
    grid-template-columns: repeat( auto-fill, minmax(160px, 1fr) );
    display: grid !important;
    grid-gap: 16px;
}
  
 .col-xs-12.col-sm-12.col-md-12.nopadding.BasketContainer   .row1{
  width:100%;
  }
.Basket  .ProductStripItems {
  max-width:100%;
    padding: 0 !important;
  }

}
@media screen and (min-width:1024px) {
  .col-xs-12.col-sm-12.col-md-12.nopadding.BasketContainer .container1,
  .RelatedProducts.BasketContainer .row1  {
      grid-template-columns: repeat( auto-fill, minmax(270px, 1fr) );

  }
}

@media screen and (max-width: 1280px) and (min-width: 770px){
.bottomHeader .mainMenu2 .rmItem {
    padding: 0 0px !important;
}
  
  .bottomHeader .mainMenuContainer .rmItem {
    padding: 0 0px !important;
}
   .container{
  max-width:100% !important;
  }
    .Basket {
    float: left;
    width: 100%;
    padding: 15px;
}
}

.SpecialRibbon {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../Images/theme/sale_.png);
    background-size: 100%;
    width: 250px;
    height: 105px;
}
@media screen and (max-width: 769px) {
  .col-xs-12.col-sm-12.col-md-12.nopadding.BasketContainer .container1, .RelatedProducts.BasketContainer .row1 {
    grid-template-columns: repeat( auto-fill, minmax(136px, 1fr) );
    display: grid !important;
    grid-gap: 8px;
  }
  .Basket {
    padding: 16px;
    overflow: hidden;
  }
  .SpecialRibbon {
    width:110px !important;
    height:40px !important;
    position: absolute;
  }
  .ProductDetail .col-sm-6.col-md-6.col-xs-12 {
    padding: 0 !important;
  }
  
  a.onlineApplication{width:100%;}
  .Banner>div {
  }
  .bdText span{font-size:10px;}  
  
  .bdText img {
    height: 20px;
    margin-bottom: 10px;
}


  .HasScroller{padding-top:20px;}
  .scrollTop, .scrollBottom{height:30px;}
  
  .bdImage{    height: auto;
    padding: 10px;    background-size: cover;}
  .RoyaltyCard{height:auto;float:left;min-height:auto;}
  .RoyaltyLogo{height:150px;}
  .floralsOdSummer>div{}
 li.bjqs-slide, ul.bjqs{}
  .CheckOutStep2 table input[type=text], .CheckOutStep2 table select, .CheckOutStep2 table input[type=password], .CheckOutStep2 table input[type=number]{width:100% !important;}
  .CheckOutStep2 .DeliveryAddress table td{width:100% !important;float:left;text-align: left;padding-right: 0;} 
  .DeliveryOrderTotal, .DeliveryService{margin-bottom:20px !important;margin-right:0 !important;width:100%;}
  .CheckOutStep2 .SpecialInstructions, .CheckOutStep2 .DeliveryAddress{width:100% !important;}
  .CheckOutStep2 table{width:100% !important;}




.topheader .container {
  display:flex;
  padding: 20px 15px;
  justify-content: space-between;
}
  
  .RadMenu_menu24 {height:auto !important;}
  .col-md-6.col-sm-6.col-xs-12.About {
    padding: 0 !important;
}
  .applyOnlineRoyalty{width:100%;}
  .contentPage1{padding:0;}
  .sales{ padding: 0 !important;text-align: center;}
  
 .sales a{    padding: 10px 5px;
    font-size: 15px;    float: left;
    width: 100%;}
  .RoyaltyTermsAndCondition{padding:15px !important;}
  
  .salesCnt .ContentPage span{    margin-top: 30px;width:100%;}
  
 .salesCnt  .col-md-6.col-sm-6.col-xs-12 
  {
width:50% !important;
  }
  .contentPage1{display:none;}
  .MobilecontentPage1{display:block !important;}
  
  .footerHolder .RadMenu a{font-size:12px;}
  
  .salesCnt.col-sm-5.col-md-5.col-xs-12 {
    padding: 0 !important;
    margin-bottom: 15px;
}
  .siteMae.col-sm-3.col-md-3.col-xs-6.noppadingleft {
    margin-bottom: 15px;
}
 
  .storeLocaterDiv.col-sm-4.col-md-4.col-xs-12 {
    padding: 0 !important;
}
  .bottomFotterMenu .RadMenu{width:100% !important;}

  .bottomFotterMenu{padding:10px 0 !important;}
.storeLocatorsFooter  {    float: left;
    width: 100% !important;}
  
  .signupforroylty a{ float: left;
    width: 100%;}
  
  .salesCnt  .RadMenu {height: auto !important;margin-bottom:10px !important; }
  .col-md-6.col-sm-6.col-xs-12.findUs {
    padding: 0;
}
.MainImageHolder{}
.ThumbNailHolder{height: auto !important;}
.scrollBottom {
    background-color: #eeecee !important;
}
.MagicThumb-swap {
}
.ProductImages{}
  
  .bottomFotterMenu .rmItem {
    width: 100% !important;
}
.bottomFotterMenu  .rmSeparator{display:none;} 
  
  .joinUsRo span,.safeSecure,.freeDelivery{font-size:12px;}
  
  .signupforroylty, .joinUsRo{margin-bottom: 20px;}
  .storeLocatorItems{padding:15px !important;}
  
  .ContactForm [type="text"],.ContactForm [type="text"]{width:100%;}
  .SearchContainer,.SelectContainer{padding:0 !important;}
  .QuickLinks{padding:15px !important;}
  .aLink{padding:5px !important;}
  .ContactForm .PrefixText{padding:5px 0 !important;}
  .ContactForm .divContactFormName, .ContactForm .divContactFormEmail, .ContactForm .divContactFormComment, .ContactForm .divContactFormSubmit{margin-bottom:5px !important;}

  .ContactForm textarea{min-height:100px;}
  .BrandListingItem{width:120px;}
  .AboutRosellaContent .ContentPage{padding:15px;padding-bottom: 48px;width:100%;float: left;margin-top:0 !Important;}
  .BrandListing{height:80px;}
  .rosellaCustomer .ContentPage {
    margin-top: 26px;
    float: left; 
    width: 100%;
}
  .rosellaCustomer .col-md-3.col-sm-3.col-xs-6 {
    width: 50%;
}
  .CustomerImage{width:100%;height:140px;}
  .CustomerName{font-size:16px;}
  .CustomerComment {
    float: left;
    width: 100%;    min-height: 265px;
}

  .AboutRosellaContent{height:auto;padding: 35px 15px;}
  .fosm {
    float: left;
    width: 100% !important;
    height: auto !important;
}
  .floralsOdSummer {
    height: auto !important;
}

  .col-md-4.col-sm-4.col-xs-4.categoryListing {
    width: 33%;
    padding: 0px;
}
  .categoryListing div{height:140px;}
  .categoryListing a{padding-top:65px;font-size:14px;} 

  .Banner{margin-bottom:30px !important;height:auto !important}
  
  ol.bjqs-markers.h-centered{width:120px !important;}
  
.LoginHolder .RadMenu_menu21 ,  .mainMenu2 .RadMenu_menu23 ,.mainMenuContainer{display:none;}
  .Search{width: 24px;}
  .searchHolder .ui-autocomplete-input{
    font-size: 14px;
    padding: 0 6px;
    line-height: 20px;
    border-radius: 4px;
    }
  .mobiMenuButton{display:block !important;}
  
  .cartholder{margin-right:0;}
  
  

#ctrl619544_lbsLogin_upLogin {
  /* background:red!important */
}



.mobiMenuButton {
    width: 24px;
    cursor:pointer;
    font-size: 24px;
    line-height: 24px;
    color: #888;
}
.mobiMenuButton:before {
  font-family: 'Material Icons';
  content: '\e5d2'
}




  span.dot {
    width: 16px;
    height: 2px;
    float: left;
    border-radius: 2px;
    margin-bottom: 3px;
    background-color: #999;
}
  
 .mobiNav {    position: fixed;
    z-index: 10000000000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(1, 1, 1, 0.53);
    padding-top: 30px;
    animation-name: zoomIn;
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  
  .mobiMenuContainer
  {
 width: 90%;
    margin: 0 auto;
    display: table;
    border-radius: 0px;
    float: left;
    background-color: #fff;
    
  }
  .close {
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
    font-weight: 500;
}
  
  .mobiMenuContainer .LogoHolder{margin-top:0}
  
  .RadMenu_menu21 {float:left !important;width:100% !important;height:auto !important;    border-bottom: 1px solid #000;}
  .RadMenu_menu21 .rmText{font-family: 'gillsansbold';
font-size: 16px;
font-weight: bold;
color: rgba(74, 74, 74, 1);
text-align: left;
line-height: 45px;}
  
  .RadMenu_menu21 .rmText:hover{color: rgba(5, 155, 173, 1);}
  
.RadMenu_menu21  li.rmItem.rmSeparator {

    width: 2px;
    height: 15px;
    margin-top: 15px;
    background-color: rgba(74, 74, 74, 1);
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg)
      
}
  .MenuItem98{padding-left:0px !important;}
  .salesMobile {
    float: left;
    width: 100%;
    padding: 10px;
    background-color: rgba(74, 74, 74, 1);
    border-radius: 0px 0px 2px 2px;
    font-family: 'gillsansregular';
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}
  .shopingStages div{width:100% !important;}
  .Basket .bdText {
    float: left;
    width: 50%;
    height: auto;
    padding: 5px;
        margin-top: 10px;
}
  .bdBarington{    background-position: top;}
  .BrandDescription .container{padding:0 !important;}
  .salesMobile a{color:#fff !important;}
  .ss {
    float: left;
    width: 100%;
    padding: 15px 15px 0px 15px;
}
  
  .ShoppingCart table .Quantity input{width:35px !important;height:35px !important;}
  .secureCheckOut .ssLine2,.secureCheckOut .ssLine1{font-size:12px !important;}
  .ShoppingCart td {
    padding: 5px !important;
    font-size: 11px !important;
}
  .ShoppingCart td.ProductName {
    width: 100% !important;
    border-left: 1px solid #d3d3d3;
    margin-bottom: 0;
}
  .ShoppingCart .ProductName a{font-size:10px !important;}
  
  .ShoppingCart th{font-size:11px !important;padding:5px !important;}
  .secureCheckOut{float:left !important;width:100% !important;}

  .CategoryListing{margin-bottom:30px;}
  .ss .RadMenu {width:100% !important;float:left !important;height:auto !important;    margin-bottom: 20px;}
  .ss .RadMenu_menu32 .rmItem,.ss .RadMenu_menu23 .rmItem{width:100% !important;    padding: 10px 0px;}
  .ss .RadMenu_menu32 .rmSeparator,.ss .RadMenu_menu23 .rmSeparator{display:none;}
    .ss .RadMenu_menu32 .rmLink,.ss .RadMenu_menu23 .rmLink{padding-left:0;}
  .mobiMenuContainer .ss .RadMenu_menu32 .rmSlide{
  position:relative !important;
    width:100% !important;    top: 0 !important;
    left: 0 !important;
  }
  .myMenuMobile  .bbBrandsContainer{    padding: 0px 0px 0 15px !important;}
  .myMenuMobile .bbBrands{width:100% !important;}
    .myMenuMobile .rmText
  {    font-family: 'gillsansregular';
    font-size: 14px;
    color: rgba(155, 155, 155, 1);
    text-align: left;
    text-transform: uppercase;
    float: left;
    padding: 5px 0;
    text-transform: uppercase;
  }
  .myMenuMobile ul.rmMultiColumns .rmItem{float:left;width:100%;} 
 .myMenuMobile ul.rmMultiColumns {
    float: left;
    width: 50%;
    margin: 0 !important;
    padding: 0;
}
  .ArticleTitle a{margin-bottom:0;}
  .ProductCategoryGroupListingItem{}
  
  .ProductCategoryGroupListingName{
    font-size: 12px !important;
    }
  .myMenuMobile  .rmMultiColumn{  margin: 0 !important;
       float: left;
    padding: 60px 0;
    width: 100%;}
   .myMenuMobile .rmItem:nth-child(5) {
    padding: 0 0 0 0px !important;
}
  .ArticleListing .ArticleTR{width:100% !important;}
  .ArticleIntroduction{width:100%;}
  .ArticleThumbImage{margin-bottom:0 !important;}
  
  .hasScrolled .myMenuMobile{top:40px !important;}
  .mobiMenuContainer .ss .RadMenu_menu32 .rmSlide .rmText{font-family: 'gillsansregular';}
  .ss .RadMenu_menu32 .rmText,.ss .RadMenu_menu23 .rmText  {font-family: 'gillsansbold';
font-size: 14px;
color: rgba(74, 74, 74, 1);
    text-align: left}.mobiMainMenuList{display:block !important;}
  .mainMenu2 {
    float: left;
    width: 100%;
}
  .mainMenu2 .RadMenu {width:100% !important;}
 .mainMenu2 .RadMenu .rmItem {
    width: 33% !important;
    
}
  .mobiMainMenuList .RadMenu_menu31 {display:none;}
  .myMenuMobile{    float: left;
    width: 100%;
    position: absolute;
    min-height: 250px;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    top: 63px;
    z-index: 99;
    display: none;}
  .ActiveMenu{display:block !important;}
.mainMenu2 a.rmLink.rmRootLink {
    padding-left: 0;
    background-image: url(/Images/Theme/downArrow.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 99% 3px;
}
  .bottomHeader .mainMenu2 .rmItem{padding-left:0px !important;}
    .bottomHeader .mainMenu2 .rmItem:nth-child(1) .rmLink {
      width: 90px;
}
    .bottomHeader .mainMenu2 .rmItem:nth-child(3) .rmLink {
 
        width: 97px;
}
    .bottomHeader .mainMenu2  .rmItem:nth-child(5) .rmLink {
      width: 105px;
}
  .bottomHeader .mainMenu2 .rmItem:nth-child(5) {
    padding: 0 0 0 5px !important;
}
  
.ss .RadMenu_menu23 .rmItem.rmFirst {
    background: var(--Rosella_coral);
    position: relative;
    left: -15px;
    width: calc(100% + 30px)!important;
    padding-left: 15px;
    position: relative;
    height: 42px;
}
.ss .RadMenu_menu23 .rmItem.rmFirst a {
  position:absolute;
  left: 0;
  top: 0;
  height: 100%;
  line-height: 42px;
  padding-left: 15px;
  width: 100%;
}


#accDiv {
  clear:both;
  margin-bottom:30px;
}
.accLevel1.AccItem {
  line-height: 42px;
  font-family: 'gillsansbold';
  font-size: 14px;
}

.accLevel1.AccItem a {
  color: rgba(74, 74, 74, 1);
}

.accLevel2.AccItem {
  line-height: 28px;
  font-family: 'gillsansregular';
  font-size: 12px;
  padding-left:16px;
}


.ss .RadMenu_menu23 .rmItem.rmFirst .rmText {
  color:white;
}

  
  .mainMenu2 .RadMenu .rmSeparator{display:none;}
  .ProductDetail{width:100% !important;}
  .ProductStripProductGroup, .ProductStripBrand, .ProductStripSortyBy {
    float: left;
    /* float: right; */
    width: 100%;
    padding: 5px 0 10px 0px;
}

  .ProductInfo {padding:10px 0;}
  
  .AddWishlistToCart input, .PgroupInput .AddToCart input{}
  
  .ShoppingCartButtons input{/* padding:0; */clear: both;}
  .ShoppingCartButtons .UpdateWishlistButton {float:left !important;}
  .ShoppingCartButtons .AddAllToCartWishlistButton  {float:left  !important;;}
  .ShoppingCartButtons .UpdateWishlistButton {float:right !important;;}
  .ShoppingCartButtons .ShareWishlistButton  {float:left !important;width:130px; margin:0;    position: relative;
    text-align: left;}
  .Wishlist .ProductImage a {
    width: 50px;
    float: left;
    padding: 0;
    height: 50px;
}
  .Wishlist th:nth-child(2),.Wishlist td:nth-child(2){display:none;}
  .Wishlist th:nth-child(1),.Wishlist td:nth-child(1)  {    border-right: 1px solid #d3d3d3;padding:0;}
  .Wishlist td {
    padding: 5px;
}
 .Wishlist .ProductName{width:100% !important;}
  .AddWishlistToCart input {
    float: left;
    font-size: 10px;
    text-align: right;
    width: 105px !important;
    height: 35px;
    background-size: 20px;
    background-position: 4% 8px;
}
  .Wishlist .ProductImage img{font-size:0;} 
  .Wishlist .ProductName a{font-size:9px;}
  .Wishlist th{font-size:10px;}
  
  .RoyaltyHolder{width:100%;}
  .royaltyLogo{height:175px;text-align:center;}
  .RoyaltySilver , .RoyaltyGold {margin-bottom:20px;margin-top:0;}
  
  .Register table td, .Login table td {
    /* float: left; */
    /* width: 100% !important; */
    /* padding: 0; */
    }
  .MyAccount table input[type=text], .MyAccount table select, .MyAccount table input[type=password], .Register table input[type=text], .Register table input[type=password], .Register table input[type=number], .Register table select{width:100% !important;margin-bottom: 8px;-webkit-appearance: none;}
  .CheckOut .Register{width:100% !important;margin-right:0 !important;}
  .Register table{/* width:100% !important; */}
  .Login{width:100% !important;}
  .main-containercol1-layout-CART{float:left;width:100%;padding-left:15px;padding-right:15px;}
  .CheckOut .Login table tr td:nth-child(2) {
    float: left;
    width: 100% !important;
}
  .logo{}
  .main-containercol1-layout-CART .container{padding-left:0 !important;padding-right:0 !important;}
  .main-containercol1-layout-CART .row{margin-right:0 !important;margin-left:0 !important;}
  .container {max-width: 100% !important;}
  .MagicZoomPlus{max-height:100%;}
  .ProductShare, .socialShareAndWishlist .AddToWishlist{float:left;}
  .Wishlist .Login td:nth-child(2), .Wishlist .Register td:nth-child(2){display:block !important}
  .Wishlist .Register table tr:nth-child(9) td{width:100% !important}
  .CheckOut .Login table tr td input[type=submit] {width:150px !important;}
  .AddAllToCartWishlistButton , .ClearWishlistButton{margin-right:10px;}
  .MyAccount table, .Register table{/* width:100%; */}
  .MyAddress, .MyProfile {
    /* float: left; */
    /* width: 100%; */
    /* margin-bottom: 20px; */
}
  .main-containercol1-layout-Login{background-image:url('');}
  
}


@media screen and (min-width: 769px)     and (max-width: 850px)
{
 .container {max-width: 790px !important;}
  .bottomHeader .mainMenuContainer .rmItem{padding:0 !important;}
  .sales a{font-size:15px !important;}
  .signupforroylty a{padding:10px 15px;}
  .salesCnt .ContentPage span{width:100%;}
  .safeSecure, .freeDelivery{text-indent:0;padding:0 0 0 50px;}
  .bbBrands, .myMenu .rmGroupColumn, .mainMenu .rmGroupColumn{width:50%;}
}

@media screen and (min-width: 731px)     and (max-width: 768px)
{
  .joinUsRo span, .safeSecure, .freeDelivery{font-size:10px;}
  .sales a {
    padding: 5px 15px;
    font-size: 14px;
    float: left;
    width: auto;}
  .salesCnt .ContentPage span {
    margin-top: 15px;
    width: 100%;
    text-align: left;
}
  .signupforroylty a{padding:10px;}
}

@media screen and (min-width: 538px)     and (max-width: 768px)
{
  .ProductCategoryGroupListingItem{/* height:300px !important */}
        .ShoppingCart .gridview  .gridview-footer.gridview-footerDisplay td:nth-child(3){display:none}
}
  @media screen and (max-width: 528px)
    
  { 
  .ShoppingCart .gridview .gridview-header th:nth-child(2),
  .ShoppingCart .gridview .ProductCode
  {display:none !important;}
   .ShoppingCart .gridview .gridview-header th:nth-child(1), 
  .ShoppingCart .gridview .ProductImage,
  .ShoppingCart .gridview  .gridview-footer td:nth-child(1), 
  .ShoppingCart .gridview  .gridview-footer td:nth-child(2),
         .ShoppingCart .gridview  .gridview-footer.gridview-footerDisplay td:nth-child(3)
  {display:none !important;}
  .a.onlineApplication{width:100%;}
.PopupModalInside {width:100% !important;}        
div#close-dialog {width: 2%;}
        
}
.Content .ContentPage ul{    list-style-type: disc;}

.Content .ContentPage a{color:rgba(242, 42, 74, 1)}
  @media screen and (max-width: 360px)
    
  { 
.ShoppingCart td{font-size:9px !important;}
  .ShoppingCart th{font-size:9px !important;}
}
  
.CheckOut{width:100%;float:left;}
.sizeCharts {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.sizeNotAval {
    font-family: 'gillsansregular';
    text-align: left;
    display: inline;
    color: rgba(74, 74, 74, 1);
    opacity: 0.7;font-size: 14px;
}

.ccContact{
      font-family: 'gillsansregular';
font-size: 14px;
color: rgba(155, 155, 155, 1);
text-align: left;
}

.ccSizeChart{font-family: 'gillsansregular';
font-size: 14px;
color: rgba(74, 74, 74, 1);
  display:inline;
text-align: right;}

.sizeCharts a{text-decoration:underline !important;}
.sizeCharts a:hover{    color: rgba(242, 42, 74, 1);}

.sizeGuidePage table {
    border: 1px solid #000;
    width: 100%;
    margin-bottom: 40px;
}
td.sizeGuideHeader {
    width: 33%;
    padding: 20px;
  font-family: 'gillsansBold';
}

tr.trRow {
    border-bottom: 1px solid #000;
}

td.sizeGuideDara {
    border-left: 1px solid #000;
    width: 6%;
    text-align: center;
}


@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.aboutRosellaHolder {
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 40px;
    padding: 25px;
}




@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}


.productReview {
    float: left;
    width: 100%;
}

.myMenu4.myMenuMobile.ActiveMenu .BrandName a {
    float: left !important;
}


.Reviews .ArticleListing{margin-top:0;}

.Reviews tr.ArticleTR {
  
}

.Reviews .ArticleTD div,.Reviews .ArticleTD a{text-align:left;    width: 100%;
    margin-bottom: 10px;}

.ArticleAuthor span {
    font-family: 'gillsansregular';
    font-size: 24px;
    line-height: 28px;
    color: rgba(74, 74, 74, 1);
    text-align: left;
    /* float: left; */
    width: 100%;
    margin-top: 16px;
    display: block;
    margin-bottom: 10px;
}

.rosellaCustomer .ArticleAuthor span {text-align:center;}






@media screen and (min-width: 1360px) and (max-width:1366px) {
.scrollTopNew {
    position: fixed;
    width: 45px;
    background-color: rgba(5, 155, 173, 1) ;
    right: 2%;
    bottom: 10%;
    opacity: 0;
    z-index: 9999999;
    cursor: pointer;
    height: 45px;
}

.scrollTopNew:hover{
border:1px solid rgba(5, 155, 173, 1);
  background-color:transparent;
}

.scrollTopNew:hover .arrow-up.icon:before {
    border-top: solid 2px rgba(5, 155, 173, 1);
    border-right: solid 2px rgba(5, 155, 173, 1);
}

.arrow-up.icon:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 20px;
    width: 13px;
    height: 13px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #fff;
}


@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}


}

div#divWishlist {
    z-index: 99999999999;
}


.SendwishlistContatiner {
    background-color: #fff;
    width: 350px;
    margin: 0 auto;
    z-index: 999999;
    padding: 0%;
    margin-top: 14%;
    -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(216, 216, 216, 1);
    padding: 10px;
    box-shadow: 1px -2px 0px -1px #217a8f;
    border-radius: 10px;
}

.EmailWishlistHeader {
    font-family: 'gillsansbold';
    font-size: 16px;
    color: rgba(74, 74, 74, 1);
    /* margin-bottom: 20px; */
    text-align: center;
    text-transform: uppercase;
}

div#divWishlist .Wishlist td {
    padding: 4px 5px;
    color: rgba(74, 74, 74, 1);
    font-weight: 600;
    font-family: "gillsansregular";
}

div#divWishlist  td:nth-child(2) {
    border-right: 0px solid #d3d3d3;
  border-left: 0px solid #d3d3d3;
}


.SendwishlistContatiner #ctrl754609_btnSendMail{
border-radius: 2px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    background-image: -webkit-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    background-image: -moz-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    background-image: -o-linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    background-image: linear-gradient(-180deg, rgba(98, 98, 98, 1) 0%, rgba(65, 64, 65, 1) 100%);
    color: #fff;
    text-transform: uppercase;
    width: 150px;
    border: 1px solid rgba(65, 64, 65, 1);
  float:left !important;
}

.SendwishlistContatiner input[type=button]{
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
    font-weight: 600;
    background-color: #f7f7f7;
  float:right !important;
}


@media screen and (max-width: 576px)
{
  .Basket .row1
  {
  /* float:left; */
  /* width:50%; */
  }
  .RelatedProducts   .row1 {
    width: 100% !important;
}
  .ProductStripItem{/* padding:5px; */}
 .Basket .ProductStripItems {
  max-width:100% !important;
        padding: 0px 10px;
  }
  .RelatedProducts  .ProductStripItems{/* max-width:50% !important */}
  .MoreInfo input{padding: 0px 10px 0 0px;font-size:12px;}
  .Basket {
    float: left;
    width: 100%;
    padding: 0px 10px;
    
}
  .ProductName{
    font-size:14px;
    overflow: hidden;
    /* max-height: 40px !important; */
    min-height: 40px !important;
    }
  .MoreInfo{margin-bottom:5px;}
  .AddToWishlist input{
        padding:8px;
          margin-left: 8px !important
        }
        .PgroupInput .AddToCart:before {
          left: 4px !important;}
          
        .AddToCart .AddToCartButton {
          padding:8px 8px 8px 22px !important;}
        .PgroupInput .ProductQuantity {
    margin-right: 8px !important;
}
    
}
@media screen and (max-width: 322px)
{
  .MoreInfo input{
    font-size: 10px;
  }

.logo { width: 130px;}
}

.SpecialRibbon {
    position: absolute;
    top: 0;
    left: 0;
 
    background-size: 100%;
    width: 210px;
    height: 105px;
}

.Basket .ProductPriceOld {
    float: left;
    width: 100%;
    /*min-height: 25px;*/
    text-align: center;
}

.Basket span.PriceOld {
    font-family: 'gillsansbold';
    font-size: 18px;
    color: rgba(155, 155, 155, 1);
    text-align: left;
    /* float: right; */
    text-decoration: line-through;
    /* margin-top: 5px; */
}

.NewRibbon{
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../Images/theme/new.png);
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    height: 64px;
}

.col-xs-12.col-md-6.col-sm-6.fgdJeans {
    margin-bottom: 20px;
    padding: 0 !important;
}

@media screen and (min-width: 1200px) and (max-width: 1366px){
  .ProductStripItem {
      min-height: 350px;
  }
}




/*--========================== BECOME A FRANCHISEE --*/
#franchiseBanner {
  background: url('../images/theme/BECOME A FRANCHISEE 0825.jpg');
  background-position: inherit;
  background-size: cover;
        background-repeat:no-repeat;
  /*padding: 56px 16px;*/
  position:relative;
  min-height:200ox;
  display:grid;
  align-content:center;
}
      #franchiseBanner h1{
      display:none
      }
  .joinWhatsapp {
        margin-top: 20px;
    width: 100%;
}
      

.whatsappbanner{
       background-image: url('../Images/Theme/CONTACT US 0825.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
        min-height:380px;
      
      }
      
      img.WhatsappgroupIcon {
    width: 64px;
    height: 64px;
 
}
        .whatsappbanner .overline {
    font-size: 22px;
        font-family: "gillsansregular"!important;
}
      .whatsappbanner h1 {
    font-size: 40px !important;
    width: 950px;
    font-family: "gillsansregular"!important;
        margin: 0 auto;}
      
  .WhatsappSpan {
    width: 100%;
    margin-bottom: 18px;
}
      .WhatsappSpan {
    width: 100%;
    margin-bottom: 18px;
    text-align: center;
}
      a.whatsAppgroupItem {

    height: 1180px;
    width: 116%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
      a.whatsAppgroupItem.whatsAppgroupItem1 {
    background-image: url('../images/theme/contact us join group.png');
}
      
      
  /*          a.whatsAppgroupItem.whatsAppgroupItem2 {
    background-image: url('../Images/Theme/2_DEC_S23.jpg');
}      a.whatsAppgroupItem.whatsAppgroupItem3 {
    background-image: url('../Images/Theme/3_DEC_S23.jpg');
}
            a.whatsAppgroupItem.whatsAppgroupItem4 {
    background-image: url('../Images/Theme/4_DEC_S23.jpg');
}      a.whatsAppgroupItem.whatsAppgroupItem5 {
    background-image: url('../Images/Theme/5_DEC_S23.jpg');
}    a.whatsAppgroupItem.whatsAppgroupItem6 {
    background-image: url('../Images/Theme/6_DEC_S23.jpg');
}      a.whatsAppgroupItem.whatsAppgroupItem7 {
    background-image: url('../Images/Theme/7_DEC_S23.jpg');
}      a.whatsAppgroupItem.whatsAppgroupItem8 {
    background-image: url('../Images/Theme/8_DEC_S23.jpg');
}      a.whatsAppgroupItem.whatsAppgroupItem9 {
    background-image: url('../Images/Theme/9_DEC_S23.jpg');
}
            a.whatsAppgroupItem.whatsAppgroupItem10 {
    background-image: url('../Images/Theme/10_DEC_S23.jpg');
}*/
   span.WhatsappSpan1 {
    letter-spacing: 0px;
    color: #000;
    font-weight: 500;
    float: left;
    font-size: 24px;
    margin-bottom: 10px;
    width: 100%;
         font-family: "gillsansregular"!important;
   
} 
   span.WhatsappSpan2 {
    float: left;
    width: 100%;
    font-size: 14px;
         font-family: "gillsansregular"!important;
}
    .containerItem {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
      .whatsappgroupitems {
  width: 1050px;
    margin: 0 auto;
   /* display: grid;
    grid-template-columns: repeat(auto-fill,minmax(175px,1fr));
    grid-gap: 40px;
    align-items: stretch;*/
}
      
#franchiseBanner:after {
  content: "";
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;

  opacity:0.3; 
}
#franchiseBanner > * {
  position:relative;
  z-index:2
}
#franchiseBanner h1 {
  color:white;
  font-weight:400;
  font-family: 'Baskerville';
}
#franchiseBanner .overline {
  font-size: 14px;
  letter-spacing: 4px;
  font-family: "gillsansregular"!important;
  text-transform: uppercase;
}

.linkBlocks {
  padding: 56px 16px;
  display: grid;
  grid-gap: 16px;
  justify-content: center;
}
.linkBlocks .franchiseBlock {
  padding:16px;
  height: 240px;
  display: grid;
  align-content: center;
  justify-content: center;
  background-size: cover;
  box-shadow: 1px 3px 8px rgba(0,0,0,0.4);
}
.linkBlocks .franchiseBlock#executiveSpecifications {
  background-image: url('../images/theme/franchisee 1.png');
        background-image: url('../images/theme/2_EXECUTIVE SUMMARY 0825.jpg');
        
 /*border-top: 16px solid var(--Rosella_black);*/
        
}
.linkBlocks .franchiseBlock#disclosureDocument {
  background-image: url('../images/theme/franchisee 2.png');
        background-image: url('../images/theme/1_DISCLOSURE DOCUMENT 0825.jpg');
 /*border-top: 16px solid var(--Rosella_coral);*/
        
}
.linkBlocks .franchiseBlock#applyNow {
 background-image: url('../images/theme/franchisee 3.png');
        background-image: url('../images/theme/3_APPLY NOW 0825.jpg');
 /*border-top: 16px solid var(--Rosella_teal);*/  
}
.linkBlocks .franchiseBlock a {
  display:block;
  background:var(--Rosella_black);
  padding:12px 32px;
  border-radius: 4px;
  color:white;
  text-transform:uppercase;
  font-size:14px
}
.linkBlocks .franchiseBlock#disclosureDocument a {
  background-color:var(--Rosella_coral)
}
.linkBlocks .franchiseBlock#executiveSpecifications a {
  background-color:var(--Rosella_black)
}
.linkBlocks .franchiseBlock#applyNow a {
  background-color:var(--Rosella_teal)
}
      .linkBlocks .franchiseBlock a {
    background-color: transparent !important;
    color: transparent;
    width: 100%;
    height: 100%;
    /* float: left; */
    position: absolute;
    left: 0;
    right: 0;
}
      
@media all and (min-width:1024px) {
  #franchiseBanner {
    /*min-height:auto;*/
    height:380px
  }
  #franchiseBanner h1 {
    font-size:80px;
  }
  #franchiseBanner .overline {
    font-size: 24px;
  }
  .linkBlocks {
    grid-template-columns: repeat(3, 1fr);
    padding: 56px;
    max-width: 1200px;
    margin: auto;
  }
  .linkBlocks .franchiseBlock {
    height:440px;position: relative;
  }
}

/*New Home page*/
   .container{
/*width:100% !important;
  max-width:100% !important;*/
}
      
      .fullwidth {
    /* background-color: black; */
    min-height: 20px;
    padding: 16px 0;
}
      .newbannerAdenture{
      padding:0 !important
      }      
 .fullwidth  a.carousel-control,.fullwidth .carousel-indicators {
    display: none;
}
 .topContentPage .ContentPage {
    width: 100%;
    /* height: 600px; */
    position: relative;
}
      
.ContentAutomn {
  display:flex;
  flex-direction: column;
  justify-content: center;
  height: 200px; 
}
@media all and (min-width:1024px) {
  .ContentAutomn {
    padding-top: 64%;
  }
}
      
      span.Autumn2021 {
    color: #e8a05a;
    font-size: 16px;
    display: block;
    width: 100%;
    text-align: center;
}
.topContentPage.col-md-4.col-sm-4.col-xs-12 {
    padding: 0 !important;
}
      
.ContentAutomnText {
    color: #fff;
    font-size: 42px;
    line-height: 1;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}  
     .fullwidth .DisplayBanner .carousel-inner>.item{
      display:block !important;
      }
      .fullwidth  .carousel-inner>.item{
      /* height: 600px; */
      }
      .ShopnowNew a:hover {
    color: var(--Rosella_coral);
}
      .bottombannerItem2.col-sm-4.col-md-4.col-xs-4 {
    padding: 0;
}
      
      
      .newbannerAdenture  .carousel-inner>.item{
       /* height: 600px; */
      }
       .newbannerAdenture  .carousel-inner>.item a img{
       /* height: 600px; */
       /* object-fit:cover; */
       /* width: 100%!important; */
       /* margin-left: -2px; */
       /* position: absolute; */
       top: 0;
      }
        .bottombanner  .carousel-inner>.item{
       /* height: 600px; */
      }
      .Becomearesellercontent2 .carousel-inner>.item{
      padding-top: 64%;
      position: relative;
      }
@media all and (min-width:740px) {
  .Becomearesellercontent2 .carousel-inner>.item{
      padding-top: 64%;
      height: 440px;
      }
}
.MiddleBanner .carousel-inner>.item a img {
      display:block !important;
      /* height: 450px; */
      object-fit:cover;
      width: 100%!important;
      }  
      
      .bottombanner .carousel-inner>.item a img{
       display:block !important;
       /* height: 600px; */
       object-fit:cover;
       width: 100%!important;
      }
      .bottombannerItem2 .carousel-inner>.item a img{}
      
      .bottombannerItem3 .ContentPage {
    position: relative;
    float: left;
    width: 100%;
}
@media all and (min-width: 1024px) {
  .MiddleBanner .carousel-inner>.item a img {
    height:450px
  }
}
      
.Becomeareseller .carousel-inner>.item a img {
  /* border-radius:20px; */
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  object-position: top right;
  position: absolute;
  top: 0;
}
.MiddleBanner {
    float: left;
    width: 100%;
    /* margin-top: 16px; */
    /* margin-bottom: 16px; */
    /* height: 450px; */
    padding: 0 4%;
}

  .Becomearesellercontent.col-md-4.col-sm-4.col-xs-4 {
    padding: 0;
}
      .Becomearesellercontent2.col-md-8.col-sm-8.col-xs-8 {
    padding: 0;
}
      
     
.Middlebanner1 {
    width: 30%;
    float: left;
    padding-right: 0px;
    position:relative;
    height: 100%;
}

.Middlebanner2 {
    float: left;
    width: 40%;
    position:relative;
    height: 100%;
}
.Middlebanner3 {
    float: left;
    width: 30%;
    position:relative;
    /* height: 450px; */
    padding-left:0px;
}

.ShopnowNew {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ShopnowNew a {
    color: #000;
    background-color: rgba(255,255,255,0.5);
    transition:background-color 0.125s ease;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 600;
    outline:#000;
}
.ShopnowNew a:hover {
  background-color: rgba(255,255,255,1);
}

.Becomeareseller .ContentPage {
    position: relative;
    width: 100%;
    float:left;
}

.Becomingareseller {
  text-align: left;
  font-size: 42px;
  text-transform: uppercase;
  color: white;
  padding: 32px;
  padding-top: 24%;
  line-height: 1.125;
  overflow: auto;
  font-weight: 100;
  padding-left: 0;
}
.Becomingareseller span {
  color: transparent;
    opacity: 0;
}


      .BecomingaresellerAdiv {
    float: left;
    width: 100%;
    margin-top: 15px;
}
      

.Becomingaresellersdiv {
    float: left;
    width: 100%;
    color: #fff;
font-weight: 400;
    font-size: 30px;
    font-family: 'gillsansregular';
}

a.BecomingaresellerA {
        border: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 4px;
    padding: 10px 24px;
    display: inline-block;
}
}
.Becomearesellercontent2.col-md-6.col-sm-6.col-xs-6 {
    height: 360px !important;
    /* padding: 0px 43px !important; */
}
.Becomeareseller {
    float: left;
    width: 100%;
    padding: 0 4%;
}

.Becomearesellercontent2 div{

float: left !important;
    width: 100%;
    height: 100%;
}

.Becomearesellercontent2 img{


}

.bottombanner {
    float: left;
    width: 100%;
    padding: 0 4%;

}
@media all and (min-width:1024px) {
  .bottombanner .container_ {
    display: flex;
    /* grid-template-columns: 70% auto 1fr; */
}
}
.bottombanner .col-md-8,
.bottombanner .col-sm-8, 
.bottombanner .col-xs-8 {
  padding:0
}

.bottombannerItem2.col-sm-2.col-md-2.col-xs-4 {
    padding: 0 !important;
}
.JoinRosellaNew {
  text-align: right;
  font-size: 42px;
  text-transform: uppercase;
  color: white;
  padding: 32px;
  padding-bottom: 24%;
  padding-right: 0;
  line-height: 1.125;
  overflow: auto;
}
@media all and (min-width: 1024px) {
 .bottombannerItem3 {
    width: 33.3%;
  }
  .JoinRosellaNew {
    padding-top: 24%;
  } 
}
.JoinRosellaNew span {
  display:block;
}



.JoinRosellaNewdiv {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12px;
    margin-bottom: 30px;
    display: none;
}


a.JoinRosellaNewAtag {
    border: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 4px;
    padding: 10px 24px;
    display: inline-block;
    margin-top: 16px;
}

 .fullwidth .ArticleListing {
    margin-top: 0;
}

.fullwidth .ArticleListing h1,
.fullwidth .ArticleListing .BelowHeaderPanel {
  display:none
}


 .fullwidth .rosellaCustomer {
    background-color: white;
}

 .fullwidth .ArticleThumbImage {
    float: left;
    width: 100%;
    height: 250px;
    margin-bottom: 10px;
    border-radius: 0;
}

 .fullwidth  .ArticleThumbImage img {
    object-fit: cover;
 width: 225px;
    height: 225px;
    max-height: 100%;
    max-width: 100%;
}


.bottombannerItem1.col-sm-5.col-md-5.col-xs-4 {
        padding: 0}

.fullwidth .ArticleAuthor {
    float: left;
    width: 100%;
    /* color: #fff; */
}

.fullwidth .ArticleAuthor span {
    font-family: 'gillsansregular';
    font-size: 20px;
    line-height: 28px;
    /* color: #ffff; */
    text-align: center;
    width: 100%;
    margin-top: 0px;
    display: block;
    margin-bottom: 10px;
}

.fullwidth .ArticleIntroduction {
    font-size: 16px;
    line-height: 21px;
    /* color: #ffff; */
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.fullwidth a:hover{
color:var(--Rosella_coral)
}


.BecomingaresellerAdiv {
    float: left;
    width: 100%;
    margin-top: -46px;
}
      
      @media (max-width: 1024px)
      {
      
      .fullwidth .carousel-inner>.item {

    height: auto;
}
    .fullwidth  .DisplayBanner .carousel-inner>.item {
    display: block !important;
  
}
       .newbannerAdenture .carousel-inner {
    /* height: auto; */
    overflow: hidden;
}

      .ContentAutomnText {
    font-size: 32px;
    }
        
        .topContentPage .ContentPage {
    /* width: 100%; */
    /* float: left; */
    /* height: 130px; */
    /* position: relative; */
}
        .MiddleBanner {
    height: auto;
}
        
        .Middlebanner1, .Middlebanner2, .Middlebanner3 {
    width: 100%;
    padding: 0;
    /* margin-bottom: 10px; */
}
        .Becomearesellercontent2.col-md-6.col-sm-6.col-xs-6 {
    height: auto !important;
    padding: 0 !important;
}
       .Becomeareseller .carousel-inner>.item a img {
    /* width: 100% !important; */
    margin-right: 0;
}
        .newbannerAdenture.col-md-6.col-sm-6.col-xs-6 {
    padding: 0 !important;
}
        .bottombannerItem1.col-sm-5.col-md-5.col-xs-4 {
    padding: 0 !important;
    height: auto;
}
     .Becomearesellercontent .ContentPage {
    float: left;
    width: 100%;
    position: relative;
}
       .Becomingareseller {
}
        
.fullwidth .ArticleListing .ArticleTR {
    width: 50% !important;
    margin: 0;
    padding: 10px;
}
     .fullwidth .rosellaCustomer {
    /* background-color: #000; */
    padding: 0;
    padding-top: 42px;
}
        .fullwidth .ArticleThumbImage{height:240px !important}
        .logo {
    /*width: 150px !important;*/
}
        .mobilefullwidth {
    width: 100% !important;
    max-width: 100% !important;
}
        .newbannerAdenture .carousel-inner>.item a img {
    /* height: 330px; */
    /* object-fit: cover; */
    /* width: 100%!important; */
}
        .bottombannerItem3 .ContentPage {
    position: relative;
    float: left;
    width: 100%;
}
        .bottombanner .container {
    padding: 0;
}
        .Middlebanner2 .carousel-inner>.item a img {
    /* height: 260px !important; */
}
        .Middlebanner1 .carousel-inner>.item a img, .Middlebanner3 .carousel-inner>.item a img {
    /* height: 350px !important; */
}
        .Middlebanner3{/* height: 350px !important; */} 
      
        .bottombannerItem1 .carousel-inner>.item a img{height: 240px !important;}
        
        .ItemIndextable {width:100% !important}
      }
      
      
      
      table.ItemIndextable {
    width: 48%;
    margin-bottom: 15px;
    padding: 10px;
}
      .ItemIndextable1{float:left;}  
      .ItemIndextable2, .ItemIndextable3, .ItemIndextable4 {
    float: right;
} 
      @media all and (max-width:739px)
      {  
   
    
        .ItemIndextable {width:100% !important}
        .Content .ContentPage {
    padding: 15px 10px;
}
        .HideItem {
    float: left;
    width: 100%;
}
        .HideItemItemIndextable {
    float: left;
    width: 100%;
    border: 1px solid #000;
    margin-bottom: 10px;
   
}
        .HideTbody {
    float: left;
    width: 100%;
}
       .Hidetr {
    float: left;
    width: 100%;    height: 40px;
          border-bottom: 1px solid #000;
}
     .Hidetd {
    float: left;
}
        .Hidetr.HidetrBody div:nth-child(2) {
    width: 80%;
}
        .Hidetr.HidetrBody div:nth-child(1) {
    width: 20%;
}
        .Hidetr div
        {
        width: 10%;    border-left: 1px solid #000;
    height: 100%;
        }
        .Hidetr div:nth-child(1){
          border: 0px solid transparent;
          width: 20%;
        }
        .Hidetr div p{
        float: left;
    width: 100%;height: 100%;
    text-align: center;
    min-height: 2px;
        }
        .notr{display:none}
  .Hidetr div p      span {
    float: left;
    text-align: center;
    line-height: 40px;
    width: 100%;
}
        .noborderbottom {border-bottom:0px solid transparent}  
        .Hidetr.HidetrHieght {
    height: 80px;
}
             .HidetrHieght div:nth-child(1) p span{ line-height: 15px;}
        
        .HideItemItemIndextable3 .Hidetr div {
    width: 7.27%;
}
    .HideItemItemIndextable3    .Hidetr div:nth-child(1){width:20% !important}
      }
      .ContentPapeMobile{display:none}
 @media all and (max-width:580px){
       .ContentPapeMobile{display:block}  
        .ContentPageDesktop{display:none}
      }
       @media all and (max-width:500px)
          {
      
      .Hidetr div p span {
    font-size: 11px !important;
}
        
      }
      
        @media all and (max-width:338px)
       {
        .Hidetr div p span {
    font-size: 8px !important;
}
        .Hidetr.HidetrHieght {
    height: 40px;
}
       .logo {
    width: 120px !important;
}
        .fullwidth .ArticleIntroduction {
    font-family: 'Baskerville';
    font-size: 12px;
    line-height: 21px;
    /* color: #ffff; */
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
}
        .fullwidth .ArticleAuthor span {
    font-family: 'gillsansregular';
    font-size: 16px;
    line-height: 28px;
    height: 50px;
    overflow: hidden;
    /* color: #ffff; */
    text-align: center;
    width: 100%;
    margin-top: 0px;
    display: block;
    margin-bottom: 10px;
}
        
        
      }
 @media all and (max-width:1100px)
      {
              .fullwidth .ArticleIntroduction {
    font-size: 12px;
    line-height: 21px;
    /* color: #ffff; */
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
}
        .fullwidth .ArticleAuthor span {
    font-family: 'gillsansregular';
    font-size: 16px;
    line-height: 28px;
    height: 50px;
    overflow: hidden;
    /* color: #ffff; */
    text-align: center;
    width: 100%;
    margin-top: 0px;
    display: block;
    margin-bottom: 10px;
}
  
      }
  
    @media all and (max-width:450px)
      {  
    .newbannerAdenture .carousel-inner>.item a img {
    /* height: 260px; */
    /* object-fit: contain; */
}
    .ContentAutomn {/* display:block !important */}
    .topContentPage .ContentPage{height:auto}
  }

      span.aSpan1 {
    float: left;
    width: 100%;
    text-align: center;
}
      
      span.aSpan2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 11px;
}
  
  
    @media all and (max-width:1050px)
      { 
    
    .whatsappbanner h1{width:100% !important;font-size: 18px !important;}
    img.WhatsappgroupIcon {
    width: 32px;
    height: 32px;
}
   .WhatsappSpan {
    padding: 15px;
}
    .whatsappgroupitems {
    width: 100% !important;
      grid-template-columns: repeat(auto-fill,minmax(110px,1fr));
}
    a.whatsAppgroupItem{height: 254px;
    background-position: center;
    margin-left: -50px;}  
  }
  
  
       @media all and (max-width:800px)
      {
    a.whatsAppgroupItem
    {
    height: 254px;
    background-position: center;
    margin-left: -50px;
    }
  }
  
     @media all and (max-width:700px)
      {
    a.whatsAppgroupItem {
    height: 140px;}
    .InnerPopupModel {
    width: 80% !important;
}
    .popLogoholder .logo {
    width: 100% !important;
    background-size: 350px !important;
    background-position: center !important;
}
    
}
  
  
       @media all and (max-width:600px)
      {
    a.whatsAppgroupItem {
    height: 240px;
    background-size: 218px;}
}
   
  
    @media all and (max-width:500px)
      {
    a.whatsAppgroupItem {
    height: 220px !important;}
  .whatsappgroupitems {
    width: 100% !important;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr)) !important;}
    .InnerPopupModel{top:10px !important}
    .Blackfriday .InnerPopupModel {
    height: 320px !important;
    width: 90% !important;
    padding: 0 !important;
    top: 120px !important;
}
.Blackfriday .InnerPopupModel a {display: block;}
    .blackfridayPopup .closePop {
    cursor: pointer;
    float: right;
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 10px;
}
    
  }
  
    @media all and (max-width:400px)
 {
    a.whatsAppgroupItem {
      height: 220px !important;   /* background-position: center;*/ margin-left: 60px;}
    .whatsappgroupitems {
    width: 100% !important;
    grid-template-columns: repeat(auto-fill,minmax(115px,1fr)) !important;
}
   .popLogoholder .logo {
   
    background-size: 250px !important;
}
    
  }
  
   @media all and (max-width:300px)
      {
    a.whatsAppgroupItem 
    {
    height: 235px !important;
    }
    
    .whatsappgroupitems {grid-template-columns: repeat(auto-fill,minmax(100px,1fr)) !important;}
    .whatsappbanner{    background-size: 100% !important;padding: 30px !important;}
  }

  
      
/*=========================== SPRING HOMEPAGE REVAMP OCTOBER 2021 ===========*/
/*===========================================================================*/
.header-container {
  position:relative;
  z-index:10
}
.fullwidth {
  padding-top: 0
}
.spring2021 {
  background: #62bca9;
  overflow: auto;
}
.spring2021 .JqueryBanner {
  margin: 0 4%;
}
.springBG {
  clear: both;
  margin: 0 4%;
  background: rgb(187,190,52);
  background: linear-gradient(90deg, rgba(187,190,52,1) 0%, rgba(187,190,52,1) 12%, rgba(1,126,141,1) 12%, rgba(1,126,141,1) 26%, rgba(140,17,30,1) 16%, rgba(140,17,30,1) 40%, rgba(218,66,93,1) 40%, rgba(218,66,93,1) 55%, rgba(115,206,215,1) 48%, rgba(115,206,215,1) 75%, rgba(241,96,29,1) 64%, rgba(241,96,29,1) 95%, rgba(242,35,21,1) 90%, rgba(242,35,21,1) 100%);
}
@media all and (min-width:1024px) {
  .spring2021 .JqueryBanner,
  .springBG {
    margin: 0 7%;
  }
  .MiddleBanner,
  .Becomeareseller,
  .bottombanner {
    padding: 0 7%;
  }
}
  
  @media all and (max-width:440px) 
      {
  
  #RosellaFranchisee_homepageBanner {
    background-image: url('https://www.rosella.co.za/Images/Theme/Mobile Banner 4 Spring 2024.jpg') !important;
      display:block !important;
   
}
#RosellaRoyalty_homepageBanner {
    background-image: url('https://www.rosella.co.za/Images/Theme/Mobile Banner 3 Spring 2024.jpg') !important;

}
   #RosellaJoinMobile_homepageBanner, #RosellaFranchisee_homepageBanner,#RosellaRoyalty_homepageBanner{
         background-size: contain; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top /*center*/;
    height: 330px;
    }
    #RosellaJoinMobile_homepageBanner{
    display:block !important;
      background-image: url('https://www.rosella.co.za/Images/Theme/Mobile Banner 2 Spring 2024.jpg');
    }
    div#ctrl1007558_divBannerFade {
    display: none;
}
  #RosellaJoinMobile_homepageBanner a {
    font-size: 13px;
    padding: 10px 24px;
    /* display: none; */
    border: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
    
  }

  @media all and (max-width:350px) 
      {
    #RosellaJoinMobile_homepageBanner, #RosellaFranchisee_homepageBanner,#RosellaRoyalty_homepageBanner{
    height: 250px;
    }
    }