HTML {
	height: 100%;
	margin: 0;
	padding: 0;
}

BODY {
  height: 100%;
	background: #3288C5 url(../img/ui/bg_site2.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #434343;
}

A:LINK, A:VISITED {
	text-decoration: none;
	color: #0058B6;
}

A:LINK:HOVER, A:VISITED:HOVER {
	text-decoration: none;
	color: #00E;
}

A IMG {
	border: 0;
}

DIV, H1, H2, H3, H4, H5, P, UL, IMG, FORM {
	display: block;
	margin: 0;
	padding: 0;
}

DIV#wrap {
	width: 812px;
	min-height: 100%;
	_height: 100%;
	background: #FFF url(../img/ui/bg_wrap.jpg) 0 0 repeat-y;
	margin: auto;
	font-size: 1em;
	line-height: 1.5em;
}

DIV#ylapalkki {
	width: 812px;
	height: 39px;
	background: transparent url(../img/ui/bg_ylapalkki_menu.jpg) 0 0 no-repeat;
}

DIV#ylapalkki UL {
	width: 360px;
	height: 39px;
	line-height: 27px;
	list-style: none;
}

DIV#ylapalkki UL LI {
	display: block;
	height: 27px;
	margin: 0 1px 0 0;
	line-height: 27px;
	float: left;
}

DIV#ylapalkki UL LI#yp-solar { width: 111px; }
DIV#ylapalkki UL LI#yp-paiva { width: 78px; }
DIV#ylapalkki UL LI#yp-rauha { width: 76px; }
DIV#ylapalkki UL LI#yp-summa { width: 91px; margin: 0; }

DIV#ylapalkki UL LI A {
	display: block;
	height: 27px;
	line-height: 27px;
	text-indent: -9999px;
	overflow: hidden;
}

DIV#content {
	width: 800px;
	background: #FFF;
	border-top: 1px solid #CECECE;
	margin: 0 1px;
	padding: 0 5px;
}

DIV#photo {
	position: relative;
	width: 800px;
	height: 245px;
	margin-top: 5px;
	overflow: hidden;
}

A#gohome {
	display: block;
	position: absolute;
	left: 16px;
	top: 15px;
	width: 164px;
	height: 52px;
	background: transparent url(../img/ui/hax.gif) 0 0 no-repeat;
	line-height: 52px;
	text-indent: -9999px;
	overflow: hidden;
}

A#solarishome {
	display: block;
	position: absolute;
	left: 633px;
	top: 28px;
	width: 149px;
	height: 34px;
	background: transparent url(../img/ui/hax.gif) 0 0 no-repeat;
	line-height: 34px;
	text-indent: -9999px;
	overflow: hidden;
}

UL#paavalikko {
	width: 800px;
	height: 33px;
	padding-top: 2px;
	background: transparent url(../img/ui/bg_paavalikko.jpg) 0 0 no-repeat;
	list-style: none;
}

UL#paavalikko LI {
	display: block;
	height: 29px;
	margin: 0 2px 0 0;
	line-height: 29px;
	float: left;
}

UL#paavalikko LI#pv-etusi { width: 61px; }
UL#paavalikko LI#pv-kylpy { width: 91px; }
UL#paavalikko LI#pv-perhe { width: 83px; }
UL#paavalikko LI#pv-majoi { width: 63px; }
UL#paavalikko LI#pv-ravin { width: 121px; }
UL#paavalikko LI#pv-kokou { width: 77px; }
UL#paavalikko LI#pv-vapaa { width: 81px; }
UL#paavalikko LI#pv-kunto { width: 162px; }

UL#paavalikko LI#pv-etusi A:HOVER { background: transparent url(../img/ui/bg_paavalikko.jpg) 0 -37px no-repeat; }
UL#paavalikko LI#pv-kylpy A:HOVER { background: transparent url(../img/ui/bg_paavalikko.jpg) -63px -37px no-repeat; }
UL#paavalikko LI#pv-perhe A:HOVER { background: transparent url(../img/ui/bg_paavalikko.jpg) -156px -37px no-repeat; }
UL#paavalikko LI#pv-majoi A:HOVER { background: transparent url(../img/ui/bg_paavalikko.jpg) -241px -37px no-repeat; }
UL#paavalikko LI#pv-ravin A:HOVER { background: transparent url(../img/ui/bg_paavalikko.jpg) -306px -37px no-repeat; }
UL#paavalikko LI#pv-kokou A:HOVER { background: transparent url(../img/ui/bg_paavalikko.jpg) -429px -37px no-repeat; }
UL#paavalikko LI#pv-vapaa A:HOVER { background: transparent url(../img/ui/bg_paavalikko.jpg) -508px -37px no-repeat; }
UL#paavalikko LI#pv-kunto A:HOVER { background: transparent url(../img/ui/bg_paavalikko.jpg) -591px -37px no-repeat; }

UL#paavalikko LI A {
	display: block;
	height: 29px;
	line-height: 29px;
	text-indent: -9999px;
	overflow: hidden;
}

UL#kielivalikko {
	width: 18px;
	height: 16px;
	background: transparent url(../img/ui/bg_kielivalikko.jpg) 782px 3px no-repeat;
	padding-left: 782px;
	list-style: none;
	overflow: hidden;
}

UL#kielivalikko LI {
	display: block;
	height: 16px;
	margin: 0 4px 0 0;
	line-height: 16px;
	float: left;
}

UL#kielivalikko LI#kv-suomi { width: 17px; }
UL#kielivalikko LI#kv-ruott { width: 17px; display: none; }
UL#kielivalikko LI#kv-lonto { width: 17px; display: none; margin-right: 0; }

UL#kielivalikko LI A {
	display: block;
	height: 16px;
	line-height: 16px;
	text-indent: -9999px;
	overflow: hidden;
}

DIV#sivupalkki {
	width: 185px;
	float: left;
}

DIV#sivupalkki UL#sivumenu {
	width: 185px;
	background: transparent url(../img/ui/bg_sivumenu.jpg) 0 0 no-repeat;	
	list-style: none;
}

DIV#sivupalkki UL LI {
	display: block;
	height: 40px;
	margin: 0;
	line-height: 40px;
}

DIV#sivupalkki UL LI A {
	display: block;
	width: 180px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
}

DIV#paasisalto {
	width: 372px;
	margin-top: 4px;
	padding-left: 22px;
	float: left;
	background: #fff;
}

H1 {
	margin-bottom: 12px;
	font-size: 1.5em;
	font-weight: normal;
	color: #006A96;
}

H2, H3 {
	margin-bottom: 7px;
	font-size: 1.25em;
	font-weight: normal;
	color: #333;
}

H4, H5 {
	margin-bottom: 2px;
	font-size: 1em;
	font-weight: bold;
	color: #555;
}

P {
	padding-bottom: 1em;
}

P.ingressi {
	font-weight: bold;
	color: #006A96;
}

DIV#ostoskori {
	width: 160px;
	min-height: 170px;
	_height: 170px;
	background: #FFF url(../img/ui/bg_ostoskori.jpg) 0 bottom repeat-x;
	padding: 7px 12px 12px 12px;
	float: right;
}

DIV.lahjakortti {
	display: inline;
	width: 360px;
	background: #F8F8F8;
	border-bottom: 3px solid #006A96;
	margin: 0 0 10px -12px;
	padding: 12px;
	font-size: 0.9em;
	float: left;
}

DIV#kauppaohje {
	background: #F9F9F9;
	margin: 10px 5px 0 0;
	padding: 8px 8px 5px 10px;
}

.extended {
	padding: 0 5px 7px 2px;
}

DIV.actions {
	width: 360px;
	margin: 1em 0 0 0;
	float: left;
}

DIV.quantity {
	padding: 7px 7px 2px 7px;
	background: #E9E9E9;
	border: 1px solid #DDD;
	line-height: 20px;
	float: right;
}

INPUT {
	border: 1px solid #BBB;
	margin: 0 0 4px 0;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	vertical-align: middle;
}

DIV.hinta {
	letter-spacing: 1px;
}

DIV#paasisalto UL {
	margin: -4px 0 1em 18px;
}

DIV#paasisalto UL LI {
	font-size: 0.9em;
}

DIV#sivupalkki2 {
	width: 175px;
	min-height: 192px;
	_height: 192px;
	background: transparent url(../img/ui/bg_sivupalkki2.jpg) 0 0 no-repeat;
	margin-top: 4px;
	padding: 12px 10px 0 10px;
	font-size: 0.9em;
	float: right;
}

DIV#sivupalkki2 H3 {
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 9px;
	font-size: 1.55em;
	color: #006A96;
}

DIV#sivupalkki2 P {
	margin-left: 3px;
	margin-right: 3px;
}

DIV#banners {
	height: 88px;
	padding: 1em 0 4px 1px;
	clear: both;
}

DIV#banners IMG {
	display: inline;
	margin: 0;
	float: left;
}

BODY.nobanners DIV#banners {
	height: 1px;
	padding: 0;
	line-height: 1px;
	overflow: hidden;
}

BODY.nobanners DIV#banners IMG {
	display: none;
}

DIV#footer {
	width: 810px;
	height: 75px;
	background: transparent url(../img/ui/bg_footer.jpg) 0 0 no-repeat;
	margin: 1em 0 0 1px;
	padding-bottom: 12px;
	text-indent: -9999px;
	overflow: hidden;
	clear: both;
}

BODY.nobanners DIV#footer {
	height: 93px;
	background: transparent url(../img/ui/bg_footer.jpg) 0 18px no-repeat;
}

.float {
	display: block;
	width: 120px;
	float: left;
	clear: left;
}

INPUT.radio, INPUT.check {
	border: 0;
	margin: 0 3px 0 0;
	padding: 0;
	vertical-align: middle;
}

INPUT.error {
	border: 1px solid #F88 !important;
}

LABEL.error {
	color: #F55;
}

SELECT.error {
	background: #F88;
}

DIV#ccardform {
	padding-top: 12px;
}

LEGEND {
	margin-left: -3px;
}

SELECT {
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

TEXTAREA {
	border: 1px solid #BBB;
	margin: 0 0 4px 0;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}