﻿/***
shop - verkkokauppa
****/

h1.shop {
	text-transform: uppercase;
}

span.req {
	color: #92AF00;
	margin: 0 4px;
}

.shop_nav_act {
	background-color: white;
/*	background-image: url(/images/shop_arrow.gif);
	background-repeat: no-repeat;
	background-position: right top; */
	font-weight: bold;
}

.shop_nav_inert {
	background-color: #CCCCCC;
}

.shop_nav td {
	height: 22px;
	vertical-align: middle;
	padding-left: 7px;
	padding-right: 20px;
}

.shopping_cart tr.items {
	background: url('/images/customer/blue_dash.gif') repeat-x bottom left;
}

.shopping_cart th {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 8px;
	border: 0px;
}

.shopping_cart td.item, .shopping_cart td.tax, .shopping_cart td.price, .shopping_cart td.price {
	vertical-align: middle;
	border: 0px;
	padding: 8px 0px;
}

.shopping_cart {
	border-collapse: collapse;
}

.shopping_cart .item {
	width: 450px;
}

.shopping_cart .tax {
	width: 87px;
}

.shopping_cart .price {
	width: 73px;
}

.shopping_cart .controls {
	width: 60px;
	vertical-align: middle;
}

.form_user_info {}
.form_user_info td {}
.form_user_info input {}

/***** Juhanin lisäämät väliaikaset jutskat putskat ****/

div#shop_nav {
	margin-bottom: 15px;
}

div#shop_nav .active {
	text-decoration: underline;
	font-weight: bold;
}

div#ristiinmyynti, div#tuotenosto {
	width: 485px;
	background: url('/images/customer/highlight_box_top.gif') no-repeat top left;
	padding-top: 4px;
	margin: 20px 20px 50px 71px;
}

div#tuotenosto {
	clear: both;
	margin-top:95px;
	min-height: 90px;
}

div#ristiinmyynti div.border, div#tuotenosto div.border {
	margin-top: 4px;
	background: url('/images/customer/highlight_box_repeater.gif') transparent repeat-y top center;
	padding-bottom: 18px;
}

div#ristiinmyynti h4, div#ristiinmyynti div.product,
div#tuotenosto h4, div#tuotenosto div.product {
	margin: 0px 23px;
}

div#ristiinmyynti h4, div#tuotenosto h4 {
	padding-top: 15px;
	font-size: 12px;
}

div#ristiinmyynti div.product, div#tuotenosto div.product  {
	padding: 8px 0px;

}

#page_content div#ristiinmyynti div.separator, #page_content div#tuotenosto div.separator, #page_content div.separator {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: url('/images/customer/blue_dash.gif') repeat-x bottom left;
	margin-top: 8px;
}

div#ristiinmyynti div.separator, div#tuotenosto div.separator {
	margin: 0px 22px;
}

div#ristiinmyynti div.bottom_deco, div#tuotenosto div.bottom_deco  {
	width: 485px;
	height: 5px;
	line-height: 5px;
	font-size: 5px;
	background: url('/images/customer/highlight_box_bottom.gif') transparent no-repeat bottom center; 
}

/************ TARJOUSPYYNTO *************/

#tarjouspyynto form .shopping_cart td {
	vertical-align: top;
}

#tarjouspyynto form .shopping_cart .item {
	width: 330px;
	padding-right: 90px;
}

#tarjouspyynto form .shopping_cart .tax,
#tarjouspyynto form .shopping_cart .controls {
	width: 127px;
}

#tarjouspyynto form.tapy input.text, #tarjouspyynto .tax input.text { 
	height: 17px;
	margin-top: 6px;
}
#tarjouspyynto form.tapy textarea {
	border: 1px solid #777777;
	border-bottom: 2px solid silver;
	border-top: 2px solid silver;
}

#tarjouspyynto .tax .text {
	width: 50px;
}

#tarjouspyynto .controls {
	padding-top: 5px;
}

#tarjouspyynto .controls div.widget_button {
	display: inline;
}

#tarjouspyynto .controls div.widget_button input, 
#tarjouspyynto .controls div.widget_button a {
	margin: 0;
}

#tarjouspyynto .error_box {
	margin-top: 22px;
	border: 1px solid #92AF00;
	padding: 12px;
	width: 450px;
}

form.tapy {
	margin-top: 26px;
}

form.tapy .form_controls {
	margin-left: 180px;
	height: 38px;
	width: 275px;
}

form.tapy .form_controls .widget_button {
	float: right;
}

form.tapy span.req {
	color: #92AF00;
	margin-left: 4px;
}

#page_content form.tapy textarea {
	width: 450px;
	clear: both;
}

div.tapy_thanks {
	margin: 30px 0;
}


/********* KIRJAUTUMINEN *********/

form.shop_login {	
}

#page_content form.shop_login input.text {	
	clear: both;
	width: 150px;
	height: 17px;

	margin-top: 3px;
	margin-bottom: 1px;

	padding: 0px 5px;
	font-size: 13px;
	color: #999999;

	border: 1px solid #777777;
	border-bottom: 2px solid silver;
	border-top: 2px solid silver;
}

form.shop_login .buttons {
	margin-top: 4px;
	margin-bottom: 20px;
}


/******* MAKSUTAPA ********/

.maksutapa table {
	vertical-align: middle !important;
}

.maksutapa h2.maksu {
	width: 100%;
	background: #e0e0e0;
	padding: 6px 11px;
}

.maksutapa table.buttons {
	margin-top: 0px;
	
}

.maksutapa td.flatrow input, .maksutapa input#pay_visa, .maksutapa input#pay_corp {
	float: left;
	height: 14px;
	width: 14px;
	margin-top: 2px;
	margin-left: 0px;
}

.maksutapa table#verkkomaksu, .maksutapa div#lasku {
	margin-left: 3px;
}

.maksutapa table#verkkomaksu td {
	padding: 7px 50px 0 0;
}

.maksutapa table#verkkomaksu td.flatrow {
	height: 17px !important;
	padding-bottom: 12px;
}

.maksutapa table#verkkomaksu td.flatrow span {
	margin: 0px;
	margin-left: 3px;
}
.maksutapa table#luottokortti {
	margin-left: 3px;
	margin-bottom: 24px;
}

.maksutapa table#luottokortti table {
	padding-bottom: 8px;
}

.maksutapa table#luottokortti img#logo_cc {
	margin-top: 6px;
}

.maksutapa table#luottokortti table td {
	padding-right: 30px;
}

.maksutapa table#luottokortti table input {
	margin-top: 0px;
	height: 18px;
}

.maksutapa table#luottokortti table select {
	margin-top: 1px;
	border: 1px solid #777777;
	border-bottom: 2px solid silver;
	border-top: 2px solid silver;
}

.maksutapa table#luottokortti table td span {
	vertical-align: -10%;
	line-height: 12px;
	font-size: 16px !important;
}

.maksutapa table#luottokortti table input#ccnumber {
	width: 205px;
}

.maksutapa table#luottokortti table input#varmenne {
	width: 68px;
}

.maksutapa table#luottokortti td#pay_cc {
	padding-top: 2px;
	padding-bottom: 8px;
}

.maksutapa table#luottokortti td#pay_cc span {
	margin:0 0 0 3px;
}

.maksutapa table#luottokortti #pay_visa {
}

.maksutapa div#lasku div {
	padding-top: 7px;
}

.maksutapa div#lasku #pay_corp {
}

.maksutapa div#lasku #pay_corp span {
	margin:0 0 0 3px;
}

.maksutapa table.buttons {
	margin-left: 157px;
}

/************ MAKSUN HYVÄKSYMINEN **************/

table#maksun_tiedot {
	width: 500px;
	border: 0;
	height: 230px;
	margin-left: 85px;
}

table#maksun_tiedot td {
	border: 1px solid #555555;
	padding: 10px;
}

form#hyvaksyminen .buttons {
	margin-top: 6px;
	margin-left: 225px;
}

#luottokunta_form .button,
form#hyvaksyminen .button { /* centered */
	margin: 7px 280px;
}

#luottokunta_form table#maksun_tiedot { margin-left: 0; }
#luottokunta_form .button 
{
	margin: 7px 220px;
}

/************* Yhteenveto *****************/

.yhteenveto td {
	height: 22px;
	vertical-align: top;
	padding-left: 7px;
	padding-right: 20px;
}

.yhteenveto tr.items {
	background: url('/images/customer/blue_dash.gif') repeat-x bottom left;
}

.yhteenveto tr.titles {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 8px;
	border: 0px;
}

.yhteenveto td.item, .yhteenveto td.tax, .yhteenveto td.total_no_tax, .yhteenveto td.total_with_tax {
	vertical-align: middle;
	border: 1px;
	padding: 8px 0px;
	padding-left: 7px;
}
.yhteenveto td.item {
	padding: 0px;
}

.yhteenveto .sums td {
	margin-top: 8px;
}

.yhteenveto .sums td {
	font-weight: bold;
}
.yhteenveto td span.mini {
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
}

.yhteenveto {
	border-collapse: collapse;
}

.yhteenveto .item {
	width: 450px;
}

.yhteenveto .tax {
	width: 66px;
}

.yhteenveto .total_no_tax {
	width: 66px;
}

.yhteenveto .total_with_tax {
	width: 66px;
}

.yhteenveto_sum {
	font-weight: bolder;
}

.yhteenveto_sum td.key {
	width: 132px;
}

