@charset "UTF-8";

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

p {
	margin: 0px 0px 10px 0px;
	line-height: 17px;	
}

img {
	display: block;
}

html 	{  
		
}

body { 
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	position: relative;
	width: 100%;
	background-color: #9fcb1d;
	color: #535353;
	font-size: 13px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h1 {
	text-transform: uppercase;
	color: #009dea;
	font-size: 14px;
	margin-bottom: 10px;
}

h2.heading {
	text-transform: uppercase;
	color: #ed0c6e;
	font-size: 12px;
	margin-bottom: 10px;
}

h3 {
	text-transform: uppercase;
	color: #909090;
	font-size: 12px;
	margin-bottom: 10px;
}

a:focus {
  outline:none;
}

a {
	color: #0098e9;
	text-decoration: none;
}

object:focus
{
  outline:none;
}

.wrapper {
	width: 1000px;
	margin: 93px auto 20px auto;
	position: relative;
}

a.back img {
	display: inline;
	padding-top: 10px;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* HEADER */
.header {
	height: 99px;
}

.header-logo, .header-slogan, .header-date {
	position: absolute;
	top: 0px;
	left: 0px;
}

.header-slogan {
	top: 0px;
	left: 223px;
}

.header-date {
	top: 12px;
	left: 707px;
}

/* MAIN SECTION */

/* USED ON HOME PAGE */
.content-container {
	position: relative;
	overflow: hidden;
}

body.home .content-container {
	left: 261px;
	top: 46px;
	width: 530px;
	height: 430px;
}

body.events-calendar .content-container {
	left: 20px;
	top: 25px;
	width: 606px;
	height: 450px;
}

body.promos-and-deals .content-container {
	left: 442px;
	top: 35px;
	width: 536px;
	height: 460px;
}

body.expression-wall .content-container, body.club-energy .content-container {
	left: 442px;
	top: 20px;
	width: 536px;
	height: 460px;	
}

body.powering-the-games .content-container, body.home-of-the-future .content-container, body.featured-attractions .content-container {
	left: 442px;
	top: 28px;
	width: 536px;
	height: 465px;
	overflow: hidden;
}

body.powering-the-games .content-container, body.featured-attractions .content-container {
	width: 536px;
}

.page-heading {
	margin-bottom: 15px;
}

body.events-calendar .page-heading {
	margin-bottom: 10px;
}

.page-heading-sub {
	margin: 14px 0px 10px 0px;
}

.zoomed-map {
	display: none;
	position: absolute;
	top: 130px;
	left: 235px;
	z-index: 9999;
}

.intro-content {
	font-size: 14px;
	line-height: 22px;
	width: 505px;
	margin: 10px 0px 10px;
	color: #5d5d5d;
}

.twitter-updates {
	width: 237px;
	float: left;
	margin: -10px 24px 0px 0px;
}

.twitter-updates .date-time {
	color: #878787;
	font-size: 11px;
	display: block;
}

.twitter-updates .bg {
	width: 227px;
	height: 158px;
	padding: 0px 5px;
	background: url(../files/images/twitter-bg.gif) no-repeat;
}

.opening-times {
	width: 148px;
	float: left;
	margin-right: 12px;
	font-size: 11px;
}

.location {
	width: 100px;
	float: left;
	font-size: 11px;
}

.view-map-link {
	text-decoration: none;
	color: #343434;
}

.col-content-container .image_container {
	margin-bottom: 8px;
}

.col-content {
	margin-bottom: 15px;
	font-size: 12px;
}

.twitter-updates .image_container {
	margin-bottom: 0px;
}

.twitter-updates .outer {
	margin: 0px 0px 8px 0px;
	font-size: 11px;
	line-height: 12px;
	display: table; 
	height: 68px; 
	position: relative; 
	overflow: hidden;
}

.twitter-updates .middle {
	display: table-cell; 
	vertical-align: middle; 
	width: 100%;
}

.col-content .heading {
	color: #4a4a4a;
	font-weight: bold;
	text-transform: uppercase;
}

.col-content span {
	display: block;
	margin-bottom: 1px;
}

/* CAROUSEL */
.carousel-container {
	position: absolute;
	top: 16px;
	left: 803px;
}
.carousel {
    position: relative;
    visibility: hidden;
    left: -5000px;
}
.carousel li {
	padding-top: 5px;
	padding-bottom: 5px;
}
.arrow img {
	margin-left: 76px;
	display: block;
}
.arrow {
	width: 176px;
	height: 18px;
	display: block;
	padding: 10px 0px 10px 0px;
}
.main {
	margin-top: -10px;
	height: 515px;
	width: 1000px;
	background: url(../files/images/bg-sprite_01.png) no-repeat;
	position: relative;	
	
}
.left-panel-image {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

/* PROMOS AND DEALS */

.promo-container {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

.promo-container h2.heading {
	text-transform: uppercase;
	color: #ed0c6e;
	font-size: 12px;
}

.promo-container h3.date {
	text-transform: uppercase;
	color: #909090;
	font-size: 12px;
}

.promo-container h2.heading, .promo-container h3.date {
	margin-bottom: 3px;
} 

.promo-container p.details {
	margin-bottom: 12px;
}

.legal-disclaimer {
	font-size: 9px;
	position: absolute;
	left: 443px;
	bottom: 40px;
	width: 535px;
}

.legal-disclaimer p {
	line-height: 12px;
}

/* POWERING THE GAMES - Vendors */
.vendors a {
	font-weight: bold;
	font-size: 14px;
}

/* BOXES */
.slide-main, .slide {
	float: left;
	width: 536px;
	height: 465px;
	position: relative;
	margin-right: 25px;
}
.slide {
	position: absolute;
	left: 566px;
	top: 0px;
}
a.box-powering, a.box-expression, a.box-club, a.box-hof, a.box-fa, a.box-ec, a.box-appliances, a.box-smart, a.box-plugin, a.box-solar, a.box-hybrid, a.box-shipping, a.box-welcome, a.box-pavilion, a.box-lab, a.box-showcase, a.box-theatre, a.box-mike, a.box-ann, a.box-bruce, a.box-lauren, a.box-powersmart, a.box-energytracking {
	display: block;
	background: url(../files/images/bg-sprite_02.png) no-repeat;
	width: 176px;
	height: 125px;
}ul.social-links {
	position: absolute;
	left: 909px;
	top: 3px;
}

ul.social-links li {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	height: 16px;
	overflow: hidden;
	
}

a.twitter, a.facebook, a.foursquare, a.youtube, a.flickr {
	background: url(../files/images/bg-sprite_01.png) no-repeat;
	display: block;
	height: 16px;
}

a.twitter {
	background-position: -700px -700px;
	width: 70px;
}

a:hover.twitter {
	background-position: -844px -700px;
}

a.facebook {
	background-position: -700px -721px;
	width: 80px;
}

a:hover.facebook {
	background-position: -844px -721px;
}

a.foursquare {
	background-position: -700px -741px;
	width: 91px;
}

a:hover.foursquare {
	background-position: -844px -741px;
}

a.youtube {
	background-position: -700px -762px;
	width: 75px;
}

a:hover.youtube {
	background-position: -844px -762px;
}

a.flickr {
	background-position: -700px -782px;
	width: 60px;
}

a:hover.flickr {
	background-position: -844px -782px;
}

.footer-links {
	position: absolute;
	left: 0px;
	top: 110px;
	font-size: 10px;
	color: #4ca133;
}

a.box-powering {
	background-position: 0px 0px;
}

a:hover.box-powering {
	background-position: -176px 0px;
}

a.box-expression {
	background-position: 0px -145px;
}

a:hover.box-expression {
	background-position: -176px -145px;
}

a.box-club {
	background-position: 0px -290px;
}

a:hover.box-club {
	background-position: -176px -290px;
}

a.box-hof {
	background-position: 0px -434px;
}

a:hover.box-hof {
	background-position: -176px -434px;
}

a.box-fa {
	background-position: 0px -613px;
}

a:hover.box-fa {
	background-position: -176px -613px;
}

a.box-ec {
	background-position: 0px -793px;
}

a:hover.box-ec {
	background-position: -176px -793px;
}

ul.boxes {
	padding-top: 14px;
}

ul.boxes li {
	float: left;
	margin-bottom: 19px;
}

ul.boxes li.marin-right {
	margin-right: 19px;
}

a.box-appliances, a.box-smart, a.box-plugin, a.box-solar, a.box-hybrid, a.box-shipping, a.box-welcome, a.box-pavilion, a.box-lab, a.box-showcase, a.box-theatre, a.box-mike, a.box-ann, a.box-bruce, a.box-lauren, a.box-powersmart, a.box-energytracking { 
	width: 165px;
	height: 111px;
}

a.box-appliances {
	background-position: -693px 0px;
}
	
a:hover.box-appliances {
	background-position: -859px 0px;
}

a.box-smart {
	background-position: -693px -111px;
}
	
a:hover.box-smart {
	background-position: -859px -111px;
}

a.box-plugin {
	background-position: -693px -222px;
}
	
a:hover.box-plugin {
	background-position: -859px -222px;
}

a.box-solar {
	background-position: -693px -333px;
}
	
a:hover.box-solar {
	background-position: -859px -333px;
}

a.box-hybrid {
	background-position: -693px -444px;
}
	
a:hover.box-hybrid {
	background-position: -859px -444px;
}

a.box-shipping {
	background-position: -693px -555px;
}
	
a:hover.box-shipping {
	background-position: -859px -555px;
}


a.box-welcome {
	background-position: -357px 0px;
}
	
a:hover.box-welcome {
	background-position: -523px 0px;
}

a.box-pavilion {
	background-position: -357px -111px;
}
	
a:hover.box-pavilion {
	background-position: -523px -111px;
}

a.box-lab {
	background-position: -357px -222px;
}
	
a:hover.box-lab {
	background-position: -523px -222px;
}

a.box-showcase {
	background-position: -357px -333px;
}
	
a:hover.box-showcase {
	background-position: -523px -333px;
}

a.box-theatre {
	background-position: -357px -444px;
}
	
a:hover.box-theatre {
	background-position: -523px -444px;
}

a.box-mike {
	background-position: -357px -555px;
}
	
a:hover.box-mike {
	background-position: -523px -555px;
}

a.box-ann {
	background-position: -357px -666px;
}
	
a:hover.box-ann {
	background-position: -523px -666px;
}

a.box-bruce {
	background-position: -357px -777px;
}
	
a:hover.box-bruce {
	background-position: -523px -777px;
}

a.box-lauren {
	background-position: -357px -888px;
}
	
a:hover.box-lauren {
	background-position: -523px -888px;
}

a.box-powersmart {
	background-position: -693px -666px;
}
	
a:hover.box-powersmart {
	background-position: -859px -666px;
}

a.box-energytracking {
	background-position: -693px -777px;
}
	
a:hover.box-energytracking {
	background-position: -859px -777px;
}

/* FOOTER */
.footer {
	position: relative;
	width: 1000px;
	margin-top: -1px;
	height: 101px;
}

.footer  p {
	margin: 0px;
}

.footer-box-left, .footer-box-mid, .footer-box-right {
	background: url(../files/images/bg-sprite_01.png) no-repeat;
	position: absolute;
	top: 0px;
	height: 86px;
	padding-top: 15px;	
}

.footer-box-left {
	background-position: 0px -530px;
	width: 288px;
	left: 0px;
	padding-left: 22px;
	padding-right: 22px;
}

.footer-box-mid {
	background-position: -340px -530px;
	width: 241px;
	left: 318px;
	padding-left: 30px;
	padding-right: 20px;
}

.footer-box-right {
	background-position: -651px -530px;
	width: 261px;
	left: 598px;
	padding-left: 33px;
}

.footer-box-left .thumb, .footer-box-mid .thumb {
	float: left;
	margin-right: 10px;
}

.footer-box-left .heading, .footer-box-mid .heading {
	margin-bottom: 10px;
}

.footer-box-left .date {
	font-weight: bold;
}

.footer-box-left h3 {
	font-size: 12px;
	color: #ed0c6e;
	margin-bottom: 0px;
}

ul.social-links {
	position: absolute;
	left: 909px;
	top: 3px;
}

ul.social-links li {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	height: 16px;
	overflow: hidden;
	
}

a.twitter, a.facebook, a.foursquare, a.youtube, a.flickr {
	background: url(../files/images/bg-sprite_01.png) no-repeat;
	display: block;
	height: 16px;
}

a.twitter {
	background-position: -700px -700px;
	width: 70px;
}

a:hover.twitter {
	background-position: -844px -700px;
}

a.facebook {
	background-position: -700px -721px;
	width: 80px;
}

a:hover.facebook {
	background-position: -844px -721px;
}

a.foursquare {
	background-position: -700px -741px;
	width: 91px;
}

a:hover.foursquare {
	background-position: -844px -741px;
}

a.youtube {
	background-position: -700px -762px;
	width: 75px;
}

a:hover.youtube {
	background-position: -844px -762px;
}

a.flickr {
	background-position: -700px -782px;
	width: 60px;
}

a:hover.flickr {
	background-position: -844px -782px;
}

.footer-links {
	position: absolute;
	left: 0px;
	top: 110px;
	font-size: 10px;
	color: #4ca133;
}

.footer-links ul li {
	float: left;
}

.footer-links ul li.pipe {
	margin: 0px 5px;
}

.footer-links ul li a {
	text-decoration: none;
	color: #4ca133; 
}

/* CALENDAR */

.tabs {
	position: relative;
	top: 5px;
	left: 0px;
	width: 300px;
}

a.february, a.march {
	display: block;
	background: url(../files/images/bg-sprite_01.png) no-repeat;
	height: 32px;
	float: left;
}

a.february {
	width: 110px;
	background-position: 0px -687px;
	margin-right: 1px;
}

a:hover.february {
	background-position: -110px -687px;
}

a.february-selected {
	background-position: -110px -687px;
}

a.march {
	width: 84px;
	background-position: 0px -736px;
}

a:hover.march {
	background-position: -84px -736px;
}

a.march-selected {
	background-position: -84px -736px;
}

.calendar-container {
	width: 606px;
	height: 391px;
}

.calendar-top {
	width: 606px;
	height: 9px;
	background: url(../files/images/calendar-topcorner.gif) #e1e1e1 top right no-repeat;
}

.calendar-content {
	height: 365px;
	width: 574px;
	background-color: #e1e1e1;
	padding: 0px 16px;
}

ul.days li {
	float: left;
	width: 74px;
	font-weight: bold;
	color: #7e7e7e;
	padding: 0px 0px 5px 8px;
	font-size: 12px;
}

ul.week li {
	float: left;
	width: 73px;
	height: 61px;
	font-weight: bold;
	margin: 0px 2px 2px 0px;
	padding: 7px 0px 0px 7px;
	font-size: 12px;
}

ul.week li.no-event {
	background: url(../files/images/bg-sprite_01.png) 0px -832px no-repeat;
	color: #909090;
}

ul.week li.event {
	background: url(../files/images/bg-sprite_01.png) -90px -832px no-repeat;
	color: #009dea;
	cursor: pointer;
}

ul.week li.highlight, ul.week li.selected  {
	background: url(../files/images/bg-sprite_01.png) -180px -832px no-repeat;
	color: #fff;
}

ul.week li.blank {
	background: url(../files/images/bg-sprite_01.png) -270px -832px no-repeat;		
}

.calendar-bottom {
	display: block;
	background: url(../files/images/bg-sprite_01.png) 0px -806px no-repeat;	
	width: 606px;
	height: 17px;
}

#march {
	display: block;
}

#february {
	display: none;
}

.event-container {
	width: 321px;
	position: absolute;
	top: 35px;
	right: 25px;
}

.event-nav {
	padding-bottom: 19px;
}

#event-text {
	height: 425px;
	overflow: auto;
	width: 316px;
	padding-right: 5px;
}

.event-container h1 {
	text-transform: uppercase;
	color: #009dea;
	font-size: 14px;
	margin-bottom: 18px;
}

.eventdetail-container {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	overflow: hidden;
	padding-bottom: 12px;
}

.event-container .last {
	margin: 0px;
	border-bottom: none;
}

.eventdetail-container p {
	margin: 0px;
}

.eventdetail-container img {
	float: left;
	margin-right: 12px;
	width: 57px;
}

.eventdetail-container .content {
	float: right;
	width: 232px;
}

.eventdetail-container h2.heading {
	text-transform: uppercase;
	color: #ed0c6e;
	font-size: 12px;
}

.eventdetail-container h3.date {
	text-transform: uppercase;
	color: #909090;
	font-size: 12px;
}

.eventdetail-container h2.heading, .eventdetail-container h3.date {
	margin-bottom: 3px;
} 

.internal-content {
	height:144px;
	overflow: auto;
	padding-right: 5px;
	width: 528px;
	line-height: 16px;
}

.promo-content {
	height:425px;
	overflow: auto;
	padding-right: 5px;
	width: 528px;
}

/* SCROLLBAR */
.vert-scroll .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float: left;
}

.vert-scroll .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 425px;
	background: url(../files/images/track.gif) no-repeat;
}

.vert-scroll-promo .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float: left;
}

.vert-scroll-promo .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 425px;
	background: url(../files/images/track.gif) no-repeat;
}

.vert-scroll-promo .jScrollPaneDrag {
	background: url(../files/images/drag.gif) no-repeat;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	z-index: 1;	
}

.vert-scroll-alt .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float: left;
}

.vert-scroll-alt .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 144px;
	background: url(../files/images/track-alt.gif) no-repeat;
}

.vert-scroll-alt .jScrollPaneDrag {
	background: url(../files/images/drag-alt.gif) no-repeat;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	z-index: 1;
	
}

.jScrollPaneDrag {
	background: url(../files/images/drag.gif) no-repeat;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.voltswf-container {
	height: 259px;
}

.voltswf {
	display:none;
}