/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,
canvas,
img,
video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.tyre-widget {padding-top:75px;}
.tw-container {border:2px solid #f3f3f3; border-top:none; width:100%; height:100%; position:relative; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.tw-scale {border:2px solid #f3f3f3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width:48%; height:155px; margin-top:-10px; position:absolute;}
.tw-left {left:0; margin-left:-2px;}
.tw-right {right:0; margin-right:-2px;}
.tw-tyre {background:url(../img/tire.png) center no-repeat; height:36px; width:50px; }
.tw-tyre-top {margin:0 auto; position:relative; top:-18px; left:-5px;}
.tw-gas {background:url(../img/gas.png); width:35px; height:34px; position:absolute; display:block; margin-left:50%;}
.tw-cloud {background:url(../img/cloud.png); width:35px; height:34px; position:absolute; display:block; margin-left:50%;}
.tw-scale-numb {position:absolute; text-align:center; width:100%; left:0; top:-1px;}
.tw-scale-numb ul {list-style:none; text-align:center; padding:0; margin:0; color:#FFFFFF; font-size:11px; line-height:16px;}
.tw-scale-color {width:50%; margin:0 auto; }
.tw-scale-dot {background:url(../img/dots.png) 0 6px repeat-x; position:relative; top:20px; margin:0 15px 0 15px; height:53%;}
.tw-select-left {position:absolute; top:-2px; height:100%; width:30px; left:5%; color:#FFFFFF; text-align:left; line-height:19px; font-size:15px;}
.tw-arrow-left {background:url(../img/arrowleft.png); width:25px; height:19px; position:absolute; cursor:pointer; padding-left:5px;}
.tw-select-right {position:absolute; top:-2px; height:100%; width:30px; right:5%; color:#FFFFFF; text-align:left; line-height:19px; font-size:15px;}
.tw-arrow-right {background:url(../img/arrowright.png); width:17px; height:19px; position:absolute; cursor:pointer; padding-left:13px;}
.tw-arrow-0 {top:0px;}
.tw-arrow-1 {top:15px;}
.tw-arrow-2 {top:31px;}
.tw-arrow-3 {top:47px;}
.tw-arrow-4 {top:63px;}
.tw-arrow-5 {top:79px;}
.tw-arrow-6 {top:95px;}
.tw-bottom-cont {position:absolute; bottom:0; width:100%; height:60px;}
.tw-bottom {position:absolute; width:50%; bottom:12px;}
.tw-tyre-bottom {margin:0 auto; position:relative; left:-5px;}
.tw-sound {background:url(../img/sound.png); width:35px; height:34px; position:absolute; display:block; margin-left:50%;}
.tw-noise {position:absolute; width:50%; bottom:14px; left:40%;}
.tw-noise span {line-height:32px; color:#FFFFFF; position:absolute; top:0; width:100%; text-align:center; padding-left:10px;}
.tw-noise span b {font-size:24px;}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden;  *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix {  *zoom: 1;
}