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



:root {
--body-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;
--h1-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;
--h2-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;
--description-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;
--bodytext-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;
--litext-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;

--default-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;


--sitecolor-1: #ed010f;



--default-font-color: #3d1a52;

--topmenu-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;


--topmenu-bg-color: #ffffff;
--topmenu-text-color-default: #000000;
--topmenu-text-color-hover: var(--sitecolor-1);
 

--footer-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;
--numlinkstomore-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;

--textbutton-color: #fff;
--textbutton-color-hover: #000;
--textbutton-bg-color: #b6cd02;
--textbutton-bg-color-hover: #34bde0;
--textbutton-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;


--textlink-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;
--textlink-color-default: #ed010f;
--textlink-color-hover: #1a1a1a;


--add-to-cart-button-bg-color: #ed010f;
--add-to-cart-button-bg-color-hover: #1a1a1a;


--incart-button-bg-color: #9ef574;
--incart-button-bg-color-hover: #dff574;

--nostock-button-bg-color: #ffffff;
--nostock-button-bg-color-hover: #ffffff;


--product-details-button-bg-color: #ed010f;
--product-details-button-bg-color-hover: #1a1a1a;

--back-button-color: #ffffff;
--back-button-bg-color: #b6cd02;
--back-button-bg-color-hover: #34bde0;

--article-linklist-title-text-color-default: #ed010f;
--article-linklist-title-text-color-hover: #1a1a1a;

--footer-bg-color: #34bde0; /*#b6cd02;  */
--footer-font-color-default: #ffffff;
--footer-font-color-hover: #b6cd02;

--searchfield-bg-color: #fce1dc;
--searchfield-button-bg-color: #8974f5;
--searchfield-button-bg-color-hover: #4f30f0;
/*
--product-details-button-bg-color: #97b7e0; 
--product-details-button-bg-color-hover: #cdcdcd;
*/
--add-to-cart-button-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;

--footer-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;

--product-attribute-selection-button-color-default: #ffffff;
--product-attribute-selection-button-color-hover: #ffffff;
--product-attribute-selection-button-color-current: #ffffff;

--product-attribute-selection-button-bg-color-default: #ed010f;
--product-attribute-selection-button-bg-color-hover: #ababab;
--product-attribute-selection-button-bg-color-current: #1a1a1a;

--product-panel-border-default: 1px solid #f2f2f2;
--product-panel-border-hover: 1px solid #ed010f;

--shownumlinkstomore-color-default: #ed010f;
--shownumlinkstomore-color-hover: #ababab;
--shownumlinkstomore-color-current: #ababab;



--cart-qty-container-bg-color-default: #6a7177;
--cart-qty-container-bg-color-hover: #ababab;

--cart-qty-container-color-default: #ffffff;
--cart-qty-container-color-hover: #ffffff;

--cart-qtyfield-color-default: #000000;
--cart-qtyfield-bg-color-default: #fefefe;

--cart-textbutton-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;
--cart-textbutton-bg-color-default:#ed010f;
--cart-textbutton-bg-color-hover:#ababab;

/* //#THEPRINTHEADSTORE* */
--cart-summarybutton-bg-color:#1a1a1a;
--cart-summarybutton-bg-color-hover:#6a6a6a;

--form-label-font-family: 'Red Hat Text',Arial, Helvetica, sans-serif;
--form-label-color: #c8187e;


/* //#UBA* */
--faq-question-color-default: #ed010f;
--faq-question-color-hover: #1a1a1a;
--faq-answer-color-default: #1a1a1a;


}


html {
    font-size: 62.5%; 	   /* Stop Wasting Time with Rem Units | Use This CSS Trick Instead https://www.youtube.com/watch?v=ajjIo7C1ylI	*/ 
}

body {
    margin:0;
    padding:0;
    font-size: 1.6rem;	/* Stop Wasting Time with Rem Units | Use This CSS Trick Instead https://www.youtube.com/watch?v=ajjIo7C1ylI	*/
    font-family: var(--body-font-family);
}

*, *::before, *::after {

    box-sizing: border-box;
}

a {
 text-decoration:none;    
}



/*
body {
min-width:320px;	
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin:0px;
width:100%;
background-color: #ffffff;
text-align: center;
font-family: var(--body-font-family);
font-size:62.5%;
}  
*/


#pagecontainer{
position:relative;
width:100%;
height:auto;
margin:0 auto;
margin-top:0px;
background-color: none;
min-width:320px;
}



.pagesectionoutercontainer{
position:relative;
clear:both;
width:100%;	
height:auto;
background-color:none;
}

.pagesectioninnercontainer{
position:relative;
width:70%;	
height:auto;
/*max-width:1200px;*/
margin:0 auto;
}



:target {
  display: block;
  position: relative;
  top: -100px; 
  /*top: -120px;*/ /* USED WHEN PAGE TOP STRIP IS USED*/ 
  visibility: hidden;
}









.shadow {
	-webkit-box-shadow: 0 8px 8px -5px black;
	   -moz-box-shadow: 0 8px 8px -5px black;
        box-shadow: 0 8px 8px -5px black;	
}


.cssbuttonbg {
background-color:#c91318;
border-radius: .5em;
border:1px solid #ffffff;	
}

.cssbuttonbg:hover {
color:#000000;
border-color:#000000;	
}

.cdiv {
clear:both;	
}

.borderline {
border-bottom: 1px solid #000000;	
}

body h1{
position:relative;
width:100%;
font-family: var(--h1-font-family);
font-size:30px;
margin-top:0;
/*
padding-top:0.5em;
padding-bottom:0.5em;
*/
text-transform:uppercase;
color:#000000;
text-align:left;
}


h2 {
position:relative;
margin-top:0.5em;
font-family:  var(--h2-font-family);
font-size:26px;
color:#000000;
text-align:left;	
}

.pagedescription{
position:relative;
margin-top:0.5em;
font-family:  var(--description-font-family);
font-size:2rem;
color: var(--default-font-color);
text-align:left;	
}

/*
body.contact h2 {
text-align:justify;	
}
*/

p {
position:relative;
font-family:  var(--bodytext-font-family);
font-size:2rem;
color: var(--default-font-color);
text-align:left;	
}

li {
position:relative;
font-family:  var(--bodytext-font-family);
font-size:2rem;
color: var(--default-font-color);
text-align:left;
}

.bodytext, .bodytext p, .bodytext div {
position:relative;
font-family:  var(--bodytext-font-family);
font-size:2rem;
color: var(--default-font-color);
text-align:left;	
}

body.retailers .bodytext, .bodytext p, .bodytext div {
text-align:left;		
}


/*
@media only screen and (max-width : 600px) {
	
body h1{
text-align:center;	
}

h2 {
text-align:center;
}
	
.pagedescription{
text-align:center;		
}

p {
text-align:center;		
}

.bodytext, .bodytext p, .bodytext div {
text-align:center;	
}
		
}
*/



.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}

.grecaptcha-badge:hover {
width: 256px !important;
}



/*header*/



#headersection, #headersection.pagesectionoutercontainer{
position: -webkit-sticky; /* Safari */	
position:sticky;
left:0;
top:0;
background-color:#ffffff;	
border-bottom:thin solid #ed010f;
z-index:9999;
}

#headersection.pagesectionoutercontainer .pagesectioninnercontainer{
display: block; 	
width:70%;
}


#pageheaderoutercontainer{
position:relative;
width:100%;
height:auto;
background-color:none;	
z-index:1000;
}

#pageheaderinnercontainer{
position:relative;
display:block;
width:100%;
height:auto;
padding-top:0;
padding-bottom:0px;
background-color:none;
z-index:1000;
}



#pageheaderlogocontainer{
position:relative;
float:left;
width:300px;	
/*margin-top:10px;*/
margin-top:4px;
margin-bottom:4px;
}


@media only screen and (max-width : 600px) {
#pageheaderlogocontainer{
width:150px !important;
}

#mobiledeviceheaderbuttonscontainer {
	margin:8px auto 0 auto !important;	
}

}

#pageheaderlogocontainer img {
position:relative;
width:100%;	
margin:0 auto;
}


#mobiledeviceheaderbuttonscontainer {
	position:relative;
	/*display:none;*/
	float:right;
	width:25%;
	margin:18px auto 0 auto;
	/*padding-top:8px;*/
	/*background-color:#cccccc;*/
}


#pageheadercontactnumberoutercontainer{
position:relative;
float:right;
width:100%;	
}


#pageheadercontactnumbercontainer{
position:relative;
float:right;
width:15%;	
margin-top:20px;
}

#pageheadercontactnumbercontainer img {
position:relative;
width:100%;
margin:0 auto;	
}

#autodialhint{
display:none;
}


#barcodeclock {
position:relative;	
float:right;
margin-top:6px;
margin-bottom:0px;
margin-right:0;
}

@media only screen and (max-width : 1374px) {
#barcodeclock {
display:none;	
}
}

/* end header */





/* Moved here from cart_stylesheet.css in May 2021 Salon Source because this will need to be in initial header_stylesheet as is used at very top of page */
#pageheadericoncontainer {

}


#pageheadericoncontainer .iconimagecontainer{
float:right;
width:16px;
margin-top:7px;
margin-right:6px;	
}

#pageheadericoncontainer .iconimagecontainer img{
width:100%;	
}

#pageheadericoncontainer .iconimagecontainer:hover img{

}

#pageheadericoncontainer .textcontainer{
float:right;
margin-top:5px;
margin-right:6px;
}

#pageheadericoncontainer .textcontainer span{
color:#f58a74;	
}

#pageheadericoncontainer .textcontainer a{
font-size:14px;	
text-decoration: none;
}

#pageheadericoncontainer .textcontainer a:link {color:var(--textlink-color-default);} 
#pageheadericoncontainer .textcontainer a:visited {color:var(--textlink-color-default);} 
#pageheadericoncontainer .textcontainer a:active {color:var(--textlink-color-default);} 
#pageheadericoncontainer .textcontainer a:hover {color:var(--textlink-color-hover);} 



@media only screen and (max-width:1200px) {
#pageheadericoncontainer {
display:none;	
}
}







#cartsummarycontainer{
position:relative;
clear:both;	
width:100%;
height:auto;
margin-top:20px;
margin-bottom:40px;
font-family: var(--add-to-cart-button-font-family);
font-size:8pt;
font-weight:bold;
color:#006647;
background-color:#cccccc;
}


#cartsummarycontainer div.heading{
width:100%;
text-align:left;
font-family:  var(--add-to-cart-button-font-family);
font-size: 10pt;
font-weight:bold;
color: #444444;
text-indent:4px;
margin-bottom:10px;
text-decoration:none;
text-align:center;
text-transform:uppercase;
line-height:30px;
background-color:#d7d8db;
/*border-bottom:1px solid #cccccc;*/
cursor:default;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

/*
#cartsummarycontainer div {
float:left;
width:100%;
}

#cartsummarycontainer div div{
float:right;
width:50%;
text-align:right;	
}
*/


#cartsummarystripcontainer{
position:relative;
float:right;
width:80%;	
height:auto;
font-family:  var(--add-to-cart-button-font-family);
font-size:11px;
/*font-size:14px;  //#THEPRINTHEADSTORE* */
/*line-height:26px;  //#THEPRINTHEADSTORE* */
font-weight:bold;
color:#ffffff;

/*
line-height:37px;
padding:8px;
*/
/*
padding-bottom:5px;
margin-bottom:10px;
*/
/*
border:1px solid #f2b648;
border-radius:10px;
*/
cursor:default;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

#cartsummarystripcontainer a {
text-decoration:none;	
}

#cartsummarystripcontainer a:link {color:#ffffff;} 
#cartsummarystripcontainer a:visited {color:#ffffff;} 
#cartsummarystripcontainer a:active {color:#ffffff;} 
#cartsummarystripcontainer a:hover {color:#ffffff;} 

.cartsummarybutton {
width:48%;
float:left;
min-width:80px;
text-align:center;
cursor:pointer;
cursor:hand;
/*
margin-top:8px;	
*/
color:#ffffff;
font-family:  var(--add-to-cart-button-font-family);
/*background-color:var(--add-to-cart-button-bg-color);*/

/* //#THEPRINTHEADSTORE* */
background-color:var(--cart-summarybutton-bg-color);	
	
/*border-radius:0.35em;*/
border-radius:5px;
padding-top:2px;
padding-bottom:2px;
/*border-bottom:#bbbbbb 1px solid;*/
}



.cartsummarybutton:hover {
color:#ffffff;
/*background-color:var(--add-to-cart-button-bg-color-hover);	*/

/* //#THEPRINTHEADSTORE* */
background-color:var(--cart-summarybutton-bg-color-hover);	
}

#cartsummarystripcontainer .checkout {
/*background-color:var(--add-to-cart-button-bg-color);*/

/* //#THEPRINTHEADSTORE* */
background-color:var(--cart-summarybutton-bg-color);	
}

#cartsummarystripcontainer .checkout:hover {
/*background-color:var(--add-to-cart-button-bg-color-hover);*/	

/* //#THEPRINTHEADSTORE* */
background-color:var(--cart-summarybutton-bg-color-hover);
}


@media only screen and (max-width : 600px) {
	#cartsummarystripcontainer {
	width:75%;
	font-size:18px;
	}

}










/* end */



/* topmenu */

#topmenusection.pagesectionoutercontainer{
background-color:var(--topmenu-bg-color);	
}



#topmenucontainer{
position:relative;
width:70%;
/*margin:0 auto;*/
float:right;
display:block;
/*min-height:30px;*/
/*background-color:#cccccc;*/
background-image:none;
/*border-top:1px solid #ffffff;*/
z-index:3000;
/*padding-top:25px;*/
/*
margin-left:20%;*/
/*margin-top:4.5%;*/
margin-top:6em;
}


#topmenupanel {
position:relative;
float:left;
/*width:80%;*/      /* Disabled to disable responsive */
width:100%;
/*width:100%;*/
height:auto;
/*margin-bottom:2px;*/
/*background-color:#cc00dd;*/
}

#topmenupanel ul  {
position:relative;
width:100%;
height:auto;
list-style: none;
float:right;
margin:0;
padding:0;
font-size:1.2em;
}

#topmenupanel ul li{
position:relative;
display:block;
/*width:14.2%;*/
float:left;
text-indent:30px;
font-family:  var(--topmenu-font-family);
font-size:15px;
font-weight:bold;
/*padding-left:20px;*/
text-align:center;
color: #ffffff;
text-decoration:none;
text-transform:uppercase;
cursor:default;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   margin-left:0px;
   margin-right:0px;
 margin-top:1px;
margin-bottom:1px;  
overflow:hidden;
}

/*
@media only screen and (max-width : 1780px) {
	#topmenupanel ul li{
		padding-left:10px;
	}

}

@media only screen and (max-width : 1680px) {
	#topmenupanel ul li{
		padding-left:10px;
	}

}

@media only screen and (max-width : 1490px) {
	#topmenupanel ul li{
		padding-left:10px;
	}

}
*/

@media only screen and (max-width : 1300px) {
	#topmenupanel ul li{
		text-indent:20px;
	}

}


/*
#topmenupanel ul li:hover > #menudropdownpanel{
display:block;
}
*/

/*
#topmenupanel ul li:hover ul { display: block; }
*/

#topmenupanel ul li a {
display:block;
width:100%;
height:100%;
cursor:pointer;
cursor:hand;
text-decoration:none;
}


#topmenupanel ul li span {
display:;
/*border-right:1px solid #666666;*/
}


#topmenupanel ul:first-child  {
/*
display:block;	
border-left:1px solid none;
*/
/*padding-left:4%;*/
}



#topmenupanel ul:last-child span {
/*display:block;	*/
/*border-right:1px solid #f1f1f1;*/
}


#topmenupanel ul li a:link {color:var(--topmenu-text-color-default);} 
#topmenupanel ul li a:visited {color:var(--topmenu-text-color-default);} 
#topmenupanel ul li a:active {color:var(--topmenu-text-color-default);} 
#topmenupanel ul li a:hover {color:var(--topmenu-text-color-hover);} 

#topmenupanel ul li ul {
display:none;
}





#showtopmenubutton {
position:relative;
float:left;
}


/* end topmenu */








/* drop down menu */


#menudropdownsectioncontentplaceholder {
position:absolute;
width:100%;	
margin:0 auto;
background-color:#6a7177;
/*border-bottom:thin solid #c8187e;*/
z-index:20000;
}

#menudropdownsectioncontentplaceholderinnercontainer {
position:relative;
width:70%;	
margin:0 auto;
}

#menudropdownsection.pagesectionoutercontainer {
position:relative;
width:100%;
background-color:#dddddd;
}

#menudropdownsection.pagesectionoutercontainer .pagesectioninnercontainer{
width:100%;
}

/*
#menudropdowncontentoutercontainer {
position:relative;
width:70%;	
}
*/

#menudropdowncontentcontainer {
width:96%;
margin:0 auto;
background-color:#666666;	
}

#menudropdownsection ul  {
position:relative;	
width:100%;
float:left;
padding:4px 0;
margin:0;
list-style:none;
}



#menudropdownsection ul#skincare_menuitemdropdownpanel li {
width: 16.66666666666667%;
}

#menudropdownsection ul#skincare_menuitemdropdownpanel li ul{
width: 100%;
}

#menudropdownsection ul#skincare_menuitemdropdownpanel li ul li{
width: 100%;
}


#menudropdownsection ul#search_menuitemdropdownpanel li {
float:left;
width: 100%;
}

#menudropdownsection ul#search_menuitemdropdownpanel li ul{
width: 20%;
}

#menudropdownsection ul#search_menuitemdropdownpanel li ul li{
width: 100%;
}



#menudropdownsection ul#desktop-printers_menuitemdropdownpanel li {
width: 12.5%;
}

#menudropdownsection ul#desktop-printers_menuitemdropdownpanel li ul{
width: 100%;
}

#menudropdownsection ul#desktop-printers_menuitemdropdownpanel li ul li{
width: 100%;
}


#menudropdownsection ul#industrial-printers_menuitemdropdownpanel li {
width: 12.5%;
}

#menudropdownsection ul#industrial-printers_menuitemdropdownpanel li ul{
width: 100%;
}

#menudropdownsection ul#industrial-printers_menuitemdropdownpanel li ul li{
width: 100%;
}


/*
#menudropdownsection ul#brands_menuitemdropdownpanel li {
width: 100%;
}
*/




#menudropdownsection ul li {
float:left;
width:100%;
color:#ffffff;
}







#menudropdownsection ul li ul{
float:left;	
width:100%;	
margin-bottom:20px;
}

#menudropdownsection ul li ul li {
float:left;
width:100%;	
font-size:14px;
font-weight:normal;
color:#eeeeee;
text-transform:uppercase;
}

#menudropdownsection ul li ul li a{
text-decoration:none;	
}



#menudropdownsection a:link {color:#ffffff;} 
#menudropdownsection a:visited {color:#ffffff;} 
#menudropdownsection a:active {color:#ffffff;} 
#menudropdownsection a:hover {color:#cdcdcd;} 









#menudropdowncontentcontainer {
width:96%;
margin:0 auto;
background-color:#666666;	
}

#menudropdownsection ul  {
position:relative;	
width:100%;
float:left;
padding:4px 0;
margin:0;
list-style:none;
}

#menudropdownsection ul#products_menuitemdropdownpanel li {
/*width: 16.6666667%;*/
/*width:14.28571428571429%;*/
/*width:12.5%;*/
width: 11.11111111111111%;
}

#menudropdownsection ul#skincare_menuitemdropdownpanel li {
width: 16.66666666666667%;
}

#menudropdownsection ul#skincare_menuitemdropdownpanel li ul{
width: 100%;
}

#menudropdownsection ul#skincare_menuitemdropdownpanel li ul li{
width: 100%;
}


#menudropdownsection ul#search_menuitemdropdownpanel li {
float:left;
width: 100%;
}

#menudropdownsection ul#search_menuitemdropdownpanel li ul{
width: 20%;
}

#menudropdownsection ul#search_menuitemdropdownpanel li ul li{
width: 100%;
}


/*
#menudropdownsection ul#brands_menuitemdropdownpanel li {
width: 100%;
}
*/




#menudropdownsection ul li {
float:left;
width:100%;
color:#ffffff;
}


#menudropdownsection ul li a{
text-decoration:none;
}

#menudropdownsection ul#products_menuitemdropdownpanel li .oc {
position:relative;	
display:block;	
width:96%;
height:auto;
margin:0 auto;
padding:0;
/*padding:10px 0;	*/
}

#menudropdownsection ul#products_menuitemdropdownpanel li .oc .ic {
position:relative;	
display:block;		
width:100%;	
height:auto;
margin:0 auto;	
padding:0;
}

#menudropdownsection ul#products_menuitemdropdownpanel li .oc .ic .imagecontainer{
position:relative;	
display:block;		
width:100%;	
height:auto;
/*border:1px solid #ffffff;	*/
}



#menudropdownsection ul li .imagecontainer {
position:relative;	
display:block;		
width:96%;
height:auto;
margin:0 auto;	
overflow:hidden;
overflow-y:hidden;

}


#menudropdownsection ul li .imagecontainer img{
	width:100%;
	transform: scale(1,1);
	    -webkit-transition: all .3s ease;  
}

#menudropdownsection ul li:hover .imagecontainer img{
	width:100%;	
	transform: scale(1.15,1.15);
	    -webkit-transition: all .3s ease;  
}

#menudropdownsection ul#products_menuitemdropdownpanel li .oc .ic {
text-align:center;
text-transform: uppercase;	
font-size:10px;
}





#menudropdownsection ul li ul{
	float:left;	
width:100%;	
/*background-color:#0000ff;	*/
margin-bottom:20px;
}

#menudropdownsection ul li ul li {
	float:left;
width:100%;	
/*background-color:#00ff00;*/
font-size:10px;
font-weight:normal;
color:#444444;
text-transform:uppercase;
/*border:1px #000000 solid;*/
}

#menudropdownsection ul li ul li a{
text-decoration:none;	
}



#menudropdownsection a:link {color:#ffffff;} 
#menudropdownsection a:visited {color:#ffffff;} 
#menudropdownsection a:active {color:#ffffff;} 
#menudropdownsection a:hover {color:#cdcdcd;} 

/*
#topmenupanel ul li ul {
position:relative;
width:100vw;
height:200px;
list-style: none;
float:left;
padding:0;
margin:0;
left: 50%;
    right:50%;
    margin-left: -50vw;
    margin-right: -50vw;
font-size:1.2em;
background-color:#cccccc;
display:none;
}


#topmenupanel ul li ul li {
width:100%;	
}
*/







/* start of page subheader css */
#pagesubheader.pagesectionoutercontainer{
color:#f1f1f1;
height:40px;
background-color:#ed010f;
padding:0;
margin:0;
}

#pagesubheader.pagesectionoutercontainer .pagesectioninnercontainer {
padding:4px 0 0 0;	
}


#pagesubheader #cartandwishlistbuttonscontainer {
float:right;	
width:25%;	
}


#pagesubheader #wishlisticoncontainer {
float:right;
width:25px;
margin-top:0px;
margin-right:6px;	
}





#textsearchfieldcontainer {
position:relative;
float:right;
width:25%;
border:none;
display:none;
}

#textsearchfield {
position:relative;
width:80%;
float:left;	
border-radius:5px 0px 0px 5px;
text-indent:4px;
line-height:25px;
height:25px;
background-color: var(--searchfield-bg-color);
color:#666666;
border:none;
}

#textsearchbuttoncontainer {
position:relative;
float:left;
width:28px;	
height:28px;
background-color: var(--searchfield-button-bg-color);
border-radius:0px 5px 5px 0px;
/*border:solid 1px #cdcdcd;*/
}

#textsearchbutton {
position:relative;
width:100%;
line-height:20px;
text-align:center;
font-family:   var(--textbutton-font-family);
font-size: 9pt;
font-weight:bold;
color: #fff500;
text-decoration:none;

cursor:default;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   text-transform:uppercase;
    border:none;
   border-radius:5px;
   
   background-color: var(--searchfield-button-bg-color);

}

#textsearchbutton:hover {
color: #ffffff;	
cursor:pointer;
cursor:hand;
}


#textsearchbuttoncontainer:hover {
background-color:var(--searchfield-button-bg-color-hover);	
cursor:pointer;
}

#textsearchbuttoncontainer img{
width:60%;
margin:4px auto;	
}


#freedeliverytext {
float:left;	
width:70%;
font-size: 14px;
text-align:center;
margin-top:4px;
color:#ffffff;
background-color:none;
}

body.cart #freedeliverytext {
	display:none;
}

/*
@media only screen and (max-width : 1200px) {
#freedeliverytext {
font-size: 12px;
margin-top:0px;
}
}
*/


/*
@media only screen and (max-width : 800px) {
	#pagesubheader #cartandwishlistbuttonscontainer, #pagesubheader #textsearchfieldcontainer, #pagesubheader #freedeliverytext {
	width:33.333333333%;
	}
}
*/


.percentageblockcontainer {
position:relative;
float:left;
width:25%;	
}

.percentageblockcontainer img{
position:relative;
width:50%;
min-width:100px;
margin:0 auto;	
}

@media only screen and (max-width : 600px) {
.percentageblockcontainer {	
width:50%;	
}
.percentageblockcontainer img{
width:70%;	
}
}


@media only screen and (max-width : 1200px) {
#pagesubheader #cartandwishlistbuttonscontainer {
float:right;	
width:40%;	
}

#pagesubheader #freedeliverytext {
float:right;	
width:60%;	
}
}



@media only screen and (max-width : 680px) {
	#freedeliverytext {
	 font-size: 12px;
	}
}


@media only screen and (max-width : 600px) {
	#pagesubheader #cartandwishlistbuttonscontainer, #pagesubheader #textsearchfieldcontainer {
	width:50%;
	}
}

@media only screen and (max-width : 600px) {
	#sidenav #textsearchfieldcontainer {
		display:none;
		clear:both;
	width:80%;
	margin:10px 2%;

	}
	
	#sidenav #textsearchfield {
	background-color:none;
	border-radius:5px 5px 5px 5px;
	height:30px;
	line-height:30px;	
	font-size:24px;
	}
	
	#sidenav #textsearchbuttoncontainer {
	width:36px;	
	height:36px;	
	background-color:#6a7177;	
	}
	
	#sidenav #textsearchbuttoncontainer:hover {
	background-color:#6a7177;	
	}

	#sidenav #textsearchbutton {
	background-color:#6a7177;	
	}
	
	#sidenav #textsearchbutton:hover {
	background-color:#6a7177;	
	}
	
	#sidenav #freedeliverytext {
	width:90%;
	margin:10px 5%;
	font-size:18px;	
	}
	
	#sidenav #cartsummarystripcontainer {
	clear:both;	
	width:80%;
	margin: 10px 10%;		
	}
	
	#sidenav #cartsummarybutton {
	font-size: 18px;		
	}
	
	
	
	
}







#pagegraphicsection.pagesectionoutercontainer{
	display:block;
color:#f1f1f1;
background-color:var(--topmenu-bg-color);
}


#pagegraphicsection .pagesectioninnercontainer{
width:100%;
}

/*
body.makepage #pagegraphicsection .pagesectioninnercontainer, body.makes #pagegraphicsection .pagesectioninnercontainer{
width:70%;
padding:10px 0 8px 0;
}
*/


#pagegraphicoutercontainer{
display:block;	
position:relative;
clear:both;
width:100%;
margin:0px auto;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
}

#pagegraphiccontainer{
position:relative;
clear:both;
width:100%;
margin:0 0 0 0;
background-color:none;
padding-bottom:0px;
}

#pagegraphicimagecontainer {
position:relative;
float:left;
width:100%;
}

#pagegraphicimagecontainer img{
position:relative;
float:left;
width:100%;	
max-width:100%;
}

#slideroutercontainer {
position:relative;
width:100%;
overflow:hidden;
}

#sliderplaceholderimagecontainer {
position:relative;
width:100%;
overflow:hidden;	
}

#sliderplaceholderimagecontainer img{
position:relative;
width:100%;
}

#freeshippingstripimage {
float:left;
width:46%;
margin-top:8px;	
}










#topcontactformsection.pagesectionoutercontainer {
background-color:#f1f1f1;
}


#topcontactformsection.pagesectionoutercontainer .pagesectioninnercontainer{
width:100%;
max-width:none;
}

@media only screen and (max-width : 1210px) {
	#pageheaderlogocontainer{
		width:180px;
	}
	
	#topmenucontainer{
		margin-top:5em;	
	}
	
	#topmenupanel ul li{
	padding-left:10px;
	}
}


@media only screen and (max-width : 1680px) {
.pagesectioninnercontainer{
width:90%;	
}

#headersection.pagesectionoutercontainer .pagesectioninnercontainer{
width:96%;	
}

#menudropdownsection.pagesectionoutercontainer .pagesectioninnercontainer{
width:100%;
}

#menudropdownsectioncontentplaceholderinnercontainer {
width:96%;	
}


@media only screen and (max-width : 1200px) {
#mobiledeviceheaderbuttonscontainer {
display:block;	
}	
	
#showtopmenubutton {
display:block;
}

#topmenupanel{
display:none;	
}

}

@media only screen and (max-width : 600px) {
/*	
#headerplaceholdersection.pagesectionoutercontainer{
padding:11.75% 0 0 0;	
}		
*/	

.hidetextformobile {
display:none;	
}

#pagecontainer{	
width:100%;
}

h1 {
text-align:center;	
}

h2 {
text-align:center;	
}

#pageheadercontainer{
padding-top:4px;	
padding-bottom:4px;	
}

/*
body.index #pageheaderlogocontainer, #pageheaderlogocontainer {
width:40%;
margin-left:0%;	
margin-right:2%;
margin-top:12px;
margin-bottom:0;	
}
*/

/*
#pageheaderlogocontainer{
width:38%;
margin-left:1%;	
margin-right:1%;
margin-top:2px;
margin-bottom:0;	
}	
*/
	

	



body.index #pageheadercontactnumberoutercontainer{
clear:both;	
width:100%;
}



#pageheadercontactnumberoutercontainer{
float:right;
width:60%;
}


#pageheadercontactnumbercontainer{
position:relative;
clear:both;
display:none;
width:60%;	
margin-left:20%;
margin-right:20%;
margin-top:0px;
margin-bottom:10px;
/* margin:10px auto 10px auto; */
}



#autodialhint{
display:block;
}

#mobiledeviceheaderbuttonscontainer {
display:block;	
}

#showtopmenubutton {
display:block;
}

/*
body.index #showtopmenubutton {
display:none;	
}
*/

#topmenucontainer{
position:relative;
float:left;
width:100%;	
padding-top:0px;
padding-left:0;
margin-left:0;
margin:0;
}

#topmenupanel ul{
padding: 4px 0 4px 0;	
}

#topmenupanel ul li{
	float:left;
width:50%;	
/*background-color:#ff0000;*/
margin-top:1px;
margin-bottom:3px;
font-size:16px;
line-height:30px;
padding-left:0;
padding-right:0;
text-align:center;
}

#topmenupanel ul li span {
display:block;
width:96%;
margin:0 auto;
color:#ffffff;
/*background-color: var(--textbutton-bg-color);*/
/*border-right:1px solid #1f1f1f;*/
}

#topmenupanel ul li span:hover {
/*background-color: var(--textbutton-bg-color-hover);*/
}

#topmenupanel ul li span span#vcmenutab {
display:inline;
width:auto;
}

#topmenupanel ul li a:link {color:#ffffff;} 
#topmenupanel ul li a:visited {color:#ffffff;} 
#topmenupanel ul li a:active {color:#ffffff;} 
#topmenupanel ul li a:hover {color:#ffffff;} 


#topmenupanel ul:last-child span {
/*border-right:1px solid #1f1f1f;*/
}

#topmenupanel{
display:none;	
}

body.index #topmenupanel{
display:none;	
}

h1 {
text-align:center;	
}


#pagesubheader {
display:none;	
}




/*
#textsearchfieldcontainer {
width:50%;
width:auto;	
}
*/

#indexpagelogomatrix.pagesectionoutercontainer{
margin-top:0;
margin-bottom:0;	
}


.panellinks {
width:100%;	
}

.categoryimagelinks {
width:100%;	
margin-bottom:2px;
}

.categorypanellinks {
width:100%;	
margin-bottom:2px;
}


img.footerbrandimage{
width:20%;
margin-left:2%;	
margin-right:2%;
}

#catsectiontilecontainer ul li{
width:98%;	
margin:4px 1%;

}

.catsectionvideoinsert{
position:relative;
width:98%;	
}

.generalcontentlist ul li img.catsectionimage{
position:relative;
float:left;
/*margin-right:20px;	*/
margin-bottom:15px;
/*border-radius:0.5em;*/
/*width:35%;*/
width:100%;
margin-left:0;	
margin-right:0;
}



.pagefooterimagelinkcontainer {
float:left;
width:98%;
margin:0 auto;	
}



.pagefooterimagelink {
width:100%;	
}

.footernavpanel {
width:50%;	
margin-left:0;
}

.footernavpanellinks ul{
width:100%;	
}

.footernavpanellinks ul li{
position:relative;
float:left;
width:100%;
text-align:left;
font-size:20px;	
line-height:34px;
padding:0;
margin:0;
}

.footerstoredetailspanel {
width:96%;
margin-left:2%;
margin-top:0;
margin-bottom:10px;	
font-family: var(--footer-font-family);
}

h2 {
font-size:18px;
}

p {
font-size:18px;
}

.bodytext div {
font-size:18px;
}

.bodytext li {
font-size:18px;
}

.articlelinklist ul li {
font-size:18px;	
}

.generalcontentlist ul li {
font-size:16px;	
}

.generalcontentlist ul li span{
font-size: 16px;
font-weight: bold;
}


.generalcontentlist ul li a {
font-size: 18px;
}

body.productpage #thumbs {
display:none;	
}

body.productpage .tilelist .finishlinklist_responsive ul li .innercontainer div.finishimagecontainer img{
display:none;	
}

body.gallery #thumbs {
display:none;	
}

#pageinsertcontentcontainer .rightcontainer {
width:100%;	
}

#pageinsertcontentcontainer .rightcontainer .rightcontent{
width:98%;
margin:0 auto;
}


#pageinsertcontentcontainer .leftcontainer {
width:100%;	
}

.sy-pager li {
  margin-right: 0.1em;
}

/*
h2 {
font-size:1.5em;	
}

p {
font-size:1.5em;	
}
*/

li {
font-size:1.5em;	
}

td {
font-size:10px;	
}

.sectionsiblingslinkscontainer ul li {
	clear:both;
	width:200px;
	font-size:16px;
margin-left:auto;
margin-right:auto;	
}

#maincontentcontainer {
width:100%;	
}

}












/* THIS CSS BELOW MOVED IN JAN 2023 IN UBA TO RELOCATE MUCH OF THE CSS THAT HAD BEEN ACCUMULATING IN THE PAGETEMPLATE AND OTHER PAGES */



/* CSS FOR LAYOUT OF CAT SECTIONS IN include_showcatsection */
#catsectionlayoutcontainer{
position:relative;
width:100%;	
height:auto;
}


#catsectionlayoutcontainer h1{
	display:block;
text-align:left;	
width:auto;	
}

#catsectionlayoutcontainer h2{
text-align:justify;
}




#catsectionlayoutcontainer img{
position:relative;
border:none;
}

#catsectionlayoutcontainer img.index_image{
border:none;	
}

#catsectionlayoutcontainer.catsectionlayoutstyle_2 img {
float:right;
width:25%;
margin-left:20px;
margin-bottom:10px;	
}

#catsectionlayoutcontainer.catsectionlayoutstyle_3 img {
float:left;
width:25%;
margin-right:20px;
margin-bottom:10px;	
}



#catsectionlayoutcontainer.catsectionlayoutstyle_4 img {
float:right;
width:40%;
margin-left:20px;
margin-bottom:10px;	
}

#catsectionlayoutcontainer.catsectionlayoutstyle_5 img {
float:left;
width:40%;
margin-right:20px;
margin-bottom:10px;	
}



@media only screen and (max-width : 600px) {
	
#catsectionlayoutcontainer h1{
text-align:left;	
width:100%;
text-align:center;	
}	
	
#catsectionlayoutcontainer.catsectionlayoutstyle_2 img {
float:left;
width:98%;
margin-left:1%;
margin-right:1%;
margin-bottom:10px;	
}

#catsectionlayoutcontainer.catsectionlayoutstyle_3 img {
float:left;
width:98%;
margin-left:1%;
margin-right:1%;
margin-bottom:10px;	
}



#catsectionlayoutcontainer.catsectionlayoutstyle_4 img {
float:left;
width:98%;
margin-left:1%;
margin-right:1%;
margin-bottom:10px;	
}

#catsectionlayoutcontainer.catsectionlayoutstyle_5 img {
float:left;
width:98%;
margin-left:1%;
margin-right:1%;
margin-bottom:10px;	
}
	
	
	

/* ADDED 9 FEB 2018 in SVMAG */
/*REQUIRES CLEANING OF UNESSARY CODE DUE TO BEING REDUCED TO A BUTTON */

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

.catsectionbuttoncontainer ul{
position:relative;
display:block;
float:left;
list-style: none;
width:100%;
height:auto;
margin:0 auto;
padding:0;	
}

.catsectionbuttoncontainer ul li{
position:relative;
float:left;	
display:block;	
font-family:  Arial, Helvetica, sans-serif;
font-size: 20px;
text-transform: none;
color: #ffffff;
/*width:31%;*/
width:25%;
margin:0px 0;


/*padding:75% 0 0 0;*/

}

.catsectionbuttoncontainer ul li .boxheading{
display:none;	
}

.catsectionbuttoncontainer ul li .innerpanel{
position:relative;
width:94%;
margin:0 auto;	
padding:0 0 0 0;
}



.catsectionbuttoncontainer ul li .innerpanel div.imagepanel{

position:relative;
width:100%;	
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;

}

.catsectionbuttoncontainer ul li .innerpanel div.imagepanel img{
width:100%;	
}

.catsectionbuttoncontainer ul li .innerpanel div.button{
position:relative;
float:left;
display:block;	
width:100%;
height:auto;
font-size: 12px;
overflow:hidden;
background-color:#ed1c24;
text-transform:uppercase;	
text-align:center;
margin-top:3%;
padding-top:3%;	
padding-bottom:3%;
}

.catsectionbuttoncontainer ul li.currentlyselected .innerpanel div.button{
background-color:#000000;	
color:#ffffff;
}





.catsectionbuttoncontainer  a {
display:block;
width:100%;
height:100%;	
cursor:pointer;
cursor:hand;	
font-weight: bold;
text-decoration:none;
}


/*
.catsectionbuttoncontainer ul li .innerpanel div.button:hover {
background-color:#000000;	
}
*/

.catsectionbuttoncontainer ul li .innerpanel:hover div.button {
background-color:#000000;	
}


.catsectionbuttoncontainer  a:link{color:#ffffff;}
.catsectionbuttoncontainer  a:active{color:#ffffff;}
.catsectionbuttoncontainer  a:visited{color:#ffffff;}
.catsectionbuttoncontainer  a:hover{color:#ffffff;background-color:#000000;}


/* END */


	
}
/* END OF CSS FOR LAYOUT OF CAT SECTIONS IN include_showcatsection */