/* CSS Document */

.SelausOhjeet {
	color: #635e51;
	font-weight: normal;
	font-size: 13px;
	line-height: 17px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 400px;
	text-align: left;
	float: left;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	}
	
.BoxBorder01 {
	background-color: #e0e0e0;
	border: 1px solid #a6a6a6;
	padding: 1px;
	margin: 0px;
	display: block;
	float: none;
	position: relative;
	text-align: left;
	height: auto;
	width: auto;
	}

.Box01 {
	color: #777;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	
	background-color: #f9f9f9;
	border: 1px solid #a6a6a6;
	
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	
	padding: 8px;
	
	display: block;
	visibility: visible;
	position: relative;
	}

.RowBorders {
	background-image:url(../images/layout/tuotekori/rowborder02.gif);
	background-repeat:repeat-x;
	background-color: #a6a6a6;
	height:26px;
	border: 0px solid #a6a6a6;

	padding-right: 1px;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;

	float: none;
	width: auto;
	
	display: block;
	visibility: visible;
	position: relative;
	}

.Row01 {
	font-family: Georgia, "Times New Roman", Times, serif;
	height:26px;
	border: 0px solid #a6a6a6;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding-right: 1px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
	width: auto;
	display: block;
	visibility: visible;
	position: relative;
	}
	
.Dark {
	color: #FFF;
	background-image:url(../images/layout/tuotekori/rowback02_dark.gif);
	background-repeat:repeat-x;
	background-color: #999;
	}
	
.Light {
	color: #999;
	background-image:url(../images/layout/tuotekori/rowback02_light.gif);
	background-repeat:repeat-x;
	background-color: #EEE;
	}
	
.Blue {
	color: #FFF;
	background-image:url(../images/layout/tuotekori/rowback02_blue.gif);
	background-repeat:repeat-x;
	background-color: #999;
	}
	
.RowText {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px solid #a6a6a6;
	padding: 0px;
	height: 20px;
	display: inline;
	float: Left;
	}

.Blue a,.Blue a:link,.Blue a:active,.Blue a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F4F4FF;
	letter-spacing: 1px;
	}

.Blue a:hover {
	color: #FFF;
	}

.ProductBorders {
	background-image:url(../images/layout/tuotekori/producttopbottom02.gif);
	background-repeat:repeat-y;
	background-color: #F0F0F0;
	border:0px;
	
	float: none;

	display: block;
	visibility: visible;
	position: relative;
	margin: 1px;
	
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

.ProductTopBottom {
	background-image:url(../images/layout/tuotekori/producttopbottom02.gif);
	background-repeat:repeat-y;
	background-color: #F0F0F0;
	border:0px;

	float: none;

	display: block;
	visibility: visible;
	position: relative;
	margin: 0px;
	
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	}
	
.ProductBack {
	background-image:url(../images/layout/tuotekori/productback02.gif);
	background-repeat:repeat-y;
	background-color: #F0F0F0;
	border:0px;

	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	margin: 0px;

	float: none;
	width: auto;
	
	display: block;
	visibility: visible;
	position: relative;
	}

.ProductField {
	border:0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	padding-right: 4px;
	padding-left: 2px;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: 350px;
	display: block;
	visibility: visible;
	position: relative;
	text-align: center;
	}

.OptionsField {
	border:0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	padding-right: 0px;
	padding-left: 4px;
	padding-top: 8px;
	padding-bottom: 6px;
	margin: 0px;
	float: left;
	width: 340px;
	display: block;
	visibility: visible;
	position: relative;
	}

.Option a,.Option a:link,.Option a:active,.Option a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	margin: 0px;
	float: left;
	display: block;
	visibility: visible;
	position: relative;
	text-align: right;
	width: 112px;
	padding: 0px;
	height: 120px;
	color: #999999;
	text-decoration: none;
	}
	
.Option a:hover {
	background-color: #FFFFFF;	
	}

.Option p {
	display: block;
	position: relative;
	top: -5px;
	right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	text-align: right;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	width: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	visibility: visible;
	height: auto;
	}

.Option img {
	margin: 2px;	
	}
	
.DropdownField {
	border: 1px solid #a6a6a6;
	background-color: #FAFAFA;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 14px;
	width: 120px;
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	text-align: right;
}

.DropWide {
	width: 420px;
}

.DropWide2 {
	width: 350px;
}

.DropdownText {
	Color:#666666;
	font-size: 11px;
	line-height: 13px;
	padding-right: 4px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	width: auto;
	float: right;
}


/* Buttons */

.Locked a,.Locked a:link,.Locked a:active,.Locked a:visited {
	background-image: url(../images/layout/tuotekori/buttons/locked.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 20px;
	width: 19px;
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	}

.Locked a:hover {
	background-image: url(../images/layout/tuotekori/buttons/locked_hover.gif);
	}

.Unlocked a,.Unlocked a:link,.Unlocked a:active,.Unlocked a:visited {
	background-image: url(../images/layout/tuotekori/buttons/unlocked.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 20px;
	width: 19px;
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	}

.Unlocked a:hover {
	background-image: url(../images/layout/tuotekori/buttons/unlocked_hover.gif);
	}

.Up a,.Up a:link,.Up a:active,.Up a:visited {
	background-image: url(../images/layout/tuotekori/buttons/up.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 20px;
	width: 19px;
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	}

.Up a:hover {
	background-image: url(../images/layout/tuotekori/buttons/up_hover.gif);
	}

.Down a,.Down a:link,.Down a:active,.Down a:visited {
	background-image: url(../images/layout/tuotekori/buttons/down.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 20px;
	width: 19px;
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	}

.Down a:hover {
	background-image: url(../images/layout/tuotekori/buttons/down_hover.gif);
	}

.Dropdown a,.Dropdown a:link,.Dropdown a:active,.Dropdown a:visited {
	background-image: url(../images/layout/tuotekori/buttons/dropdown.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 20px;
	width: 19px;
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	}

.Dropdown a:hover {
	background-image: url(../images/layout/tuotekori/buttons/dropdown_hover.gif);
	}

.UpDisabled {
	background-image: url(../images/layout/tuotekori/buttons/up_disabled.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 20px;
	width: 19px;
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	}
	
.DownDisabled {
	background-image: url(../images/layout/tuotekori/buttons/down_disabled.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 20px;
	width: 19px;
	display: inline;
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	}

.UpDownField {
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	width: 60px;
	display: inline;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	}

.TextButton a,.TextButton a:link,.TextButton a:active,.TextButton a:visited {
	background-image: url(../images/layout/tuotekori/buttons/textbutton.gif);
	color:#777;
	font-size: 11px;
	line-height: 18px;
	height: 20px;
	width: 67px;
	display: inline;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	border: 0px solid #a6a6a6;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	}

.TextButton a:hover {
	background-image: url(../images/layout/tuotekori/buttons/textbutton_hover.gif);
	}

.TextButton-wide a,.TextButton-wide a:link,.TextButton-wide a:active,.TextButton-wide a:visited {
	background-image: url(../images/layout/tuotekori/buttons/textbutton-wide.gif);
	color:#777;
	font-size: 11px;
	line-height: 18px;
	height: 20px;
	width: 92px;
	display: inline;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	border: 0px solid #a6a6a6;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	}

.TextButton-wide a:hover {
	background-image: url(../images/layout/tuotekori/buttons/textbutton-wide_hover.gif);
	}
/* Tuotelista */

.ListDiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	margin: 0px;
	padding-right: 0px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	display: block;
	visibility: visible;
	position: relative;
	text-align: right;
	}

.ListDiv a,.ListDiv a:link,.ListDiv a:active,.ListDiv a:visited {
	font-weight: normal;
	color: #777;
	}

.ListDiv a:hover {
	color: #AAA;
	}

/* custom select */

select {
	height: 20px;
	display: block;
	float: right;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #444;
	border: 1px solid #999;
	background-color: #F9F9F9;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
    }
	
.custominput {
	height: 20px;
	display: inline;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #666666;
	border: 1px solid #999999;
	background-color: #FEFEFE;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	text-indent: 4px;
	}
	
/*
    select {
	display: block;
	width: 300px;
	float: right;
	position: relative;
    }
    select.replaced {
      display: none;
    }
    ul.selectReplacement {
	margin: 0;
	padding: 0;
	height: 16px;
	width: 330px;
	background-image: url(../images/layout/tuotekori/koekuvat/valintaboksi.gif);
	background-repeat: no-repeat;
	background-position: left top;
    }
    ul.selectReplacement li {
	background: #FEFEFE;
	color: #111;
	cursor: pointer;
	display: none;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	margin: 0;
	padding: 1px 12px;
	width: 280px;

    }
    ul.selectOpen li {
      display: block;

    }
    ul.selectReplacement li.selected {
      background: url() bottom left no-repeat;
      color: #111;
      display: block;
    }
    ul.selectOpen li.selected {
	background: #EFEFEF;
	display: block;
    }
    ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #BBB;
      color: #FFF;
    }
*/