<style type="text/css"> 
	

	html {
    display: block;
	font-family: monospace;
	}

	tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
	}

	table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    border-spacing: 0px;
    border-color: grey;
	margin: 0px;
	
	
	}

	.loader {
  color: cyan;
  font-size: 45px;
  text-indent: -9999em;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: fixed;
  		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
  transform: translateZ(0);
  animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em,
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em,
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em,
    -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
    -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
     -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
     -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
     -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
     -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em,
    0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes round {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}



	#loaderDiv {

		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #3c3c3c;
		z-index: 10;

	}



	#cookieBlock {

		border-radius: 17px;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		width: 100%;
		height: 100%;
		max-width: 390px;
		max-height: 390px;
		background-color: rgba(16, 69, 70, 0.9);
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index:3;

	}


	#cookieButton1{

		border-radius: 17px;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		background-color: cyan;
		color: black;
		width: 120px;
		height: 25px;
		cursor: pointer;

	}

	#cookieButton2{

		border-radius: 17px;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		background-color: black;
		color: cyan;
		width: 120px;
		height: 25px;
		cursor: pointer;

	}
	
	tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
	
	border-spacing: 0px;
	}
	
	td {
    display: table-cell;
    vertical-align: inherit;
	
	border-spacing: 0px;
	}

    #compare {
	margin-left: 0px;
	}


	

     p.body_para {
      background-color:cyan;
	  padding-left: 60px ;
     }

    #body1 {
      background-image: url("styleimages/tilebodyBack.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: rgb(20, 60, 61);
	display: block;
    margin: 1px;
     }

	  #bottomtab {
        border: 1px solid #00F;
	
      }

	 

	
	
	#manue_button {
	width: 50px;
		height: 50px;
		background-image: url("styleimages/manue button.png");
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		top: 0px;
		background-color: rgba(16, 69, 70, 0.89);
		border: 2px solid cyan;
		border-radius: 15px;
		margin-left: 0px;
		cursor: pointer;
		display: block;
	}
	
	#full_side {
	height: 1080px;
	width: 200px;
	background-color: rgba(16, 69, 70, 0.89) ;
	position: fixed;
	z-index: 3;
	display: none;
	visibility: hidden;
	 overflow-x: hidden;
	 border: 2px solid gray;
	
	}
	 
	
	.rightAddBoards {



	}
		

	 
	
	#demo {
	}
	
	
	p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    }
	
	pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    
    }
	
	#sidenav_text{
	color: cyan;
	font-size: 20px;
	text-align: center;
	
	}
	
	#sidenav_text a {
	padding: 10px 10px 10px 10px;
	color: cyan;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	
	}
	#sidenav_text a:hover {
	color: white;
	}
	
	
	pre p {
	line-height: 40px;
	background-color: black;
	border: 2px solid cyan ;
	
	}
	
	pre a {
	
	padding: 20px 50px 16px 50px;
	color: black;
	font-family: monospace;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	}


	pre a:hover {
	color: cyan;
	}
	
		
	
	#priceAndAmount {
	color:cyan;
	font-family: monospace;
	font-size: 20px;
	font-weight: bold;
	padding-right:420px;
	margin-bottom:60px;
	
	}
	
	#productDescription {
	color:cyan;
	font-size: 20px;
	padding-left: 650px;
	margin-bottom: 250px;
	}
	
	button {
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    
    
    border-radius: 2px;
}
	
	a:-webkit-any-link {
    
    cursor: pointer;
    
}
	.dropbtn {

  border: none;
}
	
	.dropdown {
  position: relative;
  display: inline-block;
}

#dropdown-content {
  
  display: none;
  margin-top: 16px;
  position: absolute;
  background-color: rgba(16, 69, 70, 0.89);
  min-width: 120px;
  z-index: 1;
 
  }
  
  #dropdown-content a {
  color: white;
  text-decoration: none;
  display: block;
}

#dropdown-content a:hover  {
background-color: #69294e;
color:cyan
}

	.dropdown:hover #dropdown-content {
	display: block;
	}
	
	#dropdown-content2 {

  display: none;
  margin-top: 16px;
  position: absolute;
  background-color: rgba(16, 69, 70, 0.89);	
  min-width: 120px;
  
  z-index: 1;
  }
  
  #dropdown-content2 a {
  color: white;
  text-decoration: none;
  display: block;
}

#dropdown-content2 a:hover  {
background-color: black	;
color:cyan
}

	.dropdown:hover #dropdown-content2 {display: block;}
	
	#dropdown-content3 {
		visibility: hidden;
  display: none;
  margin-top: 16px;
  position: absolute;
  background-color:rgba(16, 69, 70, 0.89);
  min-width: 120px;
  
  z-index: 1;
  }
  
  #dropdown-content3 a {
  color: white;
  text-decoration: none;
  display: block;
}

#dropdown-content3 a:hover  {
background-color: black;
color:cyan
}

	.dropdown:hover #dropdown-content3 {display: block;}
	
	

	
	
	
	
	#mobileExclusion {
	
	visibility: visible;
	
	width: 240px;
	}
	
	#mobileExclusion2 {
	
	visibility: visible;
	
	width: 240px;
	}
	
	
	
	#productPic2 {
	display: block;
	position: relative;
	
	
	}
	
	#productPic {
	background-repeat: no-repeat;
	background-position: center;
	min-width: 250px;
	cursor: pointer;
	
	}
	
	#backTexture1 {
	
	background-repeat: repeat;
	background-attachment: fixed;
	}
	
	
	
	
	#top_buttons {
	background-image: url("styleimages/topButtoninactive.png");
	background-repeat: repeat-x ;
	margin-top: 17px;
	margin-left: 50px;
	display: none;
    width: 720px;
	height: 77px;
    resize:both;
    overflow: auto;
	
	}
	
	.activeButton {
	

	background-image: url("styleimages/topButtonActive.png");
	background-repeat: no-repeat ;
	
		
	}


	.level1Border {


		max-width: 1283px;
		margin: auto;

	}

	.level2Border {

		min-height: 300px;
		position: relative;
		margin: 80px 30px 80px 30px;
		background-color: #284e52d6;
		max-width: 1283px;

	}

	.leve3Border {

		position: absolute;
		height: 100%;
		width: 100%;
		border: 2px solid black;

	}

	#topFloater {

		position: absolute;
		top: -25px;
		height: 71px;
		width: 100%;
		background-image: url(styleimages/topBar.webp);
		background-repeat: no-repeat;
		background-position-x: center;

	}

	#leftFloater {

		position: absolute;
		left: -25px;
		z-index: 2;
		height: 100%;
		width: 74px;
		background-image: url(styleimages/leftBar.webp);

	}

	#topLeftBrace {

		position: absolute;
		top: -25px;
		width: 74px;
		height: 74px;
		background-image: url(styleimages/topLeft.webp);
	}
	
	#bottomLeftBrace {

		position: absolute;
		bottom: -25px;
		width: 74px;
		height: 74px;
		background-image: url(styleimages/bottomLeft.webp);
	}

	#midContent {



	}

	#midContentAds {

		padding: 50px;
		color: cyan;


	}

	#rightFloater {

		position: absolute;
		right: -25px;
		top: 0px;
		z-index: 2;
		height: 100%;
		width: 74px;
		background-image: url(styleimages/rightBar.webp);

	}

	#topRightBrace {

		position: absolute;
		top: -24px;
		width: 74px;
		height: 74px;
		background-image: url(styleimages/topRight.webp);

	}

	#bottomRightBrace {

		position: absolute;
		bottom: -25px;
		width: 74px;
		height: 74px;
		background-image: url(styleimages/bottomRight.webp);

	}

	#bottomFloater {

		position: absolute;
		bottom: -25px;
		height: 71px;
		width: 100%;
		background-image: url(styleimages/bottomBar.webp);
		background-repeat: no-repeat;
		background-position: bottom;

	}
	
	.contFrame1 {
		
		background-image: url("styleimages/testborder.png");
		background-repeat: no-repeat;
		background-position: center; 

	}
	
	.contFrame2 {
		
		
		background-image: url("styleimages/leftsideborder.png");
		background-repeat: no-repeat; 
		background-position: right; width: 71px;
		
	}
	
	.contFrame3 {
		
		
		background-image: url("styleimages/testborderin.webp");
		background-repeat: no-repeat; 
		background-position: center;
		
	}
	
	.contFrame4 {
		
		background-image:url("styleimages/rightsideborder.png");
		background-repeat: no-repeat; 
		background-position: left; 
		width: 71px;
		
	}
	
	.addTop {
		
		background-image: url("styleimages/addBill.png");
		background-repeat: no-repeat;
		background-position: center;
		
	}

	.folioImage {

		background-color: rgba(16, 69, 70, 0.9);
		max-width: 800px;
		max-height: 800px;
		border-radius: 15px;
		margin: auto;

	}

	.folioImage2 {

		background-color: transparent;
		position: relative;
		border-radius: 15px;
		margin: auto;

	}

	.folioImage3 {

		background-color: rgba(16, 69, 70, 0.9);
		max-width: 800px;
		position: relative;
		border-radius: 15px;
		margin: auto;

	}


	#hisol {

		width: 100%;
		background-color: transparent;
		position: absolute;
		z-index: 5;
		border-radius: 15px;



	}

	#biggerSnap {

		width: 90%;
		background-color: rgba(16, 69, 70, 0.9);
		border-radius: 15px;
		padding: 35px;
		display: block;
		margin: auto;


	}

	#culika {

		border-radius: 20px;
		height: fit-content;
		display: block;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;

	}

	#closem {

		width: 35px;
		height: 35px;
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: black;
		background-image: url(styleimages/manuClose.png);
		background-size: contain;
		border-radius: 20px;
		cursor: pointer;


	}

	.snapFolioImage {

		width: 100%;
		margin-top: 50px;
		margin-bottom: 50px;


	}

		.snapFolioImage2 {

		width: 32%;
		max-width: 250px;
		border-radius: 15px;
		cursor: pointer;

	}
	
	#addBottom {
		
		
		background-color: gray;
		border: 4px solid rgb(27, 98, 92);
		
	}
	
	#outputTest3 {
		
		background-color: rgba(16, 69, 70, 0.7) ;
		margin-top:0px;
		color: white;
		
		
	}
	
	#bottomBar {
		
		background-color: rgba(16, 69, 70, 0.89) ;
		border: 5px solid gray;
		
	}

	#imagePreviewBlock {

	background-color: #284f50d4;
	max-width: 950px;
	max-height: 950px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;

	}

	#daCyclu {

		width: 150px;
		height: 40px;
		margin: auto;

	}

	#imageCycleNumber {

	margin: 0px;
	color: cyan;
	font-size: 30px;
	width: 65px;
	max-height: 32px;
	display: inline-block;
	text-align: center;

	}

	#imageCycleImage {

	object-fit: contain;

	width: 100%;

	}

	#cycleButtonLeft {

	height: 40px;
	width: 40px;
	border: 0px;
	float: left;
	background-image: url(leftArrow.png);
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer;

	}

	#cycleButtonRight {

	height: 40px;
	width: 40px;
	border: 0px;
	float: left;
	background-image: url(rightArrow.png);
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	float: right;

	}
	
	
	
    </style>
