/* BASIC */

body {
	font: 1em Helvetica, Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, p, ul, ol {
	margin: 0px;
	padding: 0px;
}

a:link
  {
  text-decoration: none; 
  color:rgba(42, 76, 109, 1);
  }
a:visited
  {
  text-decoration: none; 
  color:rgba(42, 76, 109, 1);
  }
a:active
  {
  text-decoration: underline; 
  color: rgba(255, 0, 0, 1);  
  }
a:hover
  {
  text-decoration: underline; 
  color: rgba(255, 0, 0, 1);  
  }       

img { 
	border: none;
}

body{
	margin:0;
	padding:0;
	text-align:center;
}
#wrapper{
	width: auto;
    min-width:800px;  
    height:auto;
    min-height:1600px;
	margin-right: auto;
	margin-left: auto;
    background:url(/images/newsite/Reaction.png);
    background-size:40%,auto;
    border-color:rgba(19, 68, 117, 1);
    border-style:solid;
    border-width:20px;
}
#isologos {
	margin-top:1%;
	margin-right:1%; 
	display: inline-block;
	float: right;	
}
#isologos textbox
{
	width:50%;
	display: inline-block;
	float: right;
	margin:2% 1%;
}

#isologos li {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	list-style: none;	
}
#isologos imgbox
{
	width:50%;
	display: inline-block;
	float: right;
}
#isologos im1
{
	width:40%;
	margin-top:2.5%;
	margin-left:10%;	
	margin-right:auto;	
	display: inline-block;
	float: left;
}
#isologos im2
{
	width:40%;
	margin-left:auto;	
	margin-right:auto;	
	display: inline-block;
	float: left;
}
#wbclogo {
	margin-right: auto;
	margin-left: auto;
	padding-top:10%;
	padding-bottom:2%;
}
#wbclogo img {
	height:auto; 
	width:auto; 
	max-width:30%;
	display: inline-block;
	}
#line img
  {
	height:2px;
	width:90%; 
	margin-right: auto;
	margin-left: auto;
  } 

#alert
  {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(255, 255, 255, 0.75);
  } 
#alert p
  {
  color: rgba(255, 0, 0, 1);
  }
#site_nav
  {
	width:100%;
	height:4%;
	margin:0px 0px;
	background-color: rgba(255, 255, 255, 0.75); 
  } 
#site_nav a:visited
  {
	text-decoration: none; 
	color: rgba(0, 0, 0, 1);  
  }
#site_nav a:link
  {
	text-decoration: none; 
	color: rgba(0, 0, 0, 1);  
  }  
#site_nav a:hover
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);  
  }
#site_nav a:active 
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);  
  }  
#site_nav li
  {
  	position:relative;
  	left:13%;
  	display:inline-block;
  	padding-top:2%;	  	  	
  	padding-left:8%;	  	
	float:left;
	list-style: none;
	text-align:center; 
  }  
#top_menu
  {
	width:100%;
	height:3.5%;
  }
#top_menu a:link 
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#top_menu a:visited
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#top_menu a:active
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  }
#top_menu a:hover
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  }
#top_menu li
  {
  	position:relative;
  	left:1.5%;
  	width:20%;
	display:inline-block;
	margin: 2% 1%;
	padding-left:1%;
	padding-right:1%;	
	float:left;
	-moz-border-radius 15px 15px; 
	border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px;   
	background-color:rgba(19, 68, 117, 1);
	border-style:solid;
	border-color:rgba(225, 225, 225, 1);
	border-width:1px;
	text-align:center;
	line-height: 50px;
	vertical-align: middle;  
	font-size: 1.0em; 
	list-style: none;
	box-shadow:2px 2px 2px rgba(100, 100, 100, 1);	
  }   
#cart
  {
	width:20%;
	height:3.5%;
	display:inline-block;
	float:right;
	margin-top:1.5%;
	margin-right: 27.5%;
	margin-bottom:2%;
	-moz-border-radius 10px 10px; 
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;   
	background-color:rgba(255, 255, 255, 1);
	border-style:solid;
	border-color: rgba(0, 0, 0, 1);
	border-width:2px;  
	box-shadow:2px 2px 2px rgba(128, 128, 128, 1);		
} 
#cart a:link
  {
	text-decoration: none; 
	color: rgba(19, 68, 117, 1);
  }
#cart a:visited
  {
	text-decoration: none; 
	color: rgba(19, 68, 117, 1);
  }
#cart a:active
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }
#cart a:hover
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }             
#cart li
  {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-left:10%;
	display:inline-block;
	float:left;
	font-size: 1.2em; 
	font-weight:600;   /* 400 = normal, 700 = bold */  
	text-align:center;
	line-height: 40px;
	vertical-align: middle;
	list-style: none;		    
  } 
#cart img
  {
	height:auto; 
	width:auto; 
	max-width:15%;  
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:3%;
	padding-left:10%;
	display:inline-block;
	float:left;  
  }           
#side_menu
  {
	width:35%;
	margin:2% 3%;
	display:inline-block;
	float:left;	
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;   
	background-color: rgba(220, 220, 220, 0.5);  
	background-color:rgba(252, 252, 249, 0.4);
	border-style:solid;
	border-color: rgba(0, 0, 0, 1);
	border-width:1px; 
	box-shadow:5px 5px 5px rgba(100, 100, 100, 1);
  } 
#side_menu h1
  {
	width:102%;
	height:1%;
	margin:-3% -1%;
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;   
	background-color:rgba(19, 68, 117, 1);
	border-bottom-style:solid;
	border-bottom-color:rgba(225, 225, 225, 1);
	border-width:1px; 
	text-align:center;
	line-height: 46px;
	vertical-align: middle;
	color:rgba(255, 255, 255, 1);
	font-size:1.1em;
	font-weight:500;   /* 400 = normal, 700 = bold */  		
	box-shadow:5px 5px 5px rgba(100, 100, 100, 1);
  }  
#side_menu h2
  {
	margin-top:4%;
	margin-bottom:2%;
	margin-left:2%;
	color:black;
	text-align:center;
	list-style: none;
	font-size:1.0em;	
	font-weight:600;   /* 400 = normal, 700 = bold */  			
  }    
#side_menu a:link
  {
	text-decoration: none; 
	color: rgba(0, 0, 0, 1);
  }
#side_menu a:visited
  {
	text-decoration: none; 
	color: rgba(0, 0, 0, 1);
  }
#side_menu a:active
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }
#side_menu a:hover
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }           
#side_menu line
  {
	margin-left:auto;
	margin-right:auto;
  }                
#side_menu arrow
  {
	margin-top:auto;
	margin-bottom:auto;
	padding-left:22%;
	padding-top:1.5%;	
	display:inline-block;	
	float:left;	
  }    
#side_menu arrow1
  {
	margin-top:auto;
	margin-bottom:auto;
	padding-left:22%;
	padding-top:5%;	
	display:inline-block;	
	float:left;	
  }                                   
#side_menu li
  {
  	width:45%;
	margin:1% 5%;
	color:black;
	display:inline-block;
	float:left;
	text-align:left;
	list-style: none;
	line-height: 1.5em;
	vertical-align: middle;		
  }   
#side_menu fm1
  {
	display:inline-block;
	float:left;	
	padding-left:17%;
	padding-top:5%;	
	padding-bottom:10%;	
  }                        
#greetings
  {
	width:52%;
	margin:4% 3%;
	display:inline-block;                  	
	float:left;	
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;   
	background-color: rgba(220, 220, 220, 0.5);  
	background-color:rgba(252, 252, 249, 0.4);  
	border-style:solid;
	border-color: rgba(0, 0, 0, 1);
	border-width:1px; 
	box-shadow:5px 5px 5px rgba(128, 128, 128, 1);
  } 
#greetings h1
  {
	width:102%;
	height:1%;
	margin:-3% -1%;
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;      
	background-color:rgba(19, 68, 117, 1);
	border-bottom-style:solid;
	border-bottom-color:rgba(225, 225, 225, 1);
	border-width:1px; 
	text-align:center;
	line-height: 46px;
	vertical-align: middle;
	color:rgba(255, 255, 255, 1);
	font-size:1.1em;
	font-weight:500;   /* 400 = normal, 700 = bold */  		
	box-shadow:5px 5px 5px rgba(100, 100, 100, 1);
  }             
#greetings img
  { 
	height:auto; 
	width:auto; 
	max-width:20%;   
  	display:inline-block;  
 	float:left;
 	margin-left:auto;
 	margin-right:auto;
 	margin-top:15%;
 	padding-left:4%;
 	padding-right:4%;
  }        
#greetings textbox
  {
  	display:inline-block;
	float:left;
	padding-right:3%;
	padding-top:3%;	
	padding-bottom:3%;		
	width: 60%;
 	margin-left:auto;
 	margin-right:auto;
 	padding-left:4%; 	
  	text-align:justify;
  }        
#greetings li
  {
  	color:rgba(0, 0, 0, 1);  
  	font-size:1em;
  	margin-bottom:2%;
  	text-align:justify;
	line-height: 1.1em;
	vertical-align: middle;
	list-style: none;	  	
  } 
#product_highlights
  {
	width:52%;
	margin:4% 3%;
	display:inline-block;                  	
	float:left;	
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;   
	background-color: rgba(220, 220, 220, 0.5);  
	background-color:rgba(252, 252, 249, 0.4);  
	border-style:solid;
	border-color: rgba(0, 0, 0, 1);
	border-width:1px;  
	box-shadow:5px 5px 5px rgba(128, 128, 128, 1);  
  }   
#product_highlights h1
  {
	width:102%;
	height:1%;
	margin:-3% -1%;
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;      
	background-color:rgba(19, 68, 117, 1);
	border-bottom-style:solid;
	border-bottom-color:rgba(225, 225, 225, 1);
	border-width:1px; 
	text-align:center;
	line-height: 46px;
	vertical-align: middle;
	color:rgba(255, 255, 255, 1);
	font-size:1.1em;	
	font-weight:500;   /* 400 = normal, 700 = bold */  		
	box-shadow:5px 5px 5px rgba(100, 100, 100, 1);
  } 
#product_highlights a.header:link
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#product_highlights a.header:visited
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#product_highlights a.header:active
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  }
#product_highlights a.header:hover
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  }           
#product_highlights a:link
  {
	text-decoration: none; 
	color: rgba(0, 0, 255, 1);
  }
#product_highlights a:visited
  {
	text-decoration: none; 
	color: rgba(0, 0, 255, 1);
  }
#product_highlights a:active
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }
#product_highlights a:hover
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }   
#product_highlights textbox
  {
  	width:55%;  
  	margin-left:auto;
  	margin-right:auto;
  	display:inline-block;					
	float:left;
	padding-left:5%;
	padding-top:4%;
	padding-bottom:4%;	
  }          
#product_highlights line
  {
	margin-left:auto;
	margin-right:auto;
  }                
#product_highlights li
  {
	margin:5% 5%;
	color:black;
	display:inline-block;
	text-align:center;
	list-style: none;
	line-height: 1.5em;
	vertical-align: middle;		  	
  } 
#product_highlights img
  {
	height:auto; 
	width:auto; 
	max-width:30%;
  	margin-left:auto;
  	margin-right:auto;	
	padding-top:5%;
	padding-left:5%;
	padding-bottom:4%;
	display:inline-block;			
	float:left;
  }    
#tech_service
  {
	width:48%;
	margin:1% 3%;
	display:inline-block;
	float:left;	
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;   
	background-color: rgba(220, 220, 220, 0.5);  
	background-color:rgba(252, 252, 249, 0.4);  
	border-style:solid;
	border-color: rgba(0, 0, 0, 1);
	border-width:1px; 
	box-shadow:5px 5px 5px rgba(128, 128, 128, 1);
  } 
#tech_service h1
  {
	width:102%;
	height:1%;
	margin:-3% -1%;
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;      
	background-color:rgba(19, 68, 117, 1);
	border-bottom-style:solid;
	border-bottom-color:rgba(225, 225, 225, 1);
	border-width:1px; 
	text-align:center;
	line-height: 46px;
	vertical-align: middle;
	color:rgba(255, 255, 255, 1);
	font-size:1.1em;
	font-weight:500;   /* 400 = normal, 700 = bold */  		
	box-shadow:5px 5px 5px rgba(100, 100, 100, 1);
  }    
#tech_service a.header:link
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#tech_service a.header:visited
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#tech_service a.header:active
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  }
#tech_service a.header:hover
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  } 
#tech_service a.text:link
  {
	text-decoration: none; 
	color: rgba(0, 0, 0, 1);
  }
#tech_service a.text:visited
  {
	text-decoration: none; 
	color: rgba(0, 0, 0, 1);
  }
#tech_service a.text:active
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }
#tech_service a.text:hover
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  } 
#tech_service line
  {
	margin-left:auto;
	margin-right:auto;
  }  
#tech_service textbox
  {
	width:45%;
	margin-top:2%;
	margin-left:2%;
	margin-right:5%;
	margin-bottom:1%;
	display:inline-block;
	float:left
  }                              
#tech_service li
  {
  	margin-top:2%;
  	margin-bottom:1%;  	
	color:black;
	text-align:center;
	line-height: 1.5em;
	vertical-align: middle;
	list-style: none;	
  }    
#tech_service li1
  {
  	display:inline-block;
  	float:left;
  	margin-left:20%;
  	margin-top:2%;
  	margin-bottom:2%;
  	color:black;
	text-align:center;
	line-height: 1.5em;
	vertical-align: middle;
	list-style: none;	
  }    
#tech_service li2
  {
  	display:inline-block;
  	float:right;  
  	margin-right:20%;
  	margin-top:2%;
  	margin-bottom:2%;
	color:black;
	text-align:center;
	line-height: 1.5em;
	vertical-align: middle;
	list-style: none;	
  }      
#tech_service im
  {
  	width:40%;
	margin-top:4%;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom:4%;
	display:inline-block;			
	float:left;
  }   
#tissue
  {
	width:38%;
	margin:1% 3%;
	display:inline-block;	
	float:left;	
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; 
	background-color: rgba(220, 220, 220, 0.5);  
	background-color:rgba(252, 252, 249, 0.4);  
	border-style:solid;
	border-color: rgba(0, 0, 0, 1);
	border-width:1px;  
	box-shadow:5px 5px 5px rgba(128, 128, 128, 1);  
  }   
#tissue h1
  {
	width:102%;
	height:1%;
	margin:-3% -1%;
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;      
	background-color:rgba(19, 68, 117, 1);
	border-bottom-style:solid;
	border-bottom-color:rgba(225, 225, 225, 1);
	border-width:1px; 
	text-align:center;
	line-height: 46px;
	vertical-align: middle;
	font-size:1.1em;
	font-weight:500;   /* 400 = normal, 700 = bold */  		
	box-shadow:5px 5px 5px rgba(100, 100, 100, 1);
  } 
#tissue a.header:link
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#tissue a.header:visited
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#tissue a.header:active
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  }
#tissue a.header:hover
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  }           
#tissue a.text:link
  {
	text-decoration: none; 
	color: rgba(0, 0, 255, 1);
  }
#tissue a.text:visited
  {
	text-decoration: none; 
	color: rgba(0, 0, 255, 1);
  }
#tissue a.text:active
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }
#tissue a.text:hover
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }           
#tissue li
  {
  	width:60%;
	padding-left:5%;
	padding-top:4%;
	padding-bottom:4%;
	display:inline-block;
	float:left;
	color:black;
	font-size:1em;
	text-align:justify; 
	list-style: none;	  	
  } 
#tissue img
  { 
  	width:auto;
  	height:auto;
  	max-width:90px;
	padding-top:4%;
	padding-right:5%;	
	padding-bottom:4%;
	display:inline-block;			
	float:right;
  }    
#manual
  {
	width:38%;
	margin:1% 3%;
	display:inline-block;	
	float:left;	
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; 
	background-color: rgba(220, 220, 220, 0.5);  
	background-color:rgba(252, 252, 249, 0.4);  
	border-style:solid;
	border-color: rgba(0, 0, 0, 1);
	border-width:1px;  
	box-shadow:5px 5px 5px rgba(128, 128, 128, 1);  
  }   
#manual h1
  {
	width:102%;
	height:1%;
	margin:-3% -1%;
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;      
	background-color:rgba(19, 68, 117, 1);
	border-bottom-style:solid;
	border-bottom-color:rgba(225, 225, 225, 1);
	border-width:1px; 
	text-align:center;
	line-height: 46px;
	vertical-align: middle;
	font-size:1.1em;
	font-weight:500;   /* 400 = normal, 700 = bold */  		
	box-shadow:5px 5px 5px rgba(100, 100, 100, 1);
  } 
#manual a.header:link
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#manual a.header:visited
  {
	text-decoration: none; 
	color: rgba(255, 255, 255, 1);
  }
#manual a.header:active
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  }
#manual a.header:hover
  {
	text-decoration: underline; 
	color: rgba(200, 255, 255, 1);
  }           
#manual a.text:link
  {
	text-decoration: none; 
	color: rgba(0, 0, 255, 1);
  }
#manual a.text:visited
  {
	text-decoration: none; 
	color: rgba(0, 0, 255, 1);
  }
#manual a.text:active
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }
#manual a.text:hover
  {
	text-decoration: underline; 
	color: rgba(255, 0, 0, 1);
  }           
#manual li
  {
  	width:60%;
	padding-left:5%;
	padding-top:4%;
	padding-bottom:4%;
	display:inline-block;	
	float:left;
	color:black;
	font-size:1em;
	text-align:justify; 
	list-style: none;	  	
  } 
#manual img
  {
  	width:auto;
  	height:auto;
  	max-width:90px;
	padding-top:4%;
	padding-right:5%;	
	padding-bottom:4%;	
	display:inline-block;			
	float:right;
  } 
#socialmedia {
	margin-right: auto;
	margin-left: auto;
	padding-top:5%;
	padding-bottom:1%;	
}
#socialmedia imgbox
{
	width:90%;
	margin-left:auto;	
	margin-right:auto;		
	display: inline-block;
	-moz-border-radius 5px 5px; 
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;      
	background-color:rgba(254, 254, 254, 0.5);
	border-top-style:solid;
	border-top-color:rgba(19, 68, 117, 1);
	border-bottom-style:solid;
	border-bottom-color:rgba(19, 68, 117, 1);
	border-width:5px; 
}
#socialmedia im1
{
	height:auto; 
	width:auto; 
	margin-top:2%;
	margin-bottom:1%;
	margin-left:30%;	
	margin-right:auto;	
	display: inline-block;
	float: left;
}
#socialmedia im2
{
	height:auto; 
	width:auto; 
	margin-top:2%;	
	margin-bottom:1%;
	margin-left:2%;		
	margin-right:auto;	
	display: inline-block;
	float: left;
}
#socialmedia im3
{
	height:auto; 
	width:auto; 
	margin-top:2%;	
	margin-bottom:1%;
	margin-left:0%;		
	margin-right:auto;	
	display: inline-block;
	float: left;
}