/* Common */

body {
	margin: 0px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
}

td {
	vertical-align:top
}

.block-bg {position:absolute; width:100%; top:0px; left:0px}
.bg-left {width:57%; height:764px; float:left; background:url(images/design/bg_left.gif) right top no-repeat;}
.bg-right {width:43%; height:764px; float:right; background:url(images/design/bg_right.gif) left top no-repeat;}
.bg-main {background: url(images/design/bg.gif) center top repeat-x; width:100%;}

.page {width:990px; margin:0 auto; padding:0 0 0 0; text-align:left; }

#banner {
	position: absolute; width: 990px; height: 124px; top:29px; z-index: 1; background-image:url('images/design/banneri.jpg')
}

#osoite {
	position: absolute; 
	width: 350px; 
	height: 75px; 
	z-index: 2; 
	left: 380px; 
	top: 62px;
	text-align: right;
	font-size: 12pt;
	color: #727272;
}

#login {
	position: absolute; width: 240px; height: 107px; top:10px; left:740px; z-index: 2; background:url('images/design/login_bg.png') no-repeat
}

div.Logout {
	padding: 10px;
}

div.Logout a {
	text-decoration: none;
	color: #808080;
	
}

#en {
	position: absolute; width: 26px; height: 33px; z-index: 2; left: 635px; top: 10px
}

#se {
	position: absolute; width: 26px; height: 33px; z-index: 2; left: 685px; top: 10px
}

#ostoskori {
	position: absolute; width: 18px; height: 18px; z-index: 3; left: 950px; top: 4px;
}

#ostoskori a {
	display: block;
	width: 18px; height: 18px;
	background: url(images/design/ostoskori.png) no-repeat;
}

#main_content {
	position: absolute; width: 990px; z-index: 1; top:181px; background-color:white;
}

#content_top {
	background: url(images/design/content_top.jpg) no-repeat; width:990px; height:20px
}

#content {
	background: white url(images/design/content_bg.jpg) repeat-x; 
	width: 950px; 
	min-height:300px; 
	border-left: 10px solid white; 
	border-right: 10px solid white; 
	display:inline-block; 
	padding: 0 10px 0 10px
}

#content_bottom {
	background:white url(images/design/content_bottom.jpg) no-repeat; width:990px; height:13px
}

/* Sisältö */

#ajankohtaista {
	border: 1px solid #EAEAEA;
	width: 400px;
	padding: 10px;
	background: url(images/design/news_bg.jpg) repeat-x
}

p.title {
	font-family: Georgia;
	font-size: 14pt;
	margin-top: 0px;
}

a.tarjouspyynto {
	color: #0080FF;
	text-decoration: none;
	display: block;
	width: 150px;
	background-color: white;
	padding: 3px;
	text-align: center;
	border: 1px solid #C0C0C0;
}

a.tarjouspyynto:hover {
	background-color: #F4F4F4;
}

/* Menu */

#menu {
	position: absolute; width: 990px; height: 27px; z-index: 1; top:153px; background:url('images/design/menu_bg.jpg') no-repeat
}

a.MenuInc, a.MenuSel {
	display: inline-block;
	text-decoration:none;
	color: white;
	padding: 4px 1em 4px 1em;
	
}

a.MenuInc:hover, a.MenuSel:hover {
	color: #C0C0C0
}

a.SubMenuSel, a.SubMenuInc {
	text-decoration:none;
	display: block;
	padding: 5px 0 5px 0;
	color: #313131;	
	border-bottom: 1px dotted #C0C0C0;
}

a.SubMenuSel:hover, a.SubMenuInc:hover {
	background-color: #F0F0F0
}

/* Feedback */
.FeedbackBase {
	background: #6E94B7;
}

.FeedbackHeader {

	font-weight: Bold;
}


/* Tarjouspyyntölomake */
fieldset {
	display: block;
	float: left;
	width: 500px;
/*	border: 1px solid #D0D0D0;*/
	border: 0;
}
#advicefield {
/*	border: 1px solid green;*/
/*	float: left;
	margin-left: 20px;*/
/*	position: fixed;
	left: 550px;
	top: 80px;*/
	position: absolute;
	top: 73px;
	left: 530px;
}
#formhelp {
	background: #F4F3F5;
	padding: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
div.ajaxcontent {
	padding: 20px;
}
fieldset div.item label.title {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	text-align: right;
	margin-right: 10px;
}
fieldset div.item div.inputs {
	margin-bottom: 8px;
	display: inline-block;
	/* IE7 inline-block hack */
	*zoom: 1;
	*display: inline;
}
fieldset div.item input[type=text] {
	margin-bottom: 4px;
	vertical-align: middle;
}
fieldset a.help {
	text-decoration: none;
	float: right;
}
input[type=text], select, textarea {
	border: 1px solid #888888;
	background: #FFFFFF;
}
span.ohje {
	font-style: italic;
	font-size: 0.9em;
}
fieldset textarea#fb_message {
	width: 210px;
	height: 100px;
}
fieldset.yhteystiedot input {
	width: 210px;
}
fieldset .focused {
	background: #FFFFF0;
}
fieldset input.error,
fieldset textarea.error,
fieldset select.error {
	background: #FFF0F0;
}
input.disabled {
	background: #D0D0D0;
}
label.error img {
	vertical-align: text-top;
}
a img {
	border: 0;
}

div.item {
	padding: 10px 10px 5px 10px;
	border-color: #FFFFFF #E0E0E0 #E0E0E0 #F0F0F0;
	border-style: solid;
	border-width: 1px;
	background: white url(images/design/lomake_bg2.png) repeat-x 0 -10px;
	margin-bottom: 5px;
	overflow: visible;
}

/*Kuvagalleria*/

#kuvagalleria img {
	padding: 5px;
	border: 1px solid #C0C0C0;
	background-color: #fff;
}

#kuvagalleria:hover img {
	padding: 5px;
	border: 1px solid #808080;
}

TD.galleria {
	padding: 10px;
}

/* verkkokauppa painikkeet */

input.lisaakoriin,
input.paivitakori,
input.lahetatilaus,
input.siirrykassalle,
a.siirrykassalle,
a.siirrytakaisin {
	font-family: Arial,sans-serif;
	font-weight: normal;
	color: #404040;
}

input.lisaakoriin,
input.paivitakori,
input.siirrykassalle,
a.siirrykassalle,
a.siirrytakaisin,
input.lahetatilaus {
	background-color: #F4F4F4;
	border: 1px solid #BBB;
	text-align: center;
	line-height:30px;
	text-decoration: none;
	color: #303030;
	font-size: 14pt;
}

input.lisaakoriin:hover,
input.paivitakori:hover,
input.siirrykassalle:hover,
a.siirrykassalle:hover,
a.siirrytakaisin:hover,
input.lahetatilaus:hover {
	background-color: #E4E4E4;
	color: black;
	cursor: pointer;
}

input.lisaakoriin:active,
input.paivitakori:active,
input.siirrykassalle:active,
a.siirrykassalle:active,
a.siirrytakaisin:active,
input.lahetatilaus:active {
	background-color: #CCCCCC;
	color: black;
	border: 1px solid #C0C0C0;
}

input.lisaakoriin,
input.paivitakori,
input.siirrykassalle,
a.siirrykassalle,
a.siirrytakaisin,
input.lahetatilaus {
	padding: 0px 35px 0px 15px;
	font-size: 12px;
}

input.lisaakoriin {
	float: right;
	background-image: url(images/design/cart_put.png);
	background-repeat:  no-repeat;
	background-position: 92% 50%;
	margin-left: 10px;
}
input.paivitakori {
	display: inline-block;
	background-image: url(images/design/cart_edit.png);
	background-repeat:  no-repeat;
	background-position: 92% 50%;
	margin-left: 0px;
}
input.lahetatilaus {
	display: inline-block;
	background-image: url(images/design/tick.png);
	background-repeat:  no-repeat;
	background-position: 92% 50%;
	margin-left: 0px;
}
input.siirrykassalle {
	display: inline-block;
	background-image: url(images/design/cart_go.png);
	background-repeat:  no-repeat;
	background-position: 92% 50%;
	margin-left: 0px;
}
a.siirrykassalle, a.siirrytakaisin {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-top: 0;
	padding-bottom: 0;
	background-repeat:  no-repeat;
	background-position: 92% 50%;
	margin-left: 0px;
	margin-top: 0px;
}
a.siirrykassalle {
	background-image: url(images/design/cart_go.png);
}
a.siirrytakaisin {
	background-image: url(images/design/arrow_undo.png);
}

/*Lattiat*/

.doListRowOdd {
	background-color: #F8F8F8
}