/*   
Theme Name: Target Neutral
Theme URI: http://bptargetneutral.com/uk
Author: Bullitt
Author URI: http://www.bullitt.co.uk
Version: 1.2
*/

/* CSS RESET
================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

.float-left { float: left; }
.float-right { float: right; }
.clear-float { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.hidden { display: none; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

:focus {/* remember to define focus styles! */
	outline: 0; }
.unbold { font-weight: normal !important; }

/* WEBFONTS
================================*/

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=5dc543a8-cd57-48ab-8d48-6868e472a64d&fontids=693721");
@font-face{
font-family:"Gill Sans W02 UltraBold";
src:url("fonts/693721/849fac79-eb45-4470-8344-a816ceda25a6.eot?#iefix");
src:url("fonts/693721/849fac79-eb45-4470-8344-a816ceda25a6.eot?#iefix") format("eot"),url("fonts/693721/f873725b-ccb8-415e-a337-d65ef1e6d8c7.woff") format("woff"),url("fonts/693721/7cf8b52f-afd2-4beb-9b2a-29a84c43a867.ttf") format("truetype"),url("fonts/693721/87052638-02a1-4578-8476-943295870c7f.svg#87052638-02a1-4578-8476-943295870c7f") format("svg");
}

@font-face{
font-family:"Univers Light";
src:url("fonts/726277/34ecd7fc-f469-4e0c-980b-6d7fcec493da.eot?#iefix");
src:url("fonts/726277/34ecd7fc-f469-4e0c-980b-6d7fcec493da.eot?#iefix") format("eot"),url("fonts/726277/47a5b741-405e-4d03-ba4a-e50cc7716ddf.woff") format("woff"),url("fonts/726277/6ef60ba5-712c-4ea5-9e57-0242591afed0.ttf") format("truetype"),url("fonts/726277/ae2bbb03-6095-4a28-a333-555527bde8f6.svg#ae2bbb03-6095-4a28-a333-555527bde8f6") format("svg");
}

/* LAYOUT
================================*/

html, body {
    height: 100%;
    }
    
body { 
    background: #ccc url(images/plus-bg.gif);
    margin: 0 auto;
    }
    
#wrapper {
    width: 1010px;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    background: white;
    box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0px 0px 15px #666;
}

#container {
    width: 966px;
    position: relative;
    margin: auto;
}

#header {
    width: 966px;
}

#content {
    float: left;
    width: 720px;
    margin-right: 21px;
    margin-bottom: 30px;
    background-color: #fff;
    min-height: 250px;
    position: relative;
}

#content-wide {
    float: left;
    width: 966px;
    margin-bottom: 30px;
}

#content-single {
    float: left;
    width: 720px;
    margin-right: 21px;
    margin-bottom: 30px;
    padding-top: 30px;
}

#sidebar {
    float: right;
    position: relative;
    width: 225px;
    padding-bottom: 200px;
    margin-bottom: 40px;
    background: url(images/reduce-replace-stamp.gif) no-repeat bottom left;
}

.sidebar-feature {
    background: #EEE;
    padding: 12px;
    margin-bottom: 20px;
    position: relative;
}

.sidebar-feature img {
    width: 100%;
}

.sidebar-feature.author {
    padding-bottom: 150px;
}

.sidebar-feature.author img {
    position: absolute;
    bottom: 0;
    left: 0;
}

#featured-sidebar {
    float: right;
    position: relative;
    width: 225px;
    padding-bottom: 200px;
    margin-bottom: 40px;
    background-color: #ccc;
    background: url(images/sidebar-bg.gif) no-repeat bottom left;
}

.featured-panel {
    float: right;
    position: relative;
    width: 203px;
    margin-bottom: 20px;
    background-color: #eee;
    padding: 11px;
}

#footer {
    width: 966px;
    position: relative;
    margin: auto;
    padding: 22px 0 0 0;
    border-top: 5px solid #eee;
    background: #fff;
    /* background: url(images/grey-grad2.gif) repeat-x; */
    text-align: left;
    clear: both;
}

/* GLOBAL
================================*/

body {
    background-color: #ccc;
    background: url(images/plus-bg.gif);
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #444;
}

h1, h2, h3, h4, h5, h6, h7 { clear: both; font-weight: normal; margin: 0 0 10px 0; }
h1 { color: #090; font-size: 26px; line-height: 130%; }
h2 { }
h3 { font-size: 16px; color: #444; line-height: 130%;}
h4 { font-size: 14px; color: #444;  font-weight: bold; line-height: 130%; }
h5 { line-height: 130%; font-family: arial, sans-serif; font-size: 15px; color: #9C0; font-weight: bold; }
h6 { font-size: 17px; line-height: 130%; color: #090; margin-bottom: 22px; }
h7 { font-size: 11px; color: #999; }

p { margin: 0 0 10px 0; line-height: 130%; }
b { font-weight: bold; }
a { text-decoration: none; }
a, a:visited { color: #090; }
a:hover { color: #006B00; }

p a[target="_blank"] {
	background: url(images/new_window_icon.gif) no-repeat top right;
	padding-right: 18px;
}

strong, .strong { font-weight: bold; }

.post .img-caption {
	margin-top: -10px;
	font-size: 11px;
	color: #999;
	max-width: none;
}

.pink { color: #DF0094 !important; }
.green { color: #090; }
.light-green { color: #CCFF00; }
.dark { color: #666; }
.purple { color: #80388b; }
.grey { color: #999; }
div.grey {
	background: #eee;
	color: #333;
}

sup { vertical-align: super; font-size: x-small; color: #111; line-height: 0;}
ul, ol { margin: 0 0 10px 0; }

/*.post { overflow: auto; }*/
.post.nectar { width: 475px; }
.post.nectar h4 { width: 475px; }

.entry {
    clear: both;
    margin-bottom: 20px;
    overflow: auto;
}

.post ol { width: 550px; }
.post ul li { line-height: 130%; }

cite {
    font-size: 90%;
    color: #666;
}

ol { list-style: decimal; }
ol li {
	line-height: 130%;
	margin: 0 0 10px 20px; 
}

ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }

.small-btn {
	font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
    cursor: pointer;
    padding: 5px 10px;
    border: none;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    background: #090;
    background: url(images/nav-btn-bg.gif) repeat-x;
    border-radius: 5px;
	-moz-border-radius: 5px;
    box-shadow: 0px 2px 5px #AAA;
	-webkit-box-shadow: 0px 2px 5px #AAA;
}

.small-btn:hover { color: yellow; background-position: 0 -41px; }

.button,
a.button {
    font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
    display: block;
    padding-right: 11px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    background: url(images/tn-wp-sprites.png) no-repeat right 0;
/*    box-shadow: 0px 2px 5px #333;
	-webkit-box-shadow: 0px 2px 5px #333;*/
	border: none;
	cursor: pointer;
	float: left;
}

.button:hover,
a.button:hover {
    color: yellow;
    background-position: right -50px;
}

.button-text {
    display: block;
    padding: 12px 0 12px 11px;
    background: url(images/tn-wp-sprites.png) no-repeat left 0;
}

.button:hover .button-text,
a.button:hover .button-text  {
    background-position: left -50px;
}

.button.midgreen {
    background-position: right -100px;
}

.midgreen .button-text {
    background-position: left -100px;
}

.button.midgreen:hover,
a.button.midgreen:hover {
    background-position: right -150px;
}

.button.midgreen:hover .button-text,
a.button.midgreen:hover .button-text  {
    background-position: left -150px;
}

/* BANNERS
================================*/

.banner {
    background: white;
    margin-bottom: 20px;
}

.banner-inner {
    padding: 15px 20px;
}

.wgc-banner {

}

.wgc-banner .ticker {
    position: relative;
    width: 970px;
    padding: 12px 20px;
    margin-left: -20px;
    background: #090;
    color: white;
    font-family:"Univers Light";
    /*text-transform: uppercase;*/
    overflow: hidden;
}

.wgc-banner .ticker-strip {
    white-space: nowrap;
    cursor: default;
    display: table;
    position: relative;
    left: 0;
    text-shadow: 1px ;
}

.wgc-banner .ticker-strip p {
    display: inline;
    padding-right: 40px;
    margin-right: 40px;
    letter-spacing: 1px;
    opacity: 1;
    border-right: 2px solid #9c0;
    transition: all 0.1s ease-in-out;
}

/* PRE NAV
================================*/

#pre-nav {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-size: 12px;
}

#pre-nav ul {
    padding: 10px 0;
    margin-bottom: 10px;
}

#pre-nav li { display: inline; }
#pre-nav li a.business {
	background: #090;
	color: #fff;
	padding: 2px 5px;
	border-radius: 2px;
}

#pre-nav li a.business:hover {
    background: #217722;
}

#pre-nav li img {
    margin: 2px 5px 0 0;
}

#basket-icon {
    background: url(images/basket.gif) no-repeat 0 -4px;
    padding-left: 30px;
} 

#pre-nav li.pre-nav-last {
    padding-right: 0;
    border-right: none;
}

#pre-nav a {
    color: #AAA;
    text-decoration: none;
}

#pre-nav a:hover {
    color: #888;
}

#pre-nav li.pre-nav-divider {
    color: #9C0;
    padding: 0 10px;
}

#header-btns div {
    display: inline-block;
    float: right;
}

#header-btns a {
    font-size: 14px;
    color: #666;
}

#header-btns a:hover { color: #333; }

#search {
    float: right;
}

form#searchform { width: 192px; }

input#s {
    width: 160px;
    height: 20px;
    font-size: 14px;
    padding: 5px 5px 5px 25px;
    border: 1px solid #CCC;
    border-radius: 6px;
    background: url(images/search-icon-small.gif) no-repeat 2px 6px;
    box-shadow: 0 0 6px #EEE inset;
    -webkit-box-shadow: 0 0 6px #EEE inset;
    vertical-align: top;
}

/* Change country
================================*/

#country-select ul {
	position: absolute;
	display: none;
	top: 24px;
	left: 220px;
	color: #eee;
	text-align: left;
	-webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    border-radius: 5px;
    -moz-border-radius: 5px 5px 0 0;
    background: #666;
    opacity: 0.9;
    padding: 4px 4px;
    width: 130px;
    z-index: 1000;
}

#country-dropdown li {
	display: list-item;
	padding: 4px 5px;
}

#country-dropdown li a { color: #ddd; }
#country-dropdown li a:hover { color: #fff; }

#country-select:hover #country-dropdown { display: block; }

/* Menu
================================*/

.menu { position: relative; z-index: 10; height: 32px; margin-bottom: 20px; }
.menu ul { z-index: 9999; }

.menu li {
    display: block;
    float: left;
    position: relative;
    padding-right: 11px;
    margin-right: 38px;
    background: url(images/tn-wp-sprites.png) no-repeat top right;
}

.menu li:last-child {
    margin-right: 0;
}

.menu li:before,
.plus {
    position: absolute;
    display: block;
    content: "";
    width: 36px;
    height: 35px;
    top: 0;
    left: -38px;
    background: url(images/plus.gif) 0 0 no-repeat;
}

.menu li:first-child:before {
    display: none;
}

.menu li:last-child:before,
.equals {
    background: url(images/equals.gif) 0 0 no-repeat;
}

.menu li a {
    font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
    display: block;
    padding: 12px 0 12px 11px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    background: url(images/tn-wp-sprites.png) no-repeat 0 0;
}

.menu li.plus {
    display: block;
    float: left;
    color: #9C0;
    width: 38px;
    padding: 0;
    background: none;
    border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.menu li:hover {
    background-position: right -50px;
}

.menu li:hover > a {
    color: yellow;
    background-position: left -50px;
}

.menu li.nav-btn-active a,
#nav li.nav-btn-active a:hover { color: #eee; }

.menu li ul {
    display: none;
    position: absolute; 
    top: 1em;
    left: 0;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    border-radius: 5px;
    -moz-border-radius: 5px 5px 0 0;
    background: none;
    background: #333;
    opacity: 0.9;
    overflow: hidden;
    width: 180px;
}

ul.sub-menu li {
    padding: 0;
    background: none;
    border-top: 1px dotted #555;
    width: 100%;
    display: block; 
}
ul.sub-menu li:last-child { background: none; }
ul.sub-menu li:first-child { border-top: none; }
ul.sub-menu li a {
	font-family: arial, sans-serif;
	text-transform: none;
	font-weight: bold;
    float: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: none;
    color: #eee;
    border-radius: 0;
    line-height: 130%;
    -moz-border-radius: 0;
}

.menu li.menu-item-114 ul li a, .menu li.menu-item-1423 ul li a { background: #333; }
ul.sub-menu li:first-child a, .menu li.menu-item-114 ul li:first-child a { border-radius: 5px 5px 0 0; }
ul.sub-menu li:last-child a, .menu li.menu-item-114 ul li:first-child a { border-radius: 0 0 5px 5px; }
.menu li.menu-item-114 ul li:first-child a { border-radius: 5px 5px 0 0; }

.menu li > ul { top: auto; left: auto; }
ul.sub-menu li a:hover, li.current_page_item ul.sub-menu li a:hover, .menu li.menu-item-114 ul li a:hover { background-color: #444; color: yellow; }
.menu li:hover ul, .menu li.over ul { display: block; }
.menu li.current_page_item ul li a { background: none; }

/* Slideshow
================================*/

#slideshow {
    position: relative;
    margin-bottom: 22px;
    background-color: #FAFAFA;
    width:966px; 
    height: 344px;
    text-align: center;
    color: #3DA641;
    font-size: 14px;
    overflow: hidden;
    background-color: #fff;
}

.slideshow-wrapper { position: relative; width: 966px; height: 344px; }

ul.slideshow {
	position: absolute; top: 0; left: 0;
	margin: 0; padding: 0;
}

ul.slideshow li {
    position: absolute; top: 0; left: 0;
    margin: 0; padding: 0;
    width: 941px;
    height: 319px;
    padding: 25px 0 0 25px;
    text-align: left;
}

.slideshow h1 {
	font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
	font-size: 32px;
	line-height: 37px;
	text-transform: uppercase;
	width: 600px;
	color: #fff;
}

.slideshow p {
	font-family: "Arial", sans-serif;
	font-size: 14px;
	color: #fff;
	width: 300px;
    margin-bottom: 20px;
}

#slide-1 {
    background: #ddd url(images/slide-1.jpg);
    z-index: 3;
}

#slide-1 h1 {
    color: #9c0;
}

#slide-2 {
    background: #ddd url(images/slide-2.jpg);
    z-index: 2;
    display: none;
}

#slide-3 {
    background: #ddd url(images/slide-3.jpg);
    z-index: 1;
    display: none;
}

#slideNav {
	width: 225px;
	height: 334px;
	position: absolute;
	top: 0;
	right: 0;
	background: #333;
	background: url(images/grey-70.png);
	background: rgba(20,20,20,0.3);
	padding-top: 11px;
	z-index: 9;
}

#slideNav img {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	width: 70px;
	height: auto;
}

#slideNav li {
	text-align: left;
	width: 182px;
	height: 78px;
	margin: auto;	
	background: #eee;
	background-image: -webkit-linear-gradient(top, #FFF, #DDD);
	background-image: -moz-linear-gradient(top, #FFF, #DDD);
	background-image: -o-linear-gradient(top, #FFF, #DDD);
	background-image: -ms-linear-gradient(top, #FFF, #DDD);
	background-image: linear-gradient(top, #FFF, #DDD);
	margin-bottom: 11px;
	padding: 11px;
	cursor: pointer;
}

#slideNav li:hover {
	opacity: 0.9;
}

#slideNav-0.active  {
	background: #98cb00;
	background-image: -webkit-linear-gradient(top, #98cb00, #78a100);
	background-image: -moz-linear-gradient(top, #98cb00, #78a100);
	background-image: -o-linear-gradient(top, #98cb00, #78a100);
	background-image: -ms-linear-gradient(top, #98cb00, #78a100);
	background-image: linear-gradient(top, #98cb00, #78a100);
	color: #fff;
}

#slideNav-1.active {
	background: #02ac02;
	background-image: -webkit-linear-gradient(top, #02ac02, #217722);
	background-image: -moz-linear-gradient(top, #02ac02, #217722);
	background-image: -o-linear-gradient(top, #02ac02, #217722);
	background-image: -ms-linear-gradient(top, #02ac02, #217722);
	background-image: linear-gradient(top, #02ac02, #217722);	color: #fff;
}

#slideNav-2.active {
	background: #98cb00;
	background-image: -webkit-linear-gradient(top, #98cb00, #78a100);
	background-image: -moz-linear-gradient(top, #98cb00, #78a100);
	background-image: -o-linear-gradient(top, #98cb00, #78a100);
	background-image: -ms-linear-gradient(top, #98cb00, #78a100);
	background-image: linear-gradient(top, #98cb00, #78a100);
	color: #fff;
}

#slideNav h1 {
	font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #888;
	margin-bottom: 3px;
}

#slideNav p {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	color: #999;
	line-height: normal;
}

#slideNav li.active h1,
#slideNav li.active p {
    color: #fff;
}

ul.slideshow-links {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 966px;
	height: 27px;
	list-style-type: none;
	margin: 0;
	padding: 4px 10px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
	background: rgb(30, 30, 30);
	background: rgba(30, 30, 30, 0.8);
	text-align: left;
	font-family: arial, sans-serif;
	color: #fff;
}

ul.slideshow-links li {
	position: relative;
	margin: 7px 10px 0 0;
	padding: 0;
	color: #fff;
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
    overflow: hidden;
}

ul.slideshow-links .slideshow-link-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;	
	background-color: #666;	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}

ul.slideshow-links li:hover { background-color: #333; }
ul.slideshow-links li.active-slide .slideshow-link-background { display: none; }

ul.slideshow-links .slideshow-link-content {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
    color: #fff;
}

ul.slideshow-links li.active-slide {
    background: #c6fc4b;
    color: #333;
}

ul.slideshow-links li.active-slide  .slideshow-link-content {
    color: #333;
}

.caption {
    margin-left: 90px;
    margin-top: 5px;
}

/* CALCULATOR
================================*/

#calc-container { width: 966px; height: 344px; background: url(images/calculator.jpg); margin-bottom: 22px;}

#calculator-tab { margin: auto; width: 200px; height: 101px; background: url(images/calculator-tab.png); }

#calculator {
    position: absolute;
    width: 966px;
    height: 344px;
    background-color: #9c0;
    text-align: left;
    top: 0;
    left: 740px;
    background-color: #333;
}

#calc-content {
    width: 653px;
    height: 344px;
    background: url(images/calc-results.gif) no-repeat;
    position: absolute;
    top:0;
    right:0;
    display: none;
    z-index: 5000;
}

#calc-menu {
    width: 225px;
    height: 344px;
    position: relative;
    margin-bottom: 22px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-family: arial, sans-serif;
    font-weight: normal;
    background-color: #666;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.34, rgb(97,97,97)),color-stop(0.79, rgb(69,69,69)));
    background-image: -moz-linear-gradient(center bottom,rgb(97,97,97) 34%,rgb(69,69,69) 79%);	
}

#calc-menu p { padding: 0 20px; margin: 0; }
#calc-menu ul { margin-top: 25px; }
#calc-menu li {
    float: left;
    overflow: hidden;  
    text-indent: -10000px;
    font-size: 0px;  
    line-height: 0px;
    
}

#calc-menu li a {
    display: block;  
    width: 75px;  
    height: 75px;
}

#calc-menu-footer {
    clear: both;
    width: 225px;
    padding: 10px 0 10px 0;
    background: url(images/grey-85.png);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #9C0;
}

#calc-menu a.carRollover { background: url(images/calculator-btns.png) no-repeat 0 0; }
#calc-menu a.carRollover:hover { background-position: 0 -150px; }

#calc-menu a.airRollover { background: url(images/calculator-btns.png) no-repeat -75px 0; }
#calc-menu a.airRollover:hover { background-position: -75px -150px; }

#calc-menu a.railRollover { background: url(images/calculator-btns.png) no-repeat -150px 0; }
#calc-menu a.railRollover:hover { background-position: -150px -150px; }

#calc-menu a.coachRollover { background: url(images/calculator-btns.png) no-repeat 0 -75px; }
#calc-menu a.coachRollover:hover { background-position: 0 -225px; }

#calc-menu a.tubeRollover { background: url(images/calculator-btns.png) no-repeat -75px -75px; }
#calc-menu a.tubeRollover:hover { background-position: -75px -225px; }

#calc-menu a.tonnesRollover { background: url(images/calculator-btns.png) no-repeat -150px -75px; }
#calc-menu a.tonnesRollover:hover { background-position: -150px -225px; }

#calc-menu button { margin-top: -5px; }


/* News/blog
================================*/

h1 {
    font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #9C0;
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
    width: 600px;
}

.post h4 {
    width: 550px;
    clear: none;
    clear: left;
}

.post h2 { 
	width: auto;
	text-transform: uppercase; 
	font-family: "Gill Sans W02 UltraBold", arial black, sans-serif; 
	font-size: 19px; color: #444; 
	background: url(images/plus-small.gif) no-repeat 0 1px;
	padding: 0 0 0 20px;
	line-height: 22px;
}

.post h3 {
	color: #9C0;
	font-size: 20px;
	clear: none;
	clear: left;	
}

.post h2 a,
.post h2 a:visited {
    color: #444;
}

.post h2 a:hover {
    color: #000;
}

.post h2 img {
    margin: 1px 5px 0 0;
    float: left;
}

.post {
    border-top: 1px solid #ddd;
    padding-top: 40px;
    background-color: #fff;
    padding-bottom: 22px;
}

.post:first-child {
    border: none;
    padding-top: 0;
}

.hr {
    border-top: 1px solid #DDD;
    margin-bottom: 30px;
}

.post p {
    max-width: 550px;
    margin-bottom: 12px;
}

.post.no-quotes p {
    max-width: 600px;
}

.post .meta {
    float: left;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    padding-right: 10px;
}

.post .meta img {
    margin: 0 0 -5px 10px;
}

.post .meta em {
    color: #999;
}

.meta-tweet {
    float: left;
    margin-top: -5px;
    padding-right: 8px;
}

.meta-plus1 {
    float: left;
    margin-top: -5px;
    padding-right: 8px;
    width: 60px;
}

.meta-facebook {
    float: left;
    margin-top: -5px;
}

.postmetadata {
    font-size: 12px;
    color: #666;
}

.post-edit-link {
    font-size: 12px;
}

.post img.body-img {
    float: left;
    margin: 22px 15px 5px 0;
}

.post ul {
    padding: 0;
    margin: 0;
    width: 600px;
}

.post ul li {
    list-style: disc;
    margin: 0 0 10px 20px;
}

#pagination a {
	color: #999;
}

#pagination a:hover {
	color: #666;
}

h2.subpage {
    font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
    color: #9C0;
    text-transform: uppercase;
    font-size: 23px;
    padding: 5px 0 11px 0;
    margin-bottom: 5px;
    background: none;
}

.subpage-header {
    margin: 0 0 22px 0;
}

.post hr { 
	height: 1px;
    width: 100%;
    color: #CCC;
    background-color: #CCC;
    border: none;
    margin-top: 30px;
    margin-bottom: 30px;
    clear: both;
}
    
.post .advisor-info {
    float: left;
    clear: none;
    width: 350px;
    margin-bottom:18px;
}

.post .advisor-info p {
    width: auto;
}

.post .advisor-img {
    width: 350px;
    height: 225px;
    background-color: #ccc;
    margin: 0 12px 10px 0;
}

.footnote {
    font-size: 11px;
    color: #666;
}

.post .half-width {
    float: left;
    width: 370px;
}

.post .half-width h5 {
    width: auto;
}

.post img.float-left {
    margin: 20px 20px 20px 0;
}

.marginquote {
	float: right;
	clear: right;
	width: 150px;
	background: url(images/blockquote.gif) no-repeat 0 0;
	padding-top: 40px;
}

.marginquote p {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 0;
	color: #090;
}

.marginquote p.cite {
	border: none;
	padding: 0;
	font-size: 13px;
	color: #555;
}

.translate {
	float: right;
	width: 130px;
	border: 1px solid #ddd;
	padding: 10px 10px 0 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	height: 24px;
	overflow: hidden;
	font-size: 12px;
	transition:height 500ms;
	-moz-transition:height 500ms; /* Firefox 4 */
	-webkit-transition:height 500ms;
	-o-transition:height 500ms; /* Opera */
}

.translate h4 {
	font-size: 13px;
}

.translate h4:after {
	font-size: 10px;
	color: #333;
	content: "\A0\A0\A0\A0\A0\25bc"
}

.translate:hover {
	height: 160px;
}

/* SIDEBAR
================================*/

#featured-sidebar h1.sidebar-header {
    font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #fff;
    text-shadow: 1px 1px 1px #999;
    font-size: 20px;
    padding: 10px 10px;
    background-color: #CCC;
}

.featured-panel h1.sidebar-header {
	color: #DF0094;
	font-size: 20px;
	line-height: 23px;
}

#featured-sidebar.no-equation {
	background: url(images/sidebar-bg-no-eq.gif) no-repeat bottom left;
	padding-bottom: 100px;
}

#in-this-section {
    margin: 0 0 30px 0;
    padding: 0 11px;
}

#in-this-section a {
    font-weight: bold;
}

#in-this-section p {
    line-height: 130%;
    font-size: 12px;
    margin-bottom: 10px;
}

#in-this-section img {
    padding: 0 0 10px 0;
}

#in-this-section hr {
    height: 1px;
    width: 100%;
    color: #CCC;
    background-color: #CCC;
    border: none;
    margin: 14px 0;
}

#featured-content { width: 225px; }

#featured-content div {
    float: left;
    position: relative;
    width: 225px;
    height: 231px;
    margin-bottom: 22px;
    padding: 0;
}

#featured-1 { background-color: #FF6600; background: url(images/featured-bg-1.jpg); }
#featured-2 { background-color: #009EE0; background: url(images/featured-bg-2.jpg); }
#featured-3 { background-color: #660099; background: url(images/featured-bg-3.jpg); }
#featured-4 { background-color: #007833; background: url(images/featured-bg-4.jpg); }
#featured-5 { background-color: #007833; background: url(images/featured-bg-5.jpg); }
#featured-6 { background-color: #007833; background: url(images/featured-bg-6.jpg); }
#featured-7 { background-color: #007833; background: url(images/featured-bg-7.jpg); }
#featured-8 { background-color: #007833; background: url(images/featured-bg-8.jpg); }

#ad-hoc-feature {margin-bottom: 22px;}

#featured-content h1 {
    padding: 10px;
    font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    background: url(images/grey-85.png);
}

#featured-content h1 a {
    color: #fff;
}
#featured-content h1 a:hover {
    color: yellow; cursor: pointer;
}

#featured-content .featured-blurb {
    float: none;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 205px;
    height: auto;
    padding: 10px 10px 5px 10px;
    background-color: #333;
    background: url(images/grey-85.png);
    font-family: arial, sans-serif;
    color: #fff;
    font-size: 12px;
    
}

#featured-content .featured-blurb p {
    margin-bottom: 5px;
}

#featured-content a {
    font-weight: bold;
    color: #9C0;
}

#featured-content a:hover {
    color: #CCFF00;
}

#SubscribeEmailAddress { 
	width: 190px;
    height: 20px;
    font-size: 14px;
    padding: 5px 5px 5px 5px;
    color: #ccc;
    border: 1px solid #CCC;
    border-radius: 6px;
    box-shadow: 0 0 6px #EEE inset;
    -webkit-box-shadow: 0 0 6px #EEE inset;
    vertical-align: top;
    margin-bottom: 10px;
}

#bp2012-widget {
    width: 223px;
    border: 1px solid #AAA;
    margin-bottom: 22px;
    clear: both;
}

#bp2012-widget h2 {
    background-color: #AAA;
    font-size: 13px;
    padding: 10px;
    margin: 0;
    color: #fff;
}

#bp2012-widget h2:hover {
    color: yellow;
}

/* Twitter
================================*/

.tweet {
    width: 225px;
    font: 12px arial, sans-serif;
    background-color: #fff;
    position: relative;
    margin: 0 0 22px 0;
}

.tweet h1 {
    font-family: "Gill Sans W02 UltraBold", arial black, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    background-color: #333;
    padding:12px;
    margin: 0;
}

.tweet img {
    position: absolute;
    top: 15px;
    right: 12px;
}

.loading { padding: 12px; }
.tweet, .query { color: #333 }

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	background: url(images/hr-grad.gif) no-repeat;
	background-position: center top;
}

.tweet_list li a { color: #090; }
.tweet_list li a:hover { color: #9C0; }
.tweet_list .tweet_even {}
.tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet_list .tweet_avatar img { vertical-align: middle; }
span.tweet_time { display: block; font-size: 10px;}
span.tweet_time a { color: #666; }
span.tweet_time a:hover { color: #333; }
.tweet_outro { color: #333; padding:12px; }

/* SOCIAL
================================*/

#social { height: 155px; margin-bottom: 22px; }

#social li { float: left; clear: left; }
#social li.label { width: 120px; font-size: 12px; clear: none; padding: 9px 0; }
#social li a { 
	display: block; 
	height: 32px; width: 32px; 
	margin: 0 15px 8px 0; 
	text-indent: -99999px;
}

#social li a.facebook-btn {
    background: url(images/social-icons.png) 0 0;
    overflow: hidden;
}

#social li a.twitter-btn {
    background: url(images/social-icons.png) -32px 0;
    overflow: hidden;
}

#social li a.flickr-btn {
    background: url(images/social-icons.png) -64px 0;
    overflow: hidden;
}

#social li a.youtube-btn {
    background: url(images/social-icons.png) -96px 0;
    overflow: hidden;
}

#social li a.rss-btn {
    background: url(images/social-icons.png) -128px 0;
    overflow: hidden;
}

#social li a:hover { background-position-y: -32px; }

/* Footer
================================*/

.footer-column {
    width: 225px;
    min-height: 170px;
    margin-left: 22px;
    float: left;
    color: #999;
    font-size: 13px;
    line-height: 120%;
}

#column-1 { margin-left: 0;}

#footer-nav {
	width: 966px;
    clear: both;
    padding: 12px 0 6px 0;
    border-top: 2px solid #eee;
    color: #666;
    font-size: 11px; 
}

#footer-nav  li { display: inline; }
#footer-nav  a { color: #666; text-decoration: none; }
#footer-nav  a:hover { color: #111; }
#footer-nav li.pre-nav-divider { color: #ddd; padding: 0 5px; }

/* Projects map
================================*/

#generalContainer {
    margin-left: auto;
    margin-right: auto;
    height: 320px;
    width: 720px;
    padding: 0;
    position: relative;
}

#map-blurb {
	width: 690px;
	color: #ddd;
	font-size: 13px;
	padding: 9px 15px 8px 15px;
	margin-bottom: 15px;
	background: #333 url(images/map-icon.png) no-repeat 3px -6px; 
	box-shadow:inset 0px -10px 15px #222;
	}
#map-blurb p { margin: 0; padding-left: 70px; }

#map-menu {
    display : none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 150px;
    padding: 10px; 10px 0 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    font: 12px arial, sans-serif;
    border: 5px solid #aaa;
    box-shadow: 1px 1px 5px #222;
    border-radius: 5px;
}

.dropSheet {
    background-color /**/: #111;
    background-image /**/: none;
    background: rgba(0,0,0,0.75);
    color: #999;
}

#map-menu a { color: #CCFF00; }
#map-menu a:hover { color: #9C0; }
#panelClose {
	position: absolute;
	top: 10px;
	right: 8px;
	font-weight: bold;
}

#panelClose a { color: #999; } #panelClose a:hover { color: #CCFF00; }
#projectImage { margin-bottom: 10px; }
#MarkerImage:hover { opacity: 0.5; }
.infoTitle { color: #ccc; margin-top: 0; font-weight: bold; }

#ie6-map { display: none; }

/* Project summary
================================*/

#project-summary {
	width: 710px;
	border: 4px solid #999;
	background: url(images/project-summary-bg.gif) repeat-y;
	border-radius: 12px;
	font-size: 12px;
	margin-bottom: 22px;
}
	
#project-summary img {
	float: right;
	margin: 10px 10px 0 0;
	background: #666;
	width: 320px;
	height: 190px;
	margin-bottom: 8px;
}
	
#project-summary dl {
	width: 330px;
	margin: 10px 0 0 10px;
	padding-bottom: 5px;
}
	
#project-summary dt { padding: 5px 0; width: 120px; float: left; color: #ECF7D4; font-weight: bold;}
#project-summary dd { padding: 5px 0 10px; width: 208px; float: left; color: #333; }
#project-summary hr {
	clear: left;
	height: 1px;
    width: 100%;
    color: #B2E04E;
    background-color: #B2E04E;
    border: none;
    margin: 0;
}

.post .project-profile { float: left; margin: 0 14px 14px 0; opacity: 0.9; }
.post .project-profile:hover { opacity: 1;}
    
/* Athlete footprints
================================*/

.post .athlete-profile {
    float: left;
    margin: 0 14px 14px 0;
    opacity: 0.9;
}

.post .athlete-profile:hover { opacity: 1; }

.athlete-footprint {
	float: right;
	border: 2px solid #666;
	border-radius: 12px;
	width: 330px;
	background: #E5F1C1 url(../../../wp-content/uploads/2011/12/white.gif) repeat-x bottom;
	margin-bottom: 22px;
	color: #616948;
	overflow: hidden;
	box-shadow: 1px 1px 5px #ccc;
	font-size: 11px;
}
	
#content .athlete-footprint h1 { 
	background-color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
	 background: -moz-linear-gradient(top,  #666,  #555);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#555555');
	padding: 8px 18px; 
	font-size: 14px; 
	color: #fff;
	font-weight: bold;
	margin: 0;
	text-shadow: 1px 1px 1px #333; 
	font-family: arial, sans-serif;
	text-transform: none;
}
	
.athlete-footprint h2 {
	font-family: arial, sans-serif;
	background: none;
	background-color: #99cc00; 
	background: -webkit-gradient(linear, left top, left bottom, from(#99cc00), to(#89B111));
	background: -moz-linear-gradient(top,  #99cc00,  #89B111);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cc00', endColorstr='#89B111');
	padding: 6px 18px; 
	font-size: 14px; 
	color: #fff;
	font-weight: bold;
	text-transform: none;
	text-shadow: 1px 1px 1px #748F22; 
}
	
.athlete-footprint td { padding: 5px 5px; border-bottom: 1px solid #C0E457; }
.athlete-footprint tr:last-child td { border: none; }
.athlete-footprint table { margin: 0 12px 10px 12px; }
.athlete-footprint td.col1 { width: 85px; }
.athlete-footprint td.col2 { width: 114px; }
.athlete-footprint .totals td { font-weight: bold; border: none; }
.athlete-footprint .totals { margin-left: 12px; width: 306px; }
.footprint-head { font-weight: bold; }

/* Project grid
================================*/

.project-grid figure {
    position: relative;
    float: left;
    margin: 0 14px 14px 0;
    opacity: 0.9;
}

.project-grid figure img {
    display: block;
}

.project-grid figure:hover {
    opacity: 1;
}

.project-grid figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    color: white;
}

.project-grid figcaption p {
    font-size: 12px;
    padding: 6px 10px;
    margin: 0;
}

/* Nectar offer
================================*/

#nectar-offer {
	position: absolute;
	top: 0;
	right: 0;
	width: 210px;
	height: 140px;
	padding-top: 190px;
	background: url(images/nectar-card.jpg) no-repeat 0 26px;
}

.nectar-input {
	border: 1px solid #999;
	width: 182px;
	background: #fff;
	border-radius: 5px;
	font-size: 18px;
	color: #999;
	padding: 5px;
	margin-bottom: 5px;
	box-shadow:inset -1px 1px 5px #ccc;
	}

.nectar-input:hover { border: 1px solid #777; }

.formError {
	border-radius: 5px;
	color: #F56E53;
	float: left;
	font-size: 12px;
	overflow: visible;
}

.formError hidden {
	display: none;
}

.formError:before {
	content: "! ";
	color: #E44221;
	font-weight: bold;
}

#nectar-sidebar {
	background: #eee;
	font-size: 12px;
	margin-bottom: 22px;
	padding-bottom: 10px;
}

#nectar-sidebar p, #nectar-sidebar img {
	padding: 0 15px;
}

#nectar-sidebar a {
	font-weight: bold;	
}

#nectar-sidebar h2 {
	font-size: 18px;
	color: #333;
	padding: 15px 15px 0 15px;
}

/* Partner scroller
================================*/

#partners {
	clear: both;
	width: 203px;
	height: 180px;
	padding: 10px 0;
	margin: auto;
	margin-bottom: 25px;
	color: #666;
	font-weight: bold;
	font-style: italic;
	overflow: hidden;
	position: relative;
	background: #fff;
	}
	
#left-edge a, #right-edge a { display: none; color: #bbb; font-size: 20px; }
#partners a:hover { color: #222; }

#partners-carousel { 
	width: 966px;
	height: 160px;
	background: #fff;
	overflow: hidden;
	position: relative;
	}
	
#partners-carousel ul {
	width: 1200px;
	position: absolute;
	top: 0;
	left: 0;
}

#partners-carousel img:hover { opacity: 0.8; }
#partners-carousel li { color: #fff; font-size: 30px; display: block; width: 200px; height: 160px; float: left; }
#left-edge { position: absolute; left: 0; top: 0; width: 42px; height: 44px; padding-top: 30px; background: url(images/white-edge.png) repeat-y -42px 0; }
#right-edge { position: absolute; right: 0; top: 0; text-align: right; width: 42px; height: 44px; padding-top: 30px; background: url(images/white-edge.png) repeat-y 0 0; }

/* Accordion
================================*/

.accordion-page {
	margin-top: 25px;
	background: #eee;
	padding: 13px;
}

.accordion-page h1 {
	font-family: ""Gill Sans W02 UltraBold"";
	text-transform: uppercase;
	color: #090;
	margin: 22px;
	font-size: 22px;
}

.accordion-page h2 {
	font-family: ""Gill Sans W02 UltraBold"";
	text-transform: uppercase;
	color: #444;
	font-size: 12px;
	margin-bottom: 8px;
	padding: 0;
	background: none;
}

.post .accordion-page p {
	font-size: 12px;
	color: #555;
	max-width: none;
}

.accordion-page ul {
	width: auto;
}

.post .accordion-page li {
	display: block;
	float: left;
	width: 130px;
	margin: 0 10px 0 0;
}

.accordion-page li:last-child {
	margin: 0;
}

.accordion-page img {
	margin-bottom: 8px;
}

.accordion-page div img.float-left {
	margin: 0 20px 30px 0;
}

.post .accordion-page hr {
	margin: 20px 0;
	color: #fff;
	background-color: #fff;
	border: none;
	height: 2px;
}

/* Partners grid
================================*/

#partners-grid {
	width: auto;
	font: 11px "Arial", sans-serif;
}

#partners-grid .green { color: #99cc00; }

#partners-grid .flip {
	-webkit-perspective: 800;
	position: relative;
	width: 200px;
	height: 160px;
	list-style: none;
	display: block;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
	list-style: none;
	padding: 0;
}

.flip .card.flipped {
	-webkit-transform: rotatex(-180deg);
}
.flip .card {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.5s;
}
.flip .card .face {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-backface-visibility: hidden ;
	z-index: 2;
	text-align: center;
	border-radius: 10px;
}

.flip .card .front {
	position: absolute;
	z-index: 1;
	color: white;
	cursor: pointer;
	opacity: 0.9;
}

.flip .card .front:hover {
	opacity: 1;	
}

.flip .card .back {
	-webkit-transform: rotatex(-180deg);
	background: #999 url("images/partners/partner-bg.gif") repeat;
	color: #fff;
	cursor: pointer;
	box-shadow: 0 5px 8px rgba(50,50,50,0.2);
	width: 90%;
	height: 90%;
	padding: 5%;
}

.flip .card .back p {
	margin: 0 0 10px 0;
	width: auto;
}

.flip .card .back h3 {
	font-family: ""Gill Sans W02 UltraBold"";
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 10px 0;
	width: auto;
	color: #fff;
}

/* Protected page
================================*/

.passwordProtected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 380px;
    height: 140px;
    margin-top: 50px;
    border-radius: 10px;
    background: #eee;
    padding: 20px;
    box-shadow: 0 2px 5px #999;
}

.passwordProtected label {
    font-size: 12px;
    color: #090;
}

.passwordProtected input {
    padding: 5px 10px;
    margin-bottom: 15px;
}

.passwordProtected input[type=submit] {
    background: #090;
    border-radius: 5px;
    background: url(images/nav-btn-bg.gif) repeat-x 0 -9px;
    color: white;
    border: none;
    padding: 6px 12px;
    box-shadow: 0 2px 2px #666;
}

/*  Event calculator widget
================================*/

.event-calculator-widget {
	float: right;
	position: relative;
	width: 201px;
	background: #FF6600;
	color: white;
	padding: 15px 12px;
	margin-bottom: 20px;
	font-size: 12px;
}

.event-calculator-widget p {
	width: 80%;
}

.event-calculator-widget h2 {
	font-size: 24px;
}

.event-calculator-widget a {
	display: inline-block;
	padding: 3px 8px;
	color: #666;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
}

.event-calculator-widget a:hover {
	background: #f6f8f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
}

/*  Event calculator widget
================================*/

#carbonator {
    overflow: hidden;
    width: 600px;
    height: 550px;
}