
body {
	background: url(../img/body_bg.png) center top #fff;
	padding:0px;
	margin:0px;
	color: #463d3d;	
	font-size:62.3%;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
img { border: 0; }
.clear { clear: both; }
p { font-size: 1.3em; }
h1 {
	margin: 0 0 0 65px;
	padding: 25px 0 0 0;
	height: 70px;
	width: 250px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:3.0em;
	font-weight: normal;
	color:#000;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2.4em;
	font-weight:bold;
	padding: 0 0 20px 0;
	color:#7a4b4e;
	margin: 0 20px;
	font-style: italic;
	text-align: center;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	padding: 5px 10px;
	margin:0;
	color:#7a4b4e;
	text-align: center;
}
h3 span { font-size: 0.7em; color: #56433b; font-weight: normal; font-style: italic; }
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	padding: 5px 20px;
	margin:0;
	color:#7a4b4e;
}
a {
	color:#7a4b4e;
	text-decoration: none;
}
a:visited { color:#7a4b4e;}
a:hover, a:active {
	color:#d0c4b5;
	text-decoration: none;
}
ul { list-style: none; font-size: 1.2em; margin:0; padding:10px 0 ; color:#fff;}
ul li.parent { font-weight: bold; font-size: 1.2em;  }
ul li.parent li { font-weight: normal;}
#content_left ul {   width:100%; }
ul li ul { padding: 0px; margin:0;}
ul li ul li ul{ padding: 0px; margin:0; font-size: inherit;}
li {margin-left: 5px; text-align: left;}
#content_left li a, #content_left li a:visited { color: #fff; }
#content_left li a:hover, #content_left li a:active {
	color:#d0c4b5;
	text-decoration: none;
}
/*** =LAYOUT
------------------------------------------------------*/
#top { min-height: 40px; background: url(../img/top_nav_bg.png) bottom; }
#top #top_inner { width: 950px; margin: 0 auto; text-align: center; background: none; position: relative;}
#top ul { list-style: none; margin: 0 auto; text-align: center; padding-top: 10px; background: none; position: relative;}
#top li {float: left; font-size: 1.4em; padding: 0 10px;  }
#top a,#top a:visited, #prod_nav a, #prod_nav a:visited  { color: #d0c4b5; }
#top a:hover, #top a:active, #prod_nav a:hover, #prod_nav a:active  { color: #fff; }
#bodywrap {
	width: 1000px;
	margin: 0 auto 10px auto;
	top:0;
	background: url(../img/content_bg.jpg) repeat-y -2px 0;
	padding: 0;
}
#header { height: 240px; width: 1000px; position:relative; background:url(../img/mast_bg.jpg) no-repeat -2px 0;}
#content {
	padding: 0px;
	margin-right: 33px;
	margin-left: 250px; 
}

div#content { 
	min-height:500px;
}
#content_left {
	float: left;
	width: 180px;
	margin: 0px 0px 0px 40px;
	padding: 10px 0px;
}
#content p, #content_left p{
	text-align: left;
	padding: 5px 15px;
	margin: 0;
}
#content_left p { color: #e7e3de; padding-left: 5px;}
#content_left input { padding-left: 0px; margin-left: 0px;}
#content_left label { padding-left: 4px; font-weight: bold; font-style: italic; }
#footer{ height: 135px; width: 1000px; position:relative; background:url(../img/footer_bg.jpg) no-repeat -1px 0;}
#footer_in { color: #d0c4b5; padding: 35px 40px 0 0; text-align: right;}
#footer_in p { font-size: 1.2em; padding: 20px 0 0 0; margin: 0; color: #463d3d;}
#footer .col1, #footer .col2, #footer .col3 { margin-top: 40px; width: 31%; margin-left: 2%; float: left; }
#footer ul { background: none; }
#footer h3 { text-align: left; }
#bottom { padding: 20px; background: url(../img/top_nav_bg.png) bottom; }

/*** =MODULES
------------------------------------------------*/

#intro { width: 475px; height: 190px; background: url(../img/intro_bg.jpg) no-repeat 0 0; margin: 0 auto; padding: 25px 185px 20px 25px;}
#intro h2 { font-style: italic; text-align: center; font-size: 2.2em; color: #bb8385; margin: 2px 15px 5px 15px;}
#intro p span.h  { font-weight: bold; font-style: italic; text-align: center; font-size: 1.5em; color: #bb8385; line-height: 1.2; margin-bottom: 10px;}
#intro p { font-size: 1.7em; color: #463d3d; margin: 5px 0px 5px 15px; padding: 2px; line-height: 1.5; font-style: italic;}

#cart { position: absolute; width: 260px; height: 80px; top: 0; right: 0; margin: 125px 35px 0 0;  }

.box { float: left; margin: 10px 0 10px 20px; padding:10px; border: 1px solid #d1c5b6; background: #fff; width: 305px; min-height: 250px;}
.box h3.lift {padding: 0 0 5px 0; margin: 0; text-align: left; color: #d1c5b6; font-size:1.8em; font-weight: bold; font-style: italic; border-bottom: 1px solid #d1c5b6;}
.box h4 {margin-left: 0px; padding-left: 10px;}
.box p { margin: 0; padding: 0; }
.box img { float: right; margin: 10px; border: 1px solid #bb8385; }
.box div.price { float: right; }
.bottom_contact { text-align: center; color: #89765e;}
.provider_list { text-align: center; }
.provider_list img { margin: 5px 0;}

#product_details { width: 600px; margin: 10px auto; }
.register { margin-left: 5px; text-decoration: underline; }
/*** =NAVIGATION
-----------------------------------------------*/
#prod_nav { position: absolute; bottom: 0; right:0;  margin: 0 320px 45px 0; }
#prod_nav ul { list-style: none; padding:0; margin: 0; font-weight: bold; font-style: italic; color: #fff;}
#prod_nav ul li { margin: 0 1px; padding: 3px 10px; float: left;  }
#prod_nav ul li.current { border-bottom: 3px solid #bb8385; padding-bottom: 4px; }

table { font-size: 1.2em; margin: 10px 20px;}
tr, td { font-size: 1em; background: none;}
tr { border-bottom: 1px dashed #bb8385; }
/*** =IMAGE REPLACEMENT
-----------------------------------------------*/
h1.ir{
	left:0;
	margin:0 0 0 308px;
	padding:0;
	width: 392px;
	height: 109px;
	position: relative;
	}
h1.ir span{
	left:0;
	margin:0;
	padding:0;
	position: absolute;
	width: 100%;
	height: 100%;
}
h1#mast_logo span { background: url(../img/headers/nallentassu_h1_a.jpg) no-repeat bottom; }

h3.ir{
	margin: 5px 0 0 5px;
	padding:0;
	width: 190px;
	height: 30px;
	position: relative;
	}
h3.ir span{	position: absolute; text-indent: -9999px; }
h3.ir a { display: block; width: 100%; height: 100%; }
h3#nt_cart { background: url(../img/headers/h3_ostoskori.png) no-repeat; }
h3#nt_search { background: url(../img/headers/h3_hae.png) no-repeat; }
h3#nt_login { background: url(../img/headers/h3_kirjaudu.png) no-repeat 0 0; }
h3#nt_rep { background: url(../img/headers/h3_edustamme.png) no-repeat 0 0; }

/*** =FORMS
-----------------------------------------*/
form { font-family: Georgia, "Times New Roman", Times, serif; margin:0; padding: 0; }
input, select { margin: 2px 2px 2px 10px; padding: 2px; background: #bb8385; border: 1px solid #d4a7a9; width: 180px; color: #f5f2f0;}
textarea {  margin: 2px 2px 2px 10px; padding: 2px; background: #bb8385; border: 1px solid #d4a7a9;color: #f5f2f0; font-family: Georgia, "Times New Roman", Times, serif;}
select { min-height: 1.5em; }
.button { width: auto; float: right; font-weight: bold; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; margin-right: -10px; cursor: pointer; background: url(../img/button_bg.png) repeat-x top #bc8486;  text-align: center;}
input:hover, input:focus, input:active { border-color:#fff; }

