body {

  font-family: Arial Narrow,Arial,sans-serif;

  background-repeat: repeat;

  background-image:url(background.png);

  padding:10px;

  height: 100%;

}

.no-pink-highlight:hover {
  background-color: transparent !important; /* Use !important to ensure it overrides other rules */
}

.scroll {
    height: 100%;
    overflow-y: scroll;
    /* You can also add a specific max-height if you don't want it to take up the entire viewport height. */
}

.prices{

    width:auto;

    border:1px solid lavender;

    padding:3px;

    background-color:white;

  }

.video {

    width:auto;

    border:1px solid lavender;

    padding:3px;

    background-color:black;

}

.prices td{

    text-align:left;

    vertical-align:middle;

    padding-top:5px;

    padding-bottom:5px;

    padding-left:10px;

    padding-right:10px;

    border:1px solid inactiveborder;

    background-image:url(adbg.png);

    background-repeat:repeat-x;

  }

  

  .prices2{

    width:auto;

    border:1px solid lavender;

    padding:1px;

    background-color:white;

  }

.prices2 td{

    text-align:center;

    vertical-align:bottom;

    padding-top:2px;

    padding-bottom:2px;

    padding-left:5px;

    padding-right:5px;

    border:1px solid lavender;

    background-image:url(adbg.png);

    background-repeat:repeat-x;

  }



a {

  font-family:Arial;

  color:darkblue;

  text-decoration:none;

}



a img{

  border:1px solid white;

}



a:hover,

a:focus,

a:active {

  font-family:Arial;

  color:blue;

  text-decoration:underline;



}

a:hover img,

a:focus img,

a:active img {

border:1px solid red;

}

.midcent{

}



.topsel{

  background:transparant;

  padding:0px;

  margin:0px;

  border:0px solid black;

}

.topsel td{

  background:transparant;

  padding:0px;

  margin:0px;

  border:0px solid black;

  vertical-align:middle;

  text-align: center;

}



.just{

  font-family: Arial Narrow,Arial,sans-serif;

  font-size:16px;

  text-align:justify;

  margin-left:25px;

  margin-right:25px;

}



table#top{

  padding-top:5px;

  padding-bottom:0px;

  padding-left:0px;

  padding-right:0px;

  border:1px solid black;

  background:transparant;

  border-bottom: 1px solid lavender;

}



.topseltxt{

  color:darkblue;

  text-decoration:none;

  padding-left:5px;

  padding-right:5px;

  padding-top:2px;

  padding-bottom:2px;

}




.topseltxt:hover {

  color:;

  text-decoration:none;

  background-color:pink;

  background-repeat:repeat;

  padding-left:5px;

  padding-right:5px;

  padding-top:2px;

  padding-bottom:2px;

}



.topseltxt2{

  font-size:smaller;

  color:midnightblue;

  text-decoration:none;

  padding-left:15px;

  padding-right:5px;

  padding-top:2px;

  padding-bottom:2px;

}



.topseltxt2:hover {

  font-size:smaller;

  color:midnightblue;

  text-decoration:none;

  background-color:pink;

  background-repeat:repeat;

  padding-left:15px;

  padding-right:5px;

  padding-top:2px;

  padding-bottom:2px;

}



table#main{

  width:100%;
  height:100%;

  padding-left:10px;

  padding-right:10px;

  padding-top:0px;

  padding-bottom:10px;

  border-collapse: collapse;

  table-layout:fixed;

}



td#middle{

  width:70%;

  background-color:white;

  vertical-align:top;

  border-top:2px solid lavender;

  border-left:1px solid lavender;

  border-right:1px solid lavender;

  border-bottom:2px solid lavender;

  border-collapse:collapse;

  padding-top:15px;

  padding-left:20px;

  padding-right:20px;

  padding-bottom:15px;

  background-image:url(midback.png);

    background-repeat:repeat-x;

}



td#left{

  width:15%;

  vertical-align:top;

  border-collapse:collapse;

  padding: 10px;

  /*

  border-top:2px solid lavender;

  border-left:2px solid lavender;

  border-right:1px solid lavender;

  border-bottom:2px solid lavender;background-image:url(leftflip.png);

  background-repeat:repeat-y;

  background-position:top left;*/

}



td#right{

  width:15%;

  vertical-align:top;

  border-collapse:collapse;

  padding: 10px;

  /*

  border-top:2px solid lavender;

  border-left:1px solid lavender;

  border-right:2px solid lavender;

  border-bottom:2px solid lavender;background-image:url(leftback.png);

  background-repeat:repeat-y;

  background-position:top left;*/

}



table#midleft{

  width:100%

  padding-left:10px;

  vertical-align:top;

  padding-right:10px;

  padding-top:0px;

  padding-bottom:10px;

  border:0px solid lavender;

  margin:0px;

}





li{

  margin-left:30px;

  text-align:justify;

  font-weight:600;

}



.adverts{

    width:auto;

    border:0px solid lavenderblush;

    padding:2px;

  }

.adverts td{

    text-align:right;

    vertical-align:top;

    padding-left:5px;

    padding-right:5px;

    padding-top:15px;

    padding-bottom:5px;

    border:1px solid lavenderblush;

    background-image:url(adbg2.png);

    background-repeat:repeat-x;

  }

  

  .feat{

    width:80%;

    border:0px solid lavender;

    padding:2px;

  }

.feat td{

    text-align:right;

    vertical-align:top;

    padding-left:5px;

    padding-right:5px;

    padding-top:10px;

    padding-bottom:10px;

    border:1px solid lavenderblush;

    background-image:url(adbg2.png);

    background-repeat:repeat-x;

  }

  

p{

  padding-top:10px;

  padding-left:0px;

  padding-right:0px;

  padding bottom:10px;

}



h1{

font-family: Arial Narrow, Arial, Tahoma;

text-decoration: none;

margin-top: 15px;

margin-bottom: 15px;

font-size: 25px;

font-weight:0;

}

.image-container {
    position: relative;
    display: inline-block;
}

.gemmainpic {
    width: 75%;
    height: auto;
    display: block;
}

.size-image {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 30%; /* Set the width of the size image */
    max-height: 100vh; /* Limit the height to the viewport height */
    padding: 0;
    margin: 0;
    border-width:5px;
    border-style:ridge;
    border-color:black
}

#tempimg {
    width: 100%; /* Ensure the image takes the full width of the div */
    height: 100%; /* Maintain aspect ratio */
}



.tiny{
  width:25px;
  height:25px;
}

.tdtiny{
  width:7%;
}

.tdmed{
  width:10%;
}

.tdbigger{
  width:14%;
}



.med{
  width:50px;
  height:50px;
  border:1px solid red;
}



.bigger{
  width:75px;
  height:75px;
}



table#gemsel{

  border:0px;

  vertical-align:top;
  width:70%;

}



.mainimg{

 padding-top:5px;

 padding-right:5px;

 padding-left:5px;

 padding-bottom:15px;

 border:1px solid peachpuff;

 background-image:url(clicktosee.png);

 background-position:bottom center;

 background-repeat:no-repeat;

 background-color:lavenderblush;

 margin:10px;

}



.mainvid{

 padding-top:5px;

 padding-right:5px;

 padding-left:5px;

 padding-bottom:15px;

 border:1px solid palegreen;

 background-image:url(watchvid.png);

 background-position:bottom center;

 background-repeat:no-repeat;

 background-color:mintcream;

 margin:10px;

}



.total{

  margin:0px;

  padding:0px;

  border:1px solid mistyrose;

    background-image:url(adbg2.png);

    background-repeat:repeat-x;

}



.menutitles{
  font-size:medium;
}



.contain{

  position:relative;
  right:-75px;
  top:-19px;
  width:0px;
  height:0px;
  text-align:left;
  text-decoration:none;
  padding:0px;
  display:none;

}



.menuitems{

  position:absolute;
  right:-165;
  top:0;
  width:150px;
  text-align:left;
  font-size:small;
  color:darkblue;
  text-decoration:none;
  padding-left:5px;
  padding-right:5px;
  padding-top:2px;
  padding-bottom:2px;
  display:none;
  background-image:url(adbg2.png);
  background-repeat:repeat-x;
  background-color:white;
  border:1px solid pink;

}

.cut{
  width:auto;
  text-align:left;
  color:black;
  float:left;
  text-decoration:none;
  padding-left:5px;
  padding-right:5px;
  padding-top:2px;
  padding-bottom:2px;
  border:0px solid pink;

}

.pmc{
  width:auto;
  text-align:left;
  color:black;
  float:left;
  text-decoration:none;
  margin-left:50px;
  padding-left:5px;
  padding-right:5px;
  padding-top:2px;
  padding-bottom:2px;
  border-left:1px solid pink;
}

.centerer{
  text-align:center;
}

.cutcontain{
  margin:2%;
  width:92%;
  text-align:center;
  color:darkblue;
  float:left;
  text-decoration:none;
  padding-left:2%;
  padding-right:2%;
  padding-top:2px;
  padding-bottom:2px;
  background-image:url(adbg2.png);
  background-repeat:repeat-x;
  background-color:white;
  border-top:1px solid pink;
}

br{
  clear:both;
}

h3{
font-family: Arial Narrow, Arial, Tahoma;
text-decoration: none;
margin-top: 0px;
margin-bottom: 15px;
font-size: 21px;
font-weight:0;
}
.searchbut{
  margin-left:150px;
}

#counter{
  margin:0px;
  padding:4px;
  border:1px solid mistyrose;
  background-image:url(adbg2.png);
  background-repeat:repeat-x;
  text-align:center;
  margin-top:3px;
}

  .vids{
    width:auto;
    border:1px solid lavender;
    padding:0px;
    background-color:white;
  }

.vids td{
    text-align:left;
    vertical-align:bottom;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    border:1px solid lavender;
    margin:0px;
    background-color:white;
  }

  #offer{
  font-size: 13px;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  color: green;
  text-align: center;

}

#offerbut{
    border: 0px;
    background: white;
}