/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address,big,cite,code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus { outline: 0; }
ul { list-style: none; }

body {
	background: #fff;
	font-size: 12px;
	font-family: "arial", "verdana";
	color: #333;
	height: 100%;
}

h1 { font-size: 24px; color: #000; font-weight: bold; }
h2 { font-size: 16px; color: #000; font-weight: bold; }
h3 { font-size: 14px; color: #000; font-weight: bold; }
h4 { font-size: 13px; color: #000; font-weight: bold; }

h3 { border-bottom: 1px solid #ddd; color: #BF0000; border-top: 1px solid #e1e1e1; padding: 5px; margin-bottom: 10px; background-color: #fff;}

strong {
	font-weight: bold !important;
}

a { color: #BF0000; text-decoration: none;}
a:hover {text-decoration: underline;}

.bold { font-weight: bold;}
.clear {clear: both; margin: 0; padding: 0; }
.small { font-size: 10px; }
.red { color: #BF0000; }

.fLeft { float: left; }

#wrapper { width: 100%; margin: 10px 0; padding-bottom: 10px;}
#accordion { margin-bottom: 20px; }

p {margin: 15px 0; }

input.count, #clientInfo input, #clientInfo textArea { color: #014c90; padding: 2px 4px;  border: 1px solid #ccc; background-color: #fff; }

input.count:hover, input.count:focus,
#clientInfo input:hover, #clientInfo input:focus,
#clientInfo textarea:hover, #clientInfo textarea:focus { border: 1px solid #ccc; background-color: #ffffcc; }

.product { margin-bottom: 25px; }

table.info { margin-bottom: 20px; color: #555; width: 100%; font-size: 11px;}
table.info td.left { padding-right: 10px; }

.image { float: right; margin-bottom: 20px;}

table.form {width: 100%; border-bottom: 1px solid #ddd; clear: both;}
table.form th { font-weight: bold; text-align: left; line-height: 12px;}
table.form th, table.form td { padding: 2px 10px 2px 0; border-bottom: 1px solid #fff;}
table.form td { border-top: 1px solid #ddd;}

table.form tr:hover { background-color: #fff; }

.form img { vertical-align: middle;}

input.count { width: 30px; }

td.pInfo {width: 460px; padding-right: 15px; }
td.pPrice {width: 70px; }

.productFooter td.left { padding-right: 10px; }

.forward {float: right; }

.mainAction {float: right;  margin-bottom: 10px; }
.mainAction a {font-size: 11px; }

.summary {
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	padding: 5px 8px;
	margin: 10px 0 20px;
}

.summary table { width: 100%; }
.summary td { padding: 2px; }
.summary .header { color: #bf0000; font-weight: bold; font-size: 14px; border-bottom: 1px solid #fff; padding: 10px 0 5px 0;}
.summary .title { font-weight: bold; font-size: 12px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 5px 2px; background-color: #fff;}
.summary .info { min-width: 320px; }
.summary .nowr { white-space: nowrap; padding-left: 8px; text-align: right; }

.summary .total td { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 5px 2px; background-color: #fff; }

#clientInfo { margin: 10px 0 20px; }
#clientInfo td { padding-bottom: 5px; }
#clientInfo .left { padding-right: 30px; }
#clientInfo input, #clientInfo textarea { width: 250px; }
#clientInfo input.short { width: 80px; }
#clientInfo textarea { height: 60px; font-family: "arial", "verdana"; font-size: 12px;}
#clientInfo .top {vertical-align: top; padding-top: 5px;}

#clientInfo .altTitle { padding-top: 20px; font-weight: bold; }

.error {
	border: 1px solid red; padding: 10px; color: red; margin-bottom: 10px;
}

#clientInfo.preview td { padding-bottom: 2px; }

.tt { z-index: 9999; display: none; border: 2px solid #fff;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');

}

#ohjeBtn {font-weight: bold; }

#ohje li {
	list-style-type: decimal;
	list-style-position: inside;
	padding-bottom: 5px;
}