/******************************
 * HITTIMAATTI CSS
 *****************************/
 
html
{
overflow: -moz-scrollbars-vertical;
}

body
{
font-family: Verdana, Arial;
color: #000000;
background-color: #CCCCCC;
font-size: 10px;
}

TD.linkbar
{
background-image: url(images/shop/linkbar.gif);
width: 600px;
height: 25px;
padding-top: 8px;
color: #000000;
font-size: 10px;
}

TD.up_middle
{
background-image: url(images/shop/up_middle.gif);
width: 600px;
height: 123px;
}

TD.pathbar
{
background-image: url(images/shop/pathbar.gif);
width: 600px;
height: 25px;
color: #000000;
font-size: 10px;
text-indent: 10px;
padding-top: 6px;
}

a.topic { background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 10px;}
a.topic:hover{ background: transparent; color: #000000; font-weight: normal; text-decoration: underline; font-size: 10px;}

/* INDEX PAGE */


TABLE.index
{
width: 100%;
border: 1px solid #FFFFFF; 
}

TD.news
{
background-color: #FFFFFF;
border-right: 1px dotted #B1B1B1; 
}

TD.headlines
{
width: 170px;
height: 25px;
background-image: url(images/shop/topic.gif);
}


/* NEWS PAGE */


TABLE.news
{
width: 100%;
border: 1px solid #FFFFFF; 
}

TD.news_headlines
{
border-top: 1px solid #B1B1B1; 
border-bottom: 1px solid #B1B1B1; 
background-color: #FFFECD;
color: #AB0200;
}

/* CHARTS PAGE */


TABLE.charts
{
width: 100%;
border: 1px solid #FFFFFF; 
}

TD.charts_headlines
{
border-top: 1px solid #B1B1B1; 
border-bottom: 1px solid #B1B1B1; 
background-color: #FFFECD;
color: #AB0200;
}

/* SEARCH PAGE */


TABLE.search
{
width: 100%;
border: 1px solid #FFFFFF; 
}

/* FEEDBACK PAGE */


TABLE.search
{
width: 100%;
border: 1px solid #FFFFFF; 
}

/* DELIVERY TERMS PAGE */


TABLE.dterms
{
width: 100%;
border: 1px solid #FFFFFF; 
}


/* CONTENT */


TD.content
{
width: 590px;
background-color: #FFFFFF;
font-size: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

/* PRODUCTS STYLE CATALOGUE */


TABLE.catalogue
{
background-color: #FFFFFF;
width: 100%;
border: 1px solid #FFFFFF;
}

TD.catalogue_head
{
border-bottom: 1px solid #B1B1B1;
border-top: 1px solid #B1B1B1;
font-weight: normal;
background-color: #FFFECD;
color: #AB0200;
}

TD.catalogue_info
{
background-color: #FFFFFF;
}

/* PRODUCTS STYLE LIST */


TABLE.list
{
width: 100%;
border: 1px solid #FFFFFF; 
}

TD.list_head
{
border-bottom: 1px solid #B1B1B1;
border-top: 1px solid #B1B1B1;
font-weight: normal;
background-color: #FFFECD;
color: #000000;
}

TD.list_background
{
background-color: #F1F1F1;
}

/* PRODUCT INFO */


TABLE.product
{
background-color: #FFFFFF;
width: 100%;
border: 1px solid #FFFFFF; 
}

TD.product_head
{
border-top: 1px solid #B1B1B1; 
border-bottom: 1px solid #B1B1B1; 
font-weight: normal;
background-color: #FFFECD;
color: #AB0200;
}

/* SHOPPING CART */


TABLE.cart
{
width: 100%;
border: 1px solid #FFFFFF; 
}

TD.cart_head
{
border-bottom: 1px solid #B1B1B1;
border-top: 1px solid #B1B1B1;
font-weight: normal;
background-color: #FFFECD;
color: #000000;
font-size: 10px;
}

/* TEXT TYPES */


a.text  			{ background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 10px;}
a.text:hover   { background: transparent; color: #000000; font-weight: normal; text-decoration: underline; font-size: 10px;}

a.text_underline 			{ background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 10px;}
a.text_underline:hover  { background: transparent; color: #000000; font-weight: normal; text-decoration: underline; font-size: 10px;}

a.title			{ background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 10px;}
a.title:hover  { background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 10px;}

a.medium			{ background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 12px;}
a.medium:hover { background: transparent; color: #000000; font-weight: normal; text-decoration: underline; font-size: 12px;}


H1.headline
{
font-weight: bold;
font-size: 12px;
}

p.text
{
font-size: 10px;
display: inline;
}

p.red_text
{
color: #AB0200;
font-size: 10px;
display: inline;
}

p.text_medium
{
font-size: 12px;
display: inline;
font-weight: normal;
}

p.text_big
{
font-size: 14px;
display: inline;
font-weight: normal;
}

p.red_text_medium
{
color: #AB0200;
font-size: 12px;
display: inline;
font-weight: normal;
}

p.red_text_big
{
color: #AB0200;
font-size: 14px;
display: inline;
font-weight: normal;
}

/* NAV */


TD.left_nav
{
background-color: #FFFECD;
border-right: 1px solid #B1B1B1; 
border-left: 1px solid #B1B1B1;
}

TD.right_nav
{
background-color: #FFFECD;
border-right: 1px solid #B1B1B1; 
border-left: 1px solid #B1B1B1;
}

/* LEFT BOXES*/


HR
{
color: #B1B1B1;
border: 0;
width: 100%;
height: 1px;
background-color: #B1B1B1;
}

TD.left_box_up_title
{
background-image: url(images/shop/up_left_nav.gif);
width: 200px;
height: 25px;
font-size: 10px;
}

TD.left_box_title
{
background-image: url(images/shop/left_topic.gif);
height: 25px;
padding-top: 6px;
color: #000000;
font-size: 10px;
}

TD.left_box_content
{
background-color: #FFFFFF;
font-size: 10px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
border-color: #B1B1B1;
border-top-width: 0px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}

/* RIGHT BOXES*/


TD.right_box_up_title
{
background-image: url(images/shop/up_right_nav.gif);
width: 150px;
height: 25px;
font-size: 10px;
}

TD.right_box_title
{
background-image: url(images/shop/right_topic.gif);
height: 25px;
padding-top: 6px;
color: #000000;
font-size: 10px;
}

TD.right_box_content
{
background-color: #FFFFFF;
font-size: 10px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
border-color: #B1B1B1;
border-top-width: 0px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}

/* CART BAR */


TD.cartbar
{
background-image: url(images/shop/cartbar.gif);
width: 600px;
height: 25px;
padding-top: 4px;
color: #AFC7D1;
font-size: 10px;
font-weight: bold;
}

/* FORMS */


form.inline
{
display: inline;
}

/* Tekstikenttien värit ja reunat */
textarea, input, select
{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #B1B1B1;
font-size: 10px;
font-weight: normal;
}

/* BUTTONS COLORS AND BORDERS */


input.button 
{
background-color: #FAF630;
color: #000000;
font-size: 10px;
font-weight: normal;
border-color: #000000;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}

input.image_button 
{
color: #004C6C;
font-size: 10px;
font-weight: bold;
border: 0px;
}

/* CATEGORY MENU */


a.category        		{ background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 12px;}
a.category:hover    { background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 12px;}
a.subcategory   		{ background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 12px;}
a.subcategory:hover    { background: transparent; color: #000000; font-weight: normal; text-decoration: none; font-size: 12px;}

TABLE.category
{
border-style: solid;
border-color: #B1B1B1;
border-top-width: 0px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

TD.category_title
{
background: url(images/shop/arrow_black.gif) no-repeat left;
padding: 2px;
background-color: #FAF630;
}

TD.category 
{
padding: 2px;
background-color: #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

TD.selected_category
{
background: url(images/shop/arrow.gif) no-repeat left;
padding: 2px;
background-color: #FFFFFF;
border-top: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
}p.yhteys {text-align: center;}