/* CSS Document */

/*the color here #2c2721 was the bottom color
of my gradient image - a seamless fade*/

body
{
	/*background: #66cfff url(img/bground/pohja_sininen.gif) repeat-x;*/
	background: #b8b4a0;
}

#maintoptable
{
	padding: 0px;
}

#maintoptd
{
	vertical-align: bottom;
}

#maintoptdlogo
{
	vertical-align: top;
}

#maintopostoskoritd
{
	vertical-align: bottom;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 11px;
}

#maintop
{
	margin: auto;
	width: 1000px;
	height: 36px;
}

#mainbody
{
	margin: auto;
	width: 1000px;
	height: 900px;
}

#main
{
	float: left;
	margin: auto;
	width: 783px;
	height: auto; /*848px */
	min-height: 848px;
	background: #2c2721 url(img/bground/pohja_oranssi.gif) repeat-y;
}

/*just a container to hold things*/
#main p
{
	margin-top: 0px;
	background: #2c2721 url(img/bground/pohja_oranssipalkki.gif) repeat-y;
	padding: 15px;
	height: 15px;
	text-align: right;
	color: #fff;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	font-size: 10px;
}

#mainwhite
{
	float: left;
	margin: auto;
	width: 592px;
	height: auto; /* 791px */
	min-height: 791px;
	background: #fff;
}

#mainwhitekuvio
{
	float: left;
	background: #ffffff url(img/bground/pohja_valkoinen_kuvio.png) no-repeat;
	margin: auto;
	width: 592px;
	height: auto; /* 791px */
	min-height: 791px;
}

#mainkampanja
{
	float: right;
	margin-top: 0px;
	width: 210px;
	height: 849px;
}

#mainkapanjatable
{
	margin-top: 0px;
}

#mainsuosittelemme
{
	background: url(img/bground/suosittelemme_pohja.png) no-repeat;
	height: 307px;
	width: 200px;
	padding: 6px;
	vertical-align: top;
	color: #111;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	font-size: 10px;
}

#mainsuosittelemmehead
{
	height: 22px;
	width: 200px;
}

#mainsuosittelemmetop
{
	height: 22px;
	width: 200px;
}

#mainsuosittelemmemid
{
	float: left;
	height: 85px;
	width: 89px;
	padding: 0px;
	vertical-align: top;
	color: #111;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
	font-size: 10px;
}

#mainsuosittelemmemidimg
{
	float: left;
	background: url(img/bground/suosittelemme_pohja_valkoinen.png) no-repeat;
	width: 100px;
	height: 85px;
	padding: 3px;
	vertical-align: top;
	color: #111;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	font-size: 10px;
}

#maintarjoustuote
{
	background: url(img/bground/tarjoustuote_pohja.png) no-repeat;
	height: 153px;
	width: 200px;
	padding: 6px;
	vertical-align: top;
	color: #111;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	font-size: 10px;
}

#maintarjoustuotehead
{
	height: 22px;
	width: 200px;
}

#maintarjoustuotemid
{
	float: left;
	height: 105px;
	width: 88px;
	padding: 0px;
	vertical-align: top;
	color: #111;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
	font-size: 10px;
}

#maintarjoustuotemidimg
{
	float: left;
	background: url(img/bground/tarjoustuote_pohja_valkoinen.png) no-repeat;
	height: 105px;
	width: 100px;
	padding: 3px;
	vertical-align: top;
}

#mainemptytd
{
	height: 5px;
	font-size: 8px;
}

#mainyhteystd
{
	height: 50px;
	padding: 6px;
	vertical-align: top;
	font-size: 11px;
	color: #fff;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#raide
{
	float: left;
	width: 570px;
	height: 120px;
	vertical-align: top;
	font-size: 11px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
	text-align: center;
}

#tvalikkotable
{
	padding: 5px;
}

#tvalikkotd
{
	vertical-align: top;
}

#leftmenu
{
	float: left;
	width: 185px;
	margin-left: 1px;
}

#mainlefttable
{
	padding: 2px;
}

#mainlefttd
{
	vertical-align: top;
}

#mainlefttuotehakutd
{
	padding: 5px;
	vertical-align: top;
	background: url(img/bground/tuotehaku_pohja.png);
	color: #fff;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-size: 11px;
}

/* Tuote sivut */

#tuotetable
{
	padding: 5px;
}

#tuoteempty
{
	height: 5px;
	width: 590px;
	padding: 0px;
}

#tuotehtop
{
	background: url(img/bground/pohja_harmaa_top.png) no-repeat;
	height: 12px;
	width: 590px;
	padding: 0px;
	vertical-align: bottom;
	margin-bottom: 0px;
}

#tuotehmiddle
{
	background: url(img/bground/pohja_harmaa_middle.png) repeat-y;
	width: 590px;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
}

#tuotehbottom
{
	background: url(img/bground/pohja_harmaa_bottom.png) no-repeat;
	height: 12px;
	width: 590px;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
}

#tuotehprod
{
	float: left;
	width: 189px;
	padding: 1px;
	margin-left: 2px;
}

#tuotehtext
{
	background: #eeeeee;
	float: left;
	width: 570px;
	padding: 3px;
	margin-left: 4px;
	margin-top: 6px;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
}

#tuoteharmaa
{
	float: left;
	background: url(img/bground/tuotesivu_tharmaa_pohja.png) no-repeat;
	height: 149px;
	width: 187px;
	padding: 3px;
	vertical-align: top;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#tuoteharmaatop
{
	float: left;
	width: 187px;
	height: 22px;
	padding: 0px;
	vertical-align: middle;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#tuoteharmaamid
{
	float: left;
	width: 187px;
	height: 80px;
	padding: 0px;
	vertical-align: middle;
}

#tuoteharmaahinta
{
	float: left;
	width: 50px;
	height: 22px;
	margin-left: 10px;
	margin-top: 7px;
	vertical-align: bottom;
	font-size: 10px;
	color: #f14;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#tuoteharmaanapit
{
	float: left;
	width: 125px;
	height: 22px;
	margin-top: 7px;
	padding: 0px;
	vertical-align: middle;
}

#tuotetab
{
	height: 20px;
	padding: 0px;
	vertical-align: bottom;
}

#tuotehroranssi
{
	background: url(img/bground/pohja_oranssi.gif);
	width: 592px;
	height: 5px;
	padding: 0px;
	vertical-align: top;
}

#tuotehrmusta
{
	background: #000;
	width: 592px;
	height: 2px;
	padding: 0px;
	vertical-align: top;
}

#tuotehrharmaa
{
	background: #ddd;
	width: 592px;
	height: 2px;
	padding: 0px;
	vertical-align: top;
}

#tuotemerkki
{
	background: #ddd;
	width: 592px;
	height: 20px;
	padding: 2px;
	vertical-align: middle;
	font-size: 11px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#tuotekuva
{
	height: 70px;
	width: 69px;
	padding: 2px;
	vertical-align: middle;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
}

#tuoteid
{
	height: 70px;
	width: 180px;
	padding: 2px;
	vertical-align: middle;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	text-align: left;
}

#tuoteidwide
{
	height: 70px;
	width: 90%;
	padding: 2px;
	vertical-align: middle;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	text-align: left;
}

#tuotehinta
{
	height: 70px;
	padding: 2px;
	vertical-align: middle;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#tuoteme
{
	height: 70px;
	width: 70px;
	padding: 2px;
	vertical-align: middle;
	font-size: 10px;
	color: #f14;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#tuotekpl
{
	height: 70px;
	padding: 2px;
	vertical-align: middle;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
}

#tuotenapit
{
	height: 70px;
	padding: 2px;
	vertical-align: middle;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
}

/* etusivu, uutuudet, yhteystiedot, jälleenmyyjät, yritys */

#topgrayuutuudet
{
	float: left;
	background: url(img/bground/pohja_harmaa_uutuudet.png) no-repeat;
	width: 592px;
	height: 150px;
	padding: 8px;
	vertical-align: top;
	margin-left: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#topgraytitle
{
	float: left;
	width: 130px;
	height: 150px;
	vertical-align: top;
	font-size: 15px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#topgraytuote
{
	float: left;
	width: 230px;
	height: 150px;
	vertical-align: top;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#topgraytitlefull
{
	float: left;
	width: 175px;
	height: 150px;
	vertical-align: top;
	font-size: 14px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
}

#topgraytuotefull
{
	float: left;
	width: 385px;
	height: 150px;
	vertical-align: top;
	font-size: 12px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
}

#topgraytuotefulljm
{
	float: left;
	width: 385px;
	height: 150px;
	vertical-align: top;
	font-size: 11px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
}


#jalleenmyyjatesitteet
{
	float: left;
	width: 250px;
	height: 180px;
	padding: 5px;
	vertical-align: top;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
	text-align: left;
}

#tuotteetuutuudet
{
	float: left;
	background: url(img/bground/pohja_tuotteet.png) no-repeat;
	width: 269px;
	height: 180px;
	padding: 8px;
	vertical-align: top;
	margin-left: 11px;
	margin-top: 3px;
	margin-bottom: 1px;
}

#tuotteetuutuudettxt
{
	float: left;
	width: 120px;
	height: 180px;
	padding: 5px;
	vertical-align: top;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
}

#tuotteetuutuudetpic
{
	float: left;
	background: url(img/bground/pohja_kuvapohja_valkoinen.png) no-repeat;
	width: 130px;
	height: 180px;
	padding: 4px;
}

#jalleenmyyjat
{
	float: right;
	width: 400px;
	height: 250px;
	vertical-align: top;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
	text-align: left;
}

#jalleenmyyjat h1
{
	font-size: 18px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	text-align: left;
}

#login
{
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
	text-align: left;
}

#yritystop
{
	float: right;
	width: 380px;
	height: 290px;
	vertical-align: top;
	font-size: 10px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
	text-align: left;
	margin-top: 10px;
	margin-right: 45px;
}

#yritysleft
{
	float: left;
	width: 225px;
	height: 400px;
	vertical-align: top;
	font-size: 12px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	text-align: left;
	margin-left: 15px;
	margin-top: 25px;
}

#yritysright
{
	float: left;
	width: 250px;
	height: 400px;
	vertical-align: top;
	text-align: left;
	margin-top: 15px;
}

#yritysright h1
{
	vertical-align: top;
	font-size: 12px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: bold;
	text-align: left;
}

/* Tuotehaku */

#tuotehakuhead
{
	padding: 3px;
	vertical-align: top;
	font-size: 12px;
	color: #000;
	font-family: verdana, arial, "lucida console", sans-serif;
	font-weight: normal;
}

/* Thumbnailviewer */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: 550px; /* or auto */
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
font: 12px Verdana;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
padding: 10px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}