body {
    margin: 0;
    padding: 0;
    background: #CACACA url('../images/tausta.jpg') repeat-x top left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

/* GENERAL STYLES */

* {
    margin: 0;
    padding: 0;
}

a.headerlink, a.headerlink:link, a.headerlink:visited {
    color: #747474;
    text-decoration: none;
} 

a.headerlink:hover, a.headerlink:active{
    color: #747474;
    text-decoration: underline;
} 

    

p {
    padding: 5px 0;
}

form p {
    padding: 2px 0;
}

table td {
    vertical-align: top;	
}

.required {
    color: #0C8E0A;
    font-weight: bold;
    
}
.success {
    color: #66A324;
}

.small {
    font-size: 11px;
}   

.error {
    color: #D80500;
}

.nowrap {
    white-space: nowrap;
}

a, a:link, a:visited {
    color: #000;
    text-decoration: underline;
}

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

a img {
    border: none;
}

.left {
	text-align : left;
}

.center {
	text-align : center;
}

.right {
	text-align : right;
}

span.offline {
    text-decoration: line-through;
}

a.register, a.register:link, a.register:visited {
    color: #70A33A;
    font-weight: bold;
    text-decoration: underline;

}

a.register:hover, a.register:active {
    color: #70A33A;
    font-weight: bold;
    text-decoration: none;
 
}

span.logged_in {
    display: inline;
    vertical-align: middle;
}

h1 {
   color: #747474;
   font-size: 22px;
   margin-bottom: 5px;
}

h2 {
    color: #747474;
    font-size: 18px;
    margin-bottom: 5px;
}

h3 {
    color: #747474;
    font-size: 16px;
    margin-bottom: 5px;
}

h4 {
    color: #747474;
    font-size: 14px;
    margin-bottom: 5px;
}

a, a:link, a:visited {
    text-decoration: underline;
    color: #000;
    
}

a:hover, a:active {
    text-decoration: none;
    color: #000;
    
}

input {
	font-family: Arial, Helvetica, sans-serif;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}


div#container {
    width: 946px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    margin-bottom: 20px;
  
}

div#header {
    width: 946px;
    height: 94px;
    padding-top: 29px;
}

div#top_header {
    width: 946px;
    text-align: right;
    height: 21px;
    position: absolute;
    top: 10px;
    left: 0;
 
}

div#top_header p {
    margin-top: 0;
    padding-top: 0;
}

a.shopping_cart_total, a.shopping_cart_total:link, a.shopping_cart_total:visited {
    font-size: 11px;
    display: block;
    width: 127px;
    float: right;
    text-align: center;
    border: 1px solid #99AF33;
    text-decoration: underline;
    padding-bottom: 2px;
    clear: both;
}

a.shopping_cart_total:hover, a.shopping_cart_total:active {
    font-size: 11px;
    display: block;
    width: 127px;
    float: right;
    text-align: center;
    border: 1px solid #99AF33;
    text-decoration: none;
    padding-bottom: 2px;
}

div#navigation_holder {
    width: 946px;
    margin-top: 3px;
    height: 63px;

}

div#navigation_holder table {
    border-collapse: collapse;
    width: 946px;

}

div#navigation_holder table td#logo {
    text-align: left;
    width: 155px;
}

div#navigation_holder table td#navigation_container {
    text-align: right;
}

div#navigation_holder table td {

    vertical-align: bottom;
}

div#top_header a, div#top_header a img  {
    vertical-align: middle;
}

form#frm_search {
    display: inline;
    margin: 2px 20px 2px 5px;
    vertical-align: middle;
    padding-top: 2px;
}


div#navigation_path {
    width: 946px;
    font-size: 11px;
    line-height: 28px;
    height: 28px;
    padding: 0 25px;
     color: #636363;
}

div#navigation_path a, div#navigation_path a:link, div#navigation_path a:visited  {
    color: #636363;
    text-decoration: none;
}

div#navigation_path a:hover, div#navigation_path a:active  {
    color: #636363;
    text-decoration: underline;
}

#frm_search input.searchbox {
    border: 1px solid #97B030;
    width: 150px;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 17px;	
}

#frm_search input.search_btn {
    background-color: #66A324;
    border: none;
    color: #fff;
    padding: 1px 4px;
    font-size: 12px;   
}

/* first page content */

div#first_page_content {
    width: 946px;
    background-color: #fff;
 

}

div.firstpage_text {
    font-weight: bold;
    float: right;
    margin: 25px;
    font-size: 13px;
    padding-bottom: 100px;
    
}

table.contentContainer {
    width: 946px;
    border-collapse: collapse;
}

table.contentContainer td.leftContainer {
    width: 524px;	
}
table.firstPage {
    width: 946px;
    
}

table.firstPage td.leftContainer {
    width: 641px;
    border-right: 5px solid #F0F0F0;	
}

table.firstPage td.rightContainer {
    width: 310px;
}

table.contentContainer td.rightContainer {
    width: 422px;
}

div#categories {
    background-color: #fff;
    margin-bottom: 5px;
}

/* INFO PAGES AND CONTENT */

div#info_page_sections {
    margin-right: 5px;
    width: 529px;
}




div.pagesectioncontainer {
    padding: 15px 30px;
    background-color: #fff;
    margin-bottom: 5px;
    
}

div.pagesectioncontainer ul,
div.pagesectioncontainer ol {
    margin-left: 15px;

}


.leftContainer ul,
.leftContainer ol {
	margin: 10px 0;
}


.leftContainer ul li,
.leftContainer ol li {
	list-style-position: inside;
	
}

div.pagesectioncontainer .offline {
    font-size: 85%;
}

.thumbborder {
    border: 1px solid #66A324;
}

.sectionimageonlyright {
    text-align: right;
}

.sectionimageonlycenter {
    text-align: center;
}


.sectionimageonlyleft {
    text-align: left;
}

div.sectionimageleft
{
    float: left;
    padding: 0 20px 20px 0;
}

div.sectionimageright
{
    float: right;
    padding: 0 0 20px 20px;
}

div.horizontal_image
{
    float: left;
    padding: 0 20px 10px 0;
}

div.horizontal_images {
    clear: both;
}


div#categories {
    padding: 15px 30px;
    
}

div#search_header {
    width: 469px;
}

div#category_product_container {
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
    margin-right: 5px;
    width: 529px;
}

.search_result #category_product_container {
    margin-right: 5px;
}

table.contentContainer td.leftContainer .noBorder {
    border-top: none !important;
}

div#categories table.itembox {
    width: 352px;
    color: #656565;
    font-weight: bold;
}

div#categories table.itembox td {
    padding-bottom: 10px;
}

div#categories table.itembox td.link_content {
    width: 137px;
    padding-right: 5px;
}

div#categories table.itembox td.link_image {
    width: 220px;
    
}

td.link_content a, td.link_content a:link, td.link_content a:visited {
    color: #0293D2;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

td.link_content a:hover, td.link_content a:active {
    color: #0293D2;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
}


td.link_content a.on, td.link_content a.on:link, td.link_content a.on:visited {
    color: #517E2B;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
}

td.link_content a.on:hover, td.link_content a.on:active {
    color: #517E2B;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

div.empty {
    
    height: 250px;
    background-color: #fff;
    margin-right: 5px;
}

div.category_products {
    padding: 15px 30px;
    margin-top: 5px;
    background-color: #fff;
}

div.top_product {
    margin-top: 0;
}

div.category_products table.product_price_container {
    margin-top: 10px;
}

div.category_products table.product_price_container td {
    vertical-align: middle;
}

div.category_products .price {
    font-size: 20px;
    font-weight: bold;
    color: #686868;
}

input.kpl {
    padding: 3px 2px;
    border: 1px solid #A2B66E;
    font-size: 11px;
    margin-right: 4px;
    width: 30px;
    text-align: center;
}

input.add_to_shopping_cart {
    background-color: #66A324;
    border: none;
    color: #fff;
    padding: 2px 5px;
    margin-left: 2px;
}


table.category_product {
    width: 464px;
}

table.category_product td.product_image {
    width: 135px;
    padding-right: 15px;
}

table.category_product td.product_teaser {
    width: 314px;
}

table.category_product td.product_teaser h2 {
    padding-bottom: 8px;
    line-height: 1.1em;
}

.subtitle {
    font-size: 12px;
}

div.no_picture {
    width: 135px;
    height: 135px;
    border: 1px solid #EDEDED;
    text-align: center;
    line-height: 150px;
    color: #656565;
}

table.category_product td.product_teaser a {
    color: 
}

p.readmorelink {
    padding: 5px 0;
}


p.readmorelink a, p.readmorelink a:link, p.readmorelink a:visited {
    color: #67A623;
    text-decoration: none;
}

p.readmorelink a:hover, p.readmorelink:active {
    color: #67A623;
    text-decoration: underline;
}

/* PRODUCT DETAILS */


table.product_container{
    width: 946px;
    border-collapse: collapse;
    border-top: 5px solid #666;
}

td.product_header .offline {
    font-size: 85%;
}


table.product_container td.leftContainer {
    width: 245px;
}

div#product_image_container {
    background-color: #fff;
    padding: 50px 30px;
    margin-right: 5px;
    width: 170px;
    border: 5px solid #fff;
    position: relative;
}

div#product_image_thumb {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

div#product_picture_bottom {
    border-top: 2px solid #666;
    margin-right: 5px;
}


div#product_information_end {
   border-top: 2px solid #666;
   margin-right: 5px;
 
}

table.product_container td.product_details {
    width: 425px;
}

table.product_container td.product_details td.amount {
    padding-top: 8px;
    vertical-align: middle;
}

p.gray {
    color: #696969;
}

td.product_details div.product_information {
    padding: 20px 30px;
    width: 360px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: #fff;
}


div.product_information ul {
    padding-left: 20px;
    list-style-type: square;
}

td.product_details div.product_information_top {
    margin-top: 0;
    padding: 20px 30px;
    width: 360px;
    margin-right: 5px;
    background-color: #fff;
}

table.product_container td.product_rightContainer {
    width: 276px;
}

td.product_rightContainer div#categories {
    padding: 15px 30px;
}

td.product_rightContainer div#categories table.itembox {
    width: 216px;
}

td.product_leftContainer .no_picture {
    margin: 0 auto;
}


/* SHOPPING CART INC */

div#shopping_cart_content {
    padding: 20px 15px;
    background-color: #fff;
    
}

div.shopping_cart_display {
    padding-left: 22px;
    height: 22px;
    width: 70px;
   
    
}

div#hide_shopping_cart {

    background: #fff url('../icon/piilota_alas.gif') no-repeat top left;
    display: block;

}

div#show_shopping_cart {
    background: #fff url('../icon/piilota_ylos.gif') no-repeat top left;
    display: block;
}

div.shopping_cart_display2 {
    padding-left: 22px;
    height: 22px;
    width: 70px;
    
}

div#hide_shopping_cart2{

    background: #fff url('../icon/piilota_alas.gif') no-repeat top left;
    display: block;

}

div#show_shopping_cart2 {
    background: #fff url('../icon/piilota_ylos.gif') no-repeat top left;
    display: none;
}


table.shopping_cart_content td.colored {
    background-color: #ECECEC;
}

table.shopping_cart_content td {
    padding: 4px 3px;
}

table.shopping_cart_content a, table.shopping_cart_content a:link, table.shopping_cart_content a:visited {
    color: #000;
    text-decoration: none;
}

table.shopping_cart_content a:hover, table.shopping_cart_content a:active {
    color: #000;
    text-decoration: underline;
}

table.shopping_cart_total {
    border-top: 2px solid #666;
    margin: 2px 0 10px 0;
}

table.shopping_cart_total td {
    padding: 4px 3px;

}


/* SHOPPING CART */

div#stage_indicator {
    background-color: #fff;
    padding: 8px;
    margin-bottom: 5px;
}

table.shopping_cart_container {
    width: 946px;
    border-top: 5px solid #666;
}

table.shopping_cart_container td.leftContainer {
    width: 670px;
}



div#stage_indicator table.cartbox td {
    padding: 5px;
    font-weight: bold;
    color: #666;
    font-size: 14px;
}

div#stage_indicator table.cartbox td.stageon {
    background-color: #477E2A;
    color: #fff;
}

table.shopping_cart_container td.rightContainer {
    width: 276px;
}



table.cart_header td {
    vertical-align: middle;
    padding: 5px 5px;
    
}

.orderbox {
    margin: 2px 5px 2px 0;
    
}

.orderbox td {

    background-color: #fff;
    border-right: 2px solid #D4D4D4;
    border-bottom: 2px solid #D4D4D4;
    vertical-align: middle;
  
}

.orderbox .cart_content {
    padding: 5px;
    
}

.orderbox td.last {
    border-right: none;
}

.orderbox td.total {
    border-right: none;
    border-bottom: none;
}

.orderbox td.total .cart_content {
    padding: 1px 5px;
}

.orderbox .addpadding {
    padding-right: 15px;
}

.orderbox .header {
    background-color: #66A324;
    color: #fff;
    font-weight: bold;
    padding: 10px 5px 5px 5px;
    font-size: 13px;
    
}

.orderbox .alv {
    color: #636363;
    font-weight: bold;	
}
p.alv {
	white-space: nowrap;
}

#payment_container {
    border-top: 2px solid #666;   
    width: 670px;

}

div.delivery_header {
    background-color: #fff;
    float: left;
    width: 275px;
    padding: 20px 30px 10px 30px;
    margin-bottom: 5px;
}

div.payment_header {
    background-color: #fff;
    float: left;
    width: 305px;
    padding: 20px 30px 10px 0;
    margin-bottom: 5px;
}



div#delivery_method_content {
    width: 275px;
    padding: 20px 30px;
    margin-bottom: 5px;
    float: left;
    background-color: #fff;
}

div#payment_method_content {
    width: 305px;
    padding: 20px 30px 20px 0;
    margin-bottom: 5px;
    float: left;
    background-color: #fff;
}


.header_container,
.containerElement {
    background-color: #fff;
    margin-bottom: 5px;
    padding: 20px 30px 15px 30px;
}

.emptyContainer {
    background-color: #fff;
    text-align: center;
}

.topBorder {
    border-top: 5px solid #666;
}

.rightMargin {
    margin-right: 5px;
}

.leftMargin {
    margin-left: 5px;
}


.emptyBasket {
    padding: 50px;
}

div#product_header_container {
    position: relative;
    top: 0;
    left: 0;
}

div#product_header_container h1 {
    margin-right: 325px;
}

div#button_container {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 15px;
}

div#button_container a {
    margin-left: 5px;
}

div#button_container img {
    margin-left: 5px;
}

div#button_container a img {
    margin-left: 0;
}

/*div#product_header_container {
    background-color: #fff;
    padding: 20px 30px;
    height: 35px;
    margin-bottom: 5px;
}


div#shopping_cart_header {
    background-color: #fff;
    padding: 20px 30px;
}




div#delivery_info_content,
div#proceed,
div#customer_details,
div#receiver_details,
div#order_summary_header,
div#accept_order,
div#kassa_content {
    padding: 20px 30px;
    background-color: #fff;
    margin-bottom: 5px;
}
*/


div#payment_content_container {
    background-color: #fff;
    margin-bottom: 5px;
}

div#payment_not_payed {
    padding: 20px 30px;
    background-color: #E0E0E0;
    margin-bottom: 5px;
}

/*
div#delivery_info,
div#customer_details_header,
div#receivers_details_header,
div#kassa_header {
    padding: 20px 30px 10px 30px;
    background-color: #fff;
    margin-bottom: 5px;
}

*/

div#proceed {
    width: 610px;
}

div#proceed .tilausvaihenapit {
    float: right;
}

div#delivery_info_content a, div#delivery_info_content a:link, div#delivery_info_content:visited {
    color: #0C8E0A;
    text-decoration: underline;
}

div#delivery_info_content a:hover, div#delivery_info_content a:active {
   color: #0C8E0A;
   text-decoration: none;
}

.noborder {
    vertical-align: middle;
}

table.addresses td {
    padding: 4px 5px;
}

table.addresses label {
    display: block;
    float: left;
    width: 125px;
    clear: both;
}

table.addresses label input {
    float: left;
}

input.text,
textarea.text,
select.text {
    width: 200px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

select.text_small {
    width: auto;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

textarea.text {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

div#customer_details ul {
    margin: 20px;
}

h1 span.payment_method {
    font-size: 15px;
}

div#alv_content {

}

div#alv_content table.alv_table {
    border: 1px solid black;
    width: 250px;
    float: right;
  
}

div#alv_content table.alv_table td.header {
    background-color: #fff;
    color: #000;
    padding: 0px 6px;
}

div#alv_content table.alv_table td {
    border: none;
    padding: 0px 6px;
}

div#payment_coverage {
    position: relative;
    
}

div#hidden_coverage {

    position: absolute;
    top: -9px;
    left: 0;
    
    background-image: url('../images/peite.png');
    background-repeat: repeat-y;
    
    height: 325px;
    width: 670px;
    z-index: 10;
   
}

input.accept_order {
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    background-color: #66A324;
}


table.payment_inner_container {
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
}

table.payment_inner_container td {
    padding: 5px 5px 5px 0;
}


/* LOGIN */

div#login_container {
    background-color: #fff;
    padding: 20px 30px;
    margin-bottom: 5px;
    /*margin-left: 5px; */
}

table.login td {
    padding: 3px 5px 3px 0;
}
input.logintext {
    font-size: 12px;
}

table.rekisteroityminen td {
    padding: 3px 5px;
}

.selite {
    color: #46782C;
    padding: 6px 0;
}


table.customer_orders {
    border: 1px solid #D4D4D4;
}

table.customer_orders td {
    padding: 3px 5px;
}

table.customer_orders .colored {
    background-color: #F0F0F0;
}

table.customer_orders .header {
    color: #fff;
    background-color: #66A324;
    font-weight: bold;
    padding: 6px 5px;
}

div#asiakasvalikko  ul {
    margin-left: 15px;
}

/* ATTACHMENTS TABLE */


table.attachments {
    border: 1px solid #D4D4D4;
}

table.attachments td {
    vertical-align: top;
}

table.attachments .header {
    color: #000;
    font-weight: bold;
    padding: 3px 10px;
    border-bottom: 1px solid #D4D4D4;
    background-color: #CACACA;
}

table.attachments .colored {
    background-color: #F0F0F0;
}

.backbutton {
    margin-top: 10px;
}

ul#contact_info {
    list-style: none;
    padding: 0;
    margin: 0;
	margin-top: 6px;	
}

ul#contact_info li {
    padding: 0 5px 0 15px;
    margin: 0;
	line-height: 15px;
    list-style: none;
    display: inline;
    font-weight: bold;
	color: #000;
    background: transparent url(../images/kelt_bullet.png) no-repeat 0 5px;    
}

ul#contact_info li#first_contact_info {
    background: none;
    
}

#shopping_cart_container,
#customer_orders,
#customer_register,
#info_page_section_container,
#info_page_container {
    width: 675px;
}



#info_page_section_container {
    margin-right: 5px;
    width: 670px;
}

.emptyShoppingBasket {
    padding: 50px auto;
    text-align: center;
    margin: 50px auto;
}


/* help */
body#help {
    background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table.help_table {
    width: 100%;
    border: 1px solid #616161;
    border-bottom: 2px solid #616161;
    border-collapse: collapse;
    background-color: #fff;
}

table.help_table td {
    padding: 0;
    margin: 0;
}

table.help_table td.help_text {
    background-color: #fff;
}

table.help_table td.help_row {
    background-color: #D3D3D3;
    text-align: left;
    vertical-align: middle;
}

table.help_table  p {
    padding: 0 5px 0 15px;
    margin: 10px 0;
    vertical-align: middle;
}

.editor_buttons {
    text-align: left;
 
}

table.help_table td.help_row p img {
    vertical-align: middle;
}

table.help_table td.colored {
    background-color: #E8E8E8;
}

table.editor_buttons {
    background-color: #616161;
}

table.help_table h2 {
    margin: 0;
    padding: 0;
    color: #EADF34;
    font-size: 12px;
    display: inline;
}

table.help_table h2 {
    font-size: 16px;
    padding: 5px 5px 5px 15px;
    display: block;
}

table.help_table td.edit_buttons {
   vertical-align: middle;
}

table.help_table td.edit_buttons input {
    padding-right: 5px;
 
}


.emptyShopBasket {
    background-color: #E9E9E9;
    padding: 10px;
}

div.hintatiedot {
    margin-top: 10px;
}

div.hinta {
    background-color: #EFEFEF;
    padding: 3px 10px 3px 5px;
    margin-bottom: 2px;
}

div.hinta .kpl {
    background-color: #EFEFEF;
}

div.hinta .hintaym  td{
    padding: 2px 2px 2px 0;
}