<!--

body {
	background-color: #EEEEEE;
}
.style3 {
	font-size: 12pt;
	font-style: italic;
	color: #FFFFFF;
}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif}
table {
	font: 9pt 'trebuchet ms', arial, sans-serif;
	font-weight: bold;
	border-spacing: 4px; //chrome is mostly ignoring this ?!
	border-style:ridge;
	border-width:0px; 

}
.mainbox {
	font: 9pt 'trebuchet ms', arial, sans-serif;
	border-style:ridge;
	border-width:0px;
	vertical-align: top;
	border-collapse:separate;
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;
	margin: 0px;
	padding:0px;
	
}
.trs {
	font: 9pt 'trebuchet ms', arial, sans-serif;
	border-width:4px;
    display: block;
    margin-bottom: 4px;
	vertical-align: top;
	border-collapse:separate;
    border:solid black 3px;
    border-radius:6px;
    -moz-border-radius:6px;

}



.trs2 {
	font: 9pt 'trebuchet ms', arial, sans-serif;
	border-width:4px;
    display: block;
    padding-top: 3px;
	border-collapse:separate;
    border:solid #AAAAAA 3px;
    border-radius:6px;
    -moz-border-radius:6px;

}



p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
		font-size: 14px;
	}
h1 {
	font-size: 11px;
	font-weight: bold;
	color: #000000;/*themecolour5$ -15%, -40%;*/
	margin: 0px;
	padding-left: 20px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	display: none;	/* Need H1 for SOE crap so dont use H1 for anything else as we hide it  */
}
h2 {
	font-size: 16px;
	color: #FFFFFF;/*themecolour2;*/
	margin: 0px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF8B00;/*themecolour1;*/
}
h3 {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	background-color: #8692a5;
	font-size: 18px;
	color: #ffffff;/*themecolour2;*/
	margin: 0px;
	padding-left: 20px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse:separate;
    border:solid black 0px;
	border-bottom: solid black 1px;
	
    border-radius:6px;
    -moz-border-radius:6px;	
}

.title {
background-image: url(gfx/SECTIONHEADER.png);
 height: 34px;
  width: 1300px;
  margin: auto;
  text-align: center;
  padding-top: 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 20px;
		font-weight: bold;
	color: #FFFFFF;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
    cursor:pointer;                           
}


.but {
float:right;
cursor: pointer;
 -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
 
}


.form {
vertical-align: bottom;
}

  .outer {
    position: relative;
    min-height: 150px;

  }
  .inner {
  padding: 5px 5px 5px 5px;
    position: absolute;
   bottom: 0;
  }

.mainimg {
    border: solid black 1px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    display: inline-block; /* or block */
    margin: auto;
}
	

button {
  cursor: pointer;
}	
	
.Absolute-Center {
  width: 50%;
  height: 50%;
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}




.rTable {
   display: table;
/*	height:100%; */
	margin: auto;
	padding: 4px 4px 4px 4px;
	font: 9pt 'trebuchet ms', arial, sans-serif;
	border-width:4px;
    margin-bottom: 10px;
	margin-top: 10px;
	vertical-align: top;
    border:solid black 3px;
    border-radius:6px;
    -moz-border-radius:6px;
	background-color:#CCCCCC;
	width: fit-content;

}


.rTableHL {
   display: table;
	height:100%;
	margin: auto;
	padding: 4px 4px 4px 4px;
	font: 9pt 'trebuchet ms', arial, sans-serif;
    display: block;
    margin-bottom: 10px;
	margin-top: 10px;
	vertical-align: top;
	border-width:9px;
    border:solid #FF0000 9px;
    border-radius:16px;
    -moz-border-radius:16px;
	background-color:#CCCCCC;

}


.rTableImg {
   display: table-cell;
	width: 323px;
	vertical-align:middle;
	background-color:#CCCCCC;
	font: 9pt 'trebuchet ms', arial, sans-serif;
    border-radius:6px;
    -moz-border-radius:6px;
	line-height:0;
	padding-right:3px;	

}


.rTableImg2 {
    vertical-align: middle;
    background-color: #CCCCCC;
    font: 9pt 'Trebuchet MS', Arial, sans-serif;
    border-radius: 6px;
    -moz-border-radius: 6px;
    line-height: 0;
    padding-top: 6px;
    text-align: center; /* Centering the child elements */
}

.rTableInfo {
 display: table-cell;
	width: 964px;
	background-color:#CCCCCC;
	text-align: left;
	font: 9pt 'trebuchet ms', arial, sans-serif;
	border-style:ridge;
	vertical-align: top;
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;

}

.rTableInfo2 {
 display: table-cell;
	width: 100%;
	background-color:#CCCCCC;
	text-align: left;
	font: 9pt 'trebuchet ms', arial, sans-serif;
	border-style:ridge;
	vertical-align: top;
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;

}

.block2 {
  display: block;
  width: 96%;
  border: none;
  background-color: #04AA6D;
  color: white;
  padding: 10px 28px;
  font-size: 30px;
  cursor: pointer;
   display: block;
   border-radius:20px;
  margin-left: auto;
  margin-right: auto;
}

.block2:hover {
  background-color: #ddd;
  color: black;
}


input[type=input] {
	text-align: center;
	width: 36px;
	font-weight: bold;
}

.aib{
//	width:320px;
}

  #progress-container {
        width: 100%;
        max-width: 200px; /* Limiting the maximum width */
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }
    #progress-bar {
        width: 0%;
        max-width: 100%; /* Ensure it doesn't exceed the container */
        height: 20px;
        background-color: #4CAF50;
        text-align: center;
        line-height: 20px;
        color: white;
    }
	.highlight {
            background-color: #FF99CC;
        }
		
	/* CSS styles for larger input and button */
        .search-container {
            text-align: center;
        }
        .search-input {
            padding: 10px;
            font-size: 18px; /* Adjust font size of input text */
            width: 300px; /* Adjust input width */
        }
        .search-button {
            padding: 12px 20px;
            font-size: 18px; /* Adjust font size of button text */
            cursor: pointer;
            background-color: #007bff; /* Example background color */
            color: white;
            border: none;
            border-radius: 4px;
            transition: background-color 0.3s ease;
        }
        .search-button:hover {
            background-color: #0056b3; /* Darker color on hover */
        }
		.search-container {
    position: relative; /* Ensure relative positioning for absolute child elements */
}

.search-wrapper {
    display: inline-block; /* Ensure the input and button stay in one line */
    position: relative; /* Relative positioning for absolute positioning inside */
	    padding-top: 10px;
}

.info-icon {
//    position: absolute;
    top: 6px;
    //right: 10px;
	        padding: 6px 12px;
            font-size: 18px; /* Adjust font size of button text */
            cursor: pointer;
            background-color: #8467D7; /* Example background color */
            color: white;
            border: none;
            border-radius: 16px;
            transition: background-color 0.3s ease;
}

        .info-icon:hover {
            background-color: #6A52AC; /* Darker color on hover */
        }

.info-popup {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background-color: #F9F9CC;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 1000;
	width: 700px;
	 text-align: left; /* Align text to the left */
}

.info-popup p {
    margin: 0;
}

    .price {
        color: #0000FF; /* Blue color */
    }
	
	    .store-notice {
        font-size: 1.5em; /* Adjust the size as needed */
        font-weight: bold;
    }
    .store-link {
        font-size: 1.5em; /* Adjust the size as needed */
        font-weight: bold;
    }
	
	    .warning-text {
        font-size: 1.5em; /* Adjust the size as needed */
        font-weight: bold;
    }
	
	
	
	 .warning-text2 {
        font-size: 1.5em; /* Adjust the size as needed */
        font-weight: bold;
        color: #FF0000; /* Red color */
        text-decoration: underline;
    }
	
	    .basket-empty {
        font-size: 1.5em; /* Adjust the size as needed */
        font-weight: bold;
    }
	
	.out-of-stock {
        color: #0000FF; /* Blue color */
    }
    .out-of-stock-info {
        font-size: 1.2em; /* Adjust the size as needed */
        color: #FF0000; /* Red color */
        font-weight: bold;
        vertical-align: middle;
    }
    .in-stock {
        color: #00FF00; /* Green color */
    }
	
	.store-title {
            font-size: 1.5em; /* Adjust the size as needed */
            font-weight: bold;
        }
        .store-info {
            font-weight: bold;
        }
        #progress-container {
            width: 100%;
            background-color: #f3f3f3;
        }
        #progress-bar {
            width: 0%;
            height: 20px;
            background-color: #4caf50;
            text-align: center;
            line-height: 20px;
            color: white;
        }
	
	    .rom-language {
        color: #FFA0FF; /* Pink color */
    }
	
-->