html {
	/*height: 100%;*/
}
BODY {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
	background-image: url('img/tausta-uusi.gif');
	background-repeat: repeat;
	background-attachment: fixed;
	font-size: 8pt;
	font-family: Arial, Verdana, Sans-serif;
	line-height: 1.5em;
	color: #525252;
}


img {
	border: 0;
}


a:focus {
	outline: none;
}

LABEL {
	cursor: pointer;
}


TD {
	vertical-align: top;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	color: #221E1F;
	line-height: 1.5em;
	word-spacing: 0.1em;
}

TABLE.supertable {
	width: 100%;
	height: 100%;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

TD.super_fade_left {
	background-color: transparent;
	background-image: url('img/super_fade_vasen_alpha.png');
	background-repeat: repeat-y;
	background-position: top right;
}

TD.super_fade_right {
	background-color: transparent;
	background-image: url('img/super_fade_oikea_alpha.png');
	background-repeat: repeat-y;
	background-position: top left;
}

TABLE.maintable {
	width: 1000px;
	height: 100%;
	margin-top: 0px;
	position: relative;
}

TD.maintable_bottom {
	text-align: left;
	padding: 5px;
	padding-right: 10px;
	border-bottom: 2px solid #404040;
	border-right: 1px solid #5B5B5B;
	border-left: 1px solid #5B5B5B;
	border-top: 2px solid #404040;
	color: #E5E5E5;
	background: #515151;
	vertical-align: middle;
	height: 40px;
	cursor: default;
}

TD.maintable_logo {
	background-image: url('img/fade5.gif');
	background-repeat: repeat-x;
	background-color: white;
	width: 50%;
	height: 75px;
	padding-left: 13px;
	padding-top: 9px;
	padding-bottom: 9px;
}

TD.maintable_logo_right {
	background-image: url('img/fade5.gif');
	background-repeat: repeat-x;
	background-color: white;
	width: 50%;
	text-align: right;
	vertical-align: bottom;
	padding: 0;
	border-right: none;
}

TD.location_row {
	height: 22px;
	background-color: #F2D93A;
	background-image: url('img/fade4.gif');
	background-repeat: repeat-x;
	color: black;
	vertical-align: middle;
	font-weight: normal;
	cursor: default;
	letter-spacing: 1px;
}

/*   [][][]   */
TABLE.content_table {
	background: white;
	width: 100%;
	height: 100%;
	border-left: none;
	border-right: none;
}

TD.content_table_left {
	height: 100%;
	border-right: 1px solid #666666;
	padding-top: 8px;
	background-color: #E5E5E5;
	background-image: url('img/fade1.gif');
	background-repeat: repeat-x;
}

TD.content_table_center {
	width: 620px;
	padding: 8px;
	border-right: 1px solid #242424;
	border-bottom: 1px solid #747474;
	background-image: url('img/fade5.gif');
	background-repeat: repeat-x;
	background-color: white;
}

TD.content_table_right {
	width: 165px;
	padding-top: 8px;
	background-color: #2E2E2E;
	background-image: url('img/fade3.gif');
	background-repeat: repeat-x;	
}

TABLE.right_table {
	width: 100%;
	height: 100%;
}

TD.right_table_title {
	height: 22px;
	padding-left: 12px;
	background-color: #E6BE00;
	background-image: url('img/fade4.gif');
	background-repeat: repeat-x;
	color: black;
	vertical-align: middle;
	font-weight: normal;
	cursor: default;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
}

/* Sisäänkirjautuminen epäonnistui */
TD.right_table_title_red {
	height: 22px;
	padding-left: 12px;
	background-color: #CB5F5F;
	background-image: url('img/fade4_red.gif');
	background-repeat: repeat-x;
	color: #2D0000;
	vertical-align: middle;
	font-weight: normal;
	cursor: default;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
}

/* Kirjautuneena sisään */
TD.right_table_title_green {
	height: 22px;
	padding-left: 12px;
	background-color: #44843C;
	background-image: url('img/fade4_green.gif');
	background-repeat: repeat-x;
	color: black;
	vertical-align: middle;
	font-weight: bold;
	cursor: default;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
}

TD.right_table_content {
	background-color: #3E3E3E;
	background-image: url('img/fade2010.gif');
	background-repeat: repeat-x;
	padding: 5px;
	padding-top: 0px;
	color: white;
	cursor: default;
}

/* Sisäänkirjautuminen epäonnistui */
TD.right_table_content_red {
	background-color: #903030;
	background-image: url('img/fade1_red.gif');
	background-repeat: repeat-x;
	padding: 5px;
	padding-top: 0px;
	color: white;
}

/* Kirjautuneena sisään */
TD.right_table_content_green {
	background-color: #335E2C;
	background-image: url('img/fade1_green.gif');
	background-repeat: repeat-x;
	padding: 5px;
	padding-top: 0px;
	color: white;
}


TABLE.left_table {
	width: 100%;
	height: 100%;
}

TD.left_table_title {
	height: 22px;
	padding-left: 12px;
	background-color: #FBE34C;
	background-image: url('img/fade4.gif');
	background-repeat: repeat-x;
	color: black;
	vertical-align: middle;
	font-weight: normal;
	cursor: default;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
}

TD.left_table_content {
	padding: 5px;
	padding-top: 0px;
	cursor: default;
}

TD.left_table_spacer {
	height: 2px;
	background: #557D55;
}

/* OSTOSKORI */

.cart_title {
	background-color: #646464;
	/*background-image: url('img/fade7.gif');*/
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	vertical-align: middle;
	height: 20px;
	padding: 4px;
	border-bottom: 2px solid #515151;
	border-top: 1px solid #656565;
	cursor: default;
}


.cart_title2 {
	background-color: #41683C;
	background-image: url('img/fade8.gif');
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	vertical-align: middle;
	height: 20px;
	padding: 4px;
	border-bottom: 2px solid #385733;
	border-top: 1px solid #43683C;
	cursor: default;
}

TD.cart_row {
	background: #F3F3F3;
	color: #3A3A3A;
	vertical-align: top;
	height: 40px;
	padding: 4px;
	cursor: default;
	border-bottom: 1px solid #D3D3D3;
}

TD.cart_title_bottom {
	color: #3A3A3A;
	font-weight: bold;
	vertical-align: middle;
	height: 20px;
	padding: 4px;
	border-top: 2px solid #515151;
	cursor: default;
}

TD.form_cell_left {
	background-color: #E6E6E6;
	background-image: url('img/ffade1.gif');
	background-repeat: repeat-x;
	color: #3A3A3A;
	vertical-align: top;
	text-align: right;
	height: 14px;
	padding: 4px;
	padding-top: 4px;
	padding-bottom: 2px;
	cursor: default;
	border-bottom: 1px solid #999999;
	/*border-left: 1px solid #BCBCBC;*/
	vertical-align: top;
	width: 40%; 
	font-size: 12px;
}

TD.form_cell_right {
	background-color: #F3F3F3;
	background-image: url('img/ffade2.gif');
	background-repeat: repeat-x;
	color: #3A3A3A;
	vertical-align: top;
	height: 14px;
	padding: 4px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
	cursor: default;
	border-bottom: 1px solid #999999;
	/*border-right: 1px solid #D3D3D3;*/
	vertical-align: top;
	/*width: 60%;       */
}

TD.form_cell_left_err {
	background-color: #FFCDCD;
	background-image: url('img/ffade1e.gif');
	background-repeat: repeat-x;
	color: #740000;
	vertical-align: top;
	text-align: right;
	height: 14px;
	padding: 4px;
	padding-top: 4px;
	padding-bottom: 2px;
	cursor: default;
	border-bottom: 1px solid #BB7777;
	border-left: 1px solid #BCBCBC;
	vertical-align: top;
	width: 40%; 
}

TD.form_cell_right_err {
	background-color: #FFE7E7;
	background-image: url('img/ffade2e.gif');
	background-repeat: repeat-x;
	color: #3A3A3A;
	vertical-align: top;
	height: 14px;
	padding: 4px;
	padding-top: 4px;
	padding-bottom: 2px;
	cursor: default;
	border-bottom: 1px solid #BB7777;
	border-right: 1px solid #D3D3D3;
	vertical-align: top;
	width: 60%;       
}


A.bluelink {
	color: #0000D5;
}

A.bluelink:hover {
	color: blue;
}

/* / OSTOSKORI */


P {
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	color: #221E1F;
	line-height: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.head, H1 {
	border-bottom: 1px solid #D9D9D9;
	background-color: transparent;
	font-family: arial,sans-serif,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #727272;
	text-transform: uppercase;
	margin-bottom: 4px;
}

h2 {
	border-bottom: 1px solid #D9D9D9;
	font-family: arial,sans-serif,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	text-transform: uppercase;
	margin-bottom: 4px;
}

div.languages {
	position: absolute;
	top: 10px;
	left: 690px;
	white-space: nowrap;
	cursor: default;
	color: #ACACAC;
}

A {
	color: blue;
}

a:focus {
	outline: none;
}

/* Päämenu */
A.navilink {
	color: #2D2D2D;
	text-decoration: none;
	display: block;
	min-height: 20px;
	padding-top: 2px;
	padding-left: 8px;

}

A.navilink:hover {
	background: #F3F3F3;
}

/* uudet 2011 */

/* Päämenu */
A.nvl, A.nvl2, A.nvl3, A.nvl4, A.nvl5 {
	background: #E2E2E2;
	color: #2D2D2D;
	text-decoration: none;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	border-top: 1px solid white;
	border-bottom: 1px solid #B5B5B5;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
}

A.nvl_black {
	background: #252525;
	color: white;
	text-decoration: none;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	border-top: 1px solid white;
	border-bottom: 1px solid #B5B5B5;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
}


A.nvl2 {
	background: #E2E2E2;
}

A.nvl3 {
	background: #D6D6D6;
}

A.nvl4 {
	background: #CACACA;
}

A.nvl5 {
	background: #BEBEBE;
}

A.nvl:hover, A.nvl2:hover, A.nvl3:hover, A.nvl4:hover, A.nvl5:hover {
	background: #252525;
	color: white;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #101010;
}


/* Vaakanavi */
A.location_row_link {
	color: #2D2D2D;
	font-weight: bold;
	text-decoration: none;
}

A.location_row_link:hover {
	text-decoration: underline;
}

A.product_group_row_link {
	color: #727272;
	text-decoration: none;
}

A.product_group_row_link:hover {
	text-decoration: underline;
}

A.news {
	color: white;
	text-decoration: none;
}

A.news:hover {
	text-decoration: underline;
}

.ion_component {
	display: none;
}

select, input, textarea {
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	color: #221E1F;
}

form {
	margin: 0;
	padding: 0;
}

.error {
	color: #D20000;
}

.btnback {
	margin-top: 8px;
	background: url('img/stripe.gif');
	background-repeat: repeat;
	padding: 8px;
	border: 1px solid #646464;
}

.highlight {
	background: #FFEA95;
	color: black;
}

ul, ol {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}

.form_cell_right A {
	color: #575757;
}

.form_cell_right A:hover {
	color: black;
}

A.product_listing_link {
	color: black;
	text-decoration: none;
}

A.product_listing_link:hover {
	text-decoration: underline;
}

a.murupolku {
	text-decoration: none;
	color: #414141;
}

a.murupolku:hover {
	text-decoration: underline;
}

img.jakaja {
	margin-left: 5px;
	margin-right: 5px;
}

div.group_link_area {
	text-align: center;
	width: 184px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
	cursor: pointer;
}

div.group_picture {
	height: 120px;
}

a.group_link {
	border-radius: 8px;
	color: black;
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
}


a.lisatiedot_linkki {
	padding: 4px;
	color: #646464;
}

a.lisatiedot_linkki:hover {
	border-radius: 4px;
	color: white;
	background: #1E1E1E;
	text-decoration: none;
}

.errorbox {
	background: #ffeaea;
	border: 1px solid #ff6464;
	padding: 4px;
	border-radius: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #820000;
	font-weight: bold;
	text-align: center;
}

#toimipisteet_vastausalue select {
	width: 100%;
}

.lataa {
	background: url('/kauppa/img/progress.gif') 10px center no-repeat;
}

#tilauslomake_table input[type=text] {
	padding: 5px;
	font-size: 12px;
}

#tilauslomake_table textarea {
	padding: 5px;
	font-size: 12px;
}

#cart3_infobox {
	font-size: 14px;
	white-space: nowrap;
	color: #2D2D2D;
	margin-bottom: 25px;
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #c3c3c3;
	border-radius: 4px;
	background-color: #F3F3F3;
	box-shadow: 1px 1px 5px #b6b6b6;
}

#cart3_infobox a {
	color: black;

}