A:link  {font-family:arial;font-size:0.7em;color:#eeeeee;text-decoration:none;}
A:visited  {font-family:arial;font-size:0.7em;color:#eeeeee;text-decoration:none;}
A:active {font-family:arial;font-size:0.7em;color:#eeeeee;text-decoration:none;}
A:hover {font-family:arial;font-size:0.7em;color:#FF004F;text-decoration:none;}

.a1:link {font-family:arial;font-size:0.7em;text-decoration:none;margin-left:20px;font-weight:bold;}
.a1:visited {font-family:arial;font-size:0.7em;color:#ffff4c;text-decoration:none;margin-left:20px;font-weight:bold;}
.a1:active {font-family:arial;font-size:0.7em;color:#ffb973;text-decoration:none;margin-left:20px;}
.a1:hover {font-family:arial;font-size:0.7em;color:#00d936;text-decoration:none;margin-left:20px;}

.a2:link  {font-family:arial;font-size:16px;color:#ffffff;text-decoration:none;line-height:22px;display:inline;}
.a2:visited {font-family:arial;font-size:16px;color:#ffffff;text-decoration:none;line-height:22px;display:inline;}
.a2:active {font-family:arial;font-size:16px;color:#ffffff;text-decoration:none;line-height:22px;display:inline;}
.a2:hover {font-family:arial;font-size:16px;color:yellow;text-decoration:none;line-height:22px;display:inline;}

html, body {
	margin: 0 auto;
	background:#002530;
	color:#0c3fbb;
	font-family:arial;
	font-size:x-large;
	}
.thumbs{
  display:inline;
  max-width:130px;
  max-height:130px;
  width: auto;
  height: auto;
}
.words{
	width:100%;
	/*margin:auto;*/
	font-size:12px;
	font-family:arial,sans-serif;
	color:#dddddd;
	text-align:center;
	padding:0 4px 0 4px;
	}	
.head{	clear:both;
	    font-size:x-large;
		background-color:tomato;
		text-align:center;
		font-weight:bold;
		color:yellow;
		cursor:pointer;	
		margin-bottom:2px;
		}

.subfolder{	display:none;}	
.drawer{margin:0 auto;
		clear:both;
		padding:0 3px 0 3px;
		background-color: rgba(57,93,157,0.9); /* rgba(0,0,0,1);Black background with opacity */
		 }
.drawer:hover{background:#000033;}
.drawer:active{background:#000033;}		
.bar1{ 
	 color:#f0f0f0;
	 display:inline;
	 margin-left:6px;
	}
.number{ 
		float:left;
		height:26px;
		font-size:19px;
		color:white;
		margin:5px 4px 0 0;
		cursor:pointer;	
		}
.bottom{
		float:left;
		max-width:100%;
		height:22px;
		font-size:20px;
		background-color:#002530;
		color:red;
		padding:0 50px 0 50px;
		cursor:pointer;	
		}
.number:hover {
		color:yellow;
	}	
.topbar{
		height:22px;max-width:100%;float:left;font-size:18px;color:#8bd2ff;background-color:#002530;
	margin-top:7px;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    max-width: 100%;/* 70% width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(57,93,157,1);/*Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
	overflow:auto;
}

#right{
	float:right;
	margin-left:5px;
	width:100%;
	height:100%;
	background-color:#EEEEff;
	overflow:auto;
	}
	
#one {
	position:fixed;
	background-color:rgb(57,93,157);
	width:100%;
	top:2px;
	z-index: 4;
	display:none;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	box-shadow: 0 0 6px #FF004F;
	text-align:center;

	}
#pop{
	height:16px;
	background:#f0f0ff;
	margin: 0 auto;
	padding:0;
	cursor:pointer;
	}
#pop div{
	font:12px arial;
	float:left;
	padding:2px 5px 0px 5px;
	margin:0px 1px 0px 2px;
	background:#f0f0ff;
	color:#4092c4;
}
	
#myImg{ max-width:350px;}
span.red {color:red;font-weight:bold;font-size:19px;}
div.copyright{font-size:12px;float:right;text-align:right;padding-right:15px;}
div.bar{position:absolute;width:1000px;}
div.right{width:35%;color:white;padding-right:10px;text-align:right;float:left;}
div.left{width:35%;color:white;padding-left:10px;text-align:left;float:left;}
#cart {
    position: fixed; /* Sit on top of the page content */
	top:2px;
	border:2px solid #eeeeee;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	box-shadow: 0 0 5px #FF004F;
     /* display: none;Hidden by default */
    width: 100%;/* 70% width (cover the whole page) */
	min-height:200px;
    text-align:center;
    background-color:#395d9d;
    z-index: 20; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
	border:solid 2px black;
	overflow:auto;
	display:none;
}


   /* Style for the radio button */
    input[type="radio"] {
        width: 18px; /* Increase size */
        height: 18px; /* Increase size */
        accent-color: red; /* Change dot color */
        cursor: pointer; /* Change cursor on hover */
    }