/* Style sheet default */
body{text-align: center; color: #fff;background: #fff url('http://autosound.fi/tl_files/layout/body-background.jpg') 50% 0 fixed repeat-y}
a{text-decoration: none; color: #00f}
a:hover{color: #f00}
a img{border: 0}
hr{clear: both; border: solid 1px #eee; width: 90%}
#wrapper{width: 960px; margin: 0 auto; text-align: left}
#header{position: relative; background: #000 url('http://autosound.fi/tl_files/layout/header-background.jpg') 0 0 no-repeat}
#main{width: 790px; float: left;}
#main > .inside{width: 770px; float: left; margin: 10px 5px; padding: 5px 10px;background: #fff; color: #444; min-height: 400px;-moz-box-shadow: inset 0 0 10px #666;-webkit-box-shadow: inset 0 0 10px #666;box-shadow: inset 0 0 10px #666;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.etusivu #main > .inside{width: 530px; padding: 0}
#right{width: 160px; padding: 10px 0 0 10px; float: right}
#header .mod_customnav{float: right}
#header .mod_customnav li{display: inline-block; float: left}
#header .mod_customnav li a{padding: 2px 5px 2px 10px; color: #f00; font-weight: bold;}
#header .mod_customnav li a:hover{color: #fff}
#header #header-logo{display: inline-block; float: left}
#header #header-logo a{display: block; width: 500px; height: 110px}
#header #eisa{display: inline-block; width: 151px; height: 81px; margin: 7px 0 0 0; background: url('http://autosound.fi/tl_files/eisa/eisa2011-2012.png') 0 -100px no-repeat; float: right;}
#header a#eisa:hover{background-position: 0 0;}
#header #kilpailutoiminta{display: inline-block; width: 275px; height: 81px; margin: 7px 0 0 0; background: url('http://autosound.fi/tl_files/kilpailutoiminta/kilpailutoiminta-suomessa.png') 0 -100px no-repeat; float: right}
#header a#kilpailutoiminta:hover{background-position: 0 0;}
#header .mod_banner{clear: right; float: right; margin: 5px}
#header .mod_navigation{clear: both; background: #800 url('http://autosound.fi/tl_files/layout/navigation-background.jpg')}
#header .mod_navigation ul.level_1 li{display: inline; float: left}
#header .mod_navigation ul.level_1 li:hover > ul.level_2{display: block;background: #800 url('http://autosound.fi/tl_files/layout/dropdown-background.jpg');}
#header .mod_navigation ul.level_2{display: none; position: absolute; z-index: 10;padding-bottom: 10px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-webkit-box-shadow: inset 0 -3px 3px rgba(255,255,255,0.25), inset 0 -7px 7px rgba(0,0,0,.5), 3px 3px 10px #000;-moz-box-shadow: inset 0 -3px 3px rgba(255,255,255,0.25), inset 0 -7px 7px rgba(0,0,0,.5), 3px 3px 10px #000;border-radius: 0 0 10px 10px;box-shadow: inset 0 -3px 3px rgba(255,255,255,0.25), inset 0 -7px 7px rgba(0,0,0,.5), 3px 3px 10px #000;}
#header .mod_navigation ul.level_2 li{display: block; float: none}
#header .mod_navigation ul.level_1 a{color: #fff; text-transform:uppercase;font: bold 1.2em verdana, sans-serif;display: inline-block; line-height: 30px;text-decoration: none; padding: 0 15px 0 5px;text-shadow: 2px 2px 5px #000}
#header .mod_navigation ul.level_2 a{color: #fff; text-transform:uppercase; font: 1em verdana, sans-serif; min-width: 200px;display: inline-block; line-height: 24px; text-decoration: none; padding: 0 10px;text-shadow: 2px 2px 5px #000}
#header .mod_navigation ul.level_1 a:hover,#header .mod_navigation ul.level_2 a:hover{color: #aff}
#header .mod_navigation ul.level_1 li.submenu a{background: url('tl_files/layout/arrow-down.png') 100% 50% no-repeat}
#header .mod_navigation li.submenu ul.level_2 a{background: none}
#header .mod_search{position: absolute; top: 113px; right: 5px;}
#header .mod_search form{padding: 2px 5px; background: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-shadow: inset 0 -10px 10px #ccc;}
#main .mod_search input.text{padding: 1px 0; width: 200px}
#header .mod_search input.text{border: 0; padding: 1px 0; background: transparent; width: 200px}
#footer{display: none}
.mod_search input.submit{height: 20px; padding: 0 5px}
.mod_search p.header{color: #888; border-bottom: solid 1px #888; padding-bottom: 10px}
.mod_search p.url{display: none}
.mod_search h3{margin: 0 0 5px 0}
.mod_search span.relevance{color: #888}
.mod_search .even{background: #f8f8f8;}
.mod_search .odd{background: #eee;}
#main td,#main th{padding: 3px 8px;}
#main th{background: #eee}
#main li{margin-left: 20px; padding: 2px 0; list-style: disc}
.tutustumistarjous,.phpbblistaus,.otayhteytta,.vuosi,.ostoskori{width: 250px;padding-bottom: 10px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: inset 0 -5px 10px rgba(255,255,255,0.25);-moz-box-shadow: inset 0 -5px 10px rgba(255,255,255,0.25);box-shadow: inset 0 -5px 10px rgba(255,255,255,0.25)}
.tutustumistarjous{margin-top: 5px}
#main .vuosi{margin-top: 10px}
.otayhteytta{margin-top: 15px;}
.tutustumistarjous,.vuosi{background: url('tl_files/layout/tutustumis-background.jpg') 0 0 no-repeat;}
.otayhteytta,.phpbblistaus,.ostoskori{background: url('tl_files/layout/phpbb-background.jpg') 0 0 no-repeat;}
.tutustumistarjous h1,.phpbblistaus h1,.otayhteytta h1,.vuosi h1,.ostoskori h1{font: bold 1em verdana,sans-serif; color: #fff;text-align: center; padding-top: 10px;text-transform: uppercase;margin: 0 0 10px 0}
.tutustumistarjous a,.phpbblistaus a,.otayhteytta a{display: block; color: #fff;border-top: solid 1px #444;border-top-color: rgba(255,255,255,0.25);padding: 5px 10px; margin: 0 10px}
.tutustumistarjous a{padding: 5px 5px; text-align: center}
.otayhteytta li{background: url('tl_files/layout/speaker-icon.png') 30px 50% no-repeat;}
.otayhteytta a{padding-left: 70px; height: 40px;line-height: 40px}
.tutustumistarjous a:hover,.phpbblistaus a:hover,.otayhteytta a:hover,.vuosi a:hover,.ostoskori a:hover{color: #0ff; background: url('tl_files/layout/black-25.png')}
.phpbblistaus span{color: #aac}
.ostoskori p{text-align: center}
#uusinnumero{width: 520px; float: left;  position: relative; margin: 5px;}
#uusinnumero #kuvat{background: #000 url('tl_files/layout/uusinnumero-background.jpg') -5px 0 no-repeat;margin: -5px -5px 10px -5px; padding: 10px 5px;height: 240px;-webkit-border-radius: 5px 5px 10px 10px;-moz-border-radius: 5px 5px 10px 10px;border-radius: 0 0 10px 10px;-webkit-box-shadow: 0 2px 5px #888, inset 0 0 10px #000;-moz-box-shadow: 0 2px 5px #888, inset 0 0 10px #000;box-shadow: 0 2px 5px #888;}
#uusinnumero #uusin-img{width: 141px; height: 200px; float: left; border: solid 2px #000;margin-right: 0px; background: url('tl_files/kuvat/uusinnumero.jpg') 0 0 no-repeat;}
#uusinnumero #uusin-img a:hover{border-color: #0ff}
#uusinnumero .ce_slideshow2{float: right; border: solid 2px #000}
#uusinnumero .mod_ticker{clear: left; color: #fff; font-weight: bold;margin-left: 150px}
#uusinnumero #tuoteuutiset{margin-top: -15px; font-weight: bold; color: #aaa}
#uusinnumero #kuvat .uusimmassa{position: absolute; top: 7px; right: 2px;}
#uusinnumero td{height: 20px; vertical-align: middle; text-align: center}
#uusinnumero td a{color: #f00; font-weight: bold}
#uusinnumero td a:hover{color: #fff}
#uusinnumero h2{margin: 0; font-size: 1.5em}
#uusinnumero h3{margin: 0 0 10px 0; font-size: 1.1em}
#main .mod_navigation{margin: 5px 0 0 0; height: 18px; padding: 2px 0}
#main .mod_navigation li{display: inline-block; float: left}
#main .mod_navigation a{padding: 2px 10px; margin-left: 5px; background: #fafafa;border-radius: 3px;box-shadow: inset 0 -2px 5px #ddd}
#main .mod_navigation span{padding: 1px 9px; margin-left: 5px; background: #ddd;border-radius: 3px; border: solid 1px #888;}
#main .mod_navigation a:hover{background: #f4f4f4}
.xfacebook{border: solid 1px #888;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.mod_banner a{display: inline-block}
.ce_form td{padding: 3px 5px;}
a.invisible{display: none; border: 0; margin: 0; border: 0}
.pagination{clear: left; padding: 2px}
.pagination p{display: none}
.pagination ul{margin: 10px 0}
#main .pagination li{display: inline-block; float: left; padding: 0; margin: 0}
.pagination span{border: solid 1px #000; background: #eee; border: solid 1px #888;color: #888; padding: 0 10px; margin: 0 2px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.pagination a{border: solid 1px #000; background: #eee; padding: 0 10px;-moz-border-radius: 3px; margin: 0 2px;-webkit-border-radius: 3px;border-radius: 3px;}
.pagination a:hover{border-color: #0ff; color: #0ff; background: #222}
.pagination a.first,.pagination a.last{display: none;}
#lbImage div{border: solid 1px #000;box-shadow: 2px 2px 7px #888;}
p.error{color: #f00; margin: 2px 0}
input.error{background: #fee}
h1.ce_headline{background: #888; color: #fff; padding: 3px 10px; font-variant: small-caps;border-radius: 5px;box-shadow: inset 0 -20px 20px #000;}
label.mandatory{font-weight: bold}
.bbcode pre,.bbcode ul,.bbcode ol{margin: 0}
.bbcode blockquote{background: #eee; display: inline-block; margin: 0}
.asiakaspalvelu{border: solid 2px #f00; padding: 5px; display: inline-block}
