/* CSS Document */

/* www.BodyFix.info */
/* Author Sari Nousiainen, CRUST, 25.5.2007 */

* {
	padding: 0;
	margin: 0;
}
body {
	background-color: #ffffff;
	/*background-image:  url(kuvia/muut/body_666666.jpg);*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c0c0c0;
	/*color: #b9b9b9;*/
	margin-top: 10px;
}
h1 {
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 0 0 0;
}

p {
	margin: 3px 0 6px 0;
}
li {
margin: 0 0 0 20px;
}
/************ LINKIT **********/
a:link, a:visited, a:active {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	letter-spacing: 1px;
	color: #C0C0C0;
	font-style:;
	text-decoration: none;
}

a:hover {
	/*color: #99cc00; vihrea*/
	color: #f2c040; /*oranssi*/
	text-decoration: underline;
}
	/*************************/
	a.sis:link, a.sis:visited, a.sis:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	color: #C0C0C0;
	text-decoration: underline;
	}
	a.sis:hover {
	/*color: #425f87;*/ /*sin*/
	color: #99cc00; /*vihrea*/
	text-decoration: underline;
	
	
}

/******* main DIV *********/
#layoutLogic {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 632px;
}
#header {
	position: relative;
	width: 632px;
}
#nav {
	position: absolute;
	width: 450px;
	left: 138px;
	top: 72px;
	padding: 0 0 2px 0;
	z-index: 20;
	/*border: 1px solid red;*/
}
#layoutDermalogica {
	position: absolute;
	top: 61px;
	left: 586px;
	width: 26px;
	z-index: 30;
}
.collectContent {
	position: relative;
	background-image: url(img/main/bg_bf.jpg);
	background-repeat: no-repeat;
	width: 632px;
	/*border: solid red 1px;*/
}
.blockA {
	position: relative;
	left: 138px;
	width: 435px;
	clear: both;
	/*min-height: 318px;*/
}
.blockA1{
	position: relative;
	width: 298px;
	float: left;
	
}
.blockA2{
	position: relative;
	width: 135px;
	float: right;
	
}
.blockBcolor {
	position: relative;
	left: 138px;
	width: 405px;
	clear: both;
	background-color: #C5D099;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 15px;
}
#footer {
	position: relative;
	width: 632px;
	background-image: url(img/main/bg_footer.gif);
	background-repeat: no-repeat;
	z-index: 20;
	top: -20px;
	clear: both;
}
#footer p{
	position: relative;
	text-align: center;
	left: 140px;
	width: 400px;
	top: -10px;
}
.crust {
	position: relative;
	width: 400px;
	top: 5px;
	text-align: center;
	font-size: 10px;
	left: 140px;
}
/************ EXTRAT ***********/
.lightBlue {
	color: #bfdeee;
}
.green {
	color: #C5D099;
}
.oliivi {
	color: #BAB03F;
}
.dgreen {
	color: #3A9C30;
}
.red {
	color: #C54D8A;
}
.redRed{
	color: #C40000;
}
.aniliini{
	color: #FE019C;
}
.blue {
	color: #0099CC;
}
.blueLila {
	color:#6699FF;
}
.orange {
	color: #FF9900;
}
.yellow {
	color: #FAC905;
}
.tiili {
	color: #FE4101;
}
.alignRight {
	position: absolute;
	top: 321px;
	left: -136px;
	text-align:center;
	border: 1px dashed #0099CC;
	padding: 5px 2px 5px 2px;
	width: 120px;
}
.imgBorder {
	border: 1px solid #C0C0C0;
}
.hinnasto {
width: 435px;
}
.hinnasto span {
	font-weight: bold;
	display: inline;
	font-size: 100%;
	text-transform: lowercase;
	letter-spacing: 0;
}