body, html { margin: 10px 0 0; padding: 0; background: #DAF1FD; height: 100%; min-width: 900px; font-family: arial, helvetica, sans-serif; }

table { border-collapse: collapse; }

td { vertical-align: top; }

#wrap { height: 100%; width: 800px; background-color: white; background-image: url(kuvat/aaltotausta2.jpg); background-repeat: no-repeat; }

#header { height: 120px; width: 800px; }

#etusivu { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 40px; }

#etusivu td { padding: 3px; }
#etusivu td.linkki:hover { padding: 3px; background: #005393; }

#footer { clear: both; background-color: #0066B3; height: 12px; border: 3px solid white; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: white; font-size: 8pt; vertical-align: middle; text-align: left; padding: 7px 7px 7px 12px; }

/**********************************/

a img { border: none; }

#toplink-wrap { width: 770px; height: 31px; margin-left: auto; margin-right: auto; }
#toplink, #toplink-aktiivinen { margin: auto 1px; float: left; height: 21px; padding-top: 9px; background: #0066B3; text-align: center; font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; font-size: 12px; color: #6cf; text-transform: uppercase; text-decoration: none; }

a#toplink:hover { color: #4ef; }

#toplink { border-bottom: 1px solid #daf1fd; }
#toplink-aktiivinen { color: white; border-bottom: 1px solid #0066B3; }

#infowrap { width: 800px; }

#otsikko { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; position: absolute; width: 500px; top: 137px; right: 50px; text-align: right; }

td#info { padding-left: 20px; }

h1 { font-size: 24px; font-weight: normal; color: #0066B3; }

h2 { font-size: 17px; font-weight: normal; color: #0066B3; }

h3 { font-size: 11px; line-height: 21px; color: #0066B3; font-weight: bold; }

h4 { display: block; font-size: 11px; line-height: 15px; color: #0066B3; font-weight: bold; width: 160px; background: none /*#6BAAD7*/; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 0px; cursor: pointer; }

h5 { display: block; font-size: 11px; line-height: 15px; color: #db002e; font-weight: bold; width: 150px; background: none /*#db002e*/; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 0px; cursor: pointer; }

h6 { display: block; font-size: 11px; line-height: 15px; color: #0066B3; font-weight: bold; width: 492px; background: none; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 0px; cursor: pointer; }

h7 { display: block; font-size: 11px; line-height: 15px; color: #0066B3; font-weight: bold; width: 220px; background: none; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 0px; cursor: pointer; }

h8 { display: block; font-size: 11px; line-height: 15px; color: #fff; font-weight: bold; width: 170px; background: #0066B3; margin: 0px 0px 0px 0px; padding: 5px 10px 3px 0px; cursor: pointer; }

h9 { display: block; font-size: 11px; line-height: 15px; color: #fff; font-weight: bold; width: 170px; background: #1798EA; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 0px; cursor: pointer; }

h10 { display: block; font-size: 11px; line-height: 15px; color: #000; font-weight: bold; width: 170px; background: #B9E2FD; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 0px; cursor: pointer; }

hr { border-top: 1px solid #ccc /*dotted blue*/; border-bottom: none; border-left: none; border-right: none; clear: both; }

.uutuus { font-size: 10px; font-weight: bold; font-style: italic; color: green; margin-left: 7px; }

.horeca-tuote-numero { display: none; }

.horeca-otsikko-linkki a { margin-left: 0px; padding: 0px !important; font-weight: bold; border-left: none !important; }
.horeca-otsikko-linkki a li { margin-left: 0px; padding-left: 0px; font-weight: bold; }

#leikkausaste { width: 250px; border: 1px solid #ccc; padding: 10px; }
#leikkausaste ul { margin-left: 15px; }

/**********************************/

a.kalacarte { color: #e0141a; }

#tuotelinkit a.tuotelinkki { font-size: 12px; border-bottom: 1px solid rgb(217,241,253); border-top: 1px solid rgb(217,241,253); padding: 2px 10px; background: white; }
#tuotelinkit a.tuotelinkki:hover, #tuotelinkit a.tuotelinkkivalittu:hover { font-size: 12px; border-top: 1px solid red; border-bottom: 1px solid red; padding: 2px 10px; }
#tuotelinkit a.tuotelinkkivalittu { font-size: 12px; font-weight: bold; border-bottom: 1px solid rgb(217,241,253); border-top: 1px solid rgb(217,241,253); padding: 2px 10px; background: white; }

a#zip, a#zip:hover { display: block; width: 250px; height: 26px; text-transform: uppercase; text-align: center; font-size: 9px; border: none; text-decoration: none; margin-bottom: 7px; }

a#zip { background: url(kuvat/zip.gif) no-repeat center top; }
a#zip:hover { background: url(kuvat/zip.gif) no-repeat center -30px; }

/**********************************/

#sivulinkit a, #sivulinkit a:hover, #sivulinkit a.aktiivinen { display: block; width: 147px; padding: 5px 10px; text-align: left; color: #005393; font-family: "Trebuchet MS", Tahoma, Helvetica, Arial; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; }

#sivulinkit-wrap { float: left; margin-top: 0px; margin-left: 10px; margin-right: 30px; padding-left: 0px; }

#sivulinkit-wrap * { margin-left: 0px; padding-left: 0px; }
#sivulinkit a.sk-lista-linkki { margin-left: 0px; padding-left: 0px; border: none; }
#sivulinkit { text-align: left; margin-bottom: 7px; margin-top: 7px; padding-bottom: 5px; border-bottom: 1px #ccc solid; list-style-type: none; width: 178px; }

#sivulinkit a li { text-align: left; }

#sivulinkit a:hover { border-left: 1px solid #005393; }

#sivulinkit a.aktiivinen { background: #0066B3; color: white; }

#sivulinkit ul { list-style: none; margin-left: 0px; padding-left: 0px; }
#sivulinkit ul li { margin-left: 0px; padding-left: 0px; }

.sivulinkki-otsikko { display: block; color: #888; text-align: left; padding-right: 10px; font-size: 14px; padding-bottom: 5px; }

/**********************************/

.newspvm { font-style: italic; color: #ccc; }

/****************************/

#sisalto-wrap { margin-top: 100px; clear: both; padding-left: 0px; margin-left: 0px; }

#sisalto { width: 550px; margin-left: 220px; }

p, #sisalto a, #sisalto .paragraph, #sisalto ul li, #sisalto ol li { font-family: Arial, Helvetica,sans-serif; font-size: 11px; }
p, #sisalto .paragraph { line-height: 21px; }

#sisalto a { color: #005393; }

#sisalto ul { list-style: disc outside; line-height: 21px; }
#sisalto ol { line-height: 21px; padding-left: 0px; }

#sisalto a:link, #sisalto a:visited { text-decoration: none; border-bottom: 1px solid #ccc; }

#sisalto a:hover { text-decoration: none; border-bottom: 1px solid red; }

#sisalto a:link#zip { text-decoration: none; border-bottom: none; }

#sisalto a.tooltip1 { position: relative; }

#sisalto a.tooltip1 span { display: none; }

#sisalto a.tooltip1:hover span {
  position: absolute;
  top: 40px;
  left: -90px;
  display: block;
  padding: 10px;
  background: #005393;
  color: white;
  border: 5px solid white;
  width: 200px;
  }

#henkilo { clear: both; }

#henkilo img { float: left; padding: 0 20px 20px; }

#juhlakuvat { width: 270px; }

#juhlakuvat td { border: 5px solid white; background: #ccc; text-align: center; vertical-align: middle; padding: 5px; }

/***************************************/

#taustavarjo { width: 836px; background: url(kuvat/taustavarjo.gif) repeat-y; margin-top: 0px; margin-left: auto; margin-right: auto; }
#taustavarjoala { width: 836px; height: 25px; background: url(kuvat/taustavarjo_ala.gif) no-repeat; }
#sininenreuna { position: relative; width: 799px; border: /* tummempi #00499b */ #0066B3 solid; border-width: 6px; margin-left: 12px; margin-right: 12px; }

/* TEKSTIA KLIKATTAESSA TAUSTAVARIN VAIHDOS */

ul { padding: 0px; }
.highlight a { display: block; padding: 5px 3px; list-style: outside none; margin-left: 0; }
.highlight a, .highlight ul li { line-height: 12px; }
.highlight a.active { color: red; background: #DAF1FD; }

/* TABS */
#tabs li { list-style: none; }
ul.tabNavigation li a { line-height: 12px; text-align: center; }

/***************************************/

#kuvapankki-master { background: #fff; margin: 0px 40px 20px; width: 700px; margin: auto; }

#kuvapankki-kalavalmis { /*border: 1px solid #0066B3;*/ padding: 15px; margin: auto; }

#kuvapankki-kalavalmis ul { list-style: none; margin-left: 0px; padding-left: 0px; }

#kuvapankki-kalavalmis li { border: 1px solid #ccc; background: white; margin: 5px; float: left; font-size: 12px; text-align: center; width: 315px; height: 210px; padding-top: 0px; overflow: hidden; }

#kuvapankki-kalavalmis li p { display: block; background: #eee; color: #0066B3; margin-top: 0px; height: 24px; font-size: 12px; text-align: center; width: 100%; padding: 3px 0px; line-height: 12px; }

li p.ean { background: none !important; color: #0066B3; text-align: center; width: 100%; margin: 5px 0px; line-height: 12px; }

#kuvapankki-kalavalmis li .tooltip a { color: #ddd; }

.logo-tiedostot a#PNG { background: url(kuvat/kuvapankki/logot/PNG.gif) no-repeat; }
.logo-tiedostot a#PNG:hover { background: url(kuvat/kuvapankki/logot/PNG-over.gif) no-repeat; }

.logo-tiedostot a#JPEG { background: url(kuvat/kuvapankki/logot/JPEG.gif) no-repeat; }
.logo-tiedostot a#JPEG:hover { background: url(kuvat/kuvapankki/logot/JPEG-over.gif) no-repeat; }

.logo-tiedostot a#TIFF { background: url(kuvat/kuvapankki/logot/TIFF.gif) no-repeat; }
.logo-tiedostot a#TIFF:hover { background: url(kuvat/kuvapankki/logot/TIFF-over.gif) no-repeat; }

.logo-tiedostot a#PDF { background: url(kuvat/kuvapankki/logot/PDF.gif) no-repeat; }
.logo-tiedostot a#PDF:hover { background: url(kuvat/kuvapankki/logot/PDF-over.gif) no-repeat; }

.logo-tiedostot a#EPS { background: url(kuvat/kuvapankki/logot/EPS.gif) no-repeat; }
.logo-tiedostot a#EPS:hover { background: url(kuvat/kuvapankki/logot/EPS-over.gif) no-repeat; }

.logo-tiedostot a#JPEG, .logo-tiedostot a#PNG, .logo-tiedostot a#TIFF, .logo-tiedostot a#PDF, .logo-tiedostot a#EPS { display: block; float: left; width: 70px; height: 30px; }
.logo-tiedostot a span { display: none; }

.logo-tiedostot a { float: left; display: block; text-align: center; font-weight: bold; font-size: 14px; width: 70px; height: 20px; padding-top: 5px; background: #aaa; color: #fff; text-decoration: none; margin: 28px 5px auto; }

.logo-tiedostot a:hover { background: #0066B3; }

#clear { clear: both; width: 100%; }

/* Kuvapankin tabit */

/* root element for tabs  */
ul.tabs { list-style:none; margin:0 !important; padding:0; border-bottom:1px solid #666; height:30px; }

ul.tabs-main { list-style:none; margin:0 !important; padding:0; border-bottom:1px solid #666; height:30px; }

/* single tab */
ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }

ul.tabs-main li { float:left; text-indent:0; padding:0; margin:0 10px !important; list-style-image:none !important; }


/* link inside the tab. uses a background image */
ul.tabs a { background: url(js/blue.png) no-repeat -420px 0; font-size:11px; display:block; height: 30px; line-height:30px; width: 134px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; }

ul.tabs-main a { font-size:15px; text-decoration:none; color:#333; padding: 4px 10px; }

ul.tabs a:active { outline:none; }

/* when mouse enters the tab move the background image */
ul.tabs a:hover { background-position: -420px -31px; color:#fff; }

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -420px -62px; cursor:default !important; color:#000 !important; }

ul.tabs-main a.current, ul.tabs-main a.current:hover, ul.tabs-main li.current a { cursor:default !important; color: white; background-color: #0066B3; !important; }

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane { display:none; }
	
/* tab pane styling */
.panes div { display:none; padding:15px 0px; border: none; background-color:#fff; }

.panes-main h1 { text-align: right; }

#kuvapankki-kalavalmis table  { width: 90%; margin: auto; }
#kuvapankki-kalavalmis table td { text-align: center; vertical-align: middle; }

/* Colorbox */

#colorbox-inline-wrap { display: none; }

#horeca-tuote img {float: left; margin-right: 15px; margin-top: 6px; }
#horeca-tuote .horeca-tieto { width: 220px; float: left; }
#horeca-tuote #listaus h2 { float: left; margin-right: 15px; }
#horeca-tuote #listaus h3 { float: left; margin-right: 15px; }
#horeca-tuote #listaus p { float: left; }

li.horeca-valikko-valiotsikko { font-size: 10px; text-transform: uppercase; color: #888; margin-top: 3px; margin-bottom: 3px; }