@import url( common.css );

H1.sect-yri { background-image: url(../_img/otsikot/h1_tervetuloa_tervakartanoon.gif); }
H1.sect-tuk { background-image: url(../_img/otsikot/h1_tukkumyynti.gif); }
H1.sect-yht { background-image: url(../_img/otsikot/h1_yhteydenotto.gif); }

H1.kori { background-image: url(../_img/otsikot/h1_ostoskorisi.gif); }
H1.korisis { background-image: url(../_img/otsikot/h1_ostoskorin_sisalto.gif); }
H1.korityh { background-image: url(../_img/otsikot/h1_ostoskorin_tyhja.gif); }
H1.vahvist { background-image: url(../_img/otsikot/h1_vahvista.gif); }
H1.vastot { background-image: url(../_img/otsikot/h1_tilaus_vastaanotettu.gif); }
H1.asiakas { background-image: url(../_img/otsikot/h1_asiakastiedot.gif); }
H1.muuttoiminnot { background-image: url(../_img/otsikot/h1_muut_toiminnot.gif); }
H1.uusiasiakas { background-image: url(../_img/otsikot/h1_uusi_asiakas.gif); }
H1.salasana { background-image: url(../_img/otsikot/h1_salasanan_vaihto.gif); }
H1.unohtuiko { background-image: url(../_img/otsikot/h1_unohtuiko_salasana.gif); }

H1.sect-huo { background-image: url(../_img/otsikot/h1_huonekalut.gif); }
H1.sect-kor { background-image: url(../_img/otsikot/h1_koriste-esineet.gif); }
H1.sect-muu { background-image: url(../_img/otsikot/h1_muut_tuotteet.gif); }
H1.sect-uut { background-image: url(../_img/otsikot/h1_uutuudet.gif); }
H1.sect-tar { background-image: url(../_img/otsikot/h1_tarjoukset.gif); }
H1.catsub2 { background-image: url(../_img/otsikot/h1_alakategoria2.gif); }



H2.boxx-laatua { background: transparent url(../_img/otsikot/boxx_laatua_tyylia.gif) 0 0 no-repeat; }
H2.boxx-kirjau { background: transparent url(../_img/otsikot/boxx_kirjautuminen.gif) 0 0 no-repeat; }
H2.boxx-sijain { background: transparent url(../_img/otsikot/boxx_sijainti.gif) 0 0 no-repeat; }



DIV#sidebar {
	width: 225px;
	float: left;
}

#sidebar UL {
	padding-bottom: 2.25em;
}



DIV#mainbar {
	width: 565px;
	float: right;
}



H1.hae {
	background-image: url(../_img/otsikot/h1_hae_tuotenumerolla.gif);
	padding-bottom: 3px;
}



DIV#toolbar {
	height: 50px;
	background: transparent url(../_img/icon/list_triangle_grey.gif) 2px 8px no-repeat;
	margin-top: -12px;
	padding-left: 15px;
}

DIV#username {
	width: 843px;
	height: 32px;
	border-bottom: 1px solid #CFD2D3;
	background: #F8F8F8;
	margin: -12px -18px 31px -25px;
	padding: 0 11px;
	font-style: italic;
	line-height: 31px;
}

DIV#username A#logout {
	display: inline;
	width: 100px;
	text-align: right;
	float: right;
}



DIV.pages {
	display: inline;
	margin: -4px 13px 0 0;
	float: right;
	clear: left;
}

DIV.pages A.pagenumlink {
	padding: 0 2px;
}

DIV.pages A.current {
	font-size: 1.25em;
	color: #0AD;
}



DIV.prodinfo {
	height: 155px;
	background: #FFF;
	margin: 0 0 24px 32px;
	float: left;
}

SPAN.prodfoto {
	display: block;
	width: 150px;
	height: 112px;
	border: 1px solid #666;
	background: #EEE;
	background-repeat: no-repeat;
	background-position: center center;
}

SPAN.prodname {
	display: block;
	width: 152px;
	padding-top: 3px;
	text-align: center;
	font-size: 0.917em;
	line-height: 1.545;
}

DIV#proddetails {
	width: 598px;
	min-height: 200px;
	border: 1px solid #CFD2D3;
	overflow: hidden;
	float: left;
}

DIV#prettybox {
	border: 4px solid #FFF;
	background: #FFF url(../_img/ui/bg_content_top.gif) center -6px no-repeat;
	padding: 31px 31px 0 21px;
}

DIV#proddetails H1 {
	margin-top: -11px;
	padding-bottom: 1.211em;
	font-size: 1.583em;
	font-style: normal;
}

DIV#proddetails P {
	width: 283px;
}

DIV#proddetails FORM {
	width: 283px;
	margin: 2em 0 1.75em 0;
}

DIV#prodfoto {
	width: 232px;
	border: 1px solid #666;
	margin: 4px 0 21px 0;
	float: right;
}

DIV#prodfoto IMG {
	background: #FFF;
	padding: 1px;
}

SPAN.hilite {
	line-height: 1.75;
	color: #1E4469;
}

A#closelink {
	display: inline;
	background: transparent url(../_img/icon/list_triangle_grey.gif) 0 6px no-repeat;
	margin: -23px -17px 0 0;
	padding-left: 9px;
	float: right;
}

DIV#proddetails P#ohje {
	width: 538px;
	border-top: 1px solid #CFD2D3;
	margin: 21px 0 0 0;
	padding: 6px 0 5px 0;
	font-size: 0.917em;
	font-style: italic;
	text-align: center;
	color: #AAA;
	clear: both;
}



DIV#basketcase {
	background: transparent url(../_img/icon/ostoskori.gif) 0 0 no-repeat;
	padding-bottom: 2em;
}

DIV#basketcase H1 {
	padding-bottom: 0.25em;
}

DIV#basketitems {
	width: 150px;
	margin: -5px 0 0 -10px;
	padding: 5px 0 7px 10px;
}

DIV#basketcase SPAN {
	background: transparent url(../_img/icon/list_triangle_grey.gif) 2px 4px no-repeat;
	padding-left: 14px;
}



DIV.crow {
	height: 23px;
	border-top: 1px solid #CFD2D3;
	overflow: hidden;
	clear: both;
}

DIV.first {
	height: 36px;
	border-top: 0;
	border-bottom: 1px solid #CFD2D3;
	line-height: 17px;
	font-weight: bold;
}

DIV.total {
	height: auto !important;
	border-top: 2px solid #CFD2D3;
	border-bottom: 2px solid #CFD2D3;
	margin-bottom: 2em;
	padding-right: 0;
	font-weight: normal;
	text-align: left;
	line-height: 27px;
	clear: both;
}

DIV.first DIV {
	height: 36px !important;
}

DIV.first DIV SPAN {
	display: block;
	font-size: 11px;
	font-weight: normal;
}

DIV.crow DIV {
	height: 31px;
	background: transparent url(../_img/ui/pystypiste.gif) right 0 repeat-y;
	overflow: hidden;
	float: left;
}

DIV.total DIV {
	background: none !important;
	height: auto !important;
	font-weight: bold !important;
}



DIV.pcode {
	width: 80px;
	padding-left: 7px;
}

DIV.pname {
	width: 250px;
	padding-left: 7px;
}

DIV.pquant {
	width: 6em;
	padding-right: 7px;
	text-align: right;
}

DIV.pparce {
	width: 6em;
	padding-right: 7px;
	text-align: right;
}

DIV.punitp {
	width: 6em;
	padding-right: 7px;
	text-align: right;
}

DIV.ptotal {
	width: 6em;
	padding-right: 7px;
	text-align: right;
}

DIV.ptools {
	width: 12em;
	padding-left: 7px;
	background: none !important;
}

DIV.total DIV.pcode { width: 180px; }
DIV.total DIV.pname { width: 150px; }

A.delitem {
	background: transparent url(../_img/icon/bullet_delete.gif) 0 -2px no-repeat;
	padding-left: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;;
	line-height: 23px;
	font-size: 10px;
	text-transform: uppercase;
}

BIG {
	font-size: 1.083em;
	font-weight: bold;
}

DIV.custinfobox {
	width: 400px;
	padding-bottom: 3em;
	float: left;
}



DIV#dialog {
	position: absolute;
	left: 378px;
	top: 12px;
	width: 185px;
	border: 1px solid #F60;
	margin-left: 0;
	overflow: hidden;
	float: left;
}

DIV#dialogcontent {
	border: 4px solid #FFF;
	background: #FFF url(../_img/ui/bg_content_top.gif) center -6px no-repeat;
	padding: 25px 13px;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

DIV#dialogcontent.alt {
	padding: 9px 13px;
	font-size: 13px;
	line-height: 21px;
	text-align: left;
	text-transform: none;
	font-weight: normal;
}