.ie7 div#mapping,
.ie div#mapping{
overflow: hidden;
height : 618px;
margin-bottom: 16px;
}

div#mapping{
position:relative;
}

p.intro{
font-weight: bold;
}

div.zoomr-container div.zoomr-viewer p.no-js{
    color: #FFFFFF;
    font-size: 1em;
    line-height: 13px;
    margin-bottom: 0;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-top: 3px;
}

.story-body{
position:static !important;
height:100% !important;

}

p.zoomr_caption{
margin:8px 0;
float:left;
width: 976px;
}
div#dynamic_content.dyn_narrow{
display:none;
}
div.zoomr-container{
margin-bottom: 16px;
}
/*****************************************************************
*
* Theme:
* Control:Viewer
*
******************************************************************/
 .zoomr-viewer
{
	background:url(img/bg.png) repeat-x top left;
	position:relative;
}

 .zoomr-viewer img
{
	float:left;
	line-height:1;
	margin:0;
	padding:0;
}

/*****************************************************************
*
* Theme:
* Control:Toolbar
*
******************************************************************/
 .zoomr-toolbar
{
	height:30px;
	line-height:30px;
	position:relative;
}

 .zoomr-toolbar p
{
	font-size:1.0em;
	line-height:30px;
	margin:0;
	padding:0 10px;
	text-align:left;
}

 .zoomr-toolbar a.zoomr-fullscreen
{
	bottom:4px;
	height:22px;
	position:absolute;
	right:10px;
	width:27px;
	background:red;
}



/*****************************************************************
*
* Theme:Silver
* Control:Toolbar
*
******************************************************************/
 .zoomr-skin-silver .zoomr-toolbar
{
	background:url(img/silver/toolbar_sprite.png) repeat-x top left;
}

 .zoomr-skin-silver .zoomr-toolbar p
{
	color:#666666;
}

 .zoomr-skin-silver .zoomr-toolbar a.zoomr-fullscreen-inactive
{
	background:url(img/silver/button_fullscreen.png) 0 0 no-repeat;
}

 .zoomr-skin-silver .zoomr-toolbar a.zoomr-fullscreen
{
	background:url(img/silver/button_fullscreen.png) 0 -22px no-repeat;
}

 .zoomr-skin-silver .zoomr-toolbar a.zoomr-fullscreen:hover
{
	background:url(img/silver/button_fullscreen.png) 0 -44px no-repeat;
}


/*****************************************************************
*
* Theme:Black
* Control:Toolbar
*
******************************************************************/
 .zoomr-skin-black .zoomr-toolbar
{
	background:url(img/black/toolbar_sprite.png) repeat-x top left;
}

 .zoomr-skin-black .zoomr-toolbar p
{
	color:#b3b3b3;
}

 .zoomr-skin-black .zoomr-toolbar a.zoomr-fullscreen-inactive
{
	background:url(img/black/button_fullscreen.png) 0 0 no-repeat;
}

 .zoomr-skin-black .zoomr-toolbar a.zoomr-fullscreen
{
	background:url(img/black/button_fullscreen.png) 0 -22px no-repeat;
}

 .zoomr-skin-black .zoomr-toolbar a.zoomr-fullscreen:hover
{
	background:url(img/black/button_fullscreen.png) 0 -44px no-repeat;
}



/*****************************************************************
*
* Theme:
* Control:Container
*
******************************************************************/
.zoomr-controls
{
	position:relative;
	z-index:900;
	width:48px;
	height:116px;

}

.zoomr-controls:hover{
	/*filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
	opacity: 0.9;*/
}

.fullscreen-zoomr-controls
{
	position:relative;
	z-index:2000;
}

.zoomr-controls a,
.zoomr-controls span
{
	color:#000;
	font-weight:normal;
	text-decoration:none;
}

.zoomr-controls a:hover,
.zoomr-controls a:hover span
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}


/*****************************************************************
*
* Theme:
* Control:Reset Control
*
******************************************************************/
.zoomr-controls .zoomr-resetControl
{
	position:absolute;
	z-index:1002;
}

.zoomr-controls .zoomr-resetControl a,
.zoomr-controls .zoomr-resetControl span
{
	background-repeat:no-repeat;
	display:block;
	font-size:1.0em;
	height:21px;
	line-height:21px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	width:48px;
}


.zoomr-controls .zoomr-resetControl a span
{
	background-position:0 0;
	cursor:pointer;
	background-repeat:no-repeat;

}
.defaultState{
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
}

.hoverState{
	background: rgba(0,0,0,0.9);
}



/*****************************************************************
*
* Theme:
* Control:Close Full Screen Control
*
******************************************************************/
.zoomr-controls .zoomr-closeControl
{
	  left:10px;
	  position:absolute;
	  top:166px;
	  z-index:1002;
}

.zoomr-controls .zoomr-closeControl div,
.zoomr-controls .zoomr-closeControl a
{
	  background-image:url(/news/special/uk/11/csi/zoomr/1.2/css/img/controls/button_close.png);
	  display:block;
	  position:absolute;
}

.zoomr-controls .zoomr-closeControl a.zoomr-close-fullscreen
{
	background-position:0px 0px;
	height:24px;
	left:20px;
	top:0px;
	width:24px;
	z-index:1020;
}


.zoomr-controls .zoomr-closeControl a.zoomr-close-fullscreen:hover
{
	background-position:24px 0px;
}

/*****************************************************************
*
* Theme:
* Control:Panning Controls
*
******************************************************************/
.zoomr-controls .zoomr-panControl
{
	  left:0px;
	  position:absolute;
	  top:22px;
	  z-index:1002;
	  width: 48px;
	  height:48px;
	  
}

.zoomr-controls .zoomr-panControl div,
.zoomr-controls .zoomr-panControl a
{

	  display:block;
	  position:absolute;
}

.zoomr-controls .zoomr-panControl a.panUp
{

	height:16px;
	left:16px;
	top:0px;
	width:15px;
	z-index:1004;
	background-repeat:none;

}



.zoomr-controls .zoomr-panControl a.panDown
{
	height:17px;
	left:16px;
	top:31px;
	width:15px;
	z-index:1004;
	background-repeat:none;

}



.zoomr-controls .zoomr-panControl a.panLeft
{
	height:15px;
	position:absolute;
	top:16px;
	width:16px;
	z-index:1004;
	background-repeat:none;

}


.zoomr-controls .zoomr-panControl a.panRight
{
	height:15px;
	left:31px;
	top:16px;
	width:17px;
	z-index:1004;
}

/*****************************************************************
*
* Theme:
* Control:Zoom Controls
*
******************************************************************/
.zoomr-controls .zoomr-zoomControl
{
	left:14px;
	position:absolute;
	top:75px;
	z-index:1002;
	height:41px;
	width:20px
}


.zoomr-controls a.zoomIn,
.zoomr-controls a.zoomInDisabled
{
	background-position:0 0;
	display:block;
	font-size:11px;
	height:20px;
	width:20px;
	z-index:1002;

}
.zoomr-controls a.zoomOut,
.zoomr-controls a.zoomOutDisabled
{
	background-position:0 0;
	display:block;
	font-size:11px;
	height:20px;
	width:20px;
	z-index:1002;
	position:absolute;
	top:21px;

}

/*****************************************************************
*
* Browser:Firefox only styles
*
******************************************************************/
.zoomr-controls a
{
	-moz-user-select:none;
	-moz-outline-style: none;
}
.zoomr-controls div.zoomr-controlArray.active_but a span
{
color: #ff9900;
text-decoration: underline;
}
.zoomr-controls .zoomr-resetControl a:hover
{
	text-decoration:underline;
}
div.zoomr-container{
height: 618px;
overflow: hidden;
}
div.carousel-container{
    background: url("/view/1_4_7/cream/hi/shared/img/transparencies/rgba-0-0-0-07.png") repeat scroll 0 0 transparent;
    clear: both;
    height: 91px;
    margin-bottom: 2px;
    margin-top: -92px;
    position: relative;
    width: 976px;
}

.ie8 .defaultState
{
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000)";
}

.ie8 .hoverState
{
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000)";
}

.ie7 .defaultState,
.ie .defaultState
{
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);	
}
.ie7 .hoverState,
.ie .hoverState
{
background: transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000);
}
a.hotspot{
height: 32px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
color: #ffffff;
background: url("/news/special/sci_environment/11/wind_turbine_zoomr/zoomr/1.2/css/img/turbine_labels.png") repeat scroll transparent;
background-position: top;
float: left;
}

.ie a.hotspot{
height: 13px;
padding-top: 4px;
padding-bottom: 4px;
color: #ffffff;
background: transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000);
}
a.hotspot:hover{
background-position: bottom;
}

.ie a.iehover{
background: transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5d1700e, endColorstr=#e5d1700e);
}

.loading{
color: #ffffff;
font-weight: bold;
font-size: 24px;
position: absolute;
left: 420px;
top: 300px;
}