.ie8 #leftdiv{
    overflow: scroll;
	height: 410px;
}
.ie7 #leftdiv {
    overflow: scroll;
	display: inline;
	height: 410px;
	zoom: 1;
}
.ie8 #rightdiv{
    overflow: hidden;
}
.ie7 #rightdiv, .ie6 #rightdiv{
    overflow: hidden;
	display: inline;
	zoom: 1;
	height: 440px;
}
.ie6 #leftdiv{
    overflow: scroll;
	display: inline;
	zoom: 1;
}

#leftdiv{
	position: relative;
	margin: auto;
	float: center;
    display: inline-block;
	width: 400px;
	height: 420px;
	max-width: 100%;
	border: 0px solid blue;
	background: none;
    overflow: hidden;
	padding-bottom: 4px;
}

#rightdiv{
	position: realative;
	margin: auto;
    display: inline-block;
	vertical-align: top;
	width: 400px;
	height: 420px;
	max-width: 100%;
	max-height: 100%;
	border: 0px solid black;
	background: none;
    overflow: hidden;
	padding-bottom: 4px;
}
.ie8 #InfoTableA , .ie7 #InfoTableA , .ie6 #InfoTableA {background-repeat: repeat;}
.ie8 #InfoTableO , .ie7 #InfoTableO , .ie6 #InfoTableO {background-repeat: repeat;}
.ie8 #InfoTableR , .ie7 #InfoTableR , .ie6 #InfoTableR {background-repeat: repeat;}

.ie7 #sitecontainer, .ie6 #sitecontainer {
	width: 95%;
}

#UPC {	
	display: block;
	border: 0px solid black;
	background-color: none;
	position: absolute; 
	margin-right: 0px; 
	margin-left: 2px;
	top: 400px; 
	left: 0px; 
	right: 0px; 
	max-width: 125px;
	height: 125px;
	}
#UPCimg{
	display: none;
	width:125px;
	height:125px; 
}
#InfoTableA {
	position: relative; 
	margin: 0px;  
	height:100%; 
	width: 100%;
	font-size:20px;
	line-height:20px;
	border:2px outset #DCDCDC;
	background: "";
	background-image: url("../images/website/AM_Table_Background_375x368.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	overflow:auto;
} 
#InfoTableO {
	position: relative; 
	margin: 0px;  
	height:100%; 
	width: 100%;
	font-size:20px;
	line-height:20px;
	border:2px outset #DCDCDC;
	background: "";
	background-image: url("../images/website/OEM_Table_Background_375x368.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	overflow:auto;
} 
#InfoTableR {
	position: relative; 
	margin: 0px;  
	height:100%; 
	width: 100%;
	font-size:20px;
	line-height:20px;
	border:2px outset #DCDCDC;
	background: "";
	background-image: url("../images/website/RM_Table_Background_375x368.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	overflow:auto;
} 
#CellMan {
	text-align: center;	
	border:1px inset #DCDCDC; 
	width:auto; 
	height:auto; 
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
	font-size:85%;
	font-weight: bold; 
	overflow:auto;
	}
.CellTitle {
	text-align: left;
	border:1px inset #DCDCDC; 
	width:auto; 
	height:auto; 
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
	font-size:75%;
	font-weight: bold; 
	overflow:auto;
	}
.CellInfo {
	text-align: left;	
	border:1px inset #DCDCDC; 
	width:auto; 
	height:auto; 
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
	font-size:75%;
	font-weight: normal; 
	overflow:auto;
	}
@media only screen and (max-width: 400px) {.CellInfo, .CellTitle{
	font-size:65%;
	}}
@media only screen and (max-width: 350px) {.CellInfo, .CellTitle{
	font-size:55%;
	}}	
@media only screen and (max-width: 300px) {.CellTitle{
	display:none;
	}}	
.rowstreach{
 border:0px; 
 border-spacing:0px; 
 padding:0px; 
 width:auto; 
 height:auto;
}






/* Below is all slider css */
.my-slider{
position:relative;
height:auto;
	width: 100%;
}
.my-slider ul{
	list-style-type: none;
}
.my-slider img{
	max-width:80%;
	border: none;
}
.unslider-arrow{ /* This controls all arrows / prev pause next text */
	display: inline-block;
	font: bold 16px/16px Arial;
	color: black;
	text-align: center;
	z-index:2;
	cursor:pointer;	
    padding: 2px 10px;
	background: #ffec80; /*for compatibility with older browsers*/
	background-image: linear-gradient(#ffec80,lightgrey);
	border-radius: 5px;
	border: 1px solid darkgrey;
}
.unslider-arrow:hover{
	background: #80dfff; /*for compatibility with older browsers*/
	background-image: linear-gradient(#80dfff,lightgrey);
	border-radius: 5px;
}
.unslider-arrow.prev{
	left:10px;
	right:auto;
}
.unslider-arrow.pause{
position: relative;
	left:auto;
	right:auto;
}
.unslider-arrow.next{
	left:auto;
	right:10px;
}

.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
  min-height: 400px;
}
.unslider-wrap {
  position: relative
}
.unslider-wrap.unslider-carousel>li {
  float: left
}
.unslider-vertical>ul {
  height: 100%
}
.unslider-vertical li {
  float: none;
  width: 100%
}
.unslider-fade {
  position: relative
}
.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8
}
.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10
}
.unslider li,.unslider ol,.unslider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: black
}
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #000;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #000;
  cursor: default;
}