/* @override http://local.wattbike.com/assets/css/master.css */

/* @group General */

/* @group HTML5 Reset */

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

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}


input, select {
	vertical-align:middle;
}
/* @end */

/* @group Clearfix */

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

/* @end */

/* @group Floats */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/* @end */

/* @group Hidden */

.hidden{
	display: none;
}

/* @end */

html {
	background: #d0d0d0 url(/assets/images/bg_noise.jpg);
}

body {
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto;
	font-family: Arial, sans-serif;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.2);
}

/* @end */

/* @group Typography */

h1,h2,h3,h4 {
	font-family: 'Droid Sans', arial, serif;
	color: #5a5a5a;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 8px;
}

h2 {
	font-size: 18px;
	color: #767676;
	margin-top: 0;
	margin-bottom: 8px;
}

h3 {
	color: #999;
	font-size: 15px;
}

a {
	color: #000;
}

a:hover{
	text-decoration: underline;
	color: #000;
}

section#content p a:hover{
	background-color: #EEE;
}

p {
	color: #222;
	line-height: 20px;
	font-size: 14px;
	padding-right: 10px;
	margin-bottom: 15px;
	margin-top: 3px;
}

address {
	color: #222;
	line-height: 17px;
}

blockquote{
	background-color: #EEE;
	padding: 10px;
	margin-top: 10px;
	clear: both;
	margin-bottom: 10px;
}

blockquote p{
	padding-left: 25px;
	padding-right: 25px;
	margin: 10px 5px;
	font-size: 13px;
	line-height: 16px;
}

blockquote p:first-child{
	background: url(/assets/images/blockquote_open.png) no-repeat top left;
}

blockquote p:last-child{
	background: url(/assets/images/blockquote_close.png) no-repeat bottom right;
}

blockquote ul li{
	font-size:13px;
	margin-left:20px;
}

.landing blockquote p{
	font-size:12px;
	text-align: justify;
	padding-left:25px;
	padding-right:15px;
}

.landing blockquote cite{
	margin-right:20px;
}

cite{
	float: right;
	margin-top: 4px;
	font-size: 12px;
	color: #505050;
	margin-bottom: 15px;
	text-align: right;
}

small{
	font-size: 11px;
	display: block;
	line-height: 12px;
}

.redtext{
	color: #D01E26;
}

.redtextbold{
	color: #D01E26;
	font-weight: bold;
}

section.main{
	font-size: 14px;
}

section.main h1{
	margin-bottom: 15px;
}

section.main h2, section.main h3{
	margin-bottom: 8px;
	margin-top: 18px;
	clear: both;
}

section.main ul{
	padding-left: 25px;
	list-style: disc;
	margin: 5px 0 15px;
}

section.main ul li{
	color: #222;
	margin-bottom: 5px;
	line-height: 19px;
}

section.main ol{
	padding-left: 25px;
	margin: 5px 0 15px;
	list-style-type: decimal;
}


section.main ol li{
	margin-bottom: 5px;
	line-height: 19px;
}


section.main small ol li{
	margin-bottom: 5px;
	line-height: 10px;
}

/* @end */

/* @group Pictos */

@font-face {
	font-family: 'Pictos';
	src: url('/assets/fonts/pictos-web.eot');
	src: local('☺'), url('/assets/fonts/pictos-web.woff') format('woff'), url('/assets/fonts/pictos-web.ttf') format('truetype'), url('/assets/fonts/pictos-web.svg#webfontphKv1xv9') format('svg');
	font-weight: normal;
	font-style: normal;
}

.button.pictos:before{
	font: 14px/0 Pictos;
	margin-right: 9px;
	position: relative;
	color: white;
	text-decoration: none;
	margin-left: -1px;
}

.button.large.pictos:before{
	font: 20px/0 Pictos;
}

.pictos.print:before{
	content: "/";
}

.pictos.account:before{
	content: "U";
}

.pictos.search:before{
	content: "s";
}

.pictos.info:before{
	content: "i";
}

.pictos.add:before{
	content: "&";
}

.pictos.remove:before{
	content: "_";
}

.pictos.pay:before{
	content: "%";
}

.pictos.tick:before{
	content: "3";
}

.pictos.confirmtick:before{
	content: "2";
}
.pictos.cross:before{
	content: "*";
}

.pictos.home:before{
	content: "H";
}

.pictos.down:before{
	content: "}";
}

.pictos.leftarrow:before{
	content: "[";
}

.pictos.rightarrow:before{
	content: "]";
}

.basket .pictos.add, .basket .pictos.remove{
	padding: 4px;
	-webkit-border-radius: 3px;
	border: none;
}

.basket .pictos.add:before, .basket .pictos.remove:before{
	margin: 0;
	padding: 0;
	text-shadow: none;
	font-size: 14px;
}

.pictos.add:hover, .pictos.remove:hover{
	text-decoration: none;
}


a.button[href$=".pdf"]:before { 
   	content: "F";
	font: 16px/0 Pictos;
	margin-right: 10px;
}

a.button[href$=".exe"]:before { 
   	content: "}";
	font: 16px/0 Pictos;
	margin-right: 10px;
}

a.button[href$=".zip"]:before { 
   	content: "o";
	font: 16px/0 Pictos;
	margin-right: 10px;
}

.pictos.only.tick{
	font: 19px/4px Pictos;
	color: #539214;
}

.pictos.only.cross{
	font: 19px/4px Pictos;
	color: #c61111;
}

/* @end */

/* @group Header */

header {
	padding: 15px;
	background-image: url(/assets/images/header_back.jpg);
}

header .logo {
	padding: 15px 27px 15px 20px;
}

header .logo:hover {
	opacity: .8;
	position: relative;
	padding-right: 27px;
	background: url(/assets/images/logo-hover-bg.png) no-repeat right 42px;
}

/* @group BC */

header aside.endorsed
{
	float: left;
	margin-top: 23px;
	margin-left: 10px;
}

header aside.endorsed h3{
	font-size: 10px;
	margin-bottom: 4px;
}

/* @end */

/* @group Admin Tools */

nav.admintools .pictos:before{
	margin-right: 6px;
	vertical-align: 0;
	font: 16px/0 Pictos;
	display: none;
}

nav.admintools{
	left: 0;
	top: 0;
	position: fixed;
}

nav.admintools ul{
	left: 0;
	top: 0;
	position: fixed;
}

nav.admintools hr{
	border:none;
	margin:0;
	padding:0;
}

nav.admintools ul{
	list-style: none;
	margin: 0px;
	margin-bottom:0;
	color: #000!important;
}

nav.admintools span.tip{
	font: 35px/67px "Pictos";
	color: rgba(0,0,0,.2);
	padding: 15px;
}

nav.admintools:hover span{
	display: none;
}

nav.admintools ul:hover{
	background-color: rgba(0,0,0,.1);	
}

nav.admintools ul:hover li a{
	color: #000!important;
}

nav.admintools ul li a{
	color: transparent;
	text-decoration: none;
	padding: 4px 9px 4px 6px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

nav.admintools ul li a:hover{
	background-color: rgba(0,0,0,.4);
	color: #FFF!important;
}


/* @end */

/* @group Tools */

header ul.tools {
	list-style: none;
	float: right;
	background-color: #1a1a1a;
	border: 1px solid #000;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	padding: 1px 2px 3px;
	height: 25px;
	margin-right: 20px;
	margin-top: 26px;
}

header ul.tools li {
	float: right;
	margin-top: 3px;
}

header ul.tools li a {
	display: block;
	padding: 5px 10px;
	color: #EEE;
	text-decoration: none;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	font-size: 12px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: -1px;
}

header ul.tools li a:hover {
	background: #353535;
}

header ul.tools li a.selected {
	background: #636363;
}

header ul.tools .meta {
	background: #b81a3b;
	font-size: 9px;
	padding: 3px 7px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-transform: uppercase;
	margin-left: 8px;
	text-shadow: none;
	font-weight: bold;
	margin-right: -3px;
	display: block;
	float: right;
	position: relative;
	top: -1px;
}

header ul.tools .account .meta {
	background-color: #555;
}

.webkit header ul.tools .meta{
	top: -13px;
}

header .pictos:before{
	margin-right: 10px;
	margin-left: -1px;
	vertical-align: -1px;
	font: 17px/0 Pictos;
}

/* @end */

/* @group Search Form */

form.search{
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	padding: 0 3px;
}

form.search.body{
	background-color: #CCC;
	margin-top: 20px;
	padding: 10px;
	width: 341px;
}

form.search.body input[type="search"]{
	width: 300px;
}

form.search input[type="search"] {
	-webkit-transition: width 200ms ease;
	-moz-transition: width 200ms ease;
	transition: width 200ms ease;
	width: 90px;
	-webkit-appearance: caret;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border: 1px solid #000;
	height: 22px;
	margin-top: 2px;
}

form.search input[type="search"]:focus {
	background-color: #EEE;
	width: 250px;
}

form.search.body input[type="search"]:focus {
	background-color: #FFF;
	width: 300px;
}

form.search input[type="submit"] {
	width: 38px;
	-webkit-appearance:caret;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border: 0px solid #000;
	margin-left: -4px;
	padding: 0 8px 2px 6px;
	background-color: #b81a3b;
	color: #FFF;
	text-shadow: rgba(0,0,0,.5) 1px 1px 2px;
	font: 13px/0 Pictos;
	height: 22px;
	top: -1px;
	position: relative;
	margin-top: 3px;
}

form.search input[type="submit"]:hover {
	background-color: #444;
	cursor: pointer;
}

/* @end */

/* @group Main Nav */

nav.main {
	padding: 10px 0;
	background-color: #111;
	font-size: 13px;
	border-top: 1px solid #333;
}

nav.main ul.site li {
	float: left;
	margin-left: 3px;
}

nav.main ul.site li a {
	color: #EEE;
	padding: 4px 10px 3px;
	text-decoration: none;
	border-radius:3px;
	width: 160px;
	margin: 3px;
	text-transform: none;
	font-size: 12px;
}

nav.main ul.site li a.selected {
	background-color: #333;
}
nav.main ul.site li a:hover {
	background-color: #333;
}

nav.main ul.tools li {
	float: right;
}

nav.main ul.tools li a {
	padding: 8px 10px;
	color: #EEE;
	text-decoration: none;
	border-left: 1px solid #555;
}

nav.main ul.tools li a img {
	margin-top: -6px;
	margin-bottom: -3px;
	margin-left: 2px;
}

nav.main ul.tools li a:hover {
	background: #555;
}

nav.main ul.tools .basket .meta {
	background: #666;
	font-size: 9px;
	padding: 3px 7px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-transform: uppercase;
	margin-left: 5px;
	position: relative;
	top: -1px;
	text-shadow: none;
	font-weight: bold;
}

nav.main a.promo{
	color: #FFF;
	float: right;
	background-color: #e47a1e;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 6px;
	margin-top: -3px;
	padding: 3px 9px 4px 10px;
	margin-bottom: -5px;
	border-radius:3px;
	border-bottom: 1px solid #924e13;
	text-shadow: #924e13 0px 1px 1px ;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Bubble */

.loggedoutbubble{
	background-color: #CCC;
	float: right;
	right: -221px;
	position: relative;
	top: 61px;
	text-transform: uppercase;
	font-size: 11px;
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,1);
}

.loggedoutbubble span{
	background-image: url(/assets/images/header_bubble_back.png);
	margin-top: -12px;
	width: 69px;
	height: 11px;
	position: relative;
	display: block;
}

/* @end */

/* @group Login Form */

.loginform{
	background-color: #CCC;
	float: right;
	position: relative;
	text-transform: uppercase;
	font-size: 11px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: bold;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	right: -141px;
	width: 159px;
	top: 60px;
	margin-bottom: -200px;
	padding: 13px;
	z-index:999;
}

.loginform label{
	margin: 2px;
	float: left;
}

.loginform input[type="text"],
.loginform input[type="password"]{
	border: 1px solid #979797;
	padding: 5px;

	margin: 4px 0 6px;
	width: 145px;
}

.loginform input[type="submit"]{
	border: none;
	padding: 8px 10px;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 4px;
	margin-right: 1px;
}

.loginform input:focus{
	border: 1px solid #999;
	background-color: #f6f6f6;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
}

.loginform p{
	float: left;
	clear: both;
	line-height: 11px;
	margin-top: 9px;
	margin-bottom: 0;
}

.loginform p a{
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	color: #6c6c6c;
	text-decoration: none;
}

.loginform p a:hover{
	text-decoration: underline;
	color: #333;
}

.loginform span{
	background-image: url(/assets/images/header_bubble_back.png);
	margin-top: -12px;
	width: 69px;
	height: 11px;
	position: relative;
	display: block;
	top: -9px;
	right: -42px;
}

/* @end */

/* @end */

/* @group Side */

/* @group Side Nav */

nav.side {
	float: left;
	width: 225px;
	margin-top: 4px;
	font-size: 15px;
	margin-left: 20px;
	padding-top: 12px;
}

nav.side h2{
	padding: 8px;
	color: #5a5a5a;
	border-bottom: 1px solid #DDD;
	margin-bottom: 10px;
}

nav.side ul{
	margin-bottom: 30px;
}

nav.side ul ul{
	margin-bottom: 0px;
}

nav.side ul ul li a{
	padding-left: 33px;
	background: url(/assets/images/subpage_corner.png) no-repeat 16px center;
}

nav.side ul ul li:last-child a:last-child{
	background: url(/assets/images/subpage_corner_last.png) no-repeat 16px center;
}

nav.side ul li img{
	margin-right: 7px;
	margin-top: 1px;
}

nav.side ul li a{
	display: block;
	color: #555;
	text-decoration: none;
	padding: 8px;
	font-size: 14px;
}

nav.side ul li.selected a{
	background-color: #DDD;
}

nav.side ul li.selected li a{
	background-color: #FFF;
}

nav.side ul li a:hover{
	background-color: #EEE;
}

nav.side ul li li a:hover{
	background-color: #EEE;
}

nav.side aside.promo{
	margin-bottom:20px;
}

nav.side aside.promo a{
	width: 225px;
	height: 160px;
	display: block;
	background: #222;
	outline: 1px solid #BBB;
	text-decoration: none;
	padding-bottom: 0;
	padding: 0;
}

nav.side aside.promo a:hover {
    outline: 1px solid #555;
}

nav.side aside.promo a:hover p {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,.9);
}

nav.side aside.promo a p {
	background-color: rgb(100,100,100);
	background-color: rgba(0,0,0,.6);
	color: #FFF;
	z-index: 99;
	position: relative;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: -3px;
	margin-top: -32px;
}

/* @end */



/* @end */

/* @group Content */

.banner {
	margin-bottom: -2px;
}

#content {
	background-color: #FFF;
	padding-bottom: 20px;
}

section.main {
	float: left;
	border-top: 1px solid #DDD;
	margin-top: 20px;
	margin-left: 20px;
	padding-top: 10px;
	width: 716px;
	padding-bottom: 30px;
}

section.main.wide {
	width: 960px;
}

section.bordertop {
	float: left;
	border-top: 1px solid #DDD;
	margin-top: 20px;
	padding-top: 10px;
	width: 716px;
	padding-bottom: 30px;
}

section.main.thin {
	float: left;
	width: 225px;
	border-top: none;
	margin-top: 20px;
	padding-top: 0;
	padding-right: 0;
}

aside.half,
aside.third{
	margin-top: 20px;
}

aside.third, .landing article.third{
	width: 225px;
	float: left;
	margin-right: 20px;
	border-top: 1px solid #DDD;
	padding-top: 20px;
}

.landing article.third{
	padding-top:0px;
	margin-top:20px;
}

.landing small p{
	font-size: 12px;
	line-height: 13px;
	color: #6e6e6e;
}

aside.third:last-child, .landing article.third:last-child{
	margin-right: 0px;
}

aside.third h1{
	font-size: 18px;
}

aside.half{
	width: 348px;
	float: left;
	margin-right: 20px;
	border-top: 1px solid #DDD;
	padding-top: 20px;
}

.landing .half{
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	border-top: 1px solid #DDD;
	padding-top: 20px;
	width: 470px;
}

.half:last-child{
	margin-right: 0px;
	margin-left: 0px;
}

.wide aside.half{
	width: 470px;
}

aside.half:last-child{
	margin-right: 0px;
}

aside.half h1{
	font-size: 18px;
}

.landing section#content aside{
	float: left;
	width: 225px;
	margin-top: 4px;
	font-size: 15px;
	margin-left: 20px;
	padding-top: 12px;
}

/* @group Horizontal Rule */


hr {
    display:block;
    height:1px; 
    padding:0;
    clear:both;
    margin:20px 0;
    width:100%;
	border: none;
	border-top: 1px dashed #EEE;
}

/* @end */

/* @group Images */

img.border{
	border: 1px solid #EEE;
	padding: 5px;
	margin: 20px;
	margin-top: 5px;
}


div.border, iframe.border, iframe[src*="youtube"], iframe[src*="flickr"], iframe[src*="vimeo"], section.news.post img{
	border: 1px solid #EEE;
	padding: 5px;
	margin-top: 5px;
}

iframe[src*="youtube"], iframe[src*="flickr"]{
	width:694px!important;
	height:421px!important;
}

iframe[src*="vimeo"]{
	width:694px!important;
	height:391px!important;
}

img.right{
	margin-right: 0px;
}

img.left{
	margin-left: 0px;
}

figure{
	border: 1px solid #EEE;
	padding: 5px;
	margin: 20px;
	margin-top: 5px;
}

figure.right{
	margin-right: 0px;
	float: right;
	width: 2px;
}

figure.left{
	margin-left: 0px;
	float: left;
}

figure figcaption{
	float: left;
	text-align: center;
	font-size: 10px;
	display: block;
	margin-top: 8px;
	width: 97%;
	font-style: italic;
	line-height: 12px;
	margin-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

/* @end */

/* @group Tables */

table.middle th, table.middle td{
	vertical-align: middle;
	padding: 8px;
}

table.middle td ul{
	margin: 0;
	padding-left: 21px;
}

table.middle td ul li{
	margin: 0;
	padding-left: 0;
}

table.quiz th{
	text-align:left;
	width:270px!important;
}
table.quiz td ul{
	list-style:none;
	padding:0;
	margin:0;
}

table.smaller{
	font-size: 10px;
}

table.small_width{
    /*width:600px;*/
    font-size:10px;
    height:150px;
    }

table{
	width: 716px;
	clear: both;
	margin: 5px 0 15px;
}

table caption{
	margin: 10px;
	font-style: italic;
}

table.leftheads th{
	text-align: left;
}

table.centredata td{
	text-align: center;
	vertical-align: middle;
}

table td.center{
	text-align: center;
	vertical-align: middle;
}

table tr.rotate th{
	height: 110px;
	text-align: center;
	vertical-align: middle;
}

table tr.rotate th span{
	-moz-transform: rotate(-70deg);  /* FF3.5+ */
	-o-transform: rotate(-70deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-70deg);  /* Saf3.1+, Chrome */
	-ms-transform: rotate(-70deg);  /* IE9 */
	transform: rotate(-70deg);  
	display: block;
	position: relative;
	margin-top: 0;
	text-align: center;
	width: 100px;
	margin-left: -18px;
	margin-right: -18px;
}

table tr.rotate th span em{
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}

.ie table.feature_comparison{
	display:none;
}

img.feature_comparison{
	display:none;
}

.ie img.feature_comparison{
	display:inline;
}

.wide table{
	width: 960px;
}

table th, table td{
	padding: 5px 8px;
	border: 1px solid #CCC;
}
table th{
	background-color: #DDD;
}

table td.highlight{
	background-color: #EEE;
}

.calendarBG{
	border: solid 1px #ddd;
	font-size: 13px;
	margin-left: 4px;
	width: 100px;
}

.calendarBG th{
	border: solid 1px #ddd;
	padding: 3px;
	background-color: #f1f1f1;
}

.calendarBG th a:hover{
	text-decoration: none;
	background-color: #f7f7f7;
}

.calendarBG td a{
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
}

.calendarBG a:hover{
	color: #eee;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 3px;
}

#calendartitle{
	margin: 5px;
	padding-bottom: 9px;
	color: #747474; ;
	font-weight: bold;
	font-size: 14px;
}

.calendarBG td{
	border: solid 1px #ddd;
	text-align: center;
}

.calendarDayHeading{
	
	font-weight: bold;
	color:  #555;
	font-size: 13px;
}

.calendarToday{
	background-color: #f1f1f1;
	font-weight: bold;
}

.calendarCell{

}

.calendarFill{
	background: #ed164e url(/assets/images/gradientoverlay.png) repeat-x;
}

.calendarBlank{
	color: #aaa;
}

/* @end */

/* @group Buttons */

.button{
	background: #747474;
	display: inline-block;
	padding: 7px 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow:0 1px 2px rgba(0,0,0,.4);
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.3);
	position: relative;
	cursor: pointer;
	font-size: 12px;
}

.button.marginright{
	margin-right: 10px;
}

.button:hover{
	text-decoration:none;
	color: #FFF;
	background-color: #525252;
}

.button:active{
	top: 1px;
	position: relative;
}

.button:focus{
	background-color: #525252!important;
}

.button.large{
	text-shadow:0 1px 2px rgba(0,0,0,.4);
	font-size: 16px;
	padding: 9px 15px;
	margin-right: 8px;
	text-decoration: none;
}

.button.red{
	background-color: #b81a3b;
	border-bottom: 1px solid #7d0e29;
}

.button.red:hover{
	background-color: #991531!important;
}

.button.lighter{
	background-color: #a8a8a8;
	border-bottom-color: rgba(0,0,0,.2);
	text-shadow: 0 1px 2px rgba(0,0,0,.4);
}

.button.lighter:hover{
	background-color: #909090;
}

/* @end */

/* @group Forms */

form ul.subscriptions{
	list-style: none;
	padding:0;
	margin-bottom: 0;
	margin-top: 7px;
}

form ul.subscriptions li{
	margin-bottom: 9px;
}

form ul.subscriptions li label{
	padding-left: 31px;
	position: relative;
	cursor: pointer;
	font-size: 12px;
}

form ul.subscriptions input[type="checkbox"]{
	position: absolute;
}

form ul.subscriptions input[type="checkbox"]:after{
	text-indent: -999px;
	content:"#";
	display: block;
	width: 22px;
	height: 20px;
	background: url(/assets/images/checkboxes.png) no-repeat 0 -78px;
	margin-top: -4px;
}

form ul.subscriptions input[type="checkbox"]:hover:after{
	cursor: pointer;
	background: url(/assets/images/checkboxes.png) no-repeat 0 -53px;
}

form ul.subscriptions input[type="checkbox"]:checked:after{
	background: url(/assets/images/checkboxes.png) no-repeat 0 -2px;
}

form ul.subscriptions input[type="checkbox"]:checked:hover:after{
	cursor: pointer;
	background: url(/assets/images/checkboxes.png) no-repeat 0 -27px;
}


table.form.thin{
	width: 50%;
}

.wide table.form.thin{
	width: 470px;
}

table.form th{
	vertical-align: top;
	padding: 10px 10px 9px 9px;
	width: 30%;
	text-align: right;
}

table.form.thin th{
	width: 40%;
}

table.form th label{
	display: block;
	text-align: right;
	margin-top: -2px;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-right: 5px;
}

table.form input[type="text"], table.form textarea, table.form input[type="password"]{
	border: 1px solid #e2e2e2;
	padding: 7px;
	min-width: 200px;
	margin: 3px 0 2px;
}

table.form select{
	margin-top: 9px;
	background: #FFF;
}

table.form textarea{
	min-width: 300px;
	min-height: 100px;
}

table.form.thin textarea{ 
	min-width: 200px;
}

table.form input:focus,
table.form textarea:focus{
	border: 1px solid #999;
	background-color: #f6f6f6;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	outline: none;
}


table.form input[type="submit"]{
	border: none;
	padding: 8px 15px;
}

table.form label.error{
	color: #fffeff;
	font-size: 10px;
	margin-left: 4px;
	position: absolute;
	margin-top: 8px;
	padding: 4px 6px 5px 12px;
	background: url(/assets/images/label_error_back.png) left center;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.28) 1px 1px 2px;
}

table.form input.error,
table.form textarea.error{
	border-color: #ca9697;
}


/* @end */

/* @group Flash */

object.border{
	border: 1px solid #EEE;
	padding: 5px;
	margin: 10px;
	margin-top: 10px;
	display: block;
}

/* @end */

/* @group Messages */

.message{
	padding: 13px 13px 13px 45px;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 16px;
	clear:both;
}

.message:before{
	font: 18px/0 Pictos;
	margin-left: -30px;
	position: relative;
	top: 1px;
	margin-right: 15px;
}

.message.success{
	border: 1px solid #539214;
	background-color: #dfe9d5;
}

.message.success:before{
	content: "3";
	color: #539214;
}

.message.warning{
	border: 1px solid #fad67e;
	background-color: #faf0d8;
}

.message.warning:before{
	content: "!";
	color: #d1b369;
}

.message.error{
	border: 1px solid #da6666;
	background-color: #ffe4e5;
}

.message.error:before{
	content: "D";
	color: #da6666;
}

.message.alert{
	color: white!important;
	border: 1px solid #D01E28;
	background-color: #CF5A62;
	line-height: 10px;
	padding: 10px;
}

.message.alert h2, .message.alert p{
	padding:0;
	margin:0;
	margin-bottom:5px;
	color: white!important;
	font-size:12px;
	line-height:14px;
}


/* @end */

/* @group Pagination */

.pagination{
	float: right;
}

.pagination a, .pagination strong{
	padding: 4px 8px 3px;
	background-color: #DDD;
	font-size: 13px;
	margin-right: 0;
	text-decoration: none;
	font-weight: normal;
	margin-left: 0;
}

.pagination strong{
	background-color: #BBB;
}

.pagination a:hover{
	background-color: #EEE;
}

/* @end */

/* @end */

/* @group Footer */

footer {
	clear: both;
	padding: 20px 30px 20px 20px;
	background-color: #ebebeb;
	margin-bottom: 30px;
}

footer h1{
	font-size: 12px;
	margin-bottom: 10px;
}

footer img.logo {
	margin-top: 20px;
	margin-left: 25px;
}

footer aside {
	float: right;
	font-size: 12px;
	color: #6b6b6b;
	margin-top: 0;
	background: url(/assets/images/footer_section_gradient.jpg) no-repeat left;
	padding: 10px 20px 10px 33px;
	margin-right: 7px;
	margin-left: 0;
}

footer aside p{
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 12px;
}

footer aside.right a:hover {
	color: #6b6b6b;
	text-decoration: underline;
}

footer aside:last-child {
	border-left: none;
	background: none;
}

footer aside.social a{
	margin-right: 2px;
}

footer aside.social a:hover img{
	-webkit-transition: top 100ms ease-in-out;
	top: -3px;
	position: relative;
}

/* @end */

/* @group Homepage */

/* @group Slider */

section#slider{
	height: 305px;
	overflow: hidden;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	background-color:rgba(0,0,0,.7);
	color:#fff;
	width:960px;
	z-index:89;
	padding:10px 20px;

}
.nivo-caption h2{
	color:#fff;
}
.nivo-caption p {
	margin:0;
	color:#fff;
	font-size:16px;
	float:left;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
	background-image: url(/assets/slider/controls.png);
	height: 30px;
	width: 30px;
	text-indent: -9999px;
	margin: 0 20px;
	opacity: 0;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: opacity;
}

.hascaptions .nivo-directionNav a {
	top:34%;
}

section#slider:hover .nivo-directionNav a {
	opacity: .5;	
}

.nivo-directionNav a:hover {
	opacity: 1!important;
}

.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
	background-position: right;
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* @end */

#content ul.promos {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;

	border-bottom: 1px solid #CCC;
	background: url(/assets/images/promos_back.png) repeat-x 0 -1px;
}

#content ul.promos li a {
	width: 225px;
	height: 160px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	display: block;
	background: #222;
	outline: 1px solid #BBB;
	text-decoration: none;
	padding-bottom: 0;
	padding: 0;
}

#content ul.promos li a:hover {
	outline: 1px solid #555;
}

#content ul.promos li a:hover p {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,.9);
}

#content ul.promos li p {
	background-color: rgb(100,100,100);
	background-color: rgba(0,0,0,.6);
	color: #FFF;
	z-index: 99;
	position: relative;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: -3px;
	margin-top: -32px;
}

.home section.detectedip{
	text-align: center;
	padding: 8px;
	font-size: 12px;
	background-color: #000;
	color: #FFF;
	background-image: url(/assets/images/stripe_back.jpg);
	border-top: 1px solid #000;

}

.home section.detectedip a{
	color: #DDD;
}

.home section.main {
	float: left;
	border-top: 1px solid #DDD;
	margin-top: 20px;
	margin-left: 20px;
	padding-top: 10px;
}

.home section.main {
	width: 471px;
}

.home section.wide {
	border-bottom: 1px solid #DDD;
	padding-bottom: 48px;
	margin-top: 18px;
}

.home section.wattbike {
	margin-top: 9px;
}

.home section.main h1{
	margin-bottom: 0;
	margin-top: 1px;
}

.home section.main h2{
	margin-top: 4px;
}

.home section.main.thin {
	float: left;
	width: 225px;
	border-top: none;
	margin-top: 20px;
	padding-top: 0;
	padding-right: 0;
}

.home section.main.thin aside {
	border-top: 1px solid #DDD;
	font-size: 15px;
	margin-bottom: 20px;
	padding-top: 12px;
}

.home section.main.thin aside h2 {
	font-size: 17px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.home section.main.thin aside p {
	font-size: 12px;
	padding-right: 10px;
}

.home section#latest_news img.border{
	padding: 3px;
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 2px;
}

.home section#latest_news h3{
	clear: none;
}

.home section#latest_news h3 a{
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

.home section#latest_news article a:hover img{
	border-color: #888;
	background-color: #EEE;
}

.home section#latest_news h3 a:hover{
	text-decoration: underline;
	color: #111;
}

.home section#latest_events h3 a{
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

.home section#latest_events h3 a:hover{
	text-decoration: underline;
	color: #111;
}

.home section#latest_materials h3 a{
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

.home section#latest_materials h3 a:hover{
	text-decoration: underline;
	color: #111;
}

.home #twitter .tweet{
	margin-bottom: 20px;
	background-color: #f7f7f7;
	padding: 6px 10px;
}

.home #twitter .tweet p{
	font-size: 11px;
	line-height: 15px;
}

.home #twitter .tweet .date{
	font-size: 10px;
	font-style: italic;
	text-align: right;
	margin-top: -8px;
	color: #7f7f7f;
	padding-right: 3px;
	padding-bottom: 3px;
}

section#partners{
	float: left;
	width: 100%;
	background-color: #f5f5f5;
	clear: both;
	border-top: 1px solid #f0f2f2;
	border-bottom: 1px solid #e5e6e6;
}

section#partners h1{
	float: left;
	font-size: 16px;
	margin-left: 19px;
	color: #a5a5a5;
	padding-top: 25px;
	padding-bottom: 18px;
	padding-left: 30px;
	margin-right: 24px;
}

section#partners div.partners{
	float: left;
	margin-top: 12px;
}

section#partners div.partners a{
	float: left;
	display: block;
	opacity: .4;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	margin-right: 1px;
	margin-left: 1px;
}

section#partners div.partners a:hover{
	opacity: 1;
}

/* @end */

/* @group Blog */

section h2.headingsubtext{
	margin: -16px 0 15px;
	font-size: 14px;
	color: #a9a9a9;
}

section.news h2{
	clear: none;
	padding-top: 3px;
	font-size: 17px;
}

section.news h2 a{
	text-decoration: none;
	color: #3c3c3c;
}

section.news h2 a:hover{
	text-decoration: underline;
	color: #111;
}

section.news h3{
	clear: none;
	margin-top: 6px;
	font-size: 12px;
	margin-bottom: 12px;
}

section.news.index h3{
}

section.news article{
	margin-bottom: 20px;
	clear: both;
	padding-bottom: 10px;
}

section.news.index article.Tweets h2{
	background: url(/assets/images/blockquote_open.png) no-repeat 0 2px;
	padding-bottom: 0;
	padding-left: 25px;
	padding-right: 37px;
	margin: 0;
	line-height: 20px;
}

section.news.index article.Tweets h3{
	margin-left: 25px;
}

section.news.post p{
	text-align: left!important;
}

section.news small{
	margin-bottom: 5px;
}

section.news.index .avatar{
	float: left;
	margin-right: 10px;
	border: 1px solid #DDD;
	margin-top: 0px;
	padding: 3px;
}

section.news.post .avatar{
	float: left;
	margin-right: 10px;
	border: 1px solid #DDD;
	margin-top: 2px;
	padding: 3px;
}

section.news article a img:hover{
	border-color: #888;
	background-color: #EEE;
}

section.news article h1{
	margin-bottom: 5px;
	margin-top: 5px;
	padding-right: 210px;
}

section.news.post article p{
	margin-top: 15px;
}

section.news.index article p{
	margin-top: 15px;
}

section.news article h2{
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0px;
}

.sharebuttons div{
	float: left;
	display: block;
	margin-right: -6px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.sharebuttons.top{
	display: block;
	margin-bottom: 0px;
	margin-top: 5px;
}

.sharebuttons.top .tweet{
	display: block;
	margin: 5px -8px 0 0;
}

.sharebuttons.top .plusone{
	display: block;
	margin: 5px 5px 0 0;
}

.sharebuttons .tweet{
	margin-right: 10px;
	margin-left: 10px;
}

/* @end */

/* @group Guide */

.crumbs{
	background-color: #eee;
	padding: 8px 8px 8px 10px;
	font-size: 12px;
	margin-bottom: 10px;
	height: 12px;
}

.prevnext{
	margin-top: 80px;
}

.crumbs span{
	margin: 0 8px;
}

.rightarrowafter:after{
	content: "]";
	font: 14px/0 Pictos;
	margin-left: 9px;
	position: relative;
	color: white;
	text-decoration: none;
	margin-right: -1px;
}

section.guide table th.session{ width: 10%; }
section.guide table	th.outdoor{ width: 45%; }
section.guide table	th.wattbike{ width: 45%; }

/* @end */

/* @group Flickr */

section.flickr {
	margin-right: 8px;
	margin-bottom: 5px;
	float: left;
}

section.flickr .button.smaller{
	margin-top: 18px;
	padding: 4px 9px;
	font-size: 10px;
	margin-left: 10px;
}

section.flickr .set{
	clear: both;
	float: left;
	margin-top: 5px;
	margin-bottom: 6px;
}

section.flickr .set a{
	margin-right: 8px;
	margin-bottom: 5px;
	float: left;
}

section.flickr .set a img{
	border: 1px solid #DDD;
	padding: 3px;
}

/* @end */

/* @group Shop */

/* @group Voucher */

.voucher{
	padding: 28px 33px 32px 48px;
	background: url(/assets/images/voucherback.png) no-repeat;
	margin: 10px 10px 10px 0;
	-webkit-transform:rotate(-2deg) scale(.9);
	-webkit-transition: all .2s ease;
}

.voucher p{
	font-size: 13px;
}

.voucher code{
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
}

.voucher h2{
	text-align: center;
	margin-bottom: 5px;
	font: bold 28px Bilbo;
	color: #a2a082;
	text-transform: uppercase;
	letter-spacing: -2px;
	padding-right: 6px;
}

.voucher:hover{
	-webkit-transform:rotate(-1deg) scale(.95);
}

/* @end */

/* @group Index */

section.main h3.shophomeprice{
	margin-top: -8px;
	margin-bottom: 15px;
	font-size: 16px;
}

/* @end */



/* @group Category */

section.main ul.products{
	padding: 0;
}

ul.products li{
	list-style: none;
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}


ul.products li a img{
	background-color: #FFF;
	margin: 9px 20px 9px 9px;
}

ul.products li a:hover img{
	border-color: #999;
}

ul.products li a{
	text-decoration: none;
}
ul.products li a:hover{
	text-decoration: underline;
}

ul.products li h2{
	margin-top: 18px;
	text-decoration: none;
}

ul.products li h2 span{
	color:#555;
}

ul.products li p{
	margin-bottom: 6px;
	width: 567px;
}

ul.products li a.button{
	float: right;
	margin-right: 18px;
	margin-top: 57px;
	
}

/* @end */

/* @group Product */

section.main.product .meta{
	float: right;
	width: 350px;
	margin-left: 25px;
	margin-top: 10px;
	margin-right: 15px;
}

section.main.product .meta h1{
	margin-top: 8px;
	width: 315px;
}

section.main.product .meta h2{
	float: left;
	color: #b81a3b;
	font-size: 19px;
}


section.main.product .meta .options{
	float: left;
	color: #767676;
	font: bold 15px 'Droid Sans', arial, serif;
	margin-top: 6px;
	margin-right: 9px;
}

section.main.product .meta select.product_options{
	border: 1px solid #e2e2e2;
	padding: 5px 7px 5px 9px;
	min-width: 150px;
	-webkit-appearance: none;
	background: rgba(0,0,0,0.02) url(/assets/images/dropdown_back.png) no-repeat right;
	cursor: pointer;
	-webkit-border-radius: 2px;
	float: left;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}

section.main.product .meta a.button{
	margin-top: 10px;
	clear: both;
	float: left;
}

form label.error{
	color: #cb5153;
	font-size: 12px;
	margin-left: 10px;
	font-style: italic;
	float: left;
	margin-top: 8px;
}

form select.error{
	border-color: #cb5153!important;
}
/* @end */

/* @group Basket */

.basket img{
	margin-right: 10px;
	padding: 10px;
}

.basket td p{
	line-height: 18px;
	margin-top: 11px;
}

.paymentconfirm td{
	vertical-align: middle;
}

.basket td .alter_quantites{
	margin-top: 9px;
}

.addresscopiedtick{
	font: 19px/4px Pictos;
	margin-right: 14px;
	color: #539214;
}

#billingpostcodeloader, #deliverypostcodeloader{
	margin-left: 10px;
}

.basket_push .half{
	float:left;
	width: 340px;
	margin-right: 35px;
}

.basket_push .half p{
	font-size: 12px;
	line-height: 18px;
}
.basket_push div.halves .half:last-child{

	margin-right:0px;
}

/* @end */

/* @group Payment */

a.editbasketdetails{
	margin-top: -9px;
	margin-bottom: 25px;
	font-size: 12px;
	color: #7d7d7d;
}

/* @end */

/* @end */

/* @group Forum */

div.forum{
	padding: 20px;
}

.forum table tr td p{
	margin: 0;
}

.forum .viewfilters{
	float: right;
	list-style: none;
}

.forum .viewfilters li{
	float: right;
}

.forum .viewfilters li a{
	float: right;
	font-size: 10px;
	margin-right: 10px;
	margin-top: -8px;
	text-decoration: none;
}

.forum .viewfilters li a:hover{
	text-decoration: underline;
}

.forum table th .author{
	margin: 10px;
}

.forum .avatarbox{
	border: 1px solid #CCC;
	padding: 2px;
	padding-bottom: 0;
	display: inline-block;
	margin: 10px 10px 5px 0;
	background-color: #FFF;
}

.forum img.avatar{
	height: 100px;
	width: 100px;
	
}

.forum table th{
	vertical-align: top;

}

.forum table th .author p{
	line-height: 10px;
	clear: both;
	margin-bottom: 10px;
}

.forum table td .post{
	display: block;
	position: relative;
	min-height: 200px;
}

.forum table .post .meta{
	position: absolute;
	bottom: 0;
	padding-bottom: 10px;
	width: 707px;
	text-align: right;
}

.forum blockquote{
	margin-bottom: 10px;
	color: #999;
	background-color: #F5F5F5;
}


.forum blockquote p{
	color: #555;
	font-size: 11px;
	padding-bottom: 5px;
}

.forum blockquote .quote_author{
	margin-bottom: 13px;
	text-align: right;
	font-style: italic;
	font-size: 10px;
}

/* @end */

/* @group Wattbike */

div.features_banner{
	height: 495px;
	background: url(/assets/images/wattbike_home.jpg) no-repeat;
	padding-left: 386px;
}

#buycta{
	margin-top: -41px;
}

section.downloads .half{
	width: 331px;
	float: left;
}

section.downloads .half img{
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 8px;
}

section.downloads .half.first{
	margin-right: 30px;
}

section.downloads .third{
	width: 220px;
	float: left;
    margin-right: 20px;
}

section.downloads .third.last{
	width: 220px;
	float: left;
    margin: 0px;
}
section.downloads a{
    margin-bottom:5px;
    }

section.feature_area{
	padding: 33px;
	padding-bottom: 65px;
	background: -webkit-gradient(radial, center 0, 0, center top, 270, from(#EEE), to(#FFF));
	border-top: 1px solid #DDD;
	clear: both;
}

section.feature_area h2{
	margin-top: 0;
	margin-bottom: 20px;
}

section.feature_area .right{
	margin-top: 0;
	margin-left: 45px;
}

section.feature_area .left{
	margin-top: 0;
	margin-right: 45px;
}

section.feature_area table.left{
	margin-top: 0;
	margin-right: 45px;
	width: 363px;
	margin-bottom: 37px;
	font-size: 13px;
}

section.feature_area table.left td, section.feature_area table.left th{
	padding: 5px 5px 5px 10px;
}

section.main ul.downloads{
	margin: 0;
	padding: 0;
}

section.main ul.downloads li{
	padding: 15px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}

section.main ul.downloads li:nth-child(even){
	background-color: rgba(0,0,0,.03);
}

section.main ul.downloads li h3{
	margin: 0;
}

section.main ul.downloads li a{
	float: none;
	margin-top: -3px;
}

/* @end */

/* @group Distributors */

.change_country_lightbox{
	padding:20px 20px 10px;
}

article p .meta{
	color: #7f7f7f;
}

/* @group Map */


a.location{
	z-index: 90;
	float: left;
	clear: both;
	display: block;
	position: relative;
	padding: 1px 5px;
	border-radius:3px;
	background-color: rgba(100,100,100,.0);
	text-align: center;
	text-decoration: none;
}

.map{
	background-image: url("/assets/images/map.jpg");
	width: 938px;
	height: 510px;
}

.location img{
	width: 24px;
	float: left;
	padding-bottom: 1px;
}

a.location span{
	line-height: 25px;
	margin-right: 8px;
	margin-left: 7px;
	display: none;
}

a.location:hover{
	background-color: #FFF;
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.5);
	z-index: 99;
}

a.location:hover span{
	display: inline;
}


.location.au{
	top: 380px;
	left: 801px;
}
.location.ee{
	left: 470px;
	top: 107px;
}
.location.es{
	top: 139px;
	left: 379px;
}
.location.fi{
	left: 493px;
	top: 15px;
}
.location.fr{
	left: 395px;
	top: 58px;
}
.location.it{
	left: 459px;
	top: 63px;
}
.location.jp{
	left: 800px;
	top: 18px;
}
.location.nl{
	left: 422px;
	top: -60px;
}
.location.uk{
	top: -110px;
	left: 385px;
}
.location.us{
	bottom: 65px;
	left: 150px;
}
.location.nz{
	top: 165px;
	left: 875px;
}
.location.kr{
	top: 5px;
	left: 770px;
}


/* @end */

/* @end */

/* @group Calendar */

.calendar{
	border-bottom: 1px #DDD dashed;
	margin-top: 30px;
}

.eventdate{
	background: #f1f1f1 url(/assets/images/gradientoverlay.png) repeat-x;
	text-align: center;
	border: 1px solid #747474;
	padding: 5px;
	margin-bottom: 16px;
	color: #747474;
	font-size: 15px;
	width: 97px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}

.eventdetails{
	margin-bottom: 25px;
}

.long{
	width: 190px;
}

.front{
	color: #747474;
	border:  1px solid #747474;
	font-size: 11px;
	width: 63px;
	background-color: #f1f1f1;
	padding: 5px;
	font-weight: bold;
}

.front.long{
	font-size: 11px;
	width: 138px;
	margin-bottom: -6px;
}

.frontevent{
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	margin-left: 0;
	border-style: dashed;
	margin-bottom: 5px;
}

.frontevent p{
	font-size: 11px;
	line-height: 17px;
	margin-left: 0;
}

.frontevent h3{
	line-height: 16px;
	margin-left: 0;
}

/* @end */


/* @group Tweets */
section.main.tweets{
	margin-bottom:0px;
	padding-bottom:0px;
}

section.main.featuredtweet{
	margin-bottom: 5px;
	padding-bottom: 0;
}


section.main.featuredtweet p{
	font-size: 20px;
	line-height: 1.4em;
}

section.main.featuredtweet img.avatar{
	border-radius:8px;
	clear: none;
	float: left;
}

section.main.featuredtweet h2{
	clear: none;
	margin-top: 8px;
	margin-left: 45px;
}

section.main.featuredtweet img.larry{
	margin-top: -31px;
	margin-right: 5px;
}

section.main.featuredtweet .tweetbox {
	position:relative;
	color:#333;
	background:#f7f7f7;
	box-shadow: 0px 2px 0px rgba(0,0,0,.1);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-top: 25px;
	padding: 10px;
}

section.main.featuredtweet .tweetbox p {
	margin-bottom: 0;
	font-size: 18px;
	padding: 3px 5px 4px;
}

section.main.featuredtweet .tweetbox:after {
	content:"";
	position:absolute;
	top:-30px;
	left:50px;
	border:15px solid transparent;
	border-bottom-color:#f7f7f7;
    display:block; 
    width:0;
}
	
/* @end */

/* @group PR */

.pr aside{
	background: #EEE;
	float: left;
	margin: 20px;
	width: 280px;
	padding-bottom: 20px;
}


.pr aside .prbox{
	margin: 20px;
	padding: 10px 10px 0 15px;
	background-color: #DDD;
	border: 1px solid #DDD;
}

.pr aside a.img{
	margin: 20px 20px 0;
}

.pr aside a img{
	margin: -2px 0 0;
	padding: 0;
}

#content.pr article h2{
	margin-bottom: 16px;
	margin-top: -11px;
}

.pr aside h2{
	margin-left: 18px;
	padding-bottom: 16px;
}

.pr aside .prbox.dark{
	background-color: #FFF;
}

.pr aside .prbox.dark p, .pr aside .prbox.dark a{
	text-align: center;
	padding: 0;
}

.pr aside .prbox.dark a:hover{
	background-color: #000!important;	
}

.pr ul.articles{
	margin-top: 25px;
	list-style: none;
}

.pr ul.articles li span.date{
	color: #AAA;
	width: 80px;
	float: left;
	display: block;
}

/* @end */

/* @group Jobs */

div.job{
	background-color: #EEE;
	padding: 15px 15px 10px 18px;
	border-left: 10px solid #b81a3b;
	margin-top: 15px;
}

div.job h3{
	color: #b81a3b;
	margin-top: 0;
	margin-bottom: 4px;
	font-size: 16px;
}

div.job p{
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 10px;
}

div.job em{
	color: #777;
	margin-bottom: 10px;
	display: block;
	font-size: 12px;
}

/* @end */

/* @group Bookings */

table.bookings td.remaining0{
	background-color: #ffe5e5;
}
table.bookings td.remaining1{
	background-color: #fffce0;
}
table.bookings td.remaining2{
	background-color: #e4ffed;
}

/* @end */

/* @group VIP/Affiliate */

ul.affiliate li span.meta{
	color: #919191;
}

ul.orders{
	margin: 0;
	background-color: #EEE;
	padding: 5px 0;
}

ul.orders li{
	list-style: none;
}

ul.orders li h3{
	margin-bottom: -10px;
}

/* @end */


/* @group Request a call */

#request_call {
	position: fixed;
	top: 50%;
	left: 0;
	background: #FFF;
	transition-duration: 0.3s;
	border-radius: 0 5px 5px 0;
	z-index:999;
	border-right: 10px solid #B81A3B;
	border-left: 0;
	padding: 30px 0 30px 30px;
	margin-top: -250px;
	margin-left: -518px;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	transition: all 400ms;
	width: 477px;
	height: 422px;
}

.overlay{
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
}

#request_call.done{
	height: 268px;
	width: 231px;
}

#request_call.done p{
	padding-right: 20px;
}

#request_call .confirmtick{
	color: #008e53;
	font: 186px/0 Pictos;
	margin-top: 105px;
	float: left;
}

#request_call.inuse{
	margin-left: 0px;
	box-shadow: 0px 0px 15px rgba(0,0,0,.3);
}

#request_call .trigger{
	background-color: #B81A3B;
	padding: 20px 10px 20px 22px;
	border-radius: 0 5px 5px 0;
	margin-top: -30px;
	box-shadow: 2px 0px 8px rgba(0,0,0,.3);
	cursor: pointer;
	position: relative;
	top: 0;
	right: 0;
	margin-right: -91px;
}

#request_call .trigger:hover{
	background-color: #991531;
}

#request_call.inuse .trigger{
	padding-left: 15px;
}

#request_call table.form{
	width: 90%;
	margin-top: 18px;
}

#request_call .wrapper{
	float: left;
	height: 422px;
	display: block;
	overflow: hidden;
}

#request_call table.form th label{
	font-size:12px;
	padding-left:20px;
}

#request_call a.cancel{
	text-decoration: none;
	font-size: 13px;
	margin-top: 10px;
	margin-right: 10px;
	color: #979797;
}

#request_call a.cancel:hover{
	text-decoration:underline;
}


/* @end */