html, body, div {
  margin:0px;
  padding:0px;
}

body {
  padding-bottom:0px;
  margin-bottom:0px;
}

body, table {
  font-family:verdana;
  font-size: 8pt;
}

a, a:visited {
  color:#000066;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a.black {
  color:black;
}
/* JPP-Soft / PKa 22.09.2009: valkoiset linkkitekstit lisätty */
a.white, a.white:visited  {
  color:white;
}

a.red, a.red:visited {
  color:#C60029;
}

a.underline {
  text-decoration:underline;
}

a img {
  border:none;
}

h1 {
  font-size:1.2em;
  font-weight:bold;
  margin-top:4px;
  margin-bottom:6px;
}

div.grayBox {
  background-color:#EDEFEF;
}

div.paddingBox {
  padding:8px;
}

div.colorFontBox {
  color:#000066;
}

div.redBorderBox {
  border:1px solid #C60029;
  padding:8px 4px 8px 4px;
  color:#C60029;
  font-size:7pt;  
}

div.redBorderBox img#bigCart {
  margin-right:10px;
  margin-bottom:10px
}

p {
  padding:0px;
}

input.text {
  border:1px solid #000066;
  padding:1px 2px 0px 2px;
}

select#shoppingCartSelect {
  width:140px;
  border:1px solid #C60029;
  color:#C60029;
  font-size:8pt;
}
/* JPP-Soft / PKa 23.7.2009: väittelijä ja omakustantaja lisätty */
select#categorySelectForm, select#vaittelijaSelectForm, select#indPublisherSelectForm {
  margin-bottom:3px;
}

hr {
  height:1px;
  border-top:1px solid #B9BABA;
  border-bottom:none;
}

/* hr joka kuvastuu pisteinä */
div.dottedHr {
  height:1px;
  background-image:URL('logos/dot_border_horizontal.png');
  background-repeat:repeat-x;
  background-position:left top; 
}

div.dottedTallHr {
  height:1px;
  font-size:1px; /* jotta korkeus saataisiin pieneksi */
  background-image:URL('logos/dot_border_horizontal.png');
  background-repeat:repeat-x;
  background-position:left top; 
  margin-top:9px;  
  margin-bottom:9px;
}


/* päälayout taulu, jakaa näkymän keskukseen ja reunoihin */
table#threeColLayoutTable {
  width:100%;
  height:100%; 
  margin:0px;
  border-collapse:collapse;
}

td.sideLayoutCell {
  background-image:URL('logos/side_layout_bg.png');
  background-repeat:repeat-x;
  background-color:#EDEFEF;
}

td#centerLayoutCell {
  width: 800px;
  vertical-align:top;
  padding:0px;
  background-image:URL('logos/side_layout_bg.png');
  background-repeat:repeat-x;
  background-color:#EDEFEF;
}

/* keskialueen yläosa, sisältää mm. taustakuvan */
div#centerTopLayoutDiv {
  height:116px;
  background-image:URL('logos/center_top_layout_bg.png');
  background-repeat:no-repeat;
  text-align:right;
/*  background-color:#EDEFEF; */
}

div#payLogos {
  padding:4px 10px 0px 0px;
  position:relative;
  float:right;
}

div#payLogos img {
  margin:0px 0px 0px 8px;
}
/* JPP-Soft / PKa 22.09.2009: language select div lisätty */
div#languageSelect {
  padding:1px 10px 0px 0px;
  position:relative;
  vertical-align:bottom;
}
/* JPP-Soft / PKa 22.09.2009: language select div img lisätty */
div#languageSelect img {
  /*margin:0px 0px -4px 19px; */
  margin-bottom:-4px;
  margin-left:19px;
}
/* JPP-Soft / PKa 22.09.2009: language select flag img lisätty */
div#languageSelect .flag_fin{
  background: url(logos/fin_flag.gif) no-repeat left;
  padding: 3px 0 3px 25px;
}
/* JPP-Soft / PKa 22.09.2009: language select flag img lisätty */
div#languageSelect .flag_swe{
  background: url(logos/swe_flag.gif) no-repeat left;
  padding: 20px 0 20px 25px;
}
/* JPP-Soft / PKa 22.09.2009: language select flag img lisätty */
div#languageSelect .flag_eng{
  background: url(logos/eng_flag.gif) no-repeat left;
  padding: 3px 0 3px 25px;
}
div#payLogosShoppingCart img {
  margin:0px 0px 0px 4px;
}

/* keskialueen varsinainen osa, jakautuu vielä kolmeen sarakkeeseen */
div#centerContentLayoutDiv {
  background-color:white;
  border-top:1px solid #B9BABA;
  border-left:1px solid #B9BABA;
  border-right:1px solid #B9BABA;
}

/* ylävalikko */
div#topMenuDiv {
  text-align:center;
  margin:0px 6px 0px 6px;
  padding:3px 0px 4px 0px;
  font-size:8pt; 
  color:#000066;
  background-image:URL('logos/dot_border_horizontal.png');
  background-repeat:repeat-x;
  background-position:left bottom;
}

div#topMenuDiv a, div#topMenuDiv a:visited, div#topMenuDiv a:active {
  text-decoration:none;
  color:#000066;
}

div#topMenuDiv a:hover {
  text-decoration:underline;
}

div#topMenuDiv a img {
  border:none;
  vertical-align:baseline;
}

/* sisältöosan kolmeen osaan jakava taulu */
table#centerLayoutTable, table#centerLayoutTableTwoCol {
  margin-top:5px;
  width:100%;
  height:100%;
}

table#centerLayoutTable td#centerLayoutLeftSideCell,
table#centerLayoutTableTwoCol td#centerLayoutLeftSideCell {
  width:221px; /* 235-14 = 221 */
  padding:10px 7px 300px 5px;
  background-image:URL('logos/dot_border_vertical.png');
  background-repeat:repeat-y;
  background-position:right top;
  vertical-align:top;  
}

table#centerLayoutTable td#centerLayoutCenterCell {
  width:386px; /* 400-14=386 */
  padding:10px 7px 30px 7px;
  vertical-align:top;  
}

/* Kahden sarakkeen näkymässä keskisarake on oikeastaan oikean 
  reunan sarake */
table#centerLayoutTableTwoCol td#centerLayoutCenterCell {
  width:562px; /* 400-14=386+141=527 */
  padding:10px 9px 30px 7px;
  vertical-align:top;  
}

table#centerLayoutTable td#centerLayoutRightSideCell {
  width:141px; /* 155-14=141 */
  padding:10px 5px 0px 7px;
  vertical-align:top;  
  background-image:URL('logos/dot_border_vertical.png');
  background-repeat:repeat-y;
  background-position:left top; 
  font-size:7pt; 
}

/* lomake josta valitaan kategoria, vasemmassa palkissa */
/* JPP-Soft / PKa 23.7.2009: väittelijä lisätty */
form#categorySelectForm {
  margin-bottom:3px;
}
form#vaittelijaSelectForm {
  margin-bottom:3px;
}
form#indPublisherSelectForm {
  margin-bottom:3px;
}

form#categorySelectForm select{
  width:221px;
  color:#000066;
  border:1px solid #B9BABA;
}
form#vaittelijaSelectForm select {
  width:221px;
  color:#000066;
  border:1px solid #B9BABA;
}
form#indPublisherSelectForm select {
  width:221px;
  color:#000066;
  border:1px solid #B9BABA;
}

/* vasen kustantajanavigointipalkki */
div#kustantajaNavigation {
  border:1px solid #B9BABA;
  padding:6px 5px 6px 5px;
  color:#000066;
}

div#kustantajaNavigation div#kustantajaNavigationHeader {  
  font-weight:bold;
  margin-bottom:8px;
}

div#kustantajaNavigation div.kustantajaLinkDiv,
div#kustantajaNavigation div.kustantajaLinkSelectedDiv {
  padding-left:12px;
  background-image:URL('logos/list_item.png');
  background-repeat:no-repeat;
  background-position:1px 6px;  
}

div#kustantajaNavigation div.kustantajaLinkDiv a,
div#kustantajaNavigation div.kustantajaLinkDiv a:visited,
div#kustantajaNavigation div.kustantajaLinkSelectedDiv a,
div#kustantajaNavigation div.kustantajaLinkSelectedDiv a:visited {
  color:#000066;
  text-decoration:none;
}

div#kustantajaNavigation div.kustantajaLinkDiv a:hover,
div#kustantajaNavigation div.kustantajaLinkSelectedDiv a:hover {
  text-decoration:underline;
}

/* Tuotelista */
table.productList {
  border:6px solid #EDEFEF;   
  margin:0px;
  padding:0px;
  width:386px;
  border-collapse:collapse;
}

table.productList td {
  border:none;
  padding:8px;
}

table.productList td.odd {
  background-color: #EDEFEF;
}

table.productList form {
  margin:0px;
  padding:0px;
}

table.productCard  {
  margin:0px 0px 12px 0px;
  width:358px;
}

table.productCard td {
  padding:0px;
  vertical-align:top;
}

table.productCard td.text {
  padding-right:8px;
  /* width:235px; */
}

table.productCard td.image {
  white-space:nowrap;
  font-size:7pt;  
  font-weight:bold;
  color:#000066;
  width:116px;
}

table.productCard img.productImage {
  border: 1px solid #0D0D6D;
  margin:0px 0px 6px 0px;
}

/* Yhden tuotteen tiedot, pääelementti */
div.productCardDetail {
  border:5px solid #EDEFEF;
  padding:10px;
}

div.productCardDetail div.imageInfo {
  position:relative;
  float:right;
  margin:5px 0px 20px 5px;
  width:170px;
}

div.productCardDetail div.imageInfo img.productImage {
  border: 1px solid #0D0D6D;
  margin:0px 0px 2px 0px;
  width:168px;
}

/* Div jossa näytetään tuotelistan järjestyksen asettaminen */
div.productListOrderControlDiv {
  text-align:center;
}

div.productListOrderOptionsDiv {
  margin-top:4px;
  border-top:1px solid #B9BABA;
  border-bottom:1px solid #B9BABA;
  padding:2px;
  text-align:center;  
}



input.addToCartSubmit {
  display:block;
  border:none;
  color:#000066;
  font-size:7pt;
  font-weight:bold;
  font-family:verdana;
  height:20px;  
  background-image:URL('logos/add_cart_small.gif');
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-color:white;
  padding-left :18px;
  margin-bottom:2px;
  margin-top:5px;
  cursor:hand;    
}

input.addToCartSubmit:hover,
input.addToCartSubmitGray:hover {
  text-decoration:underline;
}

input.addToCartSubmitGray {
  border:none;
  color:#000066;
  font-size:7pt;
  font-weight:bold;
  font-family:verdana;
  height:20px;  
  background-image:URL('logos/add_cart_small.gif');
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-color:#EDEFEF;
  padding-left :18px;
  margin-bottom:2px;
  margin-top:5px;
}

/* Lomakkeen muotoilut */
form {
  margin:0px;
}

div.formDiv {
  padding:6px;
  background-color:#EDEFEF;
}

table.form {
  border-collapse:collapse;
  background-color:#EDEFEF;
  color:#2C2D1F;
  width:372px;
  font-size:8pt;
}

table.form th.header {
  padding:3px 0px 5px 0px;
  border-bottom:1px solid #B9BABA;
  font-weight:bold;
  text-align:left;
}

table.form th {
  width:140px;
  padding:0px 6px 0px 0px;
  text-align:right;
  font-weight:normal;
}

table.form td {
  padding:1px;
}

table.form select {
  color:#000066;
  font-family:verdana;
  font-weight:bold;
  font-size:8pt;
}

table.form select, 
table.form input.text,
table.form textarea {
  border:1px solid #B9BABA;
  font-family:verdana;
  padding:2px 2px 2px 2px;
  height:21px;
  width:222px;
}

table.form textarea {
  height:120px;
  font-size:8pt;
}

table.form select.short {
  height:21px;
  width:auto;
}

table.form input.submit {
  margin-top:5px;
  border:none;
  padding:3px 16px 3px 2px;
  background-image:URL('logos/arrow_right_gray.png');
  background-repeat:no-repeat;
  background-position:92% 55%;
  
  background-color:#B9BABA;
  font-family:verdana;
  font-weight:bolder;
  font-size:8pt;
  color:white;
}


/* hakulomake */
div.searchFormDiv {
  padding:6px;
  background-color:#EDEFEF;
}

table.searchForm {
  border-collapse:collapse;
  background-color:#EDEFEF;
  color:#2C2D1F;
  width:372px;
  font-size:8pt;
}

table.searchForm th.header {
  padding:3px 0px 5px 0px;
  border-bottom:1px solid #B9BABA;
  font-weight:bold;
  text-align:left;
}

table.searchForm th {
  width:140px;
  padding:0px 6px 0px 0px;
  text-align:right;
  font-weight:normal;
}

table.searchForm td {
  padding:1px;
}

table.searchForm select {
  color:#000066;
  font-family:verdana;
  font-weight:bold;
  font-size:8pt;
}

table.searchForm select, table.searchForm input.text {
  border:1px solid #B9BABA;
  font-family:verdana;
  padding:2px 2px 2px 2px;
  height:21px;
  width:222px;
}

table.searchForm select.short {
  height:21px;
  width:auto;
}

table.searchForm input.submit {
  margin-top:5px;
  border:none;
  padding:3px 10px 3px 2px;
  background-image:URL('logos/arrow_right_gray.png');
  background-repeat:no-repeat;
  background-position:90% 55%;
  
  background-color:#B9BABA;
  font-family:verdana;
  font-weight:bolder;
  font-size:8pt;
  color:white;
}

/* Checkout tapahtuman tyylejä */
p.smallfade {
  font-size:0.9em;
  color:#676969;
}

table.progressBar {
  width:100%;
  margin-bottom:6px;
  border-collapse:collapse;
  color:#2C2D1F;
}

td.pbinactive {
  border-bottom:1px solid #B9BABA;
  border-top:1px solid #B9BABA;
}

td.pbactive {
  border-bottom:1px solid #B9BABA;
  border-top:1px solid #B9BABA;
  background-color:#C60029;
  color:white;
}


/* Cloverin omia */
/* Shopping cart styles, applies to shopping cart table area */
TD.cartsmall {
  font-size:7pt;
  padding : 5px;
  border-bottom : 1px solid #f3f3f3;
}

TD.cartbasic {
  font-size:8pt;
  padding : 5px;
  border-bottom : 1px solid #f3f3f3;
} 

P.cartbasic {
} 

TD.carttotal {
  padding : 5px;
  border-bottom : 1px solid #f3f3f3;
} 

P.carttotal {
  font-weight : bold;
}