html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {width:99%; margin-bottom:1.4em; clear:left;}
th {border-bottom:2px solid #333; font-weight:bold; text-align:left;}
td {border-bottom:1px solid #E1E1E1; font-size:12px;}
th, td {padding:4px 4px 4px 0;}
tr:last-child td {border-bottom-width:0;}
tfoot {font-style:italic;}
caption {background:transparent;}
 body, blockquote * {font:14px/1.5 Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
p {margin-bottom:1em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
abbr, acronym {border-bottom-width:0;}
strong {font-weight:bold;}
em {font-style:italic;}
h2 {font-size: 28px}
h3 {font-size: 20px}
ul {list-style: disc; margin-left: 20px; margin-bottom: 1.5em}
 body {margin: 0; padding: 0; background: #443427 url(/images/tausta_kapea.gif) top left repeat-x}
 #wrapper {width: 950px; margin: 0 auto}
#header {height: 160px}
#footer {margin-top: 50px}
#footer, #footer a {color: #3A2A1D}
#footer a {text-decoration: none}
#header h1 {float: left; margin-left: -20px; margin-top: -15px; margin-right: 70px; background: url(/images/tervapaja_logo.gif) no-repeat; width: 316px; height: 160px; text-indent: -9999px}
#container {background: #fff}
#footer {text-align: center; font-size: 12px}
.content {padding: 20px 20px 8px 20px}
#news a, .content a {color: #009AE7; text-decoration: none}
#news a:hover, .content a:hover {background: #3A2A1D; color: #fff}
.content .images a:hover {background: none !important}
.splash {border-bottom: 2px solid #CBD8CE}
.aside {float: right}
.images {width: 420px}
.images li {}
 .column2, .column4 {float: left; margin-right: 30px; margin-bottom: 8px}
.column4 {width: 215px}
.column2 {width: 425px}
 .navigation {float: left; margin-bottom: 0; margin-top: 45px; width: 100px; list-style: none}
.navigation li {float: left; width: 100px; margin-left: 15px; margin-bottom: 2px}
.navigation li a {text-decoration: none; color: #A8A8A8}
.navigation li a:hover {color: #6F6F6F}
body.Etusivu .navigation li.etusivu a, body#Webhotellit .navigation li.webhotellit a, body.Webhotellit .navigation li.webhotellit a, body#Laajakaista .navigation li.laajakaista a, body.Laajakaista .navigation li.laajakaista a, body#Sovellukset .navigation li.sovellukset a, body.Sovellukset .navigation li.sovellukset a, body#Tervapaja .navigation li.tervapaja a, body.Tervapaja .navigation li.tervapaja a, body.Asiakastuki .navigation li.asiakastuki a, body#Tuki .navigation li.tuki a, body.Tuki .navigation li.tuki a, body#Liiketilat .navigation li.liiketilat a, body.Liiketilat .navigation li.liiketilat a {background: url(/images/logo_pieni_vino.gif) -1px 0 no-repeat; padding: 4px 0 4px 18px; margin-left: -18px; color: #6F6F6F}
body.Asiakastuki .navigation li.tervapaja a {background: none !important; color: #A8A8A8 !important}
body.Asiakastuki .navigation li.tervapaja a:hover {color: #6F6F6F !important}
 #ads {width: 677px; height: 270px; background: #fff; float: left}
#news {float: left; width: 273px; height: 430px; background: url(/images/tiedotetausta.gif); margin-top: -160px}
.frontpage_columns a {text-decoration: none; color: #fff}
.frontpage_columns h2 {text-indent: -9999px; background-repeat: no-repeat; width: 215px; height: 41px;}
.frontpage_columns p {padding: 16px; margin: 0}
.frontpage_columns .laajakaista {background: #D75600}
.frontpage_columns .laajakaista h2 {background-image: url(/images/laajakaista.gif)}
.frontpage_columns .webhotellit {background: #009AE7}
.frontpage_columns .webhotellit h2 {background-image: url(/images/webhotellit.gif)}
.frontpage_columns .sovellukset {background: #A6C408}
.frontpage_columns .sovellukset h2 {background-image: url(/images/sovellukset.gif)}
.frontpage_columns .liiketilat {background: #3A2A1D}
.frontpage_columns .liiketilat h2 {background-image: url(/images/liiketilat.gif)}
 .tabs {list-style: none; margin: 0; height: 41px}
.tabs li a {text-decoration: none; float: left; color: #fff; margin-right: 10px; padding: 9px 15px 8px 15px; font-size: 16px}
.tabs .current_tab {background: #fff; color: #000}
.tabs a.first_tab {width: 215px; height: 41px; padding: 0; text-indent: -9999px; background-position: no-repeat}
#container {border: 10px solid #000; border-top: none !important}
 body.Etusivu #container {background: none !important; border: none !important}
body.Etusivu .column4 {width: 215px; margin-right: 0; margin-left: 30px}
body.Etusivu .column4:first-child {margin-left: 0}
body.Etusivu .content {padding: 0; margin-top: 20px}
body.Etusivu .content a {padding: 0; background: none}
body.Etusivu #news h2 {font-size: 14px; font-weight: bold; margin-bottom: 2px}
body.Etusivu #news {color: #fff; font-size: 12px}
#news .news_content {padding: 15px 25px 0 25px; height: 155px; margin: 0; margin-top: 210px}
#news .more_announcements {text-align: center; margin-top: 20px; font-size: 13px; height: 40px}
#news .more_announcements a {text-decoration: none; color: #fff}
 .order_form h3 {margin-bottom: 8px}
.order_form input, .order_form select {font-size: 16px}
 body.Webhotellit #container, body#Webhotellit #container {border-color: #009AE7}
body.Webhotellit .tabs, body#Webhotellit .tabs {background-color: #009AE7}
body.Webhotellit .tabs li a.first_tab, body#Webhotellit .tabs li a.first_tab {background-image: url(/images/webhotellit.gif)}
 body.Laajakaista #container, body#Laajakaista #container {border-color: #D75600}
body.Laajakaista .tabs, body#Laajakaista .tabs {background-color: #D75600}
body.Laajakaista .tabs li a.first_tab, body#Laajakaista .tabs li a.first_tab {background-image: url(/images/laajakaista.gif)}
 body.Sovellukset #container, body#Sovellukset #container {border-color: #A6C408}
body.Sovellukset .content {padding-right: 0}
body.Sovellukset .tabs, body#Sovellukset .tabs {background-color: #A6C408}
body.Sovellukset .tabs li a.first_tab, body#Sovellukset .tabs li a.first_tab {background-image: url(/images/sovellukset.gif)}
body.Sovellukset .column2 a:hover {background: none !important}
 body.Liiketilat #container, body#Liiketilat #container {border-color: #3A2A1D}
body.Liiketilat .splash {color: #ccc}
body.Liiketilat .tabs, body#Liiketilat .tabs {background-color: #3A2A1D}
body.Liiketilat .tabs li a.first_tab, body#Liiketilat .tabs li a.first_tab {background-image: url(/images/liiketilat.gif)}
 body.Tervapaja #container, body#Tervapaja #container {border-color: #3A2A1D}
body.Tervapaja .tabs, body#Tervapaja .tabs {background-color: #3A2A1D}
body.Tervapaja .tabs li a.first_tab, body#Tervapaja .tabs li a.first_tab {width: auto; text-indent: 0; padding: 9px 15px 8px 15px; margin-left: 10px; height: auto}
body.Tervapaja .tabs li a.first_tab {background-color: #fff; color: #000}
body.Tiedotteet .content {padding-right: 0}
body.Tiedotteet .column2 {background: none}
body.Tiedotteet .article {margin-bottom: 35px}
 .clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0}
.clear {clear: both}
.clear_right {clear: right}
.buy_link {font-size: 18px; padding: 2px 4px !important; background: #3A2A1D; color: #fff !important}
 #fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none}
* html #fancybox-loading { position: absolute; margin-top: 0}
#fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/fancybox/fancybox.png')}
#fancybox-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none}
* html #fancybox-overlay { position: absolute; width: 100%}
#fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none}
#fancybox-wrap {position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none}
#fancybox-outer {position: relative; width: 100%; height: 100%; background: #FFF}
#fancybox-inner {position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden}
#fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent}
#fancybox-close {position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none}
#fancybox_error {color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0}
#fancybox-content {height: auto; width: auto; padding: 0; margin: 0}
#fancybox-img {width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic}
#fancybox-frame {position: relative; width: 100%; height: 100%; border: none; display: block}
#fancybox-title {position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102}
.fancybox-title-inside {padding: 10px 0; text-align: center; color: #333}
.fancybox-title-outside {padding-top: 5px; color: #FFF; text-align: center; font-weight: bold}
.fancybox-title-over {color: #FFF; text-align: left}
#fancybox-title-over {padding: 10px; background-image: url('/fancybox/fancy_title_over.png'); display: block}
#fancybox-title-wrap {display: inline-block}
#fancybox-title-wrap span {height: 32px; float: left}
#fancybox-title-left {padding-left: 15px; background-image: url('/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat}
#fancybox-title-main {font-weight: bold; line-height: 29px; background-image: url('/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF}
#fancybox-title-right {padding-left: 15px; background-image: url('/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat}
#fancybox-left, #fancybox-right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/fancybox/blank.gif'); z-index: 1102; display: none}
#fancybox-left {left: 0px}
#fancybox-right {right: 0px}
#fancybox-left-ico, #fancybox-right-ico {position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block}
#fancybox-left-ico {background-image: url('/fancybox/fancybox.png'); background-position: -40px -30px}
#fancybox-right-ico {background-image: url('/fancybox/fancybox.png'); background-position: -40px -60px}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible;  }
#fancybox-left:hover span {left: 20px}
#fancybox-right:hover span {left: auto; right: 20px}
.fancy-bg {position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001}
#fancy-bg-n {top: -20px; left: 0; width: 100%; background-image: url('/fancybox/fancybox-x.png')}
#fancy-bg-ne {top: -20px; right: -20px; background-image: url('/fancybox/fancybox.png'); background-position: -40px -162px}
#fancy-bg-e {top: 0; right: -20px; height: 100%; background-image: url('/fancybox/fancybox-y.png'); background-position: -20px 0px}
#fancy-bg-se {bottom: -20px; right: -20px; background-image: url('/fancybox/fancybox.png'); background-position: -40px -182px}
#fancy-bg-s {bottom: -20px; left: 0; width: 100%; background-image: url('/fancybox/fancybox-x.png'); background-position: 0px -20px}
#fancy-bg-sw {bottom: -20px; left: -20px; background-image: url('/fancybox/fancybox.png'); background-position: -40px -142px}
#fancy-bg-w {top: 0; left: -20px; height: 100%; background-image: url('/fancybox/fancybox-y.png')}
#fancy-bg-nw {top: -20px; left: -20px; background-image: url('/fancybox/fancybox.png'); background-position: -40px -122px}
 #fancybox-loading.fancybox-ie div {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_loading.png', sizingMethod='scale')}
.fancybox-ie #fancybox-close {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_close.png', sizingMethod='scale')}
.fancybox-ie #fancybox-title-over {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1}
.fancybox-ie #fancybox-title-left {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_left.png', sizingMethod='scale')}
.fancybox-ie #fancybox-title-main {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_main.png', sizingMethod='scale')}
.fancybox-ie #fancybox-title-right {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_right.png', sizingMethod='scale')}
.fancybox-ie #fancybox-left-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_left.png', sizingMethod='scale')}
.fancybox-ie #fancybox-right-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_right.png', sizingMethod='scale')}
.fancybox-ie .fancy-bg {background: transparent !important}
.fancybox-ie #fancy-bg-n {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_n.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-ne {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_ne.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-e {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_e.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-se {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_se.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-s {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_s.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-sw {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_sw.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-w {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_w.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-nw {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_nw.png', sizingMethod='scale')}