/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Jack Kwakman
   ========================================================================== */

body { text-align: center; color: #555; line-height: 1.0; font: 62.5% Verdana, helvetica, sans-serif; background: #7e7a84 url(images/background.jpg) top center no-repeat; }
@font-face { font-family: 'tg-menu'; src: url('fonts/tg-menu.eot'); src: url('fonts/tg-menu.eot?#iefix') format('embedded-opentype'), url('fonts/tg-menu.woff') format('woff'), url('fonts/tg-menu.ttf') format('truetype'), url('fonts/tg-menu.svg#tg-menu') format('svg'); font-weight: normal; font-style: normal; }

.floatleft { float: left; }
.floatright { float: right; }
.required { color: red; }

.no-js nav li:hover ul { display:block;}

#blackbar { width: 963px; height: 34px; background: #000; margin: auto; }
#header { width: 963px; height: 174px; background: none; margin: auto; position: relative; z-index: 2; }
#leaderboard { top: 10px; left: 116px; position: absolute; z-index: 400px; }
#logocontainer { position: absolute; z-index: 200px; top: 10px; left:0; width: 278px; height: 123px; }
#logo { width: 249px; height: 123px; background: url(images/topgear.png) no-repeat left top; position: relative; }
#logo h2 { display: none; }
#logo a { position: absolute; top: 0; left: 0; width: 249px; height: 123px; }
#topgearcast { position: absolute; z-index: 100px; top: -50px; left: 245px; width: 517px; height: 186px; background: url(images/topgear-cast.png) no-repeat left top; }

#eyediv {text-align:center;margin:auto;width:970px;}

#country-chooser { width: 170px; float: left; margin: 3px 0 0 15px; font-size: 13px; text-align: left; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#country-chooser a { color: #7b7878; text-decoration:none; }
#country-chooser nav { display:block; border: 0; position:relative; z-index:10001; -moz-border-radius-bottomright:4px; -webkit-border-radius-bottomright:4px; border-bottom-right-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-radius-bottomleft:4px; border-bottom-left-radius:4px; }
#country-chooser nav ul { padding:0; margin:0; background: #2a2b2b url(images/lang-arrow.gif) no-repeat right center; }
#country-chooser nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#country-chooser nav li a { display:block; white-space: nowrap; margin: 0 0 0 10px; padding: 6px 0 6px 37px; color: #fff; }
#country-chooser nav li a:focus { outline:none; }
#country-chooser nav li a:hover {color: #c9d1d9;};
#country-chooser nav a span { display:block; float:right; margin-left:5px; }
#country-chooser nav ul ul { display:none; margin: 0; padding: 0; width: 170px; position:absolute; left:0; background:#2a2b2b; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#country-chooser nav ul ul li { float:none; width: 100%; border-top: 1px solid #4b4b4b; margin: 0; padding: 0; }
#country-chooser nav ul ul a { font-size:13px}
#country-chooser .nl { background: url(images/nl.gif) center left no-repeat }
#country-chooser .us { background: url(images/us.gif) center left no-repeat }
#country-chooser .uk { background: url(images/uk.gif) center left no-repeat }
#country-chooser .au { background: url(images/au.gif) center left no-repeat }

#searchbox { position:absolute; text-align: left; top: 60px; left: 722px; width: 240px; height: 65px; background: url(images/searchbox.gif) center left no-repeat }
#searchbox form { margin: 30px 0 0 15px; position: relative; }
#searchbox input { border: 0; width: 159px; padding: 4px; font-size: 12px; color: #000; }
#searchbox button {  position: absolute; top: -1px; left: 174px; background: url(images/go.gif) top left no-repeat; border: 0; font-size: 12px; width: 42px; height: 26px; }
#searchbox span, #mobilefooter, .mobilebanner, .mobilesearch { display: none; }

#nav { position: absolute; top: 135px; left:0; width: 963px; background: #000; font-family: 'tg-menu'; font-size: 13px; }
#nav nav { display:block; border: 0; position:relative; z-index:1001; }
#nav nav ul { padding:0; margin:0; }
#nav nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#nav nav li { float: left; }
#nav nav li a { white-space: nowrap; display:block; border-left:1px solid #000; padding: 12px 11px 12px 11px; color: #f3f2f2; text-decoration: none; text-shadow: 0 0 1px rgba(0,0,0,0.3); }
#nav nav #none a { border-left: 0; }
#nav nav li a:hover { color: #3378be; background: #FFF; border-left:1px solid #000;}
#nav nav li li a { color: #000; font-family: Verdana, helvetica, sans-serif; }
#nav nav li li a:hover { background: transparent; }
#nav nav ul ul { display:none; width: 180px; position:absolute; border-right:1px solid #000; border-bottom:1px solid #000; background:#fff; -moz-border-radius-bottomright:4px; -webkit-border-radius-bottomright:4px; border-bottom-right-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-radius-bottomleft:4px; border-bottom-left-radius:4px; }
#nav nav ul ul li { float:none; width: 100%; text-align: left; }

.billboard { padding: 0 0 18px 0; }

#main { width: 963px; position: relative; z-index: 1; margin: auto; clear: both; text-align: left; }
#sidebar { position: absolute; top: -33px; left: 970px; width: 104px; }
#sidebar h3 { font-size: 12px; color: #FFF; font-family: 'tg-menu'; text-shadow: 0.1em 0.1em #333; margin: 0 0 20px 7px; padding: 0; }
#sidebar ul { margin: 0 0 0 7px; padding: 0; list-style: none; font-size: 12px; }
#sidebar a { color: #FFF; text-shadow: 0.1em 0.1em #333; text-decoration: none; font-weight:bold; }
#sidebar a:hover { color: #3378be; }
#skyscraper { margin: 0; }

#content { width: 947px; background: #FFF; padding: 6px 8px 1px 8px; text-align: left; }
#content iframe { overflow-y: hidden; }
#content h2 { margin: 0 0 6px 0; padding: 0; color: #565656; font-size: 16px; text-shadow: 0 0 1px rgba(0,0,0,0.3); }
#imagechanger .ui-widget-content, #imagechanger .ui-widget-header, #imagechanger .ui-state-default { border: 0; background: none; }

.greyline { border-top: 1px solid #94a4b4; height: 0; font-size: 0; }
.greylinemargin { border-top: 1px solid #94a4b4; height: 0; font-size: 0; margin: 10px 0 10px 0; }

.col603 { width: 603px; }
.col337 { width: 337px; }
.col353 { width: 353px; }
.col242 { width: 242px; }

#rectangle { width: 336px; text-align: center; padding: 24px 0 0 0; background: url(images/advertentie.gif) no-repeat top left }

#featured { position: relative; height:282px; overflow:hidden; }
#featured .ui-tabs-panel { width: 605px; height: 280px; position:relative; overflow: hidden; }
#featured .ui-tabs-panel h1 { text-transform: uppercase; color: #000; font-size: 19px; margin: 7px 0 6px 0; padding: 0;}
#featured .ui-tabs-panel h1 a { color: #000; text-decoration: none; }
#featured .ui-tabs-selected {font-weight: bold; }
#featured .ui-tabs-hide { display:none; }
.main-image { width: 353px; float: left; position: relative; }
.main-image img { z-index: 1; position: absolute; top: 0; left: 0; }
.video-container-large, .video-container-medium, .video-container-small { z-index: 2; position: absolute; top: 0; left: 0;  }

.main-content { width: 244px; float: right; font-size: 13px; text-align: left; margin: 0 2px 0 0;}
.maincontent p { margin: 3px 0 3px 0; padding: 0; }
.newstype {font-weight: bold;  text-transform: uppercase; font-size: 10px; padding: 0; margin: 0; }
.newstype a { color: #555; text-decoration: none; }
.newsdate {font-weight: bold; font-size: 10px; float: right; width: 193px; text-align: right; margin: 6px 7px 0 0; }
.newsdateleft {font-weight: bold; font-size: 10px; text-align: left; }
.readmore { text-align: right; background: url(images/readmore.gif) right center no-repeat; font-size: 12px; }
.readmore a { color: #5a98d6; text-decoration: none; padding: 1px 27px 1px 0; }
.readmore a:hover { color: #000; }
#featured .readmore { width:95px; float:left; text-align: left; background: url(images/readmore.gif) right center no-repeat; font-size: 12px; }
.social-featured-icons { width:120px;float:right;text-align:right;}

#itemsearch form { margin: 10px 0 0 0; position: relative; }
#itemsearch input { outline:none; background: url(images/itemsearch.gif) top left no-repeat; border: 0; width: 284px; height: 35px; padding: 0 0 0 20px; font-size: 12px; }
#itemsearch button {  position: absolute; top: 13px; left: 311px; background: url(images/go-item-search.gif) top left no-repeat; border: 0; font-size: 12px; width: 14px; height: 14px; }
#itemsearch span { display: none; }
#itemsearch a { color: #5a98d6; text-decoration: none; font-size: 12px; margin: 0 5px 0 0; }
#itemsearch a:hover, #morevideo a:hover { color: #000; }
#morevideo { float: right; color: #5a98d6; text-decoration: none; font-size: 12px; margin: 0 5px 0 0; font-weight: bold; }
#morevideo a { color: #5a98d6; }

.videocontainer { clear: both; margin: 20px 0 0 0; }
.videocontainer h3, #tags h3 { font-size: 13px; color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); margin: 5px 0 15px 0; padding: 0; }
.videoitem { float: left; width: 145px; text-align: center; margin: 0 2px 0 0; }
.videoitem a { color: #5a98d6; text-decoration: none; font-size: 12px; margin: 0 5px 0 0; }
.videoitem a:hover { color: #000; }
.videothumb { width: 143px; position: relative; }
.videothumb img { border: 0; z-index: 1; }
.videotitlecontainer { width: 145px; height: 35px; }
.videotitle { width: 140px; height: 35px; text-align: center; vertical-align: middle; display:table-cell; }

#mainnav { position: absolute; top: 190px; left: 359px; background: #FFF; z-index: 20; }
#mainnav a { color: #5a98d6; text-decoration: none; }
#mainnav a:hover { color: #000; }
#mainnav ul { list-style: none; margin: 0; padding: 0; font-size: 12px; }
#mainnav li { margin: 3px 0 3px 0; padding: 0; }

.modelmenu { border-top: 1px solid #94a4b4; padding: 12px 7px 12px 7px; background: #e0ecf8; height: 126px; text-align: left; overflow: hidden; }
.modelmenu h3 { font-size: 13px; color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); margin: 5px 0 10px 0; padding: 0; }
.modelmenu ul { list-style: none; margin: 0; padding: 0; }
.modelmenu li { margin: 0; padding: 1px 0 1px 0; font-size: 11px; }
.modelmenu a { color: #3378be; text-decoration: none; }
.modelmenu a:hover { color: #000; }
.modelrow { width: 180px; float: left; margin: 0 10px 0 0; }

.seasonmenu { border-top: 1px solid #94a4b4; padding: 12px 7px 12px 7px; background: #e0ecf8; height: 126px; text-align: left; overflow: hidden; }
.seasonmenu h3 { font-size: 13px; color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); margin: 5px 0 10px 0; padding: 0; }
.seasonmenu ul { list-style: none; padding: 0; margin: 0; }
.seasonmenu li { display: inline; margin: 0 3px 0 0; padding: 2px; }
.seasonmenu li.selected { border: 1px solid #000; background: #94a4b4; }
.seasonmenu a { color: #3378be; text-decoration: none; font-size: 11px; }
.seasonmenu a:hover { color: #000; }
.seasonmenu li.selected a { color: #000; }

.newsblock { border-top: 1px solid #94a4b4; padding: 12px 7px 12px 7px; background: #fff; height: 126px; text-align: left; overflow: hidden; }
.whiteblock { background: #FFF; }
.newsblock h3 { font-size: 14px; color: #000; text-shadow: 0 0 1px rgba(0,0,0,0.3); margin: 0 0 13px 0; padding: 0; }
.newsblock h3 a { color: #000; text-decoration: none; }
.newsblock-image { float: left; width: 141px; position: relative; }
.main-image img { z-index: 1; position: absolute; top: 0; left: 0; }

.newsblock-content { float: right; color: #555; width: 426px; font-size: 12px; margin: 0 15px 0 0; line-height: 1.1; }
.col353 .newsblock-content { width: 190px; margin: 0; }
.reaction { background: url(images/reaction.gif) center left no-repeat; padding: 0 0 0 18px; color: #5689c9; margin: 0 0 0 8px; }
.reaction a { color: #3378be; text-decoration: none; }
.newsblock .readmore { clear: right; }
.news-text a { 	color: #3378be; text-decoration: none; font-weight: bold; }
.news-text a:hover { color: #000; }
.pager { margin: 18px 0 34px 18px; font-size: 12px; }
.pager a, .inlinepager a { color: #3378be; text-decoration: none; margin: 0 3px 0 3px; }
.pager .selected, .inlinepager .selected { margin: 0 3px 0 3px; }
.inlinepager { text-align: right; }
.inlinepager { margin: 34px 0 18px 18px; font-size: 12px; }

.advertorialblock { border-top: 1px solid #94a4b4; padding: 12px 7px 12px 7px; background: #fbe1fd; height: 126px; text-align: left; overflow: hidden; }
.advertorialblock h3 { font-size: 12px; color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); margin: 0 0 13px 0; padding: 0; }
.advertorialblock h3 a { color: #3378be; text-decoration: none; }
.advertorialblock-image { float: left; width: 141px; }
.advertorialblock-image img { z-index: 1; }
.advertorialblock-content { float: right; width: 426px; color: #3378be; font-size: 12px; margin: 0 15px 0 0; }
.col353 .advertorialblock-content { width: 190px; margin: 0; }

.player { width: 241px; height: 303px; overflow: hidden; }
.player .ui-tabs-panel { width: 241px; height: 150px; position:relative; overflow: hidden; background: #000; }
.player .ui-tabs-selected { font-weight: bold; }
.player .ui-tabs-hide { display:none; }
.player h3 {  text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 14px; color: #3378be; margin: 16px 0 10px 0; padding: 0; }
.player h3 a { color: #3378be; text-decoration: none; }
.player ul { list-style: none; margin: 0; padding: 0; font-size: 10px; }
.player li { margin: 2px 0 2px 0; padding: 0; }
.player li a { color: #555; text-decoration: none; }
.player span { display: none; }
.playernav { height: 152px; overflow: hidden; }
.player .readmore { margin: 10px 0 0 0; }

.player .next-tab { position: absolute; top: 60px; width: 17px; height: 30px; right: 7px; z-index: 10; background: url(images/next.png) top right no-repeat; }
.player .prev-tab { position: absolute; top: 60px; width: 17px; height: 30px; left: 7px; z-index: 10;  background: url(images/previous.png) top left no-repeat; }

.occasionsplayer { width: 318px; height: 165px; overflow: hidden; background:#e0ecf8; padding: 0 10px 5px 10px; margin: 10px 0 0 0; }
.occasionsplayer .ui-tabs-panel { width: 338px; height: 165px; position:relative; overflow: hidden; background:#e0ecf8; }
.occasionsplayer .ui-tabs-selected { font-weight: bold; }
.occasionsplayer .ui-tabs-hide { display:none; }
.occasionsplayer h3 {  text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 14px; color: #000; margin: 16px 0 10px 0; padding: 0; }
.occasionsplayer h3 a { color: #3378be; text-decoration: none; }
.occasionsplayer ul { list-style: none; margin: 0; padding: 0; font-size: 10px; }
.occasionsplayer li { margin: 2px 0 2px 0; padding: 0; }
.occasionsplayer li a { color: #555; text-decoration: none; }
.occasionsplayer span { display: none; }
.occasionsplayernav { display:none; }
.occasionsplayer .readmore { margin: 10px 0 0 0; }
.occasionsplayer .showall{color:#5a98d6;font-weight:bold;}

.occasionsplayer .next-tab { position: absolute; top: 30px; width: 17px; height: 30px; right: 15px; z-index: 10; background: url(images/next.png) top right no-repeat; }
.occasionsplayer .prev-tab { position: absolute; top: 30px; width: 17px; height: 30px; left: 7px; z-index: 10;  background: url(images/previous.png) top left no-repeat; }

.occasion-image {width:150px;float:left;height:240px;}
.occasion-details{width:178px;float:right;height:240px;font-size:11px;}
.occasion-details table {width:155px;}
.occasion-details a {color:#555555;text-decoration:none;}

.blacklayer { position: absolute; text-align: center; width: 231px; height: 19px; padding: 7px 5px 4px 5px; top: 120px; left: 0; background: url(images/black.png) top left repeat; z-index: 5; }
.blacklayer a { color: #FFF; text-decoration: none; font-size: 10px; }

#magazine { height: 152px; overflow: hidden; }
#magazine h3 { color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 14px; margin: 10px 0 4px 0; padding: 0; }
#magazine h3 a { color: #3378be; text-decoration: none; }
.cover { float: left; width: 110px; height: 140px; }
.viewmagazine { width: 220px; height: 140px; float: right; }
.viewmagazine .readmore { margin: 0; }
.magazinedescription { padding: 0; font-size: 11px; }
#blacktitle { background: #000; }
#blacktitle h1 { text-transform: none; color: #fff; font-size: 19px; margin: 0 0 0 10px; padding: 2px 0 0 0; }

#facebook { height: 131px; background: #e0ecf8; padding: 7px 10px 12px; overflow: hidden; }
#facebook h3 { color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 14px; margin: 3px 0 8px 3px; padding: 0; }
#facebook iframe { margin: 8px 0 0; }
#facebook #counter { width: 209px; height: 58px; background: url("images/can-we-hit-10-million-dashboard.png") no-repeat scroll 0 0 #E0ECF8; position: relative; float: left; }
#facebook .counter-wrap { height:29px; overflow:hidden; position: relative; top: 8px; left: 65px; }
#facebook .counter-number { height:319px; width:26px; position:relative; background-image:url("images/counter-ticker-bg.png"); float:left; }
#facebook ul { margin: 0; padding: 0; list-style: none; }
#facebook li { margin: 7px 0 5px 0; padding: 4px 0 4px 22px; }
#facebook li a { color: #000; text-decoration: underline; }
#facebook #biglike { float: right; width: 103px; }
.twitter { background: url(images/twitter.gif) top left no-repeat; }
.rss { background: url(images/rss.gif) top left no-repeat; }

#related-content { width: 241px; height: 169px; overflow: hidden; float: left; background: #c9d1d9; margin: 3px 10px 3px 0; }
#related-content .ui-tabs-panel { width: 241px; height: 150px; position:relative; overflow: hidden; }
#related-content .ui-tabs-selected { font-weight: bold; }
#related-content .ui-tabs-hide { display:none; }
#related-content h3 { font-size: 10px; color: #555; margin: 2px 0 2px 10px; padding: 0;  font-family: Verdana, helvetica, sans-serif; }
#related-content ul { list-style: none; margin: 0; padding: 0; font-size: 10px; }
#related-content li { margin: 2px 0 2px 0; padding: 0; }
#related-content li a { color: #555; text-decoration: none; }
#related-content span { display: none; }
#related-content a { color: #fff; }
#related-content a:hover { color: #000; }
#related-content .blacklayer { padding: 3px 5px 4px 5px; height: 23px; }
#related-content .ui-widget-content { border: 0; }

#related-content .next-tab { position: absolute; top: 60px; width: 17px; height: 30px; right: 7px; z-index: 10; background: url(images/next.png) top right no-repeat; }
#related-content .prev-tab { position: absolute; top: 60px; width: 17px; height: 30px; left: 7px; z-index: 10;  background: url(images/previous.png) top left no-repeat; }

.blueblock { padding: 7px 10px 12px; height: 133px; background: #e0ecf8; overflow: hidden; }
.blueblock p { margin: 0; padding: 0; }
.blueblock h3 { color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 14px; margin: 13px 0 13px 0; padding: 0; }
.blueblock h3 a { color: #3378be; text-decoration: none; }
.blueblock-image { width: 84px; height: 73px; float: left; overflow: hidden; text-align: center; }
.blueblock-content { width: 221px; float: right; overflow: hidden; text-align: left; }
.blueblock-content a { color: #000; text-decoration: none; }
.blueblock .readmore { margin: 10px 0 0 0; }

.yellowblock { padding: 7px 10px 12px; height: 133px; background: #f7fad9; overflow: hidden; }
.yellowblock p { margin: 0; padding: 0; }
.yellowblock h3 { color: #555555; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 14px; margin: 13px 0 13px 0; padding: 0; }
.yellowblock h3 a { color: #555555; text-decoration: none; }
.yellowblock-image { width: 84px; height: 73px; float: left; overflow: hidden; text-align: center; }
.yellowblock-content { width: 221px; float: right; overflow: hidden; text-align: left; }
.yellowblock-content a { color: #000; text-decoration: none; }
.yellowblock .readmore { margin: 10px 0 0 0; }

.regularblock { height: 152px; overflow: hidden; }
.regularblock p { margin: 0; padding: 0; }
.regularblock h3 { color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 14px; margin: 13px 0 13px 0; padding: 0; }
.regularblock h3 a { color: #3378be; text-decoration: none; }
.regularblock-image { width: 84px; height: 73px; float: left; overflow: hidden; text-align: center; }
.regularblock-content { width: 245px; float: right; overflow: hidden; text-align: left; }
.regularblock-content a { color: #5a98d6; text-decoration: none; }
.regularblock .readmore { margin: 10px 0 0 0; }
.fullblock {  float: none; width: auto;}
.fullblock ul { list-style: none; margin: 0; padding: 0; }
.fullblock li { padding: 2px 0 2px 0; }
.fullblock a:hover { color: #000; }

#tags p { margin: 10px 0 10px 0; }

#calendaryears { background: url(images/year-selector.jpg) bottom center no-repeat; }
#calendaryears a { color: #5a98d6; text-decoration: none; margin: 0 5px 0 0; font-size: 14px; }
#calendarmonths a { color: #5a98d6; text-decoration: none; margin: 0 5px 0 0; font-size: 11px; }
#calendaryears a:hover, #calendarmonths a:hover { color: #000; }
#calendaryears h3, #calendarmonths h3, #itemsearch h3 { color: #000; }
.yearwrapper { margin: 20px 0 0 0; }
.year { width: 40px; height: 30px; padding: 4px 0 0 0; text-align: center; float: left; margin: 0 4px 0 4px; }
.yearselected { width: 40px; height: 30px; padding: 4px 0 0 0; background: url(images/year-selected.png) top center no-repeat; text-align: center; float: left; margin: 0 4px 0 4px; }
.month { width: 29px; height: 20px; padding: 4px 0 0 0; text-align: center; float: left;  margin: 0 4px 0 4px; }
.monthselected { width: 29px; height: 20px; background: url(images/month-selected.png) top center no-repeat; padding: 4px 0 0 0; text-align: center; float: left;  margin: 0 4px 0 4px; }

#tags ul { list-style: none; margin: 0; padding: 0; }
#tags li { display: inline; margin: 0; padding: 0 10px 0 0; }
#tags a { color: #5a98d6; text-decoration: none; margin: 0 5px 0 0; }
#tags a:hover { color: #000; }

.rectanglecontainer { text-align: center; margin: 20px 0 0 0; }
.inlinesearchform { width: 300px; float: left;  }
.inlinesearchform input { border: 1px solid #94a4b4; background: transparent; font-size: 12px; padding: 3px; }
.inlinesearchform button { background: #94a4b4; border: 0; color: #FFF; font-size: 12px; padding: 3px; width: 100px; }
.inlineresults { text-align: right; width: 200px; float: right; }
.resultsfound { font-weight: bold; font-size: 12px; padding: 5px; }

#generated_form .textfield, #generated_form .textarea { border: 1px solid #94a4b4; background: transparent; font-size: 12px; padding: 3px; min-width:150px; }
#generated_form td {padding:5px;}
#generated_form b {font-weight:normal;}
#generated_form .submitbutton { background: #94a4b4; border: 0; color: #FFF; font-size: 12px; padding: 3px; width: 100px; }

.searchresultsbar { border-bottom: 1px solid #94a4b4; padding: 10px 0 10px 0; }

.fullcolumn { border-top: 1px solid #94a4b4; height: 151px; overflow: hidden; clear: both; }
.fulldetails { width: 406px; float: left; text-align: left; color: #000; font-size: 12px; }
.fullcolumn h3 { color: #000; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 13px; margin: 15px 0 13px 0; padding: 0; }
.fullcolumn h3 a { color: #000; text-decoration: none; }
.fullmore { float: right; width: 334px; }
.fullmore ul { margin: 0; padding: 0; list-style: none; }
.fullmore li { margin: 0; padding: 0; }
.fullmore ul a { color: #5a98d6; text-decoration: none; font-size: 12px; }
.fullmore ul a:hover { color: #000; }
.fullmore .readmore { margin: 15px 0 0 0; }
#clarkson { background: url(images/clarkson.jpg) top center no-repeat; }
#hammond { background: url(images/hammond.jpg) top center no-repeat; }
#may { background: url(images/may.jpg) top center no-repeat; }

.moreblock { background: #e0ecf8; font-size: 12px; padding: 10px 7px 10px 7px; height: 281px; overflow: hidden; }
.moreblock h3 { color: #000; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 19px; margin: 0 0 12px 0; padding: 0; }
.moreblock a { color: #5a98d6; text-decoration: none; font-weight: bold; font-size: 12px; }
.moreblock a:hover { color: #000; }
.moreblock ul { list-style: none; margin: 0; padding: 0; }
.moreblock li { margin: 3px 0 2px 0; padding: 0; line-height: 1.2; }

.testselector { height: 152px; overflow: hidden; }
.testselector h3 { color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 14px; margin: 13px 0 13px 0; padding: 0; }
.testselector select { width: 189px; overflow: hidden; margin: 0 0 5px 0; }
.testsheader { font-weight: bold; }
.testselector ul { margin: 0; padding: 0; list-style: none; }
.testselector a { color: #555; text-decoration: none; }
.testselector a:hover { color: #000; }
.testselector td { text-align: left; }
.testwidth { width: 200px; }

.testselector button {  background: url(images/go-small.gif) top left no-repeat; border: 0; font-size: 12px; width: 40px; height: 25px; }
.testselector span { display: none; }

.occasions { height: 304px; overflow: hidden; }
.occasions .readmore { clear: both; }
.occasion { color: #5a98d6; font-size: 12px; margin: 14px 0 14px 0; clear: both; }
.occasions h3 { color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 13px; margin: 10px 0 18px 0; padding: 0; }
.occasion-image { width: 84px; float: left; }
.occasion-content { width: 228px; float: right; font-size: 12px; }
.occasion-content h4 { margin: 0; padding: 0; font-size: 13px; }

.newsitem h1 { text-transform: uppercase; color: #000; font-size: 19px; text-shadow: 0 0 1px rgba(0,0,0,0.3); margin: 7px 0 6px 0; padding: 0; }
.newsnavbuttons { width: 200px; margin: 0; float: left; }
.newsnavbuttons ul {list-style:none; margin: 0; padding: 0; }
.newsnavbuttons li { float: left; margin: 0 4px 0 0; padding: 0; }
.newsnavbuttons a { font-size: 11px;  text-shadow: 0 0 1px rgba(0,0,0,0.3); display: block; background: url(images/tab-selected.gif); width: 72px; text-align: center; padding: 6px 0 0 0; height: 16px; color: #fff; text-decoration: none; font-family: 'tg-menu'; margin: 0;  }
.newsnavbuttons a:hover { background: url(images/tab-regular.gif); color: #3378be; }
.newsnavbuttons .sel a { background: url(images/tab-regular.gif); color: #3378be; }
.newsnavsocialicons { width: 200px; margin: 1px 0 0 0; float: left; text-align: center; }
#news-content { margin: 30px 0 0 0; color: #555; font-size: 12px; text-align: left; line-height: 1.4; padding: 0 8px 0 0; }
.newstypeleft { width: 275px; float: left; }
.backbutton { width: 90px; margin: 0 7px 0 0; float: right; text-align: right; }
.backbutton a { color: #3378be; text-decoration: none; font-size: 13px; font-weight: bold; }
.backbutton a:hover { color: #000; }
.brandbutton { width:margin: 0 7px 0 0; text-align: right; float:right; }
.brandbutton a { color: #3378be; text-decoration: none; font-size: 13px; font-weight: bold; }
.brandbutton a:hover { color: #000; }
.pictures { background: #000; padding: 10px 15px 10px 15px; }
.pictures img { margin: 1px; }
.specs { background: #000; height: 500px; }
#videoplayer { background: #000; clear: both; padding: 10px 0 10px 0; text-align: center; }
#player object, #player embed { margin: 0 0 0 7px; }
#videoplayer p { display: none; }
#abo-full h1 { text-transform: uppercase; color: #000; font-size: 19px; margin: 7px 0 6px 0; padding: 0;}
#moreabo { margin: 10px 0 10px 0; text-align: right; }
#socialbuttons{margin:12px 0 0 0;}
.social-icons { margin: 20px 0 0 0; background: #e0ecf8; }
.social-icons table { width: 600px; }
.social-icons td { padding: 10px 0 10px 0; text-align: left; }
.social-icons .first { width: 90px; padding: 10px 0 10px 20px; }
.social-icons .second { width: 47px; }
.social-icons .third { width: 187px; }
.social-icons .fifth { padding: 10px 20px 10px 0; }
.social-icons span { font-style: italic; font-size: 10px; }
#flipnews, #fliptests, #fliparticles, #flipvideo, #flipwallpapers, #flipvideo { display: none; margin: 0; padding: 0; }
.related-items { border: 1px solid #c9d1d9; margin: 28px 0 0 0; font-size: 10px; }
.related-items-header h3 { color: #555; margin: 0; padding: 0; background: #c9d1d9; font-size: 10px;  padding: 2px 0 2px 10px }
.innerleft{float: left; width: 285px; margin: 20px 0 20px 10px; }
.innerright{float: left; width: 285px; margin: 20px 0 20px 10px;}
.related-items a { color: #555; text-decoration: none; }
.related-items a:hover { color: #000; }

.regular-page { font-size: 12px; margin: 20px 0 20px 0; line-height: 1.8; }
.regular-page a { font-weight: bold; color: #3378be; text-decoration: none; }
.regular-page a:hover { color: #000; }
.regular-page h1 { text-transform: uppercase; color: #000; font-size: 19px; text-shadow: 0 0 1px rgba(0,0,0,0.3); margin: 7px 0 6px 0; padding: 0; }
#wallpaperlinks {text-align: left; }
#wallpaperlinks ul { list-style: none;}
#wallpaperlinks a { color: #3378be; text-decoration: none; }
#wallpaperlinks a:hover { color: #000; }
#wallpaperlinks .reso {margin: 0 0 10px 0; font-weight: bold; }

.noresults{background:#e0ecf8;padding:12px;font-weight:bold;color:#000;}

#flipnews, #fliptests, #fliparticles, #flipvideo, #flipwallpapers { display: none; margin: 0; padding: 0; }

#bluefooter { width: 963px; height: 172px; margin: auto; background: #039cd8 url(images/footer.gif) top left repeat-x; text-align: left; color: #fff; }
#footercol1 { width: 326px; float: left; margin: 16px 0 0 11px; }
#footercol2 { width: 278px; float: left; margin: 16px 0 0 0; }
#footercol3 { width: 295px; float: right; margin: 16px 25px 0 0; }
#bluefooter h3 { font-size: 13px; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-weight: normal; margin: 0 0 16px 0; padding: 0; }
#bluefooter h3 a { color: #FFF; text-decoration: none; }
#bluefooter img { float: left; }
#footercol1 img { margin: 0 14px 0 0; }
#footercol2 img { margin: 0 8px 0 0; }
#footercol3 img { margin: 0 2px 0 0; }
.footercontent { text-align: left; height: 85px; overflow: hidden; }
.footermore { clear: both; background: url(images/footer-more.gif) center left no-repeat; padding: 0 0 0 20px; margin: 12px 0 0 0; }
.footermore a { color: #FFF; text-decoration: none; font-weight: bold; font-size: 12px; }
.footermore a:hover { color: #000; }
#greyfooter { padding: 13px 0 0 8px; margin: auto; width: 955px; height: 56px; background: #babccc; overflow: hidden; color: #000; font-size: 11px; text-align: left;  }
#greyfooter ul { margin: 0; padding: 0; list-style: none; font-weight: bold; }
#greyfooter li { margin: 0; padding: 0; display: inline; }
#greyfooter a { color: #000; text-decoration: none; }
#blackfooter { width: 963px; margin: auto; height: 95px; background: #000; }
#blackfootercontents { width: 963px; margin: 0 0 0 5px; text-align: left; }

#commentarea { margin: 20px 0 0 0; }
#commentsform textarea { width: 525px; }
#commentarea h3 { color: #3378be; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-size: 13px; margin: 10px 0 18px 0; padding: 0; }
.comment { background: #f2f0f0; padding: 20px; margin: 4px 0 4px 0; text-align: left; line-height: 1.6; font-size: 11px; }
.comment a { color: #555; text-decoration: none;  }
.admin { background: #e0ecf8; color: #3378be; }
.author { font-weight: bold; }
.date { font-style: italic; }
.notok {float: right; width: 155px; font-weight: bold; text-align: left; }
#confirmedcomment { display: none; }
#commentlist h3 { padding: 0 0 0 22px;  background: url(images/reaction.gif) center left no-repeat; }
#postcommentform { margin: 25px 0 0 25px; }
#postcommentform td { padding: 5px; vertical-align: text-top; min-width: 75px;  }
#postcommentform label { font-weight: bold; }
#postcommentform input { background: #f2f0f0; border: 1px solid #555; padding: 10px; font-size: 11px; }
#postcommentform textarea { background: #f2f0f0; border: 1px solid #555; padding: 10px; font-size: 11px; }
#postcommentform button { background: #94a4b4; border: 0; color: #FFF; font-size: 12px; padding: 3px; width: 100px; }
#postcommentform p { font-style: italic; }

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.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; }

#newcars a { font-size:10px; }
#newcars {font-size:10px;}
#newcars .carbasehidden{display:none;}

/*	Carbase search	*/

.carbase a, .carbase a:visited {
	color: #5A98D6;
}

.carbase a:visited {
	
}

.carbase .pagenav {
	padding: 10px 5px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}

.carbase-search-header, .carbase-search-row {
	width: 600px;	
}

.carbase-search-row {
	margin-bottom: 10px;
}
.carbase-search-header {
	font-weight: bold;
}

.carbase-collapser-bar {
	color: #3378BE;
	font-size: 13px;
	margin: 13px 0;	
	border-bottom: 1px solid #AFB6BE;
	cursor: pointer;
}
.carbase-collapser-content {
	padding: 10px;
}
.carbase-collapser-bar a {
	display:block;
	padding: 5px 0;
	color: #3378BE;
	background: url(images/arrow-up.gif) no-repeat right center;
}

.carbase-collapser-bar a.collapse, .carbase-collapser-bar a:hover.collapse {
	background: url(images/arrow-down.gif) no-repeat right center;
}

.carbase-car-model a.collapse, .carbase-car-model a:hover.collapse {
	background: url(images/arrow-up.gif) no-repeat right center;
}

.carbase-car-model {
	padding: 10px;
	background-color: #e0ecf8;
}

.carbase-car-model a {
	float: right;
	padding-right: 20px;
	color: #3378BE;
	background: url(images/arrow-down.gif) no-repeat right center;
	text-decoration:none;
	font-weight:bold;
}

.carbase-car-image {
	display: block;
	float:left;
	width: 120px;
	height: 80px;
}
.carbase-car-image-detail {
	display: block;
	float:right;
	width: 120px;
	height: 80px;
}

.carbase-car-type {
	display:none;
}

.carbase-sponsor {
	
	text-align: center;	
}
.carbase-sponsor img {
	padding-top: 5px;
}

.carbase-type-header {
	background-color: #B3B6B9;
	color: #fff;
	font-size: 11px;
	font-weight: bolder;
}

.carbase-type-header td {
	padding: 5px;
}

.carbase-type-header-shadow {
	background: #B3B6B9 url(images/shadow.gif) repeat-x scroll right bottom;
	height: 9px;
}

.carbase-car-basic-info {
	float:left;
	padding-left: 10px;
}
.carbase-car-basic-info h3 {
	font-size: 24px;
	color: #000;
	font-size: 13px;
	margin: 10px 0;
}

.carbase-compare-header {
	font-size: 24px;
	color: #3378BE;
	font-size: 13px;
	margin: 10px 0;
}

.carbase-compare-table {
	width: 100%;
	margin: 1em 1.4em;
}
.carbase-compare-table td {
	text-align: right;
}

.carbase-compare-menu {
	width: 100%;
	margin-top: 10px;
}
.carbase-compare-content {
	width: 100%;
}

.carbase-compare-content .header td, carbase-compare-cartype .header td {
	background-color: #E0ECF8;	
	font-weight: bolder;
	padding: 2px;
}
.carbase-compare-leftheader {
	width: 35%;
	float: left;
}

.carbase-search-option-header {
	font-size: 10px;
	border-radius: 6px;
	font-weight: bolder;
	display:block;
	float:left;
	margin: 5px 2px;
	padding: 4px;
	color: #3378BE;
	background-color: #ccc;
}
.carbase-search-option-display {
	font-size: 10px;
	border-radius: 6px;
	display:block;
	float:left;
	margin: 5px 2px;
	padding: 4px;
	background-color: #ddd;
}
.carbase-search-option-seperator {
	display:block;
	/*clear:both;*/
}


.compare-option-value {
	text-align: center;
}

.compare-packet-value {
	
	text-align: center;
	font-weight: bolder;
	font-size: 11px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #aaa;
}
.compare-packet-header {
	text-align: left;
	padding-left: 10px;
}

.carbase-compare-full-width {
	width: 871px;
	float: left;
}

.carbase-compare-cartype {
	
	float:left;
	width: 180px;
	text-align: right;
}

.back-to-search {
	float:right;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #5A98D6;
	text-decoration: none;
	margin-top: 10px;
}

.back-to-search:visited {
	color: #5A98D6;	
}

.carbody-image-container {
	float:left;
	width: 120px; 
	height: 90px;
	margin: 5px 5px 5px 0;
}

.carbody-image-canvas {
	width: 120px;
	height: 60px;
}

.carbody-image-canvas.hatchback {
	background: url(images/carbody/carros-hatchback-off.gif) no-repeat scroll left center;
}
.carbody-image-canvas.hatchback.on {
	background: url(images/carbody/carros-hatchback-on.gif) no-repeat scroll left center;
}

.carbody-image-canvas.sedan {
	background: url(images/carbody/carros-sedan-off.gif) no-repeat scroll left center;
}
.carbody-image-canvas.sedan.on {
	background: url(images/carbody/carros-sedan-on.gif) no-repeat scroll left center;
}

.carbody-image-canvas.station {
	background: url(images/carbody/carros-station-off.gif) no-repeat scroll left center;
}
.carbody-image-canvas.station.on {
	background: url(images/carbody/carros-station-on.gif) no-repeat scroll left center;
}

.carbody-image-canvas.coupe {
	background: url(images/carbody/carros-coupe-off.gif) no-repeat scroll left center;
}
.carbody-image-canvas.coupe.on {
	background: url(images/carbody/carros-coupe-on.gif) no-repeat scroll left center;
}

.carbody-image-canvas.mpv {
	background: url(images/carbody/carros-mpv-off.gif) no-repeat scroll left center;
}
.carbody-image-canvas.mpv.on {
	background: url(images/carbody/carros-mpv-on.gif) no-repeat scroll left center;
}

.carbody-image-canvas.suv {
	background: url(images/carbody/carros-suv-off.gif) no-repeat scroll left center;
}
.carbody-image-canvas.suv.on {
	background: url(images/carbody/carros-suv-on.gif) no-repeat scroll left center;
}

.carbody-image-canvas.cabriolet {
	background: url(images/carbody/carros-cabrio-off.gif) no-repeat scroll left center;
}
.carbody-image-canvas.cabriolet.on {
	background: url(images/carbody/carros-cabrio-on.gif) no-repeat scroll left center;
}

.carbody-image-canvas.overig {
	background: url(images/carbody/carros-overig-off.gif) no-repeat scroll left center;
}
.carbody-image-canvas.overig.on {
	background: url(images/carbody/carros-overig-on.gif) no-repeat scroll left center;
}

.carbody_name {
	font-weight: bolder;
	color: #555;
}

/* end carbase search */

.search-width-left {
	width: 40%;
}
.search-width-center {
	width: 10%;
}
.search-width-right {
	width: 40%;
}
.search-width-remove {
	width: 5%;
}
.search-width-add {
	width: 5%;
}
.add-car-button {
	
	display: block;
	text-align: center;
	width: 17px;
	height: 15px;
	background-color: #ddd;
	text-decoration: none;
	font-size: 20px;
	line-height: 10px;
	font-weight: bolder;
	cursor: pointer;
	border: 1px solid #888;
}
a.add-car-button:visited, a.add-car-button {
	color: #888;
}

.submit-button {
	float:right;
	display: inline-block;
	text-align: center;
	background-color: #94A4B4;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	line-height: 11px;
	cursor: pointer;
	padding: 5px;
	margin: 0 5px;
}

a.submit-button:visited, a.submit-button {
	color: #fff;
}

.submit-results {
	clear: both;
	height: 20px;
	padding: 5px;
	border-bottom: 1px solid #AFB6BE;
	background: #E0ECF8;
}
.carbase-search-elabel {
	height: 20px;
}

.elabel-input {
	margin-top: 25px;
	margin-left: 4px;
}

.jq_click_row:hover {
	background-color: #eee;
	cursor: pointer;
}

.carbase-search-elabel.a {
	width: 45px;
	background: url(images/label-a.png) no-repeat scroll left top;
}
.carbase-search-elabel.b {
	width: 45px;
	background: url(images/label-b.png) no-repeat scroll left top;
}
.carbase-search-elabel.c {
	width: 45px;
	background: url(images/label-c.png) no-repeat scroll left top;
}
.carbase-search-elabel.d {
	width: 45px;
	background: url(images/label-d.png) no-repeat scroll left top;
}
.carbase-search-elabel.e {
	width: 45px;
	background: url(images/label-e.png) no-repeat scroll left top;
}
.carbase-search-elabel.f {
	width: 45px;
	background: url(images/label-f.png) no-repeat scroll left top;
}
.carbase-search-elabel.g {
	width: 45px;
	background: url(images/label-g.png) no-repeat scroll left top;
}

/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}

/* ==|== print styles ======================================================= */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}