/* -------------------------------------------------
Code: H.S.Laszlo 2008
http://www.xhtml2u.com
blue: #14A5D1
green: #B3FF17
grey: #333333
orange: #FF7B00
purple: #C143A3
-------------------------------------------------- */
html {height: 100%;}
body {font-family:Arial;background:#000;font-size:11px;color: #fff;text-align:left;}
* {margin: 0px;padding: 0px;}
ol, ul {list-style-type: none;}
a { outline: none;cursor:pointer;}
img, fieldset{border: 0;}
.clear { clear: both; width: 90%; height: 15px; }
.alignleft { text-align: left; }
.alignjustify { text-align: justify; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.floatright{ float: right;}
.floatleft{	float: left;}
.italic{	font-style: italic;}
#wrap{background:transparent url(img/bg_inn.jpg) repeat-x bottom;padding-bottom:35px;clear:both;width:100%;height:auto;float:left;margin-bottom:10px;}
#wrap.ind{background:transparent url(img/w_bg.jpg) repeat-x bottom;padding-bottom:0px;}
#head, #foot, #content{width: 906px;clear:both;margin:0 auto;}
#content{padding:10px 0 0 0;}
.topbanner{width:906px;height:100px;background:#333;}
.topbanner img{width:906px;height:100px;overflow:hidden;}
.bg-purple{background-color:#C142A3;}
.bg-green{background-color:#9FC22F;}
.bg-blue{background-color:#AAC5DD;}
.bg-apple{background-color:#62DB62;}
.bg-orange{background-color:#FFA23C;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.nav{width:906px;height:164px;background: #000 url(img/nav_bg.jpg) no-repeat;}
.nav ul{border:none;margin:101px 0 0 0;padding:0;list-style-type:none;clear:left;height:34px;}
.nav ul li {display:inline;float:left;padding:0;margin:0;border:0;}
.nav ul li a {display: block;height:34px;padding:0;margin:0;text-indent:-9999px;}
li#nav_1 a { width:110px;}
li#nav_2 a { width:85px;}
li#nav_3 a { width:95px;}
li#nav_4 a {width:95px;}
li#nav_5 a {width:95px;}
li#nav_6 a {width:140px;}
li#nav_1 a:hover, li#nav_1 .active { background: transparent url(img/nav_bg_hoover.jpg) 0px 0px no-repeat; }
li#nav_2 a:hover, li#nav_2 .active { background: transparent url(img/nav_bg_hoover.jpg) -110px 0px no-repeat; }
li#nav_3 a:hover, li#nav_3 .active { background: transparent url(img/nav_bg_hoover.jpg) -195px 0px no-repeat; }
li#nav_4 a:hover, li#nav_4 .active { background: transparent url(img/nav_bg_hoover.jpg) -290px 0px no-repeat; }
li#nav_5 a:hover, li#nav_5 .active { background: transparent url(img/nav_bg_hoover.jpg) -385px 0px no-repeat; }
li#nav_6 a:hover, li#nav_6 .active { background: transparent url(img/nav_bg_hoover.jpg) -480px 0px no-repeat; }

#wrap.watt_laptime .nav {background: #000 url(img/nav_bg_watt.jpg) no-repeat;}
#wrap.watt_laptime li#nav_1 a { width:110px;}
#wrap.watt_laptime li#nav_2 a { width:85px;}
#wrap.watt_laptime li#nav_3 a { width:95px;}
#wrap.watt_laptime li#nav_4 a {width:95px;}
#wrap.watt_laptime li#nav_5 a {width:95px;}
#wrap.watt_laptime li#nav_6 a {width:140px;}
#wrap.watt_laptime li#nav_1 a:hover, li#nav_1 .active { background: transparent url(img/nav_bg_hoover_watt.jpg) 0px 0px no-repeat; }
#wrap.watt_laptime li#nav_2 a:hover, li#nav_2 .active { background: transparent url(img/nav_bg_hoover_watt.jpg) -110px 0px no-repeat; }
#wrap.watt_laptime li#nav_3 a:hover, li#nav_3 .active { background: transparent url(img/nav_bg_hoover_watt.jpg) -195px 0px no-repeat; }
#wrap.watt_laptime li#nav_4 a:hover, li#nav_4 .active { background: transparent url(img/nav_bg_hoover_watt.jpg) -290px 0px no-repeat; }
#wrap.watt_laptime li#nav_5 a:hover, li#nav_5 .active { background: transparent url(img/nav_bg_hoover_watt.jpg) -385px 0px no-repeat; }
#wrap.watt_laptime li#nav_6 a:hover, li#nav_6 .active { background: transparent url(img/nav_bg_hoover_watt.jpg) -480px 0px no-repeat; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SEARCH
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.src{width:906px;height:80px;background: #000 url(img/src_bg.jpg) no-repeat;}
.src_box{width:320px;height:47px;background:transparent url(img/src_box.png) no-repeat right bottom;float:left;padding:16px 0 0 15px;position:relative;}
.src_box input#search_input{
	border:0;width:155px;height:20px;background:transparent;color:#fff;
	position:absolute;top:27px;left:37px;}
.src_box button#search_submit{
	border:0;width:85px;height:25px;position:absolute;top:27px;left:215px;background:transparent;cursor:pointer;}
.ban2{width:468px;height:60px;float:right;background:transparent;padding:8px 25px 0 0;}
.ban2 a{width:468px;height:60px;background:#333;overflow:hidden;display:block;}
.ban2 img{width:468px;height:60px;overflow:hidden;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FOOT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#foot{text-align:center;padding-bottom:10px;}
#foot p{font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#666;margin:10px auto;}
#foot ul{border:1px solid #666;width:260px;height:15px;padding:10px;margin:0 auto;}
#foot ul li{display:inline;padding:2px;}
#foot ul li a{color:#999;}
.google_ads{width:728px;height:90px;background:#ccc /*url(img/google_bg.jpg) no-repeat*/;margin:10px auto;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
entry
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.entry{float:left;width:580px;padding:10px;clear:left;}
.entry h2{color: #B4FF17;font-size:14px;font-family: Arial, Helvetica, sans-serif;}
.entry h3{color:#fff;font-size:14px;font-weight:bold;}
.entry h4{color:#fff;font-size:14px;font-weight:bold;}
.entry p{padding:5px 0;line-height:140%;font-size:12px;color:#c3c3c3;}
.entry p a{font-weight:bolder;color:#B4FF17;}
a.tovabb-link{text-decoration: underline;font-size:12px;font-weight:bold;padding:2px 15px 2px 20px;}
.video-list-content{float:left;width:600px;padding:10px 0;clear:left;}
.hirek{background: url(img/hirek-top.jpg) no-repeat top;padding-top:65px;}
.hirek h2, .hirek-archiv h2{color: #C143A3;}
.hirek .tovabb-link, .hirek-archiv .tovabb-link{color:#C143A3;padding:2px 20px 2px 2px;background: url(img/arrow-purple.gif) no-repeat right;}
.test{background: url(img/teszt-top.jpg) no-repeat top;padding-top:65px;}
.test h2{	color:#16A5D1;}
.test .tovabb-link{color:#16A5D1;padding:2px 20px 2px 2px;background: url(img/arrow-blue.gif) no-repeat right;}
.tuning{background: url(img/tuning-top.jpg) no-repeat top;padding-top:65px;}
.videok{background: url(img/videok-top.jpg) no-repeat top;padding-top:65px;}
.kereses{background: url(img/kereses_eredmenye.jpg) no-repeat top;padding-top:65px;}
.contact{background: url(img/kapcsolat.jpg) no-repeat top;padding-top:65px;}
.impress{background: url(img/impresszum.jpg) no-repeat top;padding-top:65px;}
.media{background: url(img/media_ajanlat.jpg) no-repeat top;padding-top:65px;}
.watt{background: url(img/watt-top.jpg) no-repeat top;padding-top:65px;}
.copyright{background: url(img/szerzoi_jogok.jpg) no-repeat top;padding-top:65px;}
.page-tuning .fresh{background: url(img/tuning-top-fresh.jpg) no-repeat top;padding-top:65px;}
.page-tuning .popular{background: url(img/tuning-top-popular.jpg) no-repeat top;padding-top:65px;}
.page-tuning .archive_list{background: url(img/tuning-top-archive_list.jpg) no-repeat top;padding-top:65px;}
.page-hirek .fresh{background: url(img/news-top-fresh.jpg) no-repeat top;padding-top:65px;}
.page-hirek .popular{background: url(img/news-top-popular.jpg) no-repeat top;padding-top:65px;}
.page-hirek .archive_list{background: url(img/news-top-archive_list.jpg) no-repeat top;padding-top:65px;}
.page-videok .fresh{background: url(img/videos-top-fresh.jpg) no-repeat top;padding-top:65px;}
.page-videok .popular{background: url(img/videos-top-popular.jpg) no-repeat top;padding-top:65px;}
.page-videok .archive_list{background: url(img/videos-top-archive_list.jpg) no-repeat top;padding-top:65px;}
.page-tesztek .fresh{background: url(img/test-top-fresh.jpg) no-repeat top;padding-top:65px;}
.page-tesztek .popular{background: url(img/test-top-popular.jpg) no-repeat top;padding-top:65px;}
.page-tesztek .archive_list{background: url(img/test-top-archive_list.jpg) no-repeat top;padding-top:65px;}
div#rellinkdiv{width:450px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
archiv
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.archiv-links {list-style-type: none;width:560px;float:left;} 
.archiv-links li {display:block;height:51px;overflow:hidden;}
.archiv-links li a {color:#fff;display: block;height:51px;font: normal 100% Arial, Helvetica, sans-serif;
        padding:0;text-decoration: none;margin:5px 0;}
.archiv-links img{float:left;padding-right:10px;}
 * html .archiv-links li a {width: 560px;/* make hover effect work in IE */}
.archiv-links li a:hover {background: #333;}
.archiv-links a em {color:#fff;display:block;padding-top:2px;font: normal bolder 11px/100% Arial, Helvetica, sans-serif;}
.archiv-links a span {color: #fff;font-size:10px;line-height: 100%;} 

.hirek-archiv{background: url(img/hirek-archiv.jpg) no-repeat top;padding-top:65px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#sidebar{float:right;width:290px;margin-bottom:8px;}
/*.fixheight{min-height:410px;height: auto !important;_height:410px;}*/
#sidebar h3{width:273px;height:25px;background: url(img/spot_bg.jpg);font-size:14px;font-weight:normal;color:#fff;padding:5px 0 0 15px;border:0;}
h4.tvb{width:290px;height:30px;margin:5px 0;background: url(img/tvb.jpg) no-repeat;}
#sidebar a{background:#333;overflow:hidden;display:block;border:1px solid #666;margin:2px 0;width:290px;height:81px;}
#sidebar a.teaser{border:0;padding:0 0 10px 0;display:block;margin:0;width:288px;height:161px;display:block;background:#000;}
#sidebar a.teaser img{border:1px solid #666;width:288px;height:161px;margin:0;}
#sidebar img.ad{/*border:1px solid #666;*/margin:0;width:288px;height:82px;overflow: hidden;}
#sidebar a{background:#333;overflow:hidden;display:block;border:1px solid #666;margin:4px 0;width:288px;height:82px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
galery
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#galery{width:552px;float:left;background-color:#333;padding:10px 0 0 10px;margin:10px auto;clear:both;}
#galery a{background-color:#000;}
#galery img{width:128px;height:71px;float:left;padding:0 10px 10px 0;background-color:#333;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
video-list
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.video-list{width:144px;height:195px;background-color:#000;float:left;margin:0 8px 10px 0;}
.uts{margin-right: 0 !important;}
.src-list a,.video-list a {width:144px;height:81px;border:0;display:block;}
.src-list img, .src-list a img, .video-list img, .video-list a img{width:144px;height:81px;border:0;}
.src-list h4,.video-list h4{width:136px;height:26px;background:#333;color:#fff;padding:2px 4px;font-size:11px;font-weight:bolder;}
.src-list .text-box, .video-list .text-box{width:134px;height:71px;border:1px solid #333;padding:4px;overflow: hidden;}
.src-list .text-box p, .video-list .text-box p{color:#fff;font-size:10px;}
/* keresés eredménye */
.src-list{width:144px;height:220px;background-color:#000;float:left;margin:0 8px 10px 0;}
.src-list ul{width:144px;height:25px;display:inline;}
.src-list ul li{background:#333 url(img/ikons_bg.jpg) no-repeat;width:36px;height:25px;float:left;}
.src-list ul li a{width:36px;height: 25px;border:0;}
.src-list ul .slink_news a{background:url(img/ikon_hir.jpg) no-repeat;display:block;width:36px;height:25px;border:0;}
.src-list ul .slink_videos a{background:url(img/ikon_video.jpg) no-repeat;display:block;width:36px;height:25px;border:0;}
.src-list ul .slink_tests a{background:url(img/ikon_teszt.jpg) no-repeat;display:block;width:36px;height:25px;border:0;}
.src-list ul .slink_tuning a{background:url(img/ikon_tuning.jpg) no-repeat;display:block;width:36px;height:25px;border:0;}
.src-list ul .slink_videos a.src_watt_laptime{background:url(img/watt_ikon.jpg) no-repeat;display:block;width:36px;height:25px;border:0;}
/* archívum lista */
.archives-list{width:144px;height:114px;background-color:#000;float:left;margin:0 8px 10px 0;}
.archives-list a {width:144px;height:81px;border:0;display:block;}
.archives-list img, .video-list a img{width:144px;height:81px;border:0;}
.archives-list h4{width:136px;height:18px;background:#333;color:#B3FF17;padding:6px 4px;font-size:14px;font-weight:normal;text-align:center;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
category
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#categories{width:906px;clear:both;padding:10px 0 0 0;}
.category{width:214px;float:left;margin:0 16px 0 0;padding:0 0 28px 0;}
.lastcategory{margin: 0 0 0 0;}
.hirek_bg{background: url(img/hirek_bg.jpg) no-repeat bottom;}
.video_bg{background: url(img/video_bg.jpg) no-repeat bottom;}
.tesztek_bg{background: url(img/tesztek_bg.jpg) no-repeat bottom;}
.tuning_bg{background: url(img/tuning_bg.jpg) no-repeat bottom;}
.watt_bg{background: url(img/watt_bg.jpg) no-repeat bottom;}
.category a.hh{display:block;width:214px;height:53px;text-indent: -9999px;}
/*.category h2{width:214px;height:53px;}*/
.category a.cat-hirek{background: url(img/03_r1_c1.jpg) no-repeat;}
.category a.cat-videok{background: url(img/03_r2_c4.jpg) no-repeat;}
.category a.cat-tesztek{background: url(img/03_r2_c8.jpg) no-repeat;}
.category a.cat-tuning{background: url(img/03_r2_c13.jpg) no-repeat;}
.category a.cat-watt{background: url(img/03_r2_c15.jpg) no-repeat;}
.category img{width:214px;height:120px;border:0;}
.category h3{width: 200px;height: 34px;background: url(img/category_h3.jpg) no-repeat;font-size:11px;font-weight:bold;color:#000;padding:4px 4px 0 10px;}
.category p{width:196px;height:74px;font-size:11px;padding:8px 8px 8px 10px;color:#000;}
a.more_hirek{display:block;background: url(img/more_hirek.jpg);width:115px;height:72px;margin:10px auto;}
a.more_videok{display:block;background: url(img/more_videok.jpg);width:130px;height:72px;margin:10px auto;}
a.more_tuning{display:block;background: url(img/more_tuning.jpg);width:136px;height:73px;margin:10px auto;}
a.more_tesztek{display:block;background: url(img/more_tesztek.jpg);width:131px;height:72px;margin:10px auto;}
a.more_watt{display:block;background: url(img/more_watt.jpg);width:138px;height:72px;margin:10px auto;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
bottom
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bottom{	width:906px;clear:both;}
.bottom-col{width:305px;float:left;}
.colright{width:296px;float:left;}
#bottom h5{width: 296px;height: 51px;padding:0;text-indent:-9999px;}
.page-videok #bottom h5.l1{background: url(img/vl1.jpg) no-repeat}
.page-videok #bottom h5.l2{background: url(img/vl2.jpg) no-repeat}
.page-videok #bottom h5.l3{background: url(img/vl3.jpg) no-repeat}
.page-tuning #bottom h5.l1{background: url(img/tl1.jpg) no-repeat}
.page-tuning #bottom h5.l2{background: url(img/tl2.jpg) no-repeat}
.page-tuning #bottom h5.l3{background: url(img/tl3.jpg) no-repeat}
.page-tesztek #bottom h5.l1{background: url(img/pl1.jpg) no-repeat}
.page-tesztek #bottom h5.l2{background: url(img/pl2.jpg) no-repeat}
.page-tesztek #bottom h5.l3{background: url(img/pl3.jpg) no-repeat}
.page-hirek #bottom h5.l1{background: url(img/hl1.jpg) no-repeat}
.page-hirek #bottom h5.l2{background: url(img/hl2.jpg) no-repeat}
.page-hirek #bottom h5.l3{background: url(img/hl3.jpg) no-repeat}
.page-watt #bottom h5.l1{background: url(img/wl1.jpg) no-repeat}
.page-watt #bottom h5.l2{background: url(img/wl2.jpg) no-repeat}
.page-watt #bottom h5.l3{background: url(img/wl3.jpg) no-repeat}
.links {list-style-type: none;width:296px;float:left;} 
.links li {margin: 5px 0;display:block;height:51px;overflow:hidden;}
.links li a {color:#fff;display: block;height:51px;font: normal 100% Arial, Helvetica, sans-serif;
        padding:0;text-decoration: none;}
.links img{float:left;padding-right:5px;width:91px;height:51px;}
 * html .links li a {width: 296px;/* make hover effect work in IE */}
.links li a:hover {background: #333;}
.links a em {color:#fff;display:block;padding-top:0px;font: normal bolder 11px/100% Arial, Helvetica, sans-serif;}
.links a span {color: #fff;font-size:10px;line-height:10px;} 
.bottomlink{font: normal normal 12px/100% Arial, Helvetica, sans-serif;padding:2px 15px 2px 100px;}
.page-tesztek .bottomlink, .page-tesztek .tovabb-link, .bluelink{color:#14A5D1;background: url(img/arrow-blue.gif) no-repeat right;} 
.page-videok .bottomlink, .page-videok .tovabb-link, .greenlink{color:#B3FF17;background: url(img/arrow-green.gif) no-repeat right;}
.page-tuning .bottomlink, .page-tuning .tovabb-link, .orangelink{color:#FF7B00;background: url(img/arrow-orange.gif) no-repeat right;}
.page-hirek .bottomlink, .page-hirek .tovabb-link, .purplelink{color:#C143A3;background: url(img/arrow-purple.gif) no-repeat right;}
.page-watt .bottomlink, .page-watt .tovabb-link{color:#00FF00;background: url(img/arrow-watt.gif) no-repeat right;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
video
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#video{float:left;width:610px;padding:0;}
#code{width:268px; padding:10px;border:1px solid #333;margin:5px 0;}
input.mbd, input.url{font-size:11px;width:256px;height:15px;overflow: hidden;padding:5px;color:#fff;background:#000;
border:1px solid #333;margin:5px 0;}
#code label{font-weight: bold;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
RATING
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#rating_box{float:left;width:600px;height:30px;padding:5px 0;}
#rating_box img{vertical-align: middle;}
#yourvote{padding:0 0 0 15px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Watt laptime sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wlside{float:right;width:290px;margin-bottom:8px;background:transparent url(img/wlsidetop.jpg) no-repeat top;padding:30px 0 0 0;}
#wlside_head{width:290px;height:46px;background:transparent url(img/wlside_bg.jpg) no-repeat top;}
#wlside_content{background:transparent url(img/wlside_content_bg.png) no-repeat bottom;width:290px;float:left;
height:372px;overflow-y:auto;overflow-x:hidden;}
#wlside_content div.wl{	background:transparent url(img/watt_line.jpg) no-repeat top;padding:4px 0 0 0;
color:#fff;font: normal normal bold 12px/normal Arial, sans-serif;height:42px;width:290px;display:block;float:left;}
#wlside_content img{float:left;}
#wlside_content ul  {padding:6px 2px 0 2px;float:left;width:246px;}
#wlside_content ul li {display:block;float:left;}
#wlside_content ul li.wtime{width:46px;padding:0 0 0 4px;font-size:12px;text-align:left;}
#wlside_content ul li.wtitle{width:106px;padding:0 2px;font-size:11px;font-weight:normal;}
#wlside_content ul li.wkw{width:50px;padding:0 4px;}
#wlside_content ul li.wlink{width:16px;padding:2px 0;}
#wlside_content ul li.wlink a{display:block;width:12px;height:11px;
background:transparent url(img/wattarrow.jpg) no-repeat;}