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






#maincontentsection.pagesectionoutercontainer{
/*background-color:#f1f1f1;*/
background-color:#ffffff;
}


#maincontentsection.pagesectionoutercontainer .pagesectioninnercontainer{
	/*width:70%;*/
/*background-color:#f1f1f1;*/
background-color:#ffffff;
}





#maincontentoutercontainer{
position:relative;

width:100%;
height:auto;
margin-top:0;
padding-top:0em;
padding-bottom:0em;
/*
background: #2F3534; 
*/
}

#maincontentcontainer{
position:relative;
width:96%;
height:auto;
margin-left:2%;
margin-right:2%;
background-color:#ffffff;
}

@media screen and (max-width: 600px){
min-height: 900px;	
}

#contentpanelcontainer{
position:relative;
clear:both;
width:100%;	
}

.leftcontentpanelcontent{
position:relative;	
width:96%;
margin-left:2%;
margin-right:2%;
background-color:none;	
padding-top:20px;
}


.centercontentpanelcontent{
position:relative;	
float:left;		
width:100%;
margin-left:0%;	
margin-right:0%;
background-color:none;
padding-top:20px;
min-height:500px;
}


.rightcontentpanelcontent{
position:relative;	
width:96%;
margin-left:2%;	
margin-right:2%;
padding-top:20px;
}

#maincontentcontainer.split_0_100_0 .leftcontentpanel {
position:relative;
float:left;
width:0;
display:none;
}

#maincontentcontainer.split_0_100_0 .centercontentpanel {
position:relative;
float:left;
width:100%
}

#maincontentcontainer.split_0_100_0 .rightcontentpanel {
position:relative;
float:right;
width:0;
display:none;
}


#maincontentcontainer.split_50_50_0 .leftcontentpanel {
position:relative;
float:left;
width:50%;
}

#maincontentcontainer.split_50_50_0 .centercontentpanel {
position:relative;
float:right;
width:50%;
}

#maincontentcontainer.split_50_50_0 .rightcontentpanel {
position:relative;
float:right;
width:0;
display:none;
}


#maincontentcontainer.split_33_33_33 .leftcontentpanel {
position:relative;
float:left;
width:33.3%;
}

#maincontentcontainer.split_33_33_33 .centercontentpanel {
position:relative;
float:left;
width:33.3%;
}

#maincontentcontainer.split_33_33_33 .rightcontentpanel {
position:relative;
float:right;
width:33.3%;
}

#maincontentcontainer.split_30_70_0 .leftcontentpanel {
position:relative;
float:left;
width:30%;
}

#maincontentcontainer.split_30_70_0 .centercontentpanel {
position:relative;
float:left;
width:70%;
}

#maincontentcontainer.split_30_70_0 .rightcontentpanel {
position:relative;
float:right;
width:0;
display:none;
}



#maincontentcontainer.split_20_80_0 .leftcontentpanel {
position:relative;
float:left;
width:20%;
}

#maincontentcontainer.split_20_80_0 .centercontentpanel {
position:relative;
float:left;
width:80%;
}

#maincontentcontainer.split_20_80_0 .rightcontentpanel {
position:relative;
float:right;
width:0;
display:none;
}


#maincontentcontainer.split_25_75_0 .leftcontentpanel {
position:relative;
float:left;
width:25%;
}

#maincontentcontainer.split_25_75_0 .centercontentpanel {
position:relative;
float:left;
width:75%;
}

#maincontentcontainer.split_25_75_0 .rightcontentpanel {
position:relative;
float:right;
width:0;
display:none;
}


#maincontentcontainer.split_0_70_30 .leftcontentpanel {
position:relative;
float:left;
width:0;
display:none;
}

#maincontentcontainer.split_0_70_30 .centercontentpanel {
position:relative;
float:left;
width:70%;
}

#maincontentcontainer.split_0_70_30 .rightcontentpanel {
position:relative;
float:right;
width:30%;
}




#maincontentcontainer.split_0_75_25 .leftcontentpanel {
position:relative;
float:left;
width:0;
display:none;
}

#maincontentcontainer.split_0_75_25 .centercontentpanel {
position:relative;
float:left;
width:75%;
}

#maincontentcontainer.split_0_75_25 .rightcontentpanel {
position:relative;
float:right;
width:25%;
}


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

#maincontentcontainer.split_0_75_25 .centercontentpanel {
position:relative;
float:left;
width:100%;
}

#maincontentcontainer.split_0_75_25 .rightcontentpanel {
position:relative;
float:right;
width:100%;
}
}


//THIS IS UPGRADE IN SALON SOURCE 2021
.shownumlinkstomorecontainer { 
position:relative;
clear:both;
with:100%;
font-family: var(--numlinkstomore-font-family);
font-size: 24px;
font-weight:bold;
margin-top:40px;
margin-bottom:40px;
padding-bottom:10px;
}

.shownumlinkstomorecontainer span {
color: var(--shownumlinkstomore-color-current);	
font-size: 24px;
margin-left:6px;
margin-right:6px;
padding-left:4px;
padding-right:4px;	
}

.shownumlinkstomorecontainer span a{
width:100%;
height:100%;	
text-decoration:none;
}

.shownumlinkstomorecontainer span a:link {color:var(--shownumlinkstomore-color-default);} 
.shownumlinkstomorecontainer span a:visited {color:var(--shownumlinkstomore-color-default);} 
.shownumlinkstomorecontainer span a:active {color:var(--shownumlinkstomore-color-default);} 
.shownumlinkstomorecontainer span a:hover {color:var(--shownumlinkstomore-color-hover);} 







 /*THIS IS ORIGINAL USED UP UNTIL UPGRADE IN SALON SOURCE 2021*/

.shownumlinkstomoretext {  
clear:both;
font-family: var(--numlinkstomore-font-family);
font-size: 24px;
font-weight:bold;
color: var(--shownumlinkstomore-color-current);
margin-top:40px;
margin-bottom:40px;
margin-left:6px;
margin-right:6px;
padding-left:4px;
padding-right:4px;
}

.shownumlinkstomoretext_current {  
border:1px var(--shownumlinkstomore-color-hover) solid;
padding-left:4px;
padding-right:4px;
margin-left:6px;
margin-right:6px;
}

.shownumlinkstomoretext a { 
text-decoration:none;

margin-left:6px;
margin-right:6px;

}

.shownumlinkstomoretext a:link {color:var(--shownumlinkstomore-color-default);} 
.shownumlinkstomoretext a:visited {color:var(--shownumlinkstomore-color-default);} 
.shownumlinkstomoretext a:active {color:var(--shownumlinkstomore-color-default);} 
.shownumlinkstomoretext a:hover {color:var(--shownumlinkstomore-color-hover);} 












/*
.backbutton {
position:relative;
display:block;
clear:both;
width:120px;
height:28px;
text-align:center;
font-family: var(--textbutton-font-family);
font-size: 16px;
color:var(--back-button-color);
background-color: var(--back-button-bg-color);
text-decoration:none;
line-height:28px;
margin:0 auto;
cursor:default;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   text-transform:uppercase;
    border:none;
   border-radius:0px;
margin-top:20px;
margin-bottom:20px;	
}

.backbutton:hover {
background-color: var(--back-button-bg-color-hover);	
color: var(--back-button-color);
cursor:pointer;
cursor:hand;
}
*/

#submitbutton {
position:relative;
display:block;
/*float:left;*/
width:120px;
height:24px;
text-align:center;
font-family: var(--textbutton-font-family);
font-size: 9pt;
font-weight:bold;
color: #ffffff;
text-decoration:none;
line-height:24px;
margin:0 auto;
cursor:default;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
     margin-bottom:2px;
   text-transform:uppercase;
    border:none;
   border-radius:0px;
   background-color:#000066;
}

#submitbutton:hover {
background-color:#b5cddc;
color: #ffffff;	
cursor:pointer;
cursor:hand;
}

.formelementlabel {
	font-family: var(--textbutton-font-family);
	font-size: 10pt;
	color:#f58220;
	text-align: left;
font-weight: bold;
text-transform:uppercase;
}



body.contact input{
background-color:#ffffff;	
}

body.contact textarea{
	width:100%;
background-color:#ffffff;	
}

.tinybodytext {
	font-family:  var(--bodytext-font-family);
	font-size: 8pt;
	color:#aaaaaa;
	text-align: justify;
}





#pagelayoutcontainer{
position:relative;
width:100%;	
}


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

#pagelayoutcontainer img.index_image{
border:none;	
}


#pagelayoutcontainer.pagelayoutstyle_2 img {
float:right;
margin-left:20px;
margin-bottom:10px;	
}


#pagelayoutcontainer.pagelayoutstyle_3 img {
float:left;
margin-right:20px;
margin-bottom:10px;

}


#pagelayoutcontainer.pagelayoutstyle_4 img {
float:right;
margin-left:20px;
margin-bottom:10px;	
}

#pagelayoutcontainer.pagelayoutstyle_5 img {
float:left;
margin-right:20px;
margin-bottom:10px;
}



.pagesiblinglinkscontainer {
clear:both;
width:100%;
margin-bottom:20px;
}

.pagesiblinglinkscontainer ul {
position:relative;
width:100%;
list-style: none;
margin:0;
padding:0;	
}

.pagesiblinglinkscontainer ul li{
position:relative;
width:100%;	
line-height:20pt;
text-align:center;
font-family:  var(--textbutton-font-family); 
font-size: 9pt;
font-weight:bold;
color: #000000;
text-transform:uppercase;
}

.pagesiblinglinkscontainer ul li.pagesiblinglinksheading{
width:100%;	
/*
background-image:url(images/headings_bg.png);
background-position:0 -4px;
*/
color: #dddddd;
}


.pagesiblinglinkscontainer ul li ul {
position:relative;
width:100%;
list-style: none;
margin:0;
padding:0;	
text-align:center;
}

.pagesiblinglinkscontainer ul li ul li{
position:relative;
width:auto;
line-height:24px;
font-family: var(--textbutton-font-family);
font-size: 12px;
font-weight:bold;
text-align:center;
cursor:default;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   margin-bottom:4px;
   text-transform:uppercase;
   
       -webkit-transition: all .2s ease; 
}


.pagesiblinglinkscontainer ul li ul li.siblinglink{
float:left;
}

.pagesiblinglinkscontainer ul li ul li.siblinglink a{
display:block;	
width:160px;
margin:5px auto;
color:#ffffff;
background-color:#36d2c8;
/*border-bottom:#bbbbbb 1px solid;*/
text-decoration:none;
}

.pagesiblinglinkscontainer ul li ul li.siblinglink a:hover{
color:#ffffff;
background-color:#cdcdcd;
    -webkit-transition: all .2s ease; 
}
	

.pagesiblinglinkscontainer ul li ul li.siblinglink a:link {color:#ffffff;} 
.pagesiblinglinkscontainer ul li ul li.siblinglink a:visited {color:#ffffff;} 
.pagesiblinglinkscontainer ul li ul li.siblinglink a:active {color:#ffffff;} 
.pagesiblinglinkscontainer ul li ul li.siblinglink a:hover {color:#ffffff;} 

.pagesiblinglinkscontainer ul li ul li.overviewlink{
clear:both;	
}


//copied here from coolpower for cushion company feb 2017


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

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

#catsectiontilecontainer ul li{
position:relative;
float:left;	
display:block;	
font-family: var(--litext-font-family);
text-transform: none;
color: #000000;
/*width:31%;*/
width:23%;
margin:10px 1%;


 
  
border-radius:0;

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

}


/* added in jan 2016 */
@media screen and (max-width: 600px){

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

#catsectiontilecontainer ul li .innerpanel div.description{
font-size: 12px;
}

}




#catsectiontilecontainer ul li .innerpanel{
position:relative;
width:100%;
margin:0 auto;	
padding:76% 0 0 0;
}


#catsectiontilecontainer ul li .innerpanel:hover div.imagepanel{
/*border:1px solid #000066;	*/
}


#catsectiontilecontainer 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;
  overflow:hidden;
}

#catsectiontilecontainer ul li .innerpanel div.imagepanel img{
width:100%;	
border-radius:0;
transform: scale(1.0,1.0);
    -webkit-transition: all .3s ease;  

}

#catsectiontilecontainer ul li .innerpanel:hover div.imagepanel img{
transform: scale(1.2,1.2);
    -webkit-transition: all .3s ease;  
}






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

#catsectiontilecontainer ul li .innerpanel h2{
font-size: 16px;	
}

#catsectiontilecontainer ul li:hover .innerpanel h2 a{
font-size: 16px;	
color:#ed1b24;
}

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


#catsectiontilecontainer  a:link{color:#000000;}
#catsectiontilecontainer  a:active{color:#000000;}
#catsectiontilecontainer  a:visited{color:#000000;}
#catsectiontilecontainer  a:hover{color:#ed1b24;}


#catsectiontilecontainer ul li .innerpanel div.description{
display:none;	
font-size: 12px;
color: #000000;	
text-align:justify;
padding-top:3px;
}


#catsectiontilecontainer ul li ul{
position:relative;
display:block;
list-style: none;
width:100%;
height:auto;
margin-bottom:4px;
padding:0;	
}

#catsectiontilecontainer ul li ul li{
position:relative;
display:block;	
width:100%;
font-family: var(--litext-font-family);
font-size: 12px;
text-transform: none;
color:#ffffff;
background:none;
margin:0;
margin-top:2px;
margin-bottom:2px;
text-transform:uppercase;
padding:0;
}

#catsectiontilecontainer ul li ul li a{
font-weight: normal;	
}


#catsectiontilecontainer ul li ul li a:link{color:#dddddd;}
#catsectiontilecontainer ul li ul li a:active{color:#dddddd;}
#catsectiontilecontainer ul li ul li a:visited{color:#dddddd;}
#catsectiontilecontainer ul li ul li a:hover{color:#ffffff;text-decoration:underline;}




//end of copied here







#addthiscontainer {
position:relative;
width:150px;
float:right;
top:10px;
/*margin-right:20px;*/
}

#addthiscontainer a{
font-family:  Arial, Helvetica, sans-serif;
font-size:10pt;	
}

#addthiscontainer a:link {color:#c61217;text-decoration:none;} 
#addthiscontainer a:visited {color:#c61217;text-decoration:none;} 
#addthiscontainer a:active {color:#c61217;text-decoration:none;} 
#addthiscontainer a:hover {color:#ff0000;text-decoration:none;} 





.sectionsiblingslinksheading{
position:relative;
width:auto;
margin:0 auto;	
text-align:center;
font-family:century-gothic, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color: #444444;
text-transform:uppercase;
}

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

.sectionsiblingslinkscontainer {
position:relative;	
float:left;
width:auto;
margin:0 auto 20px auto;
left:50%;	
}




.sectionsiblingslinkscontainer ul {
position:relative;
float:left;
width:auto;
list-style: none;
margin:0 auto;
padding:0;	
right:50%;
background-color:none;
}


.sectionsiblingslinkscontainer ul li{
position:relative;
float:left;
width:200px;
line-height:20pt;
font-family:dinpro, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color: #ff0000;
text-align:center;
margin-left:10px;
margin-right:10px;
margin-top:5px;
background-color:#000066;
text-transform:uppercase;
}

.sectionsiblingslinkscontainer ul li a{
display:block;	
width:100%;
/*margin:5px auto;*/
text-decoration:none;
}

.sectionsiblingslinkscontainer ul li a:link {color:#ffffff;} 
.sectionsiblingslinkscontainer ul li a:visited {color:#ffffff;} 
.sectionsiblingslinkscontainer ul li a:active {color:#ffffff;} 
.sectionsiblingslinkscontainer ul li a:hover {color:#b5cddc;} 
















.generalcontentlist{
float:left;	
position:relative;	
width:100%;	
margin-left:0;
margin-right:0;	
background-color:none;	
}

.generalcontentlist ul {
position:relative;
list-style: none;
float:left;
width:100%;
margin:0;
padding:0;
height:auto;
min-height:200px;
}

body.index .generalcontentlist ul li {
width:98%;
border-radius:0.75em;	
}

body.resources .generalcontentlist ul li {
width:98%;
border-radius:0.75em;	
}

body.services .generalcontentlist ul li {
width:100%;
border-radius:0.75em;	
}

body.company .generalcontentlist ul li {
width:98%;
border-radius:0.75em;	
}

.generalcontentlist ul li {
float:left;
width:48%;
font-family:    var(--bodytext-font-family);
font-size: 18px;
text-transform: none;
color: #444444;
margin-bottom:20px;
text-align:left;
margin-left:1%;
margin-right:1%;


}




.generalcontentlist ul li div {
width:96%;	
margin:2%;	
}


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


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


.generalcontentlist ul li a {
font-size: 18px;
font-weight: bold;
text-decoration:none;
}

.generalcontentlist ul li a:link{color:#444444;}
.generalcontentlist ul li a:active{color:#444444;}
.generalcontentlist ul li a:visited{color:#444444;}
.generalcontentlist ul li a:hover{color:#aaaaaa;}






.textbutton {
clear:both;	
display:block;
margin:0 auto;	
height:auto;
margin-bottom:20px;
font-family:  var(--textbutton-font-family);
font-size: 16px;
font-weight:bold;
text-transform: none;
color: #ffffff;
text-align:center;
padding:4px 16px;
/*border:1px solid #ffffff;*/
cursor:pointer;
cursor:hand;
border:0;
background-color:var(--textbutton-bg-color);
-webkit-transition: all .2s ease; 	
}


.textbutton:hover {
color:#000000;
background-color:var(--textbutton-bg-color-hover);
}


.textbutton a {
display:block;	
width:100%;
height:100%;
text-decoration:none;
color:#bbbbbb;
background-color:var(--textbutton-bg-color);	
border-bottom:#bbbbbb 1px solid;
}

.textbutton a:hover {
color:#ffffff;
background-color:var(--textbutton-bg-color-hover);	
    -webkit-transition: all .2s ease; 
}

.textbutton a:link {color:#666666;} 
.textbutton a:visited {color:#666666;} 
.textbutton a:active {color:#666666;} 
.textbutton a:hover {color:#ffffff;} 




























#indexpageimagelinks.pagesectionoutercontainer{
background-color:#ffffff;
padding-top:20px;
padding-bottom:20px;
}

.categoryimagelinks{
width: 33.33333%;
margin:0 auto;	
}

.categoryimagelinks img{
width:98%;
margin:0 auto;	
}

#indexpagecategorylinks.pagesectionoutercontainer{
background-color:#f1f1f1;
padding-top:20px;
padding-bottom:20px;
}

#indexpagelogomatrix.pagesectionoutercontainer{
background-color:#f1f1f1;
padding-top:20px;
padding-bottom:20px;
}


#indexpagelogomatrix.pagesectionoutercontainer .pagesectioninnercontainer{
background-color:#f1f1f1;	
}




































.categoryimagelinks {
position:relative;
float:left;
width:33.3333%;	
}







.panellinks {
position:relative;
float:left;
width:33.3333%;	
}

.panellinks .outercontainer {
width:98%;
margin:1% 1%;
background-color:#c9c9c9;	
border-bottom: #999999 1px solid;
}

.panellinks .outercontainer .innercontainer {
width:98%;
margin:1% 1%;
height:100px;
padding-top:4%;
font-size:40px;
font-weight:bold;
font-family:dinpro-condblack,dinpro,arial,helvetica,sans-serif;
	
}

.panellinks .outercontainer .innercontainer div{
font-size:20px;	
}

.panellinks a {
display:block;
width:100%;
height:100%;	
text-decoration:none;	
}

.panellinks .outercontainer:hover {
width:96%;
margin:0 2%;	
background-color:#bababa;
    -webkit-transition: all .2s ease;  	
}


.panellinks a:link {color:#fff500;} 
.panellinks a:visited {color:#fff500;} 
.panellinks a:active {color:#fff500;} 
.panellinks a:hover {color:#ffffff;} 


.panellinks .outercontainer .innercontainer  a:link div{color:#ffffff;} 
.panellinks .outercontainer .innercontainer  a:visited div{color:#ffffff;} 
.panellinks .outercontainer .innercontainer  a:active div{color:#ffffff;} 
.panellinks .outercontainer .innercontainer  a:hover div{color:#ffffff;}