@charset "UTF-8"; 

@font-face
{
font-family: ADAM;
src: url('/Open/fonts/ADAM.ttf'),
	 url('/Open/fonts/ADAM.otf'); /* IE9 */
}

@font-face{
font-family:LATO;
src: url('fonts/Lato-Regular.woff2');

}

h1 {background-color: white}
h1 {text-align: center;
    color: black;}
h2 {
	background-color: transparent;
	font-size:4em;
	font-family: LATO, Helvetica;
	font-variant:small-caps;
	position: relative;
	}
h3 {background-color:transparent;
	color: #212D40;
	font-family: ADAM, Helvetica, Arial;
	font-size: 12pt;
	}
	
h5{
	color:white;
	font-size:160%;
	font-family:LATO;
	font-variant:small-caps;
	font-weight:normal;
	margin:auto 0;
}
	
p {background-color: white;
   color:black;
   text-align: center
  }
  
  html, body{
	  margin:0px;
	  width:100%;
	  max-width:100%;
	  min-width:320px;
	  background: url(/Open/shattered.png);
  }

  
  *.shinybutton {
   font-size:25px;
   color:white;
   border-radius:50%;
	line-height:50px;
	vertical-align:middle;
}

	.shinybutton:hover {
	filter:grayscale(1);
	}
	
	.pokeyButton{
		background:orange;
		text-align:center;
		padding:10px !IMPORTANT;
		border:1px solid white;
	}

   table{
   background-color: #F9F9F9;
   color:black;
   text-align: center;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   }
   
    table.FullBorder{
   background-color: #F9F9F9;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   width:65%;
   margin-left:17.5%; 
    margin-right:17.5%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   
       table.FormBorder{
   background-color: #F9F9F9;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   width:80%;
   margin-left:10%; 
    margin-right:10%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   

       table.FormBorderleftalign{
	background-color: #F9F9F9;
	float:none;
	width:100%;
	color:#212D40;
	text-align: center;
	max-width:920px;
	border-collapse:collapse;
	word-wrap: break-word;
	padding-left:15px !IMPORTANT;
	padding-right:15px !IMPORTANT;
	margin:0 auto;
   }
   
   table.FormBorderleftalign td{
	padding-left:15px;
	padding-right:15px;
   }
   
   table.FormBorderleftalign ul{
	   text-align:left;
   }
   
   table.FormBorderleftalign input[type=text], input[type=email],  input[type=date], select{
	   margin:20px;
	   margin-top:5px;
	   margin-bottom:5px;
   }
   
   table.FormBorderleftalign td.textboxlefty{
	   text-align:left;
	   padding-top:10px;
	   padding-bottom:15px;
   }
   
        table.FormBorderMaster{
   background-color: transparent;
   color:black;
   text-align: left;
   float:none;
   width:100vw;

	/*border-collapse:collapse;*/
   table-layout:fixed;
   word-wrap: break-word;
   -webkit:full-screen; 
   -webkit-width:100%;
     -webkit-margin-left:0%; 
    -webkit-margin-right:0%;
background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
   }
   
   
   img.slide{
	   height:200px;
	   width:auto;
	   padding:0;
	   margin:0;
	   display:inline-block;
   }

   
   form{
	   text-align:center;
   }
   
   
   
   
       table.FormBorderOuter{
   background-color: #F9F9F9;
   color:black;
   text-align: center;
   float:none;
   border: 3px solid rgb(256,200,256);
   width:80%;
   margin-left:10%; 
    margin-right:10%;
   table-layout:fixed;
   word-wrap: break-word;
   }
   
   
         table.FormBorderLeft{
   background-color: #F9F9F9;
   color:black;
   text-align: left;
   float:none;
   border: 1px solid black;
   /*width:auto;*/
   border: 2px solid black;
	table-layout:fixed;word-wrap: break-word;
   }
   
   
    table.UploadTable{
	background-color: #F9F9F9;
	color:#212D40;
	text-align: center;
	float:none;
	width:100%;
	max-width:920px;
	margin:0 auto;
	border-collapse:collapse;
	word-wrap: break-word;
	padding-left:15px !IMPORTANT;
	padding-right:15px !IMPORTANT;
   }
   
   
   
   
   
    table.CenterBorder{
   background-color: #F9F9F9;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   width:80%;
   margin-left:10%; 
    margin-right:10%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   
    table.LeftBorder{
   background-color: #F9F9F9;
   color:black;
   text-align: left;
   float:none;
   border: 1px solid black;
   width:80%;
   margin-left:10%; 
    margin-right:10%;

   table-layout:fixed;
   word-wrap: break-word;
   }
   
      table.Auto{
   background-color: #F9F9F9;
   color:black;
   text-align: center;
   float:none;
   border: 1px solid black;
   width:100%;
   /*margin-left:12.5%; 
    margin-right:12.5%;
*/
   table-layout:fixed;
   word-wrap: break-word;
   }
    
       table.Auto1{
   background-color: #F9F9F9;
   color:black;
   text-align: center;
   float:none;
   border: 0px solid black;
   width:100%;
   /*margin-left:12.5%; 
    margin-right:12.5%;
*/
   table-layout:fixed;
   word-wrap: break-word;
   }   
   
  table.fourspan {
	width:100%;
	max-width:920px;
	margin:0 auto;
	background-color:#F9F9F9;
	text-align:center;
	margin:0 auto;
}

   
   
h4 {
	font-family:"LATO, Trebuchet MS", Helvetica, sans-serif;
	font-size:10pt;
	text-align: center;
	padding:10px;
	font-weight:normal;
	margin-bottom:0;
}

th{color:white; font-family:Arial Narrow; font-size: 8pt;background-color: rgb(0,0,128);}
th.x th {color:green; font-family: Arial; font-size: 7pt;background-color: rgb(0,0,128);}
th.hidx {
	background-color: rgb(210,170,212);  color:blue;
}

th.large {color:white; font-family: Arial; font-size: 12pt;background-color: rgb(0,0,128);}

tr.filler {
	background-color: transparent; color: black;border:0px;padding:0px; line-height:.1;
}


tr.xtotal td {
	background-color: rgb(180,220,256); color: black;border:0px;padding:1px; 
}

tr.hidden td {
	background-color: rgb(256,256,256); color: white;
}


tr.total td {
	background-color: rgb(180,180,192); color: black;border:0px;padding:1px; 
}
tr.xsubtotal td {
	background-color: rgb(210,170,212);  color: blue;border:0px;padding:1px; 
}


tr.mutedtotal  {
	background-color: rgb(200,200,212);  color: black;border:0px;padding:1px; 
}

tr.bigheader  {
	background-color: rgb(100,150,212);  color: black;border:1px solid black;padding:1px; height: 2em;
	font-weight:bold;}


tr.row2  {
	background-color: rgb(240,240,240);border:0px;padding:2px;  
}

tr.row1  {
	background-color: rgb(220,220,220);
	border:0px;padding:2px;   
}

tr.row1NB  {
	background-color: rgb(240,240,240);border:0px;padding:2px;
}

tr.row2NB {
	background-color: rgb(220,220,220);border:0px;padding:2px;  
}

tr.newrow  {
	background-color: rgb(200,200,256); color: red; height: 3em;
}


.mutedcell {
	 color: blue; width: 30em;font-size: 7pt;
}

.nonmutedcell {
	 color: blue;font-size: 7pt;
}



tr.incomplete  {
	background-color: rgb(256,200,256); color: black; height: 3em;
}

tr.incompletered  {
	background-color: rgb(256,0,0); color: black; height: 3em;
}

tr.expander  {
	height: 2em;color:white; font-size: 10pt;background-color: rgb(190,210,256);font-weight:bold;
	font-family: Arial
	}


tr.Selected  {
	background-color: rgb(256,200,200); color: black; height: 3em;
}

tr.Selected1  {
	background-color: rgb(256,200,200); color: black; height: 5em;
}

td.infoClass{
	background:#12A2CF;
	color:white;
	font-family:ADAM;
}

td{font-family: LATO; font-size: 9pt;padding:3px;
/*-webkit-text-size-adjust: 300%;*/
}

td.border{font-family: Arial; font-size: 8pt;border:1px solid black;padding:2px;font-weight:bold;
/*-webkit-text-size-adjust: 300%;*/
}

td.default{font-family: Arial; font-size: 7pt;border:0px solid black;padding:0px;font-weight:lighter;
/*-webkit-text-size-adjust: 300%;*/
}


td.textboxhighlight{font-family: Arial; font-size: 8pt;border:4px solid red;padding:2px;font-weight:bold;}

td.textboxhighlightv1{border:2px solid red; font-weight:bold;}

.textboxhighlightv1{
	border:2px solid red;
	font-weight:bold;
}

td.borderblue{font-family: Arial Narrow; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(180,200,256);
/*-webkit-text-size-adjust: 300%;*/
}

td.borderfill{
	font-family: Lato, Arial narrow; 
	font-size: 8pt;
	border:0px solid rgb(180,200,256);
	padding:2px;
	font-weight:bold;
	background-color:rgb(255,255,255);
text-align:left;
box-sizing:border-box;
/*-webkit-text-size-adjust: 300%;*/
}

td.borderfillsmall{font-family: Arial Narrow; font-size: 8pt;border:0px solid rgb(180,200,256);padding:2px;font-weight:bold;background-color:rgb(255,255,255);
line-height:.8;
/*-webkit-text-size-adjust: 300%;*/
}
td.borderfill2{font-family: Arial Narrow; font-size: 8pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(255,255,255);
/*-webkit-text-size-adjust: 300%;*/line-height:1.3;
}
td.borderfill3{font-family: ADAM, Helvetica; 
				font-size: 12pt;
				border:0px solid black;
				padding:6px;
				background-color:#596475;
				color:white;
				text-align:center;
				letter-spacing:2px;
/*-webkit-text-size-adjust: 300%;*/
}

td.borderfill4{font-family: Arial Narrow; font-size: 9pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(255,255,255);
/*-webkit-text-size-adjust: 300%;*/line-height:1.6;
}

td.borderfill5{font-family: LATO, Verdana; font-size: 8pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(180,230,256);
/*-webkit-text-size-adjust: 300%;*/line-height:1.8;
}

td.borderfill6{font-family: LATO, Verdana; font-size: 8pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(225,215,225);
/*-webkit-text-size-adjust: 300%;*/line-height:1.8;
}




td.borderother{font-family: Arial Narrow; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(200,180,220);
vertical-align:bottom;
}


td.borderyellow{font-family: Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(255,255,0);
/*-webkit-text-size-adjust: 300%;*/
}

td.borderAmber{font-family: Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:#FF7E00;
/*-webkit-text-size-adjust: 300%;*/
}
td.borderRed{font-family: Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(200,0,0);
/*-webkit-text-size-adjust: 300%;*/
}
td.borderGreen{font-family: Arial; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(0,200,0);
/*-webkit-text-size-adjust: 300%;*/
}
td.bordergrey{font-family: Arial Narrow; font-size: 7pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(220,220,220);
/*-webkit-text-size-adjust: 300%;*/
}

td.borderblack{font-family: Arial Narrow; font-size: 8pt;border:1px solid black;padding:2px;font-weight:bold;background-color:rgb(0,0,0);color: white;
/*-webkit-text-size-adjust: 300%;*/
}

td.borderblackcentre{
	font-family:  LATO, Arial Narrow; 
	font-size: 8pt;
	padding:2px;
	font-weight:bold;
	background-color:#00A2BC;
	background: linear-gradient(90deg, #00A7AD , #00A2BC);
	color: white;
	text-align: center;
	height:84px;
	margin-top:-20px;
}

div.borderblackcentre{
	font-family:LATO, Arial Narrow;
	padding:3px;
	background:#00A2BC;
	text-align:center;
	position:fixed;
	bottom:0;
	vertical-align:middle;
	width:100%;
	z-index:100;
}

td.borderblacknavy{font-family: Arial Narrow; font-size: 8pt;border:1px solid black;padding:2px;font-weight:bold;
background-color:#0B6298;color: white;
/*-webkit-text-size-adjust: 300%;*/text-align: center
}



td.blackb{font-family: Arial; font-size: 8pt;border:0px solid black;padding:2px;font-weight:bold;background-color:rgb(0,0,0);color: white;
/*-webkit-text-size-adjust: 300%;*/
}



td.bordertext{font-family: Arial; font-size: 6pt;border:1px solid black;padding:2px;/*font-weight:italic;*/text-align: left;
/*-webkit-text-size-adjust: 300%;*/
}

td.leftalign{font-family: Arial Narrow; font-size: 8pt;border:0px solid black;padding:0px;font-weight:normal;text-align: left;
/*-webkit-text-size-adjust: 300%;*/
}

td.leftalignbigger{font-family: Arial Narrow; font-size: 8pt;border:0px solid black;padding:1px;font-weight:normal;text-align: left;
/*-webkit-text-size-adjust: 300%;*/
}

td.bordervertical{font-family: Arial; font-size: 6pt;border:1px solid black;padding:2px;/*font-weight:italic;*/text-align:right;
vertical-align: top;
/*-webkit-text-size-adjust: 300%;*/
}

.Vertical { font-size: 10pt;background-color:rgb(220,220,220);
 
}

td.constr > *{
	max-width:400px;
	text-align:center;
	margin:5px auto 0;
}

td.filler{font-family: Arial; font-size: 8pt;border:0px solid black;padding:0px;background-color:rgb(220,220,226)
/*-webkit-text-size-adjust: 300%;*/
}


td.GreenHighlight{color:white;background-color:green;font-weight:bold; font-size: 10px; }
td.GreenHighlight:hover{color:green;background-color:black;}
td.GreenHighlightv1{color:white;background-color:green;font-weight:bold; }
td.RedHighlightv1{color:white;background-color:red;font-weight:bold; }
td.RedHighlight{color:white;background-color:red;font-weight:bold; font-size: 10px; }
td.BlueHighlight{color:white;background-color:blue;font-weight:bold; font-size: 10px; }
td.OrangeHighlight{color:white;background-color:orange;font-weight:bold; font-size: 10px;padding:0px }
td.LinkHighlight{color:blue;background-color:rgb(255,255,0);font-weight:bold; font-size: 9px;}
td.LinkHighlight:hover{color:white;background-color:rgb(255,165,0);font-weight:bold; font-size: 12px;}
.filter{font-size:7pt;font-family:Arial;color: blue;width: 10em;}
 .multifilter{font-size:10pt;font-family:LATO, Arial;color: blue;width auto;height: 200px !important;}
/*.filter option{font-size:7pt;color: blue;background-color:pink}*/
.filter option selected{font-size:7pt;color: green;}
/*select:hover { background-color: red;width: auto; }*/

select.selectcolourmultifilter{font-size:7pt;font-family:Arial;width: auto;color: blue;background-color:pink;}
select.selectcolour{font-size:7pt;font-family:Arial;width: 10em;color: blue;background-color:pink;}
select.selectyellow{font-size:7pt;font-family:Arial;width: 10em;color: blue;background-color:yellow;}
option{font-family:LATO;color:#222222;}
option.selectvalues{background-color:pink;width: auto}
option[selected]{background-color:#00A2BC;} 
option:hover{background:#596475;}

.dropdownentry{font-family:LATO;width: auto}
.dropdownentryhighlight{font-family:LATO;width: auto}
input{font-size:6pt;font-family:Arial;}
H6{
	font-family: Arial; 
	font-size: 8pt;
	margin:5px;
	color:#CDCDCD;
	}

body { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height: 15pt;
color: black;
max-width:100vw;
}

body > * {
	text-align:center;
	margin:0 auto;
	max-width:100%;
}

span.small { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 85%;font-weight:lighter;color: blue; }


span.tiny { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;font-weight:lighter; color: red;}


IMG.client {
 position:relative;
 top:0px;
 z-index:2;  
 float:left;
 left:10px;
 /*padding: 20px;*/
 width:135px;
 height:100px;
 margin:2px;
 background:rgb(256,256,256);
 border: 2px solid rgb(256,256,256);
 display:inline;
}

IMG.clientsmall {
 position:relative;
 top:0px;
 z-index:2;  
 float:left;
 left:10px;
 /*padding: 20px;*/
 width:100px;
 height:60px;
 margin:2px;
 background:rgb(256,256,256);
 border: 2px solid rgb(256,256,256);
 display:inline;
}

IMG.clientfloat {
 position:absolute;
 top:0px;
 z-index:3;  
 float:right;
 right:11px;
 /*padding: 20px;*/
 width:109px;
 height:30px;
 margin:1px;
 background:rgb(256,256,256);
 border: 5px solid rgb(256,256,256);
 display:inline;
}

IMG.suffix {
 position:relative;
 background:rgb(256,256,256);
 display:inline;
}


IMG.carlsberg{
 position:absolute;
 top:0px;
 z-index:2;  
 float:right;
 right:10px;
 /*padding: 20px;*/
 width:100px;
 height:80px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}

IMG.Unilever{
 position:absolute;
 top:0px;
 z-index:2;  
 float:right;
 right:10px;
 /*padding: 20px;*/
 width:71px;
 height:83px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}




IMG.clientfloatlarge {
 position:absolute;
 top:0px;
 z-index:3;  
 float:right;
 right:0px;
 /*padding: 20px;*/
 width:218px;
 height:60px;
 margin:0px;
 background:rgb(256,256,256);
 border: 5px solid rgb(256,256,256);
 display:inline;
}

IMG.logo{
 position:absolute;
 top:0px;
 z-index:2;  
 float:right;
 right:10px;
 /*padding: 20px;*/
 width:100px;
 height:49px;
 margin:2px;
 background:rgb(120,120,180);
 border: 2px solid rgb(256,256,256);
 display:inline;
}

IMG.smalllogo{
 position:absolute;
 top:0px;
 z-index:2;  
 float:right;
 right:10px;
 /*padding: 20px;*/
 width:135px;
 height:65px;
 margin:1px;
 background:rgb(120,120,180);
 border: 2px solid rgb(256,256,256);
 display:inline;
}

IMG.tinylogo{
 position:absolute;
 top:0px;
 z-index:2;  
 float:right;
 right:5px;
 /*padding: 20px;*/
 width:100px;
 height:49px;
 margin:1px;
 background:rgb(120,120,180);
 border: 5px solid rgb(256,256,256);
 display:inline;
}

IMG.minilogo{
	vertical-align:middle;
	height:60px;
	padding-right:16px;
	margin:10px 0;
	border-right:4px solid white;
}

IMG.thumbpic{
 position:relative;
 
 z-index:2000; 
 /*float:center;
 right:120px;
 /*padding: 20px;*/
 width:60px;
 height:60px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}

IMG.spanpic{
 position:relative;
 
 z-index:2000; 
 /*float:center;
 right:120px;
 /*padding: 20px;*/
 width:300px;
 height:300px;
 margin:0px;
 background:rgb(120,120,180);
 border: 0px solid rgb(256,256,256);
 display:inline;
}


IMG.logoblock {
 position:relative;
 top:0px;
 z-index:2;  
 float:left;
 left:10px;
 /*padding: 20px;*/
 width:67px;
 height:50px;
 margin:2px;
 background:rgb(256,256,256);
 border: 2px solid rgb(256,256,256);
 display:block-inline;
}

span.heading { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt; color: blue;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(225,226,226);
	display:block;
	}
span.heading2 { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt; color: blue;
	position: relative;
	top: 15px;
	left: -8px;
	width: 100%;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	z-index:0;
	background:rgb(220,220,256);
	border: 1px solid rgb(0,0,0);
	display:block;
	}
	
span.subheading { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 16pt; color: Silver;
	position: absolute;
	top: 0px;
	left: 8px;
	width: 99%;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
	text-align: center;
	z-index:2;
	border: 1px solid rgb(180,180,180);
	background : transparent; 
	background:rgb(225,226,226);
	display:block;
	}	
	
	span.filterspan { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,256);
	border: 1px solid rgb(200,200,256);
	display:block;
	}

span.hidefilterspan { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 6px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	z-index:20;
	/*background:rgb(225,226,226);*/
	border: 0px solid rgb(0,0,0);
	display:inline;
	}	
	
span.numberofrowsspan { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:-2;
	/*background:rgb(256,256,256);
	border: 0px solid rgb(0,0,0);*/
	display:block;
	}		
	
span.numberofrowsspaninline { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 1px;
	font-weight: bold;
	text-align: left;
	z-index:1000;
	/*background:rgb(256,256,256);
	border: 0px solid rgb(0,0,0);*/
	display:inline-block;
	}	
	
	span.Helpme 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	/*background:rgb(240,220,226);*/
	border: 0px solid rgb(0,0,0);
	display: inline;
	/*vertical-align:middle;*/
}
	
	
	
	
	
	
span.buttonspan 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,226);
	border: 1px solid rgb(205,206,186);
	/*vertical-align:middle;*/
	
	display:block;
	}
	
span.RowsSpan
 { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	display:block;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(200,220,226);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	}
	
				
span.ColumnSpan 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,226);
	border: 1px solid rgb(0,0,0);
	display: block;
	/*vertical-align:middle;*/
}
	
	span.Message 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt; color: blue;
	position: relative;
	top: -2px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:3;
	background:rgb(240,220,226);
	border: 1px solid rgb(0,0,0);
	display: inline;
	/*vertical-align:middle;*/
}

	span.MessageWrap 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 7pt; color: blue;
	position: relative;
	top: -2px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:3;
	background:rgb(240,220,226);
	border: 1px solid rgb(0,0,0);
	display: block;
	/*vertical-align:middle;*/
}
	
		span.Messagecenter 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	
	 width:80%;
   margin-left:10%; 
    margin-right:10%;
	margin: 1px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:10000;
	background:rgb(240,220,226);
	border: 1px solid rgb(0,0,0);
	display: inline;
	/*vertical-align:middle;*/
}
	

		span.BigMessage 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 1px;
	padding: 4px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(240,220,226);
	border: 1px solid rgb(0,0,0);
	display: inline;
	/*vertical-align:middle;*/
}

span.messagespan 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 98%;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	
	display:block;
	}
	
	span.messagespanwhite 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 98%;
	height: auto;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(256,256,246);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:bottom;*/
	
	display:block;
	}
	
	
	
	span.messagespansmall 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 7pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 98%;
	margin: 1px;
	padding: 0px;
	font-weight: lighter;
	text-align: center;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	
	display:block;
	}
	
	span.messagespanleft 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 16pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 80%;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	font-weight: normal;
	/*vertical-align:middle;*/
	
	display:block;
	}

		span.messagespanintegrated 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(220,220,246);
	border: 2px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	
	display:block;
	}
	
span.bigmessagespan 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 99%;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	line-height:4em;
	display:block;
	}
span.messagespan2H 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 99%;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(220,220,246);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	line-height:2em;
	display:block;
	}

span.fillerspan 
{ font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 99%;
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	background:rgb(225,226,226);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	line-height:2em;
	display:block;
	}





span.header { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt; color: blue;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height:2em;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	vertical-align:text-bottom;
	z-index:1;
	background:rgb(225,226,226);
	display:block;
	}	
	
span.headerbig { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14pt; color: black;
	position: relative;
	top: 5px;
	left: 0px;
	width: 95%;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	display:block;
	}	
		
span.headerbig2 { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14pt; color: black;
	position: relative;
	top: 0px;
	left: 0px;
	width: 95%;
	margin: 1px;
	padding: 0px;
	font-weight: bold;
	text-align: center;
	z-index:1;
	display:block;
	}	
	
	
span.RowsHide
 { font-family: LATO, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*font-size: 10pt; color: blue;*/
	position: relative;
	top: 4px;
	left: 0px;
	width: 100%;
	display:None;
	margin: 1px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
	z-index:1;
	background:rgb(200,220,226);
	border: 1px solid rgb(0,0,0);
	/*vertical-align:middle;*/
	}	
	
	
	
	
	
	
	
	
	other
	{
	background : transparent; 
	background: #e5e5e5;
	border: 1px solid #666;
	display: block;
	}

input.small 
{
font-size: 85%;font-weight:bold;
width:110px;
}

input.smalltickbox 
{
font-size: 85%;font-weight:bold;
}

input.medium 
{
font-size: 180%;font-weight:bold;
position: relative;
top:5px;
}

input.medium2 
{
font-size: 180%;font-weight:bold;
position: relative;
top:0px;
}



input.mediummid{
font-size: 180%;font-weight:bold;
text-align:center;
color: #900;
border: 3px double #FC6;
position: relative;
left:400px;
top:5px;
}

input.uploadbutton{
font-size: 120%;font-weight:bold;
text-align:center;
color: #900;
border: 3px double #FC6;
position: relative;
left:0px;
top:0px;
}

a.nicebutton, label.nicebutton, input.nicebutton{
font-family:LATO;
font-size: 150%;
text-align:center;
color: white;
position: relative;
left:0px;
top:0px;
display: inline-block;
background:transparent;
padding:10px 15px;
border-radius:5px;
margin:5px;
border:1px solid white;
text-decoration:none;

}

label.nicebutton{
	background:#DEDEDE;
	color:#212D40;
	width:80px;
	margin:0px;
	border-radius:0;
	padding:5px;
	font-size:140%;
	font-weight:normal;
}

a.nicebutton:visited{
	background:#FF7A00 !IMPORTANT;
	color:white;
}


label.nicebutton:hover, a.nicebutton:hover{
	background:#00A2BC;
	color:white;
	cursor:pointer;
	}
	
 input.nicebutton:hover{
	 background:white;
	 cursor:pointer;
	 color:#00A2BC;
 }
	
a.nicebutton:focus{
	background:#00A2BC;
	color:white;
	}

[type=radio].nicebutton, [type=checkbox].nicebutton{
	display:none;
}

input:checked+label.nicebutton {
    background: #FF7A00;
  color:white;
}

input[type=checkbox]:checked+label.nicebutton {
  background: #FF7A00;
  color:white;
}

input.hidetiny
{
font-size: 1%;
}

#Email{
	max-width:170px;
}

a.SpeshVidButton{
font-size: 140%;
text-align:center;
color: white;
border: 1px solid white;
position: relative;
left:0px;
top:0px;
display: inline-block;
padding:5px;
border-radius:10px 0 0 10px;
text-decoration:none;
background: #00A2BC; 
margin:0; 
border:0; 
vertical-align:middle;
}

span.welcome 
{
z-index:-1;
font-size:9pt;font-weight:bold;color: black;
}


input.textbox{font-size:7pt;font-family:Arial;width:4em;color: black;height: 2em}
input.textboxauto{
	font-size:12pt;
	font-family:Lato;
	width:80%;
	max-width:200px;
	color: black;
	text-align:center;
	box-sizing:border-box;}
	
textarea.textboxauto{
	font-size:12pt;
	font-family:Lato;
	width:95%;
	color: #222222;
	text-align:center;
	height:1.25em;
	max-width:300px;
	resize:none;
	transition:all 0.5s ease-in;}

textarea.textboxauto:focus{
	height:4em;
	background:#E3F2F1;
}
	
input.largerradiobutton
{
	width: 40em;
	height: 30em;
	 display: inline-block;
     font-size: 10px;
     line-height: 1em;
     margin: 0 0.25em 0 0;
     padding: 0;
     width: 10em;
     height: 2.5em;
     vertical-align: text-top;
	 border: 1px solid #111;
	 background: black;
     color: black;
}

.StepClass{
	 text-align:left; 
	 padding-left:10vw; 
	 padding-right:10vw; 
	 padding-top:15px;
	 padding-bottom:15px;
	 border-left:6px solid #FF7A00;
}

input.Smile{
	display:none;
	margin:auto 0;
}

label.Smile{
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:50%;
	border:5px solid transparent;
	transition:all 0.3s ease-in;
}

label.Smile1, label.Smile2{
	display:inline-block;
	width:25%;
	max-width:25%;
	max-height:19vw;
	height:180px;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0;
	border:0;
	padding:10px;
}

label.Smile2{
	width:33.3%;
	max-width:33.3%;
}

label.Smile1 > img, label.Smile2 > img{
	max-height:180px;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}

label.Smile1:hover, label.Smile2:hover{
	background:#BABABA;
	cursor:pointer;
	border:2px solid #00A2BC;
	border-bottom: none;
}

input[type="radio"]:checked+label.Smile1, input[type="radio"]:checked+label.Smile2{
	background:#b3b3b3;
}

label.Smile > img.Smile{
	width:40px; 
	height:40px;
	filter:grayscale(.8);
	transition:all 0.3s ease-in;
}

input[type="radio"]:checked+label.Smile1 > img, input[type="radio"]:checked+label.Smile2 > img {
		filter:invert(1) brightness(1.7);
}

label.Smile:hover{
	border-radius:50%;
	border:5px solid #FF7A00;
	cursor:pointer;
}

label.Smile:hover > img{
	filter:grayscale(0);
}

div.SmileBox{
	background:#CCCCCC;
	margin:0; 
	padding:0; 
	box-sizing:border-box; 
	width:100%;
}

div.switchBox{
	margin-top:-40px;
	background:#b3b3b3;
	width:100%;
	max-width:320px;
	max-width:99vw !IMPORTANT;
	height:100%;
	padding-top:50px;
	position:relative;
	z-index:-1;
	display:none;
}

.switchBox > input{
	max-width:320px;
}

input[type="radio"]:checked+label.Smile {
	background:#00A2BC;
}

input[type="radio"]:checked+label.Smile > img {
	filter:grayscale(0);
}

input[type=range].NPSlider {
  -webkit-appearance: none;
  width: 100%;
}
input[type=range].NPSlider:focus {
  outline: none;
}
input[type=range].NPSlider::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  border-radius: 7px;
}
input[type=range].NPSlider::-webkit-slider-thumb {
  height: 32px;
  width: 15px;
  border-radius: 5px;
  background: #00a2bc;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}

input[type=range].NPSlider::-moz-range-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  border-radius: 7px;
}
input[type=range].NPSlider::-moz-range-thumb {
  height: 32px;
  width: 15px;
  border-radius: 5px;
  background: #00a2bc;
  cursor: pointer;
}
input[type=range].NPSlider::-ms-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].NPSlider::-ms-fill-lower {
  background: #2d323b;
  border-radius: 14px;
}
input[type=range].NPSlider::-ms-fill-upper {
  border-radius: 14px;
}
input[type=range].NPSlider::-ms-thumb {
  height: 32px;
  width: 15px;
  border-radius: 5px;
  background: #00a2bc;
  cursor: pointer;
  height: 20px;
}

 h3.Under{
	vertical-align:top;
	z-index:1;
	font-size:80%;
	font-weight:normal;
	padding-bottom:30px;
	word-wrap:normal;
}

 h2.Under{
	vertical-align:top;
	z-index:1;
	font-size:150%;
	font-weight:normal;
	padding-bottom:30px;
	word-wrap:normal;
	font-variant:normal;
}

 .NPSlider{
 background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.5, #78BC40),
        color-stop(0.5, #C5C5C5)
    );
		margin-bottom:30px;
 }


#PopUpBackGround
{
    z-index: 1400;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*filter:alpha(opacity=70);*/
    opacity: 0.7;
    display: none;
    background: #333;
    padding-top: 15%;
    padding-left: 15%;

}

.red { color: rgb(200,0,80) ;font-weight:bold; }  
.green { color: #0F0; }
.blue { color: rgb(0,40,200);
/*font-weight:italic */
}
.NA{font-size: 8px;font-weight:italic; }
.Black{}
.Green {color:009900; font-weight:bold; font-size: 12px; }
.Blue{ font-size: 12px;}


div.content{
 height: 410px;
width: 3015px;
overflow: auto;
border: 1px solid #666;
background-color: rgb(256,256,256);
padding: 0px;

 }

div.header{
 height:auto;
overflow: none;
border: 0px solid #666;
background-color: rgb(256,256,256);
padding: 0px;

 }

 
div.headerauto{
 height:auto;

overflow: none;
border: 0px solid #666;
background-color: rgb(256,256,256);
padding: 0px;

 }
 
 
 div.sidebar{
  position:absolute;
  top:40px;
  right:0;
  width:100px;
  background:#ccc;
  }
  div.myfirstDiv{
  position:relative;
  display: inline;
	width: 33%;
  /*border: 5px solid #666;*/
  margin: 1em;
  }
  
   div.mysecondDiv{
  position:relative;
  display: inline;
 width: 33%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
     div.mythirdDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
       div.myfourthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
       div.myfifthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
    div.mysixthDiv{
  position:relative;
  display: inline;
	width: 33%;
  /*border: 5px solid #666;*/
  margin: 1em;
  }
  
   div.myseventhDiv{
  position:relative;
  display: inline;
 width: 33%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
     div.myeighthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
       div.myninthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
       div.mytenthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
       div.myeleventhDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
  
        div.mytwelfthDiv{
  position:relative;
  display: inline;
 width: 25%;
  /*border: 5px solid #666;*/
   margin: 1em;
  }
  
  /*color: #0110;*/
 
/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; background-color: #c0c0c0; }

a.skinnybutton{
	padding:3px 10px;
	color:white;
	letter-spacing:2px;
	border:1px solid white;
	border-radius:8px;
	margin:15px auto;
	line-height:30px;
	font-size:180%;
	font-weight:normal;
	text-decoration:none;
	display:block;
	max-width:50%;
	text-align:center;
}


a.skinnybutton:hover{
	color:#FF7A00;
	background:white;
	cursor:pointer;
	}

#popup a, #popup a:visited {
	position: relative;
	display: block;
	width: 130px;
	line-height: 30px;
	text-align: right;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #666;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

#popup a span {
	display: none;
}

#popup a:hover { 
	background-color: #e9e9e2; 
}

/* the IE correction rule */
#popup a:hover	{
	color: #f00; 
	background-color: #e9e9e2;
	text-indent: 0; /* added the default value */
}

#popup a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 170px;
	width: 320px;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: left;
	border: 1px solid #666;
}

div#ILoveCookies{
	background:#FF7A00;
	position:fixed;
	width:100%;
	bottom:0;
	text-align:center;
	padding:5px;
	font-size:110%;
	z-index:10;
}


input#Product{
	width:60%;
	font-size:120%;
	font-family:LATO;
}

/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index:100;*/
	/*z-index: 0;*/
}

.thumbnail:hover {
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
	z-index:100;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0px; 
	/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; 
	position: absolute;
	float: right;
	top:-25px;
	z-index:1;  
	width: 302px;
	/*top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	/*left: 300px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index: 0;*/
}

.thumbnail2:hover { 
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
	border-width: 0px;
	/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; width: 208px;
	top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { 
	text-decoration:none;
	z-index: 50; 
}

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 
/*
a.thumbnail2 img:link { 
	border: 2px solid #e9e9e2; 
	background: transparent; 
}

a.thumbnail2 img:visited { 
	border: 2px solid #e9e9e2; 
	background : transparent; 
}
*/
a.thumbnail2 img:hover { 
	border: 2px solid #f00; 
	background : transparent; 
}

a.thumbnail2 img:active { 
	border: 2px solid #e9e9e2; 
	background : transparent; 
}

a.thumbnail2 img { 
	border: 2px solid #e9e9e2; 
}

  /*input[type=checkbox2],
   input[type=Radio] {
     display: inline-block;
     font-size: 10px;
     line-height: 1em;
     margin: 0 0.25em 0 0;
     padding: 0;
     width: 1.5em;
     height: 1.5em;
     vertical-align: center;
	 border: 1px solid #111;
	 background: blue;
     color: blue;
     font-family: helvetica, sans-serif;
     background: -webkit-gradient(linear, left top, left bottom, from(FFFFFF), to(99CCFF));
     
 	 -webkit-box-shadow: 1px 1px 1px #333;
   }
*/

   input[type=Radio] {
      -webkit-border-radius: 1em;
	   /*background: blue;*/
    }

   input[type=checkbox]:checked {
     /*background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%FEIDATx%DA%EC%98%DFo%1BE%10%C7g%ED%E4l%E7~%F8%9C%8B%7F%C5%8DS%D2%26P%01UQ%1E%10%12R%11%12B%AAx%E0%8D'%FED%D47J_%10%FF%00%20%F5%01%15%119!n%1C'%25%C9%D9%17%FBn%EFb%2F%D3Y%9Du%89%83%E4%CD%0FP%D1%ADV%D1%C6%3B%E7%FB%F8%BB%B33%B3%CB677%E1mh%19xKZ%0A%9A%82%A6%A0)h%0A%9A%82%A6%A0Wjs%D7y%98%C5%03q%13f7%0F%CA%A8g%12%CB1%26%08A%83%E4bM%2C'f%13%CB%5B%07e%F4%0C%F6y%FA%9B%A1w%9F%25%FA8%A6%9CK%F4%89Y%14%9B%89%5B%05%95%94%1A%C0%02%F5%3C%E1%22A%000%00%F0ip%16%7F%2F%CE%16%00t%1Ad%08%11g%87%D4A%9D5%BB%BC%BC%ACJi%018%00%15%80%3A%C0%E3%93%93Q%3E%9Fc%2C%9BX%FA%2C%C1%15%01%96%00%AA%00%CBB%7C%EA%BA%BCP%D0hJ%C4%94j%A0%F5z%7Dv%D0yR%08)%F1%C7%AD%02%3C%E9v%1F%ED%EE%3E%1C%0E%5D%DB%96%8B%3B%22K%042%E9%97%AC%00%AC%09%F1M%AB%B5%D1%ED6%18%EB%1B%06%90%B4!%B1%8ETX%15%40%A5N%16%89%84%94_v%BB%D5N%A7%83%9Fp%FE%81%EF%F7K%25%60L%FE%18%83(%9B%00%1BB%7C%D5jA%AF%B7%8F%F2%7B%DE2c%87%86%E1%93%93%84%09%87%9E%E9%ED%B5ZmF9'%0B%8A%0F%3C98%40%CA.%BD%AF%8Fd%9Co%F8%FE%90tE%BF%2C%014%00%D6%85%F8%7C%7B%3B%EA%F5%DA%24%1E%C2U%3C%AF%94%C9%B4t%DD%A3%7F%A38%08%DC%A4%A2%2C%A1%E8c%D7%FD%A8%DD%EE%10%A5l%92u%CD%F7%C1%B6M%C6P%F2w%84%F8x%7B%3B%24J%D9F%B4%99%9A%9E%E7%17%0A%7F%E4%F3%B8%F9%F8m(*%23%8E%DC%EF%A3%5C%EE%91%EF%9B%9C%F7%13%B3%92%B5%E1%FB%E3b%D1%16%E2%C1%CEN%92R6%F4%EC%C8%B2%9E%D5j%7F%01%9C%12%E8%ECn%9A%ADV%AB%B3%D8%89XTt%C1%1C%C0%89m%7F%E8%FB%C6e%AC%15%DF_t%DD%B0%DF%BF%40%89%1Bk%DE%B2%9E%DE%BD%DBf%EC(%01%0A7%0B%0Aq%8E%91A%0A%89%FB%C5%E2%7BA%A0O%B1%8E8%1Fr~8E%99%B3%AC%E7%AB%AB-%C6%D0%B3O%12%3E%3A%2Bh%A5R%99%3D%98%89%F3%7DP%2C%DEC%5D%C30%C9%CA%A9_%A0%D4%2C%EB%A7f%F3w%C6v%01%5E%03x%8A%EB%AE%06%3A%C9%E6%E3D%60g%C5b%23%08.%B0%5E%A44%CD_%9B%CD%97%8Cm%03%A0%9C.%C9%A9%14%9B%DE%BC%AB%5C._AQ%20g%5D%A0%C0%3E%B6%ACr%10%8C%C3%90O%D9c%2C3Mskee%9F%B1%1D%00%8C%A6G%94l%23E%CA%EB%D6%A3%E2%16%2CoFQY%13%15(%9A%E2cw(%5E%BE%FF%EAU%E8y%87%97%D9%A3%C6%E8%15%A8w%CF4%7B%B4%D3%03%92st%85%5C%BF%B4%B4%A4D)%93%93%CC%A2%EF%0A%F1%C9%DE%5E%E4y%ED%7F~%AAO%AC%0D%CE%915%A0%1C1I%9EJ%ACj%A0%1A%15%25e%CA%E3H%F9%05R%9E%9E%B6%A7%FC2%7F~%E3K%D6%7BApD%AC%01%CD%9E%A9%E6z%C7qf%07%C5PoSuw_%88%AF%3B%9D%B3)J%DC%E3%A6a%2Ch%DA%858%20Y78o%1B%86G%25%A9r%1C%9D%11T%A6%A5%02%816%84%F8v%7F%9F%5DF9o%18%5B%F5%FA%B1i%96%C3p%9A%D5%0C%C3u%CE_%18%86K%AC%A1RQ%B2%B8%B88%7B%99%97%A3m%F4%D9%E9%E9%83%E3%E3%FD%F3%09%F0%0D%A5%AE%FFR%AF%EF1%86%89%A7g%18w87%A2(%C9%8A%8B%EE%84%A1%97%CB%BD%D44%D5%98%AF%00%9A%A1%D8%89%A2%06%9A%B6%C2%18%D6%1F~%CC*)%7F%AC%D5~KDu%D70%EE%A3%AE1%ABF%F5%E1%9F%8E%F3%DC%B2%AE%90%9C%14%40Y%7C%A6%C3%BD%E2%16%0Aw%B0%9C%23V%AC%89%B2%BA%FE%7D%AD%26s%0F%96%7F%C7%14%D5%03%2C%3E%0Cc%23%0C%CD(%0A%88%F2%B5%E3%3C%2B%95%3Aq%D8%0F%95%7C%B4%84%95%B9%CA)%5E%96%26(C7%9Fw2%99U%DF%0Ft%FD%BBju%8Br%8F%84%90u1%A7%B5n%EB%FAz%18.E%D1%8E%E3%FC%60%DB%E8%D6%07T%94%0C%15w%BD%C2)T%9Ew%87%24%18%10%CA%A1mo%CE%CD%BD%D0u%97*7%FC%BC%17%07%A6%90%96%15%C78%D5%AEV%1F%0E%06%3F%D3%1E%3A%A6%3ET%CF%F5lmmM%F5%B8%9C%A3h*%CF%C1Z%7C%CC%18%C4Ag%14%EF%BC%02%15%03%3A%0D%B2%84.O%D5%838%8E*e%26%B5s%BD%88%8F%ED%F2%2C%2F%0B%D3%C9%CDB%94%D0I%C4%25%92%1F_%40%8C%CE%9B%DD%EE%05%C4%84uL%0A%C9%3AZ%5Cv%A53%8E%0F%C4%7C%CAl%FC%EF%5C%E9H%D6%D1%0C%B7_%E3%FF%FC%92L%B5x%BB~%8D%97%5E%E4%A6%A0)h%0A%9A%82%A6%A0)%E8%FF%1E%F4o%01%06%00%DBBF5c%12Wd%00%00%00%00IEND%AEB%60%82") no-repeat center center;
     */
	 -webkit-background-size: 28px 28px;
   }
   
  /* input[type=Radio]:checked {
      background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04)IDATx%DA%EC%99%DFo%DB6%10%C7IY%B6%E5%DF%89%DD%FChf%23%C0%DE%BA%3D%E6%0FX%81%BE%F6%FF%DD%5E%F7%D8%F7%01-0%F4%07%10%BF%AC%F1%8C%DA%B1%23%CB%94x%3D%1Cq%04e%25-%958%DB%82I8%10%B2M%8A%1F%7D%C9%3B%1Eiyqq!%9E%C2%15%88'rU%A0%15h%05Z%81V%A0%FF%13%D0%F0%E1%8F%90%1Eu%E0%DF%02%95%85%D2%DC%C8%3C%1C%E4A%E1%01%D0%E1%BD%11%25O%1D%C9%A5%BCMH4%CD%A5%2C%A0%3F%16%A8t%40k%5C%06%8E%D9%0A%16%D1ZF%DFd%F7%9D%0FaYJ%AB_%8D-t%CA%1DP%C4J%B9%0C%98%D2%BC%40Y%D6%F0%1E%94%01%93%A15%84%A8%93%99%8F%01%C7%11%A3bJ%A6%C8%B6t%2F%19%B7%2CkX6%98%19%CA%3A!%A25%C9%1AL%5Cs%403%E6CK%E8%A7m~%1Eg%A5%86%1E%00J%05%A0%80%85D%BEH%88%16%9B%C15%13%40%F0p%1B%C4%98%C5%DE%99%BE%A5%26k%89%A1%B73%D2P%22%5C%5B%88%8E%10%5D%BAi%13w%C3Q%14)7B%DCP%E5%22(%F0%FB%C0~%15%05G%CE%3A%83%22%E2%40%88%BE%10%3D!%C6q%FCb6%3B%B9%BE%EE%24(%A2X7%9B%7F%F5z%EF%9E%3D%BBl%B5%AE%A9%95d!3%C7%60%EF%8A%06%AC%E8%0E%E5%A1%10%23%AD%7F%B9%BC%3C%9A%CFgB%7C%A4%B1%C6%AB%99%24%FD%24y9%9B%5D%0D%87%BFO%26%B5%20%10y%D0%D4%09%5B%3EW%ED%F4%F4%D4%C7%DFw%B4%EC%90%8A%07B%1Ci%FD%FA%FD%FB%60%B9%FC%40%A3%9C9%8E%82%1F%11%7D%88J%AFV%D3%83%03%25e%CAq%20%CD%8B%0A%1E%A2%D6NNN%3C'%A8%F1%F4%88%A6c%97F%7C(%C4%AB%E9%14)%A7w%B7%5Dbe%A5~P%EA%B2%DF%DFr%A8R%B7%B1%EEa%8EB%DE%E5%8D%AE%88%3B%89%E3%E3%F9%FC%ED%F7%9A%E3k%BC%98%CF'%A3%D1%AA%D5Zsp%08%EE%C8%0A%1E%04%BA%E3%F8uv%FC%9Fq%0A%FA%B5%BD%A2%CA%1F%C6c%1B%C2%EC2%06%8F%01jc%BE%09RG%EB%F5G%BF%B6%E8%F8%3F%AE%D7%0D%00w%F5%92%8E%D7%EFm%E8!%1F%01%8C%7B%B5%94%DA%FA%81b%B5H%A9%00%40%DE6%E8%3E%A0O'%C3%F7W%D4%A6%95%D6a7a%D8P*%F1%E8%A6A%953%00%1BA%ED%03%F79G5%E7l%99%13%AE%91%EFs%BB%DD%5B%2C%7C%40%7BT9%01H%0B%2B%93%F6%1Cz%F0%BBP%0C%8D%DD%00(%80-%C0%06%20%06%F8%E3%F0%F0%C8o%E0%B0%1AV%8E%A9%E1%96%1E%92%D2%033%F0%BD%7C%15%D5%2C%A4%22-M%B6%F1%A9%D9%FC%3C%18%8C%17%8B%E97%9B%8FQ%CE%C1%00%2B%DF%20(5%B7%01_%7B%2BZ%1B%8DF%9EYs%E0%EC%3Dj%7C3%EBt~%BA%B9%E9%A6%E9%F2n%CA0%8A~%3B%3B%C3%E5tAqjM%89%DF%86q%7DA%87%C3%E1w%3DI%16p%ED%F6%08%BB%C1%B5q%92%A6%E7%944e%BC%DC7)_9G%B8~%FF%D7%E7%CF%AF%A4%FCB%A0%2B%1A%0AW%D7%9D%DC%F4%FE%A0.n%90%DF%E2%19%25%B0%BFO%9D%CE%A2%DD%C6%A1%99h%7D%AE%F5%19f-%F5%FA%B2%DB%7Ds%7C%FCf0%F8%5B%88%2Fd%2BGN%9B%9D%C0%1E%D3%3C%60%F1%94%B3m%B2%3F)%EAx%15E%7FF%D1N%E2%1C%93~kB4%16%B3%96%8A%85%DCg%E2l%23%94%A0%0E%DC%E0%9A2P%C4%99%BC%BB%151ngpc%D6%D2%80f%8E%9C%FBTT%B0%A8%99%F3%A5%E68%B0!%CA%5B7w%09%E3%9A%9B-Sj%EFU%BEtR%B2%B3%90%80%B3%833%F9%94%CD%89%84%B3%40l%F3%DBe%C5%DF%EB2r%96%D8%8A%80%83%EB.%AA)%0B%19%B2%9C%D2%D1%DB%1E%40(g%ED%D5%E5)%CB%ED%EB!%1F%FF%0D%8A9%FF%A89N%E6%82%BAk%AF%BBC*KY%FA%00%02%9C%20%60%BA%0F%B8%FC%F6!%99.L%CA%C7%3D%24%13%F9%E38%E9%10%C8%C2Q%05%14%EA%FF%A3%C7%8EE%88%FF%F4A%EE~!%AA%3F%1B*%D0%0A%B4%02%AD%40%2B%D0%A7%07%FAU%80%01%00%CB%CE%9B*%C4!%CE%AD%00%00%00%00IEND%AEB%60%82") no-repeat center center;
      -webkit-background-size: 40px 40px;
	  -webkit-border-radius: 2em;
    }
	*/
	/*
	.blueradio{ width: 1.5em;
     height: 1.5em;
     vertical-align: center;
	 border: 1px solid #111;
	 background: blue;}
	*/
	
	select{
		color:#212D40;
		font-family:Lato;
	}
	
	div.PopupSection{
		width:100%;
		border:1px solid #CCCCCC;
		background:#DEDEDE;
		border-radius:10px;
		position:relative;
		z-index:1;
	}
	
	.PopupSection > *{
		width:80%;
		margin:5px auto;
		text-align:center;
	}
	
	a.SuperShiny{
		background:#00A2BC;
		padding:5px;
		border-radius:50%;
		width:20px;
		font-size:200%;
		cursor:pointer;
		float:right;
		margin:7px;
		color:white;
	}
	
	#VidVal{
		background:#FFFFFF;
		width:200px;
		height:30px;
		line-height:30px;
		display:inline-block;
		vertical-align:middle;
		border-radius:0 10px 10px 0;		
		}
		
		.Elastic{
			font-size:120%;
			color:#00A2BC;
			font-family:LATO;
			max-width:90vw;
		}
	
	
label.standard{
	padding-left:.3em;
	padding-right:1em;
	font-size: 12px;
	font-family: helvetica;
	}	
	
label.small{
	padding-left:.3em;
	padding-right:2em;
	font-size: 8px;
	font-family: helvetica;
	}		
	
label.standard:hover {
   /* background:#FFA500;
	font-size: 10px;*/	
}
	
	
label.rad{
    /*background:#aaa;*/
    color:#fff;
    border-radius:8px;   
    padding:0em;
	padding-left:1.3em;
	padding-right:1.3em;
	/*padding-bottom:1em;*/
    margin:0em;
    cursor:pointer;
	/*width:10em;*/
	font-size:20pt;
}

label.rad:hover {
    background:#ccc;   
}


 label > input{ /* HIDE RADIO */
   /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}


label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}


label > input + span{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}

.IainPopup{
	position:relative;
	style="text-align:center; 
	padding:10px 0px;
	font-size:140%;
	font-weight:bold;
	border-radius:30%;
}

.IainPopup .IainPopupText{
	visibility: hidden;
    width: 400px;
	top:100%;
	left:50%;
	margin-left:-200px;
    background-color: #002130;
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
	position: absolute;
    z-index: 1;
	opacity:0;
	transition: opacity .5s;
}


.IainPopup .IainPopupText::after{
	content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #002130 transparent;
}


.IainPopup:hover .IainPopupText{
	visibility:visible;
	opacity:1;
}

.IainPopup:hover{
	background:#DCE6FF;
}

img#Avatar{
	width:80%; 
	padding-top:10px;
}

Table.FloatyTable{
	max-width:15vw;
	position:fixed;
	right:0;
	top:127px;
	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;
}

input#Mobile1{
	max-width:50px;
	margin:5px;
	margin-right:0px;
}

input#Mobile2{
	max-width:120px;
	margin:5px;
	margin-left:0px;
}

ourpeople{
	display:block;
	width: 118px;
	height: 50px;
	background: url(/images/our-people.gif) top center no-repeat;
	text-decoration: none;	
	margin-top: 4px;
	border-right: 1px solid #000000;	
	border-left: 1px solid #0B3959;
}

td#IMGBox1{
	padding:0 !IMPORTANT;
	background-size:cover;
	background-image: url('./Smiley/Tacky1.jpg');
	filter:grayscale(.4);
	height:200px;
	max-width:50%;
	
}


td#IMGBox2{
	padding:0 !IMPORTANT;
	background-size:cover;
	background-position:center;
	background-image: url('./Smiley/Tacky2.jpg');
	filter:saturate(1.6);
	height:200px;
	max-width:50%;
}

.Slippy{
	height:200px; 
	overflow-x:scroll; 
	overflow-y:hidden; 
	padding:0; 
	white-space:nowrap;
}

.Slippy::-webkit-scrollbar{
	background-color:#596475;
	height:10px;
}

.Slippy::-webkit-scrollbar-thumb{
	background-color:#8b96a7;
	border-radius:20px;
}

img.tackyIMG{
	padding:0;
	height:100%;
	width:auto;
}

  
  input[type=radio],
  input[type=checkbox]  {
  position: absolute;
  opacity:0;
  z-index:-1;
	}
  
  .Green{
	  background-color:#639A35 !IMPORTANT;
  }
  
  div.Green{
	  background-color:#78BC40 !IMPORTANT;
  }
  
  input[type="radio"]:checked+label.Green{
	  background-color:#78BC40 !IMPORTANT;
  }
  
   iframe{
	  height:600px;
	  box-sizing:border-box;
	  width:100%;
   }
   
   table.Popup{
	   background:#DDDDDD;
	   width:100%;
   }
   
   table.Popup td{
	   padding:5px;
   }
   
   .stage2{
	display:none;  
   }
   
  .bulky {
  color: #222222;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 15px;
  box-sizing:border-box;
  margin-right:-5px;
  background:#FFF;
  position:relative;
  overflow:hidden;
	}
	
label.swallow::before {
  content: " ";
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid #00A2BC;
  border-radius: 4px;
  z-index: -1;
}
	
label.swallow {
  position: relative;
  display: block;
  margin:0 auto;
  padding-left: 20px;
  padding-right: 10px;
  line-height: 36px;
  cursor: pointer;
  color:#00A2BC;
  font-size:14px;
  z-index:2;
}
	

	
	input[type="checkbox"]:checked + label.swallow,
	input[type="radio"]:checked + label.swallow
	{
  padding-left: 10px;
  color: #fff;
	}
	
input[type="checkbox"]:checked + label.swallow::before,
input[type="radio"]:checked + label.swallow::before
{
  top: 0;
  width: 100%;
  height: 80%;
  background: #00A2BC;
}
	
label.swallow,
label.swallow::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
	
input[type="radio"] + label.swallow::before {
  border-radius: 18px;
}
	
input[type=radio]:checked + label.bulky{
  color:#FFF;
  background: #00A2BC;
	}
	
label + input[type=radio] + label.bulky {
  border-left: 2px solid #333333;
}
	
label.bulky:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 2px;
	background: rgba(255, 255, 255, .5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(1, 1) translate(-50%);
	transform-origin: 50% 50%;
}

.nicebutton:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 2px;
	background: rgba(255, 255, 255, .5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(1, 1) translate(-50%);
	transform-origin: 50% 50%;
}
	
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
	
.nicebutton:focus:not(:active):after{
  animation: ripple 1.5s ease-out;
}
	
input[type=radio]:focus:not(:active) + label.bulky:after{
  animation: ripple 1.5s ease-out;
}

	
   label.swallow{
	   line-height:auto;
	   margin-top:5px;
	   margin-bottom:5px;
   }
   
   div.bulky{
	   color:#FFF; 
	   background:#333;
   }

   
	.radiogroup {
  border: 2px solid #333333;
  display: inline-block;
  margin: 20px;
  border-radius: 10px;
  overflow: hidden;
	}
 
.highlight{
	box-sizing:border-box;
	outline:2px solid red;
}

td.flx{
	display:flex;
	position:relative;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;	
}

div.fiddy{
	width:50%;
	max-width:300px;
}

div#Fresh{
	position:fixed;
	top:0;
	right:0;
	height:20px;
	width:20px;
	border-radius:50%;
	background:MediumAquamarine;
}

div#Fresh:hover{
	background:AquaMarine;
}

div#Fresh:focus{
	background:OrangeRed;
}

.stretchHide{
	display:none;
	width:100%;
	background:#CCC;
}

input[type=checkbox] + label.swallow{
	display:inline-block;
	padding-left:30px;
	margin-left:10px;
}

#emailBox{
	max-height:0;
	overflow:hidden;
	transition:max-height .5s ease-in;
}

.flx{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:space-evenly;
}

.floatBox{
	text-align:center;
	background:#DDD;
	padding:5px;
	box-sizing:border-box;
	border-radius:5px;
	border:1px solid #CCC;
	font-size:120%;
	color:#00A2BC;
	margin-top:5px;
	margin-bottom:5px;
}

.floatBox label.bulky{
	background:#EEE;
}

.sliderDIV{
	position:relative;
	width:80%;
}

.filter{
	max-width:200px;
	color:black;
	padding:3px;
}

#ProblemSection{
	max-height:0;
	overflow:hidden;
	transition:max-height 1s ease-in;
}

.tabLinks:hover{
	cursor:pointer;
	background-color:orange;
}

.tabLinks span{
	display:block;
	position:absolute;
	background:#DCDCDC;
	padding:5px;
	box-sizing:border-box;
	bottom:0;
	width:100%;
}

.tabLinks{
	width:20%;
	min-width:140px;
	height:200px;
	position:relative;
	padding:0;
	background-size:contain !IMPORTANT;
	background-repeat:no-repeat !IMPORTANT;
	background-position:center 10px;
	transition:all 0.5s ease-in;
}

div.tabLinks:hover{
	cursor:pointer;
	background-color:orange;
}


input:checked + .tabLinks{
	background-color:#00A2BC !IMPORTANT;
}

#divFore{
	background-image:url("./Smiley/petrol.png") !IMPORTANT;
}

#divSuper{
	background-image:url("./Smiley/bigasssupermarket.png") !IMPORTANT;
}

#divConv{
	background-image:url("./Smiley/convenience.png") !IMPORTANT;
}

.highlight{
	outline:3px solid red;
}

*{
	max-width:100%;
}

	@media (max-width: 350px){
		h2{
			font-size:10vw;
		}
	}
	
	@media (max-width: 650px){
		h2{
			font-size:7vw;
		}
	}
	
	@media (max-width: 910px){
		.growBox{
			height:50px;
			vertical-align:bottom;
		}
	}
	
	@media (max-width: 510px){
		.growBox{
			height:70px;
		}
	}
	
	@media (max-width: 465px){
		.growBox2{
			height:50px;
			vertical-align:bottom;
		}
		div.fiddy{
			width:100%;
		}
	}
	
	@media (max-width: 360px){
		.growBox{
			height:85px;
		}
	}


	
/*end of hover popup links*/