/* ------------------------------------------------------------------------
	Master redefinition
------------------------------------------------------------------------- */

	* {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	p {
		margin: 0 0 10px 0;
	}
	
	body { 
		font: 62.5%/1.2 Arial, Verdana, Sans-serif;
	}


/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

	#page {
		margin: 0 auto;
		position: relative;
		maxwidth: 100%;
	}
	
	.thumbnail {
		display: block;
		float: left;
		margin: 10px;
	}


/* ------------------------------------------------------------------------
The Grid
------------------------------------------------------------------------- */

html {
  min-height: 100%;
}



body { width: 100%; margin: 0 auto; font-size: 62.5%; line-height: 1; padding-bottom: 200px; font-family: Arial, Tahoma, sans-serif; }
body
{

/*  background-image:url("https://www.virusclothing.com/virusphere/imagebac/bluemystic.jpg"),url("greengrunge.jpg");*/
/* background: rgba(225, 225, 225, .05);*/
background-repeat: repeat-y;
background-repeat: repeat-x;
background-position: 99%;
background-attachment: fixed;
background-color:transparent;
} 


/* ------------------------------------------------------------------------
	fading buttons
------------------------------------------------------------------------- 
.bottoni {
  background-color: #f4511e;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
}

.btn:hover {opacity: 1}




/* ------------------------------------------------------------------------
	turn all images greyscale
------------------------------------------------------------------------- 

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
*/





 BODY,td {
font-family : Verdana, Arial, sans-serif ;
}
A {

    FONT-WEIGHT: bold;
}

A:Hover {

    FONT-WEIGHT: bold;
}
	

 #tabletop{
position:absolute;
z-index:1;
visibility:visible;
left:56px;
top:0px;
width:100%;

}

 #tabletop a{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold;
color:#ff0000;

}

#tabletop, p
{
   font-weight:bold;
   color:#ff0000;
}

#tabletop input[type="text"],textarea,select
{
  font-family : Arial, Verdana, sans-serif;
  font-size: .8em;
  font-weight:bold;
  line-height:150%;
  width:70px;
  background-color:#eeeeee;
  color : #000; 
  padding : 2px; 
  border : 2px solid #999;
  float:left;   
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}
#tabletop input[type="password"]
{
  font-family : Arial, Verdana, sans-serif;
  font-size: .8em;
  font-weight:bold;
  line-height:150%;
  width:70px;
  background-color:#eeeeee;
  color : #000; 
  padding : 2px; 
  border : 2px solid #999;
  float:left;   
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#tabletop input[type="submit"]
{
  font-family : Arial, Verdana, sans-serif;
  font-size: .8em;
  font-weight:bold;
  line-height:150%;
width:40px;
  background-color:#eeeeee;
  color : #000; 
  padding : 2px; 
  border : 2px solid #999;
  float:right;   
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}


#tabletop input[type="text"]:focus,textarea:focus
{background-color : #ffff99;
}

#tabletop input[type="password"]:focus,textarea:focus
{background-color : #ffff99;
}


#header{
position:absolute;
z-index:1;
visibility:visible;
left:6px;
top:7px;
width:100%;
height:48px;
}



 #Oobsitev1{
position:absolute;
z-index:1;
visibility:visible;
left:0px;
top:7px;
width:100%;
height:48px;
}

 #Oobb9766{
position:absolute;
z-index:2;
visibility:visible;
left:-2px;
top:55px;
width:100%;
height:28px;
}

 #Oobj9767{
position:absolute;
z-index:3;
visibility:visible;
left:6px;
top:57px;
width:60px;
height:24px;
}

#Oobj9773{
position:absolute;
z-index:4;
visibility:visible;
left:48px;
top:57px;
width:80%;
height:24px;
}

.titop {
   width:100%;
}
.titop,h3{
   font-family : Arial, Verdana, sans-serif;
   font-size:1.0em;
   font-weight:bold;
   color:#ff0000;
    
}

.bodwrap {
  position: relative;
  z-index:21;
  text-align:center;
  float: left;
  width: 100%;
  height: 100%;
  margin-bottom: 1px;
  background: rgba(225, 225, 225, .05)

  }


/* Flips virus symbol */

.imgsym:hover {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}



/* Main folly eye mouseover thumb text link */
.containereye {
  position: relative;
  text-align: center;
  color: white;
}

.imageeye {
  display: block;
  width: 48px;
  height: 37px;
}

.overlay {
  position:relative ;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height:100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:transparent; 
}

.containereye:hover .overlay {
  opacity: 1;
}

/* Centered text */
.centered {
  position: absolute;
  top: 100%;
  left:1%;
  transform: translate(-1%, -99%);
}
*/

.centered {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:white;
}





/* Main folly eye mouseover thumb*/

/* Centered eyethumb pos */
.centeredthumb {
  position: absolute;
  top: 50%;
  left:1%;
  transform: translate(-1%, -1%);
}

.imageeyethumb {
  display: block;
  width: 165px;
  height: 130px;
}


/* Main thumb thumbwrap div this adds text to a thumbnail without expanding height-----------------------------*/

.containerbook {
  position: relative; 
  max-width: 165px; /* Maximum width */
  margin: 0 auto; /* Center it */
}

.containerbook .contentbook {
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 100%; /* Full width */
  padding: 0px; /* Some padding */
  top: 100%;
  left:1%;
  transform: translate(-1%, -99%);

}



 




/* ------------------WRAPPER defines product page height---wrapperV for virians
--------------------------------------------------------------------------------------------------------------- */


#wrapperP {
  position:relative;
  margin: auto;
  float: left;
  width: 100%;
  height:auto;

}

#wrapper{
  position:relative;
  top:70px;
  margin: auto;
  float: left;
  width: 100%;
  height:auto;
//height:1000px; 
}


#spacer {
  position:relative;
  z-index:1;
  visibility:visible;
  //background-color:red;
  left:0px;
  //top:85px;
  width: 300px;
  height:10px;
 // background: rgba(225, 225, 225, .05);

} 


#wrapperG {
  position:relative;
  top:85px;
  left:15px; 
//float: left;  
  width: 100%;
  height: 100%; 
  margin-bottom: 1px; 


  }

#results li {
    border: 0px solid #999;
    padding:2px 2px 2px 2px;/* ------------------------------grid thumbnail results padding------------------------------------------*/
}

.thumbwrap {
	border: 0px solid #999;
	padding: 0px 0px 0 2px;
	margin: 0;
    text-align:left;     
 
}

.thumbwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: bottom; /**/
   margin: 2px 3px 3px 1px;
//border: 0px solid #999;
	padding:5px 5px 5px 5px;/* ------------------------------grid thumbnail padding------------------------------------------*/
}


/* Main thumb text */
.thumbwrap a {
	display: block;
	text-decoration: none;
	color: #999;
    font-size:14px;
	background-color: #ffe;
	cursor: pointer;
   background: rgba(105, 105, 105, .1);	
-webkit-border-radius: 2px;
   border-radius: 2px;    

}




/*  Moz:  13px above not 0px ---thumb display size 40 not 199 --- size NO border thumbwrap 15px not 5  8px not 3px background-color: #eee,margin 16px not 5: thumbwrap lithumbwrap litext resize (risolubili con refresh) */

.thumbwrap li>a {
	/*\*/ display: table; /*below----background-color:#000000;*/
	width: 165px;
}




.thumbwrap img {
    width: 165px;
   height: 130px;
   	border:transparent;
	vertical-align: bottom;
    background-color:transparent;/*--------------------thumbnail---------background-color:#000000;*/    
    float: left;

}

.thumbwrap alt {
      
    color:#000000;    
}





.thumbwrap font {
	border: solid 0px #66f;
    
	vertical-align: bottom;
    padding: 2px 1px 0 3px;
-moz-transition:-moz-transform 0.1s ease-in; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in;
}


.thumbwrap a:hover {
	background-color: #000000;/* colour of thumb text background--and border on hover------------- */


-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
//box-shadow:1px -1px 2px 1px #000, inset 1px -2px 2px 1px #000;
}


.thumbwrap .caption {
	display: block;
	padding: .3em 5px;
	font-size: .9em;
	line-height: 1.1;
	width: 165px;  /* Moz, IE6 */
    background-color: #eee;
}


/* top ib e hover Op < 9.5 */
@media all and (min-width: 0px) {
	html:first-child .thumbwrap li a {
		display: inline-block;
	}
	/* older, Op 8 */
	html:first-child .thumbwrap li, html:first-child .thumbwrap li a {
		vertical-align: top;
	}
	/* extra shrink */
	html:first-child .thumbwrap {
		display: inline-block; /* non deve avere margin */
	}
}
 
/* <!--[if lt IE 8]>
.thumbwrap li {
	width: 165px;
	height: 130px;
	display: inline;
}
.thumbwrap {
	_height: 0;
	zoom:1;
	display: inline;
}


.text-block {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: black;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
}






<![endif]-->
 */

#view_cart{
      width: 55px;
      height:18px;
}


 .gss a img {border : none;}
    .gss {
      width: 165px;
      height: 130px;
      color: #dddddd;
      background-color: #000000;
      padding: 0px;
    }

/* ------------------------------------------------------------------------
search box
-------------------------------------------------------------------d3d3d3---888--- */
body{ font-family:Arial, Helvetica, sans-serif; }
*{ margin:0;padding:0; }
#container { margin: 0 auto; maxwidth: 320px; }
 
//a { color:#DF3D82; text-decoration:none }
//a:hover { color:#DF3D82; text-decoration:underline; }
a, button, input[type="submit"] {
    cursor: pointer;
}

ul.update { list-style:none;font-size:0.8em; margin-top:10px }
ul.update li{ height:10px; border-bottom:#dedede solid 1px; text-align:left;}
ul.update li:first-child{ border-top:#dedede solid 1px; height:10px; text-align:left; }
#flash { margin-top:10px; text-align:left; }
#searchresults { text-align:left; margin-top:20px; display:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; }
.word { font-weight:bold; color:#000000; }
#font-size:12pxsearch_box { padding:2px; border:solid 0px #ffff00;background-color:#eeeeee; width:99px; height:18px; ; }
.search_button { border:#000000 solid 1px; padding: 2px; color:#000;background-color:#eeeeee;height:23px; font-weight:bold; font-size:12px;  -webkit-border-radius: 3px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
 }
.found { font-weight: bold; font-style: italic; color: #ff0000; }
h2 { margin-right: 70px; }
#sea2{border:solid 2px #262626;background-color:#eeeeee; width:53px;height:25px;font-size:12px;font-weight:bold; }
#somaea{border:solid 2px #262626;background-color:#eeeeee; width:73px;height:26px;font-size:12px;font-weight:bold; }
#subsea{border:solid 2px #262626;background-color:#eeeeee; width:53px;height:24px;font-size:12px;font-weight:bold; }





#containerS input[type="text"],textarea,select,submit
{
  font-family : Arial, Verdana, sans-serif;
  
  border : 2px solid #ffa500;/* -------------------search box color------------------- */
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
 
}











/* ------------------------------------------------------------------------
orderFormRESmobile
------------------------------------------------------------------------- */

input,textarea,select {color:#000000;font-family:'Arial', Helvetica, sans-serif;font-size:11px;font-weight:normal;font-style:normal;text-decoration:none;}
  
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
//a:hover {color: #00ff80;}

/* __row
 * A row of columns, we define total page width here  max-width: 990px;*/
.row { width: 100%;  height:auto; margin: 0 auto; position:relative;
 }

/* __grid 
 * Master Grid Layout elements */
<!--
.fsx01 {font-size: 11px;}
.fsx02 {font-size: 12px;}
.fsx03 {font-size: 13px;}
.fsxv03 {font-size: 13px;color:#808080;}
.fsxv103 {font-size: 13px;color:#000000;}
.fsx04 {font-size: 15px;}
.fsx05 {font-size: 16px;}
.fsx06 {font-size: 19px;color:#000000;}
.fsx061 {font-size: 19px;color:#808080;}
.fsx07 {font-size: 21px;}
.fsx08 {font-size: 24px;}
.fsx09 {font-size: 27px;}
.fsx10 {font-size: 29px;}
.fsx11 {font-size: 32px;}
.fsx12 {font-size: 35px;}
.fsx13 {font-size: 37px;}
.fsx14 {font-size: 48px;}
.fsx15 {font-size: 64px;}
.fsx16 {font-size: 96px;}
.txdec {text-decoration: none;}
input,textarea,select {color:#000000;font-family:'Arial';font-size:11px;font-weight:normal;font-style:normal;text-decoration:none;}
.defformPass {color:#000000;font-family:'Arial';font-size:11px;font-weight:normal;font-style:normal;text-align:left;}
.defformgoodsfxorder {color:#000000;font-family:'Arial';font-size:11px;font-weight:normal;font-style:normal;text-align:left;}
.deforder {color:#000000;font-family:'Arial';font-size:11px;font-weight:normal;font-style:normal;text-align:center;}
.defform40 {font-family:'Arial';font-size:11px;}
.dfltt {font-family:Arial;font-size:11px;font-weight:normal;font-style:normal;text-decoration:none;text-align:left;color:#000000;}
.dfltc {font-family:Arial;font-size:11px;font-weight:normal;font-style:normal;text-decoration:none;text-align:left;color:#000000;}
a:link {color: #ff0000;}
//a:link {color: #000000;}
a:visited {text-decoration:none;}
a:hover {color:#00ff80;}
-->
.itemnumber, .itemname, .sizes, .shipping, .stock, .deforder, .rprice {
    position:relative;
    height:100%;
    float:left;
    margin-left: 2%;
}

.itemnumber2 {width: 10%; margin-left:0;}
.itemname3 {width: 100%; margin-left:0;}
.sizes4 {width: 100%; margin-left:0;}
.shipping5 {width:100%; margin-left:0;}
.stock6 {width: 100%; margin-left:0;} 
.rprice7 {width: 100%; margin-left:0;}
.deforder8 {width: 100%; margin-left:0;}
.colClear {clear:both;}



.quantity{
overflow: hidden;
color:#00ff00;
font-family:'Arial', Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
text-align:left;
border-width:1px;
border-color:#999;
border-style:solid;
background-color:#cccccc;
z-index:1;
height:30px;
}

.itemnumber{
overflow: hidden;

font-family:'Arial', Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
font-style:normal;
text-align:center;
border-width:2px;
border-color:transparent;
border-style:solid;
background-color:transparent;
z-index:1;
width:80px;
height:30px;

 }

.itemnumber{
color:#ff0000;/* -------item name text color ---color:#FF9900;orange----------------------------------------- */
}



.itemname{
overflow: hidden;

font-family:'Arial', Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
font-style:normal;
text-align:left;
border-width:2px;
border-color:transparent;
background-color:transparent;
border-style:solid;
z-index:2;
height:30px;
width:240px; 
}

.itemname{
color:#ff0000;/* -------item name text color ---------------------------------------------------------------- */
}




.sizes{
overflow: hidden;
color:#000000;
font-family:'Arial', Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
text-align:center;
border-width:2px;
border-color:#ff0000;
border-style:solid;
background-color:rgba(225, 225, 225, 0.5);
padding:1px;
z-index:3;
height:21px;
width:160px;
}
.shipping{
overflow: hidden;
color:#000000;
font-family:'Arial', Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
text-align:center;
border-width:2px;
border-color:#ff0000;
border-style:solid;
background-color:rgba(225, 225, 225, 0.5);/* -------dropdown background -----#cccccc----------------------- */
padding:1px;
z-index:4;
height:21px;
width:195px;
}




.rprice{
overflow: hidden;
color:#ffffff;
font-family:'Arial', Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
font-style:normal;
text-align:center;
//border-width: 4px;
//border-color:#ffffff;
//border-style:solid;
background-color:#262626;
opacity:0.6 ;
z-index:5;
line-height: 22px;
height:25px;
width:100px;
padding:3px 3px 3px 3px ; 
display:table-cell;
vertical-align:middle;
 display: block;

justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
 
  -webkit-border-radius: 7px;
  border-radius: 7px;


}



.rpriceW{
float:left;
overflow: hidden;
color:#262626;
font-family:'Arial', Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
font-style:normal;
text-align:left;
//border-width: 4px;
//border-color:#ffffff;
//border-style:solid;
background-color:tranparent;
//opacity:0.6 ;
z-index:5;
line-height: 22px;
height:25px;
width:100px;
padding:3px 3px 3px 3px ; 
display:table-cell;
vertical-align:middle;
 display: block;

justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
 
  -webkit-border-radius: 7px;
  border-radius: 7px;


}





.wprice{
overflow: hidden;
color:#00ff00;
font-family:'Arial', Helvetica, sans-serif;
 font-size:14px;
font-weight:normal;
font-style:normal;
text-align:left;
border-width:0px;
border-color:#999;
border-style:solid;
background-color:transparent;
z-index:6;
height:32px;
width:70px;

}


.stock6{

}




.stock{
overflow: hidden;
color:#262626;
font-family:'Arial', Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:normal;
text-align:left;
border-width:0px;
border-color:#999;
border-style:solid;
background-color:#ccccccc;
opacity:0.05;
padding:2px;
z-index:7;
height:15px;
width:170px;
 -webkit-border-radius: 3px;
  border-radius: 3px;
}

.stockW{
overflow: hidden;
color:#262626;
font-family:'Arial', Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:normal;
text-align:center;
border-width:0px;
border-color:#999;
border-style:solid;
background-color:#ccccccc;
opacity:0.5;
padding:2px;
z-index:7;
height:15px;
width:170px;
 -webkit-border-radius: 3px;
  border-radius: 3px;

}





.link{
overflow: hidden;
color:#00ff40;
font-family:'Arial', Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
text-align:left;
border-width:0px;
border-color:#999;
border-style:solid;
background-color:transparent;
z-index:8;
height:50px;
}


.mail{
overflow: hidden;
color:#00ff40;
font-family:'Arial', Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:normal;
text-align:left;
border-width:0px;
border-color:#999;
border-style:solid;
background-color:transparent;
padding:6px;
z-index:9;
height:21px;
width:80px;
}

/* ------------------------------------------------------------------------
OrderButton
-------------------------------------------------------------------------  */

.deforder{
  float:left;
  background:#d11717;
  color: white;
  border: 2px solid #eee;
  height: 25px;
  width: 70px;
  margin:5px 0 0 0px; 
  z-index:9;  
 
  overflow: hidden;
  text-align: center;
  line-height: 22px;
  font-family:'Arial', Helvetica, sans-serif;
  font-weight:bold;
  font-size:1.2em;  
  font-style:normal;
  display: block;
  cursor: pointer; 
/*display: flex;*/
display:table-cell;
vertical-align:middle;


justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
 



  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  /*Rounded Corners*/
  -webkit-border-radius: 7px;
  border-radius: 7px;
  
  /*Gradient*/
  
  /*Shadow*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);




}
.deforder:hover {
  background-color:transparent;
  cursor: pointer;
}


/* ------------------------------------------------------------------------
SizeShippingErrors
------------------------------------------------------------------------- */
 

label.error {
color:red;
font-weight:bold;
font-size:1.5em;
font-family:verdana, Helvetica;


	font-family: Arial, Helvetica, sans-serif;
	z-index:12;
    padding:5px;
    position:fixed;
    top: 80px;
	right: 50%;
	bottom:  20%;
	left:10px;   

	background: rgba(0,0,0,0.0);	
	opacity:4;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;



}
 






/* ------------------------------------------------------------------------
ProductTemplateRESmobile
------------------------------------------------------------------------- */
.moretxt p{
  margin:5px 0 0 10px; 
  width: 95%;
  height:auto; 
  color:#cccccc;  
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:1.3em;
  font-weight:bold;
  font-style:normal;
  left:10px;
padding:5px;
}


.thisstyle{
  margin:10px 0 0 0px;  
  color:#ff0000;
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;;
  font-size:1.1em;
  font-weight:bolder;
  font-style:normal;
 z-index:10;  
padding:3px;
}

.thisstyle p {
  margin:10px 0 0 0px;  
  color:#cccccc;
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;;
  font-size:1.4em;
  font-weight:bold;
z-index:11;
  font-style:normal;
  left:2%;
}
.creditcard{
    
  color:#66cc00;
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;;
  font-size:1.4em;
  font-weight:bold;
z-index:12; 
 font-style:normal;
  padding:6px;

}

 .creditcard p {margin:10px 0 0 0px;
  margin:10px 0 0 0px; 
  color:#66cc00;
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:1.2em;
  font-weight:bold;
z-index:13;
  font-style:normal;
  left:10px;

}








/* -------history text color and size--------------------------------------------------------- */

.MaintextH{
  padding:10px;
  color:#cccccc;
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;;
  font-size:1.0em;
  font-weight:bold;
  font-style:normal;
  

}

 .MaintextH p {
  top:20px;
  margin:0px 0 0 0px; 
  color:#cccccc;
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:1.0em;
  font-weight:bold;
//z-index:13;
  font-style:normal;
  left:10px;

}
.bottombac{
height:auto;
background: rgba(225, 225, 225, .01)
}

.warning{
  color:#FF9900;
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:1.2em;
  font-weight:normal;
z-index:14;
  font-style:normal;

  padding:3px;
}


.warning p{
color:#ff0000;/* -------warning text color and size--------------------------------------------------------- */
font-size:1.0em;
}

.gridlinker{
 text-align: center;
  height:auto;  
  color:#ff0000;
  text-align: center; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:1.0em;
z-index:15;
  font-weight:bold;
  font-style:normal; 

}

.gridlinker p{
 text-align: center; 
  color:#ff0000;
  height:auto; 
  text-align: center; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:1.0em;
  font-weight:bold;
z-index:16;
  font-style:normal;
  padding:6px;

}

 div.c1 {display: none}

.c1{
 color:#cccccc;
 margin:10px 0 0 0px; 
  width: 99%;
  height:auto;
  left:10px;
  padding:3px;

}

.tital{

        height:auto;
        text-align:left;
        font-family:'Arial', Helvetica, sans-serif;
        float:left;		
        position: relative;
        font-size:1.0em;
        font-weight:normal;
        font-style:normal;
        margin:10px 0 0 0px;
        width:99%;
		padding:3px;
	    
       	}

.info p{
font-size: 1.1em;

color:#808080;/* -------info text color and size------------------------------------------------------------ */

}

.info{
  margin:5px 0 0 10px; 
  width: 95%;
  height:auto; 
  color:#cccccc;  
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:1.1em;
  font-weight:bold;
  font-style:normal;
z-index:17;
  left:0px;
 
  padding: 1px 3px 1px 3px;

}

.linker{
  color:#00ff00;
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:small;
  font-weight:bold;
  z-index:18;
  font-style:normal;
  height:auto; 
  padding:6px;
}

.linker p{
   
  color:#00ff00;
  text-align: left; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:small;
  z-index:19;
  height:auto;
  font-weight:bold;
  font-style:normal;

}



.homeed{
  color:#00ff00;
  text-align: center; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:medium;
z-index:20;
height:20px;
  font-weight:bold;
  font-style:normal;

}


.homer{
  position:relative;
  top:1000px;// this is the bottom end of the content
  color:#00ff00;
  text-align: center; 
  font-family:'Arial', Helvetica, sans-serif;
  font-size:medium;
  z-index:21;
  font-weight:bold;
  font-style:normal;

}


.footer {
  
  background-color: red;
  position: relative;
  left: 0;
  bottom: 0; // this is the bottom end of the content, not the bottom end of the viewport
  width: 100%;
  height: 0;
}



/* -------scrolling product link search container------------------------------------------------------------ */

.container-outerPr { overflow: auto; overflow-y: hidden ;float:left;width:100%; white-space: nowrap; height:auto; }
.container-innerPr { left:20px;height:auto; max-width: 1200000px; white-space: nowrap; padding:0px 0px 0px 0px;cursor:pointer;} 

.resultsPr { overflow: auto; overflow-y: hidden ;float:left;width:100%; white-space: nowrap; height:auto; }





/* -------show link buttons on virus history--------------------------------------------------------- */

#containerS222{
//visibility:visible;
position:relative;
float:right;
top:6px;
width:40px;
height:30px;
padding:0px;
}

#containerS222 img{
//visibility:visible;
position:relative;
float:right;
top:0px;
width:25px;
height:25px;
}

#conS222 input{
float:left;
font-size:0.01em;
top:0px;
color:transparent;
background:transparent;
width:25px;
height:25px;
overflow:hidden;
border :0px;
cursor:default;

}

#search_buttonLink
{
 top:0px;
 float:right;
 height:25px;
 width:25px;
 opacity:0.7;
font-size:1.0em;
    text-align: center;
    font-weight:bold;
 border : 1px solid #ff0000;
 border-radius: 12px;
 display: inline-block;
 cursor: pointer;
}

.search_buttonLink:hover {
  background-color: #ff3434;
  cursor: pointer;
}


/* -------hide and show links-------------- */
.buttonLink{
    position:relative;
display:none;
    top:10px;
    float:right;
    height:27px;
    width: 27px;
    border: 1px solid yellow;
    opacity: 0.0;
    font-size:0.6em;
    text-align: center;
    font-weight:bold;
    color:#cccccc;
    font-family:'Arial', Helvetica, sans-serif;
    background-color:red;
  //transition: 0.2s;
  -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
  border-radius: 3px;
display: inline-block;
cursor: pointer;
}
 
.buttonLink:hover {
  background-color:orange;
}











#search_buttonLinkH
{
poition: absolute;  
top:10px;
float:right;
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
font-weight:bold;
  height:25px;
  width:25px;
  color : #262626;
  opacity:0.8;
  padding:5px;
  border : 2px solid #ff0000;
  background:#eee;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;

}


#lets_share{
      width: 22px;
      height:22px;
}





.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 130px;
height: 0;
overflow: hidden;
z-index: 4;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.frame {
font:14px arial;
border:none;
overflow:hidden;
border:0px solid black;
padding:5px;
}



/* ------------------------------------------------------------------------
zoom product image
------------------------------------------------------------------------- */
//* {box-sizing: border-box;}

//.img-zoom-container {
//  position: relative;
//}

//.img-zoom-lens {
//  position: absolute;
//  border: 1px solid #d4d4d4;
  /*set the size of the lens:*/
//  width: 40px;
//  height: 40px;
//}

//.img-zoom-result {
//  border: 0px solid #d4d4d4;
  /*set the size of the result div:*/
//  width: 300px;
//  height: 300px;
//}




/* ------------------------------------------------------------------------
modal contact
------------------------------------------------------------------------- */


.modalDialogtex p {
padding:8px;
font-family : Arial, sans-serif;
   font-size:1.0em;
   font-weight: normal;
   color:#333;

}

.modalDialogtex h3{
padding:2px;
font-family : Arial, sans-serif;
   font-size:1.1em;
   font-weight: bold;
   color:#ff0000;

}






.modalDialog {
	position:fixed;
	font-family: Arial, Helvetica, sans-serif;
	z-index:11;

    top: 100px;
	right: 0;
	bottom: 0;
	left:0;
	background: rgba(0,0,0,0.4);
	
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 270px;
	position: relative;

	margin: 5% auto;
    padding: 15px 15px 15px 15px;
	border-radius: 10px;
	background: #eee;
	background: -moz-linear-gradient(#fff, #999);

}

.modalDialogtex close {
	background: #606061;
	color: #FFFFFF;
	line-height: 30px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 30px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;

	border-radius: 12px;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #ff0000; }



/* ------------------------------------------------------------------------
etsyrss
------------------------------------------------------------------------- */

.container-outer3 {
 overflow: auto;
 overflow-x: hidden;
 font-family: arial;
 color:#dddddd;
 margin: 0 auto;
 width: 100%;
height: auto;
 }

.container-inner3 {
 width:100%;
 height:150px;
 background: rgba(225, 225, 225, .05);

 }   

.container-inner3 p{ /*CSS for description text*/
font-family: arial;
color:#cccccc;
width:100%;

}

.container-inner3 strong{ /*CSS for link text*/
font-family: arial;
color:#cccccc;
width:100%;

}


.container-inner3 em{ /*CSS for date text*/
font-family: arial;
color:#ff0000;
width:100%;

}


.container-inner3 img{ /*CSS for image*/
max-width:300px;
float:left;
height:auto;
}



.elabelfield{ /*CSS for label field in general*/
width:100%;
height:auto;
font-family: arial;
font-size: 100%;
background: rgba(225, 225, 225, .02)
}

.datefield{ /*CSS for date specific*/
color:#ff0000;
font-size: 100%;
}


.titlefield{ /*CSS for date specific*/
color:#000fff;
font-size: 100%;
}


#etsyfeed li{ /*CSS specific */
margin-bottom: 1px;
color: red;

}


/* ------------------------------------------------------------------------
linkswipe
------------------------------------------------------------------------- */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
padding-right: 5px;
background:transparent;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
background:transparent;
}
 

/* ------------------------------------------------------------------------
youtubevideos
------------------------------------------------------------------------- */


          video {
            max-width: 100%;
            height: auto;
          }

          iframe,
          embed,
          object {
            max-width: 100%;
          }

          .thing-with-videos {
            width: 100%;
            padding: 0%;
//padding-right: 3%;
            margin:0px auto;
            background:transparent;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.0);
          }

          .vendor {
            padding: 2%;
            background:transparent;
            margin-bottom: 2em;
          }

          .unsupported {
            background: #fddfde;
          
        }


/* ------------------------------------------------------------------------
The Text color on Ancestry pages
------------------------------------------------------------------------- */        
.openModaltex,p {
   font-family : Arial;
   font-size: 0.6em;
   font-weight:bold;
   color:#262626;

}

/* ------------------------------------------------------------------------
dativideos
------------------------------------------------------------------------- */

.container-outer6 { overflow: auto; overflow-x:hidden;margin: 0 auto; width: 338px; height: 262px; }
.container-inner6 { height:auto;max-width:318px; }   
.container-inner6 img{max-width:316px;height: auto;}
   
.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.container-inner6 video iframe,  
.container-inner6 video object,  
.container-inner6 video embed {
	position: absolute;
	max-width:360px;
	height: 100%;
}


/* ------------------------------------------------------------------------
daticomments outer w338px    h262px    inner max-w338px    hauto   inner img max-width:316px
------------------------------------------------------------------------- */


.container-outer5 { overflow: auto; overflow-x: hidden ; margin: 0 auto; max-width:338px; height:262px }
.container-inner5 { height:100%;max-width:100%; }   
.container-inner5 img{max-width:100%;height: auto;}
.video {
	position: relative;
	padding-bottom: 56.25%;
	height:100%;
	overflow: hidden;
}
.container-inner5 iframe,
.container-inner5 video iframe,  
.container-inner5 video object,  
.container-inner5 video embed {
	position: relative;
	max-width: 100%;
	//height:250px;
}

/* ------------------------------------------------------------------------
tbar gradient
------------------------------------------------------------------------- */
.tbar{
 background: rgba(225, 225, 225, 0.2);

}

/* ------------------------------------------------------------------------
dragzones
------------------------------------------------------------------------- */

#divThatYouCanWriteStuffIn {
    min-height: 4em; /* it should resize as required from this minimum height */
position: relative;    
left:2px;
   
}






/* ------------------------------------------------------------------------
ajax side panel
------------------------------------------------------------------------- */



 
textarea
{
    border:1px solid #999999;
    width:98%;
    margin:5px 0;
    padding:1%;
font-size: .8em;
}

.tabtop{
max-width:330px;
height:260px;
}

#tabtop1{
width:165px;
height:130px;
font-family : Arial, Verdana, sans-serif;
 font-size: 3.7em;
  font-weight:bold;
  line-height:200%;
background-color:#dddddd;
   
  padding : 2px; 
  border : 2px solid #999;
  float:left;   
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#tabtop1 h1{
color : #ff0000; 

}


/* ------------------------------------------------------------------------
Go Here Button
------------------------------------------------------------------------- */

.go{
  background: #d11717;
  color: white;
  border: 2px solid #eee;
  height: 25px;
  width: 70px;
  margin:5px 0 0 0px; 
  z-index:9;  
 
  overflow: hidden;
  text-align: center;
  line-height: 22px;
font-family:'Arial', Helvetica, sans-serif;
  font-weight:bold;
  font-size:1.2em;  
  font-style:normal;
  display: block;
 
/*display: flex;*/
display:table-cell;
vertical-align:middle;


justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
 



  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  /*Rounded Corners*/
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  /*Gradient*/
  
  /*Shadow*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);




}
.deforder:hover {
  background-color: #ff3434;
}

/* -------page tital history ancestry-------66cc00--------------- */
.patital{
  position:absolute;
  z-index:3;
  top:0px;
  left:0px; 
  color:#ff0000;
  width:60%;
  font-family:'Arial', Helvetica, sans-serif;;
  font-size:1.1em;
  font-weight:bold;
  font-style:normal;
 // padding:6px 6px 6px;
//background-color:rgba(225, 225, 225, 0.5);
// -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.1);
//  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.1);
}