/* mediabox styles */
#mediabox {
	display: block;
	width: 670px;
	height: 322px;
	background: url(../images/styleimages/mediabox/mediabox_bg.gif) top left no-repeat;
	overflow:hidden;
	margin-bottom: 10px;
}

#mediabox #media {
	display: block;
	float: left;
	height:322px;
	width:487px;
	margin:0px;
	padding:0px;
	position: relative;
}

#mediabox #media .toggleitem {
	position: absolute;
	z-index: 98;
	top: 9px;
	left:8px;
	display: none;
}

#mediabox #media .show {
	display: block;
}

#mediabox #media .offerimage {
	position: absolute;
	z-index: 200;
	top: 10px;
	left: 10px;
}

#mediabox #media .ssmasktop {
position: absolute;
z-index: 99;
top: 0px;
left:0px;
width:487px;
height:14px;
background-image:url(../images/styleimages/mediabox/slideshow_mask_top.gif);
background-repeat:no-repeat;
background-position:top left;
}

#mediabox #media .ssmaskbottom {
position: absolute;
z-index: 100;
bottom:0px;
left:0px;
width:487px;
height:14px;
background-image:url(../images/styleimages/mediabox/slideshow_mask_bottom.gif);
background-repeat:no-repeat;
background-position:top left;

}


#mediabox #media #slideshow .ssimg {
	display: block;
	width: 477px;
	height: 305px;
	position: absolute;
	z-index: 98;
	top: 0px;
	left:0px;
}

#mediabox #media #slideshow #ss0 {
	z-index: 99;
}

#mediabox #media #video {
display: none;
}

#mediabox #media #mapcanvas {
display: block;
width: 477px;
height: 305px;
}

#mediabox #controls {
display: block;
float: left;
width: 183px;
height: 322px;
}

#mediabox #controls ul {
display: block;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#mediabox #controls ul li {
display: block;
margin: 5px 0px 0px 0px;
}

#mediabox #controls #tabsleft {
display: block;
float: left;
width: 183px;
height: 200px;
margin: 8px 0px 0px 0px;
}

#mediabox #controls #tabsleft img {
	width:61px;
	height:48px;
}

#mediabox #controls #tabsleft ul {
float: left;
}

#mediabox #controls #tabsleft ul li {
width: 61px;
height: 48px;
}

#mediabox #controls #tabsright {
display: block;
float: right;
width: 123px;
height: 182px;
margin: 8px 0px 0px 0px;
}

#mediabox #controls #tabsright ul {
float: right;
}

#mediabox #controls #tabsright ul li {
width: 98px;
height: 41px;
}