@import url(pages.css);
BODY
{
	color: #444;
	background: #ffffff;
	font: 62.5% "Lucida Grande", Lucida, Arial, Verdana, Tahoma;
}
.body-bck
{
	background: #ffffff;
}
.body-text
{
	font-size: 12px;
	line-height: 20px;
}
p.body-text {
	margin-bottom: 20px;
}
DIV#body_content P, DIV#news_body P
{
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}
.body-text-bold
{
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}
.headline
{
	font-size: 20px;
	line-height: 14px;
}
.subhead
{
	color: #FF7000;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}
.text-highlight
{
	color: #FFFFFF;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}
IMG.story
{
	border: 1px solid #999;
	margin: 0px 8px 5px;
}
.grey_border
{
	border: 1px solid #999;
	padding: 5px;
	margin: 0 0 20px 20px;
}
.grey_border A:hover
{
	border: 1px solid #FFF !important;
}
#news_headline
{
	padding: 10px 5px 0px 0px;
	margin-left: 240px;
}
.ticker-teaser
{
	color: #999999;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}
.ticker-date
{
	color: #FF7000;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}
.brands IMG
{
	padding: 5px;
}
/*Remove or Reset Default Styles
-------------------------------------------------------------------------*/
*
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
HR
{
	display: none;
}
IMG
{
	border: none;
}
UL#acc-links
{
	display: none;
}
.noborder
{
	border: none !important;
}
.nobg
{
	background: none !important;
}
SPAN.red
{
	color: #FF7000 !important;
}
/*Clear Floats
--------------------------------------------------------------------------*/
.clear
{
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}
.clearfix
{
	display: inline-block;
}
.clearfix
{
	display: block;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*General Form Styles
-------------------------------------------------------------------------*/
INPUT.text, TEXTAREA, SELECT
{
	font-size: 11px;
	font-family: Arial, Verdana;
	float: left;
}
FIELDSET LABEL
{
	float: left;
	display: block;
}
FIELDSET BR
{
	clear: both;
}
FIELDSET
{
	border: none;
}
/*General Styles
--------------------------------------------------------------------------*/
A:link, A:visited, A:active
{
	color: #444444;
}
A:hover
{
	color: #000;
	text-decoration: none;
}
A
{
	outline: none;
	cursor: pointer !important;
}
A SPAN
{
	cursor: pointer !important;
}
.right
{
	float: right !important;
}
A.button
{
	height: 14px;
	display: block;
	color: #FF7000 !important;
	text-decoration: none !important;
	font: bold 10px/10px Arial, Verdana !important;
	text-transform: uppercase;
	float: left;
	background: url(btn_left.gif) no-repeat 0 -14px;
}
A.button1
{
	height: 14px;
	display: block;
	color: #FF7000 !important;
	text-decoration: none !important;
	font: bold 10px/10px Arial, Verdana !important;
	text-transform: uppercase;
	float: right;
	background: url(btn_left.gif) no-repeat 0 -14px;
}
A.button SPAN
{
	background: url(btn_right.gif) no-repeat right -14px;
	display: block;
	height: 12px;
	float: left;
	margin: 0 0 0 5px;
	padding: 2px 15px 0 5px;
}
A.button1 SPAN
{
	background: url(btn_right.gif) no-repeat right -14px;
	display: block;
	height: 12px;
	float: left;
	margin: 0 0 0 5px;
	padding: 2px 15px 0 5px;
}
A.button:hover
{
	background-position: 0 0 !important;
	color: #FFFFFF !important;
}
A.button1:hover
{
	background-position: 0 0 !important;
	color: #FFFFFF !important;
}
A.button:hover SPAN
{
	background-position: right 0 !important;
}
A.button1:hover SPAN
{
	background-position: right 0 !important;
}
/*-------------------------------------------------------------------------
GENERAL PAGE STYLES
*-------------------------------------------------------------------------*/
#container
{
	width: 960px;
	margin: 0 auto;
}
/*---------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------*/
#header
{
	padding: 6px 20px 0 10px;
	position: relative;
	height: 150px;
	z-index: 5;
}
/* ezt fellrja a pages.css */
#header H1 
{
	display: block;
	top: 2px;
	width: 200px;
	height: 130px;
	position: relative;
	z-index: 100;
	float: left;
	overflow: hidden;
}
#header H5 
{
	display: block;
	top: 2px;
	width: 200px;
	height: 130px;
	position: relative;
	z-index: 100;
	float: left;
	overflow: hidden;
}
#header P.news
{
	color: #999999;
	float: left;
	padding: 6px 0 0 26px;
	font-weight: bold;
	font-size: 12px;
}
#header P.news SPAN
{
	color: #FF7000;
}
#header P.logos
{
	float: right;
}
#header P.logos IMG
{
	float: left;
	margin: 0 15px 0 20px;
}
#header H2
{
	float: left;
	margin: 9px 0 0 31px;
	text-indent: -9999px;
	width: 355px;
	height: 20px;
	background: url(titles.gif) no-repeat top left;
	overflow: hidden;
}
#header H4
{
	float: left;
	margin: -20px 0 0 31px;
	text-indent: -9999px;
	width: 355px;
	height: 20px;
	background: url(titles.gif) no-repeat top left;
	overflow: hidden;
}
#header H2.fans
{
	background-position: 0 -20px;
}
#header H2.sponsors
{
	background-position: 0 -40px;
}
#header H2.media
{
	background-position: 0 -60px;
}
#header H2.contact
{
	background-position: 0 -80px;
}
#header H2.competewithus
{
	background-position: 0 -100px;
}
#header H2.webshop
{
	background-position: 0 -120px;
}
#header H4
{
	float: left;
	margin: 0px 0 0 25px;
	text-indent: -9999px;
	width: 301px;
	height: 24px;
	background: url(titles.gif) no-repeat top left;
	overflow: hidden;
}
#header H4.fans
{
	background-position: 0 -24px;
}
#header H4.sponsors
{
	background-position: 0 -48px;
}
#header H4.media
{
	background-position: 0 -72px;
}
#header H4.contact
{
	background-position: 0 -96px;
}
#header H4.competewithus
{
	background-position: 0 -120px;
}
#header H4.webshop
{
	background-position: 0 -144px;
}
#header H4.taxi
{
	background-position: 0 -168px;
}
#navigation
{
	position: absolute;
	top: 68px;
	width: 348px;
	z-index: 10;
	background: url(bg_nav.png) no-repeat center top;
	left: 236px;
}
#navigation UL
{
	float: left;
	width: 164px;
}
#navigation UL LI
{
	height: 24px;
}
#navigation UL A
{
	display: block;
	height: 14px;
	width: 164px;
	text-indent: -9999px;
	overflow: hidden;
}
#navigation UL A:hover, #navigation UL LI.active A
{
	background-position: 0 -14px !important;
}
#navigation A.drivers
{
	background: url(nav_versenyzoink.gif) no-repeat top left;
}
#navigation A.fans
{
	background: url(nav_rajongoinknak.gif) no-repeat top left;
}
#navigation A.sponsors
{
	background: url(nav_tamogatoink.gif) no-repeat top left;
}
#navigation A.teamgear
{
	background: url(nav_webshop.gif) no-repeat top left;
}
#navigation A.competewithus
{
	background: url(nav_versenyezznalunk.gif) no-repeat top left;
}
#navigation A.media
{
	background: url(nav_hirek.gif) no-repeat top left;
}
#navigation A.contact
{
	background: url(nav_kapcsolat.gif) no-repeat top left;
}
#navig2
{
	position: absolute;
	top: 139px;
	width: 348px;
	z-index: 10;
/*	background: url(bg_nav.png) no-repeat center top; */
	left: 286px;
}
#navig2 UL
{
	float: left;
	width: 250px;
}
#navig2 UL LI
{
	height: 28px;
}
#navig2 UL A
{
	display: block;
	height: 14px;
	width: 250px;
	text-indent: -9999px;
	overflow: hidden;
}
#navig2 UL A:hover, #navig2 UL LI.active A
{
	background-position: 0 -14px !important;
}
#navig2 A.test
{
	background: url(nav_test.gif) no-repeat top left;
}
/*---------------------------------------------------------------------
CONTENT
-----------------------------------------------------------------------*/
#body_content
{
	font-size: 12px;
	line-height: 14px;
}
.body-text IMG
{
	border: 1px solid #272727;
	padding: 5px;
	margin: 5px;
}
#body_content P.headline
{
	font-size: 20px;
	position: relative;
	clear: both;
	z-index: 1;
	padding-top: 25px;
	padding-right: 0pt;
	padding-bottom: 10px;
	padding-left: 0pt;
	color: #FFFFFF;
}

UL#subnav
{
	font-weight: bold;
	font-size: 12px;
}
UL#subnav LI
{
	float: left;
	padding: 0 10px;
	background: url(bullet.gif) no-repeat right center;
	color: #666;
}
UL#subnav LI.last
{
	background: none !important;
}
UL#subnav LI.activedriver A
{
	text-decoration: none !important;
	color: #FF7000;
}
UL#subnav A
{
	text-decoration: none !important;
	color: #666;
}
UL#subnav A:hover
{
	color: #000 !important;
}
#content
{
	padding: 10px 0;
	background: url(border.gif) repeat-y 829px 0;
}
#heading
{
	padding: 20px 0 20px 10px;
	clear: both;
	min-height: 90px;
	height: auto !important;
	height: 90px;
}
#heading H3
{
	color: #333;
	font-size: 30px;
}
#heading UL
{
	text-transform: uppercase;
	padding: 20px 0 0;
	font-size: 12px;
}
#heading UL LI
{
	float: left;
	padding: 0 10px 0 5px;
	background: url(bullet2.gif) no-repeat right center;
}
#heading UL LI A
{
	color: #444 !important;
	text-decoration: none !important;
}
#heading UL LI A:hover
{
	color: #000 !important;
	text-decoration: underline !important;
}
#heading UL LI.last
{
	background: none !important;
}
#main-content
{
	width: 675px;
	padding: 0 0px 0 12px;
	float: left;
}
#sidebar
{
	width: 261px;
	float: right;
	margin: 15px 0 0;
}
#sidebar .box
{
	background: url(bg_box_sidebar.gif) no-repeat top left;
	width: 247px;
	font-weight: bold;
	padding: 0 7px 10px !important;
	min-height: 210px;
	height: auto !important;
	height: 210px;
}
#sidebar .box H2
{
	top: 1px;
	left: 1px !important;
}
#sidebar .box p {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
}

.box
{
	background: url(bg_catbox_big.gif) no-repeat top left;
	width: 462px;
	min-height: 152px;
	height: auto !important;
	height: 152px;
	position: relative;
	padding: 2px 17px 0px 6px;
	float: left;
}
.box H3, .box P, .box TABLE, .box UL, .box IMG
{
	position: relative;
}
.box A.button
{
	margin: 8px 0 0;
}
.box H3 A
{
	text-decoration: none;
	color: #333333;
}
.box H2 A
{
	display: block;
	height: 84px;
	width: 295px;
	text-indent: -9999px;
	overflow: hidden;
	top: 3px;
	z-index: 0;
	left: 3px;
	position: absolute;
	clear: both;
	float: left;
}
.box H2 A:hover, .box H2 A.active
{
	background-position: 0 -84px !important;
}
.box:hover H2 A
{
	background-position: 0 -84px !important;
}
.box H3
{
	color: #333333;
	font-size: 18px;
}
.nextrace .info
{
	padding: 0px 0 0 13px;
	width: 290px;
	clear: both;
}
.nextrace_home .info
{
	padding: 0px 0 0 13px;
	width: 280px;
	margin: 70px 0 0 -10px;
}
.nextrace .racelogo
{
	float: right;
	margin: 14px 14px 0 0;
}
.nextrace_home .racelogo
{
	margin: -55px 0 0;
	/*[disabled]float:right;*/
}
DIV#series_logo
{
	padding: 0px 14px 0 0;
	float: right;
	margin: -45px 0px 0px;
	float: right;
}
.photogallery .thumb
{
	float: right;
	margin: 6px 0 0;
}
.photogallery P
{
	width: 155px;
	margin: 55px 0 0 5px;
	float: left;
}
.videolibrary A IMG
{
	margin: 53px 0 0 0px;
}
.onlinestore P SPAN
{
	display: block;
	margin: 10px 0 0;
	font-weight: bold;
	font-size: 18px;
}
.onlinestore H3
{
	font-size: 1.30px;
	color: #FFF;
	margin: 55px 0 0;
	padding: 0 0 5px;
	text-transform: uppercase;
}
.onlinestore P IMG
{
	float: right;
	margin: 0 0 0 5px;
}
.champ_merch {
	width: 475px;
	min-height: 202px;
	height: auto !important;
	height: 202px;
	position: relative;
	padding: 0px 10px 0px 0px;
	float: left;	
}
.champ_merch A.promo
{
	background: url(webshop.jpg) no-repeat top left;
	height: 188px;
	width: 475px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.champ_merch A.promo:hover
{
	background-position: 0 -202px !important; /*[e]0 -98px*/
}
#sidebar .nextrace .info
{
	width: 220px !important;
}
#sidebar .nextrace .racelogo
{
	margin: 5px 14px 0 0 !important;
}
#sidebar .nextrace H2 A
{
	background: url(sidebar_nextrace.gif) no-repeat top left;
}
#sidebar .onlinestore H2 A
{
	background: url(sidebar_onlinestore.gif) no-repeat top left;
}
#sidebar .videolibrary H2 A
{
	background: url(sidebar_videolibrary.gif) no-repeat top left;
}
UL.list LI
{
	background: url(bullet_square.gif) no-repeat 0 7px;
	padding: 0 0 0 10px;
}
UL#drivers_list LI A:hover
{
	color: #FFFFFF;
}
UL#drivers_list LI A
{
	text-decoration: none;
}
UL#drivers_list LI
{
	padding: 25px 0px 0px 25px;
	font-size: 24px;
	clear: both;
}
DIV#driver_image
{
	background-color: #1C1C1C;
	float: left;
	padding: 8px 8px 3px;
}
DIV#driver_link
{
	float: left;
	padding: 60px 25px 25px;
}
.listitem
{
	padding-top: 7px;
	padding-right: 0pt;
	padding-bottom: 7px;
	padding-left: 0pt;
	clear: both;
}
H3.links
{
	margin: -15px 0px 0px 0px;
	z-index: 0;
	display: block;
	/*[disabled]color:#FF7000;*/
	/*[disabled]clear:both;*/
}
DIV.info H3 A.red:hover
{
	color: #333333;
}
DIV.info
{
	width: 300px;
}
DIV.info H3 A.red:visited
{
}
DIV.info H3 A.red
{
	color: #FF7000;
	margin: 0px 0px 4px;
}
DIV.info H3 A.grey
{
	color: #333333;
	margin: 0px 0px 4px;
}
DIV.info A
{
	/*[disabled]color:#FF7000;*/
	/*[disabled]text-decoration:none;*/
}
DIV.info H3.links
{
	color: #FF7000;
	font-size: 10px;
	font-weight: normal;
}
div.info p {
	color: #444;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}
DIV#results_tab
{
	margin: 70px 0px -35px 2px;
	width: 200px;
}
.sidebar_gallery
{
	margin: 70px 0px 5px 15px;
	clear: both;
}
DIV#gallery_links
{
	margin: 70px 0px 0px;
	clear: both;
}
P#gallery_desc
{
	font-size: 12px;
	margin: 3px 0px 0px;
	color: #444;
}
IMG#gallery_main
{
	margin: -62px 0px 0px;
}
DIV#banner_top
{
	width: 768px;
	height: 20px;
	clear: both;
	margin: 50px 0 25px 0;
}
DIV#banner_ad
{
	width: 768px;
	height: 90px;
	clear: both;
	border: 1px solid #000000;
	margin: 50px 0 25px 0;
}
DIV.photo-caption-news
{
	font-size: 9px;
	padding: 2px 10px 10px 30px;
	width: 200px;
	text-align: center;
}
.image_desc
{
	clear: both;
	padding: 6px 0px 3px 0px;
	font-size: 12px;
	line-height: 14px;
}
UL#gallery LI
{
	margin: 0px 0px 100px;
}
/*---------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------*/
#footer
{
	margin: 0 auto;
	padding: 14px 0 25px;
	font-weight: bold;
	width: 964px;
	text-transform: uppercase;
	background: url(bg_footer.gif) no-repeat top left;
}
#footer UL
{
	float: right;
	padding: 0 0 8px;
}
#footer LI.last
{
	border: none !important;
	padding-right: 0 !important;
}
#footer LI
{
	float: left;
	padding: 0 5px;
	border-right: 1px solid #ccc;
}
#footer A
{
	color: #666666 !important;
	text-decoration: none !important;
}
#footer A:hover
{
	color: #FF7000 !important;
}
#footer A.racersites
{
	clear: both;
	float: right;
	width: 128px;
	height: 26px;
	display: block;
	margin-top: 10px;
	text-indent: -9999px !important;
	overflow: hidden;
	background: url(logo_rcm_link.png) no-repeat top left;
}
#footer A.racersites:hover
{
	background-position: 0 -26px !important;
}

/* Slide Images */
#slider-container { width: 501px; margin-top: 22px;}
/* #protofade { border-style: solid; border-color: #cccccc; border-width: 5px; position: relative; display: block; margin: 0; padding: 0; width: 491px;  height: 283px; overflow: hidden; clear: both; } */
#protofade { position: relative; display: block; margin: 5px; padding: 0; width: 491px;  height: 283px; overflow: hidden; clear: both; }
#protofade li { position: absolute; top: 0; left: 0; display: block; margin: 0; padding: 0; background: none; }
#protofade li img { display: block; }

#slider-container .header {
	font-size: 24px;
	color: #343434;
	font-weight: bold;
	font-family: Calibri, Arial, sans-serif;
}
#slider-container .footer {
	font-size: 12px;
	color: #444;
}