/* CSS Document */
#container{
	position:absolute;
	width:95%;
	height:78%;
	top:17%;
	left:2%;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	border: thin inset #999999;
	font-size: 12px;
	overflow: auto;
	z-index: auto;
		text-align:center;
}
#container_order {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top:105px;
	overflow:auto;
	padding:0px;
	text-align:center;
	width:45%;
	height:78%;
	left: 2%;
	text-decoration: none;

}
* html #container_order {	height:78%	;	width:45%;}
#container_image {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top:50px;
	overflow:auto;
	padding:0px;
	text-align:center;
	width:52%;
	height:90%;
	left: 48%;
	text-decoration: none;
	}
* html #container_image {	height:90%;	width:	52%;}
#container_pan_order {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top:450px;
	overflow:auto;
	padding:0px;
	text-align:center;
	width:90%;
	height:25%;
	left: 5%;
	text-decoration: none;

}
* html #container_pan_order {	height:25%	;	width:90%;}
#container_pan_image {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top:95px;
	overflow:auto;
	padding:0px;
	text-align:center;
	width:90%;
	height:70%;
	left: 5%;
	text-decoration: none;
	}
* html #container_pan_image {	height:70%;	width:90%;}

#left_box{
	position:absolute;
	width:46%;
	height:80%;
	top:17%;
	left:2%;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	border: thin inset #999999;
	font-size: 12px;
	overflow: auto;
	z-index: auto;
	}
#right_box{
	position:absolute;
	width:46%;
	height:80%;
	top:17%;
	right:2%;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	border: thin inset #999999;
	font-size: 12px;
	}
#left_box_noborder{
	position:absolute;
	width:46%;
	height:80%;
	top:15%;
	left:2%;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	font-size: 12px;
	overflow: auto;
	z-index: auto;
	}
#right_box_noborder{
	position:absolute;
	width:46%;
	height:80%;
	top:15%;
	right:2%;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	font-size: 12px;
	}

#left_pic_box{
	position:absolute;
	width:53%;
	height:80%;
	top:17%;
	left:2%;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	border: thin inset #999999;
	font-size: 12px;
	overflow: auto;
	z-index: auto;
	}
#right_pic_box{
	position:absolute;
	width:46%;
	height:80%;
	top:15%;
	right:2%;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	font-size: 12px;
	}

a, a:visited {  font-size:1.1em;  text-decoration:none;  color:#000000;  }
a:hover {  color:#FF0000;   text-decoration:none;  }
#title {
	left:2%;
	position:absolute;
	font-family: "Salsa Mangos BTN Lt";
	font-size:50px;
	font-style:normal;
	color: #FF0000;
	
	 }
#menu{
	text-shadow:#666666;
	width:100%;
	top:1px;
	cursor:pointer;
	font-size:14px;
	color: #333333;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: double;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	border-bottom-color: #000000;
	border-top-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
} 
ul {list-style:decimal}
.left {text-align:left}
.gallerycontainer{
position: relative;
height:500px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 2px 2px 0;
padding:10px}
.thumbnail1 img{
border: 1px solid white;
margin: 0 2px 2px 0;
padding:10px}
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail1:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbnail1:hover img{
border: 1px solid blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: #000000;
padding: 5px;
border: 1px double gray;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail1 span{ /*CSS for enlarged image*/
position: fixed;
background-color: #000000;
padding: 5px;
border: 1px double gray;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 18%;
	left: 48%; /*position where enlarged image should offset horizontally */
	z-index: 50;
}
.thumbnail1:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 18%;
left: 5%; /*position where enlarged image should offset horizontally */
z-index: 50;
}