/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style:none;
	
	
	
	
		
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
	top:100px;
	margin:0 auto;
	
}

.hoverbox a .previewworldmap
{
	display: none;
	top:100px;
	margin:0 auto;
	
}


.hoverbox a .previewsmall
{
	display: none;
	top:100px;
	margin:0 auto;
	
}


.hoverbox a .previewctm
{
	display: none;
	top:100px;
	margin:0 auto;
	
}
.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	padding: 10px; /*size of the frame*/
	background:#eae9d4; /*colour of the frame*/
	/*add a drop shadow to the frame*/
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
	-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
	 box-shadow: 0 0 20px rgba(0,0,0, .75);
	 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
	color: inherit;
	top: -535px;
	left: -18px;	
	width:388px;
	height:535px; 
	z-index: 2;
	
}


.hoverbox a:hover .previewworldmap
{
	display: block;
	position: absolute;
	padding: 10px; /*size of the frame*/
	background:#eae9d4; /*colour of the frame*/
	/*add a drop shadow to the frame*/
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
	-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
	 box-shadow: 0 0 20px rgba(0,0,0, .75);
	 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
	color: inherit;
	top: -200px;
	/*top: -368px;*/
	left: -720px;	
	width:700px;
	height:351px; 
	z-index: 2;
	
}

.hoverbox a:hover .previewsmall
{
	display: block;
	position: absolute;
	padding: 10px; /*size of the frame*/
	background:#eae9d4; /*colour of the frame*/
	/*add a drop shadow to the frame*/
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
	-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
	 box-shadow: 0 0 20px rgba(0,0,0, .75);
	 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
	color: inherit;
	top: -225px;
	left: -65px;	
	width:350px;
	height:208px; 
	z-index: 2;
	
	
}


.hoverbox a:hover .previewctm
{
	display: block;
	position: absolute;
	padding: 10px; /*size of the frame*/
	background:#eae9d4; /*colour of the frame*/
	/*add a drop shadow to the frame*/
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
	-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
	 box-shadow: 0 0 20px rgba(0,0,0, .75);
	 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
	color: inherit;
	top: -375px;
	left: -165px;	
	width:523px;
	height:360px; 
	z-index: 2;
	
	
}

.hoverbox img
{
	
	border-color: #aaa #eee #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	margin:0px;
	z-index: 100;
	}

.hoverbox li
{
	display: inline;
	float: left;
	margin: 0px;
	padding: 1px;
	position: relative;
	left: -48px;
	top: -24px;
}

.hoverbox .preview
{
	borde-color: #eeeeee;
	z-index: 10;
	
	
}
.hoverbox .previewworldmap
{
	border-color: #eeeeee;
	z-index: 10;
	
	
}

.hoverbox .previewsmall
{
	border-color: #cccccc;
	z-index: 10;
	
	
}