/* ---------- CSS STYLES ---------- */



/* ---------- GENERAL ---------- */

* {
	outline: none;
	font-size: 11px;
	font-family: Arial, Verdana;
	
}

img, 
#mainSubpage,
.tip,
#main, .boxWrapper, .boxTop, .boxBottom,#navi  {
	behavior: url("/scripts/png_fix.htc");
	
}

.clear {
	clear: both;
	margin: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}



/* ---------- BODY ---------- */

html {
	margin: 0px;
}

body {
	margin: 0px;
	height: 100%;
	background: url('/images/gui/bg_body.jpg') center top repeat-x #005f9a;
	text-align: center;
	color: #707070;
}

.toplayer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-height: 750px;
	background: url(/images/gui/bgToplayer.gif) repeat;
	z-index: 1000;
}

#container {
	margin: 0px auto;
	width: 820px;
	text-align: left;
}



/* ---------- STRUCTURE ---------- */

#content {
	background: url('/images/gui/bg_main.jpg') repeat-y;
}

#content .wrapper {
	background: url('/images/gui/bg_content.jpg') center top no-repeat;
}

#content .holder {
	padding: 40px 15px 30px 15px;
	background: url('/images/gui/bg_footer.jpg') center bottom no-repeat;
}

#header {
	height: 60px;
}

#navi {
	height: 27px;
	background:transparent url(/images/2010-bg-navi.png) bottom left repeat-x;
}


#navi div {
	position: absolute;
	margin: 0px 0px 0px 15px;
	width:775px;
	height: 27px;
	overflow: hidden;
}

#mainFrontpage {
	margin: 0px 5px;
	min-height: 475px;
	height: auto !important;
	height: 475px;
}

#mainSubpage {
	margin: 0px 5px;
	/*background: url('/images/gui/bg_subpage.png') repeat-y;*/
	background: url('/images/gui/bg_subpage.jpg') repeat-y;	
}

#mainSubpage .wrapper {
	background: url('/images/gui/bg_subpage_top.jpg') center top no-repeat;
	position	:relative;
}
 
#mainSubpage .holder {
	padding: 0px 0px 30px 0px;
	background: url('/images/gui/bg_subpage_bottom.jpg') center bottom no-repeat;
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

#footer {
	padding: 0px 25px;
}



/* ---------- FRONTPAGE ---------- */

#header .col1 {
	float: left;
	width: 550px;
}

#header .col2 {
	float: left;
	width: 230px;
	text-align:right;
}

#mainFrontpage .col1 {
	float: left;
	width: 520px;
	text-align: center;
}

#mainFrontpage .col2 {
	float: left;
	margin: 40px 0px 0px 0px;
	width: 230px;
}
/* 2010 frontpage change
#mainFrontpage .col2 div {
	margin: 5px 20px;
	padding: 2px;
}
*/


/* ---------- SUBAGES ---------- */

#mainSubpage .col1 {
	float: left;
	width: 195px; /*205px */
	min-height: 100px;
}

#mainSubpage .col2 {
	float: left;
	width: 550px;
}

/*#mainSubpage .col1 div {
	margin: 35px 0px 0px 25px;
}*/

#mainSubpage .col2 .breadcrumb {
	margin: 15px 0px 0px 10px;
	height: 20px;
	overflow: hidden;
}

#subContent {
	margin: 0px 20px;
}
*html #subContent {
	margin: 0px 20px;
	width: 530px;
}

#subContent .colLeft1 {
	float: left;
	margin-right: 30px;
	width: 300px;
}

#subContent .colLeft1Full {
	float: left;
	margin-right: 30px;
}

*html #subContent .colLeft1Full {
	float: left;
	margin-right: 10px;
}

#subContent .colRight1 {
	float: left;
	width: 150px;
}

#subContent .colLeft2 {
	float: left;
	margin-right: 10px;
	width: 300px;
}

#subContent .colRight2 {
	float: left;
	width: 150px;
}


/* ---------- SPECIAL BLOCKS ---------- */


/******* OIKEAN REUNAN APUNAVI ********/
#subNaviRight {
	background:url(/images/gui/bg_subNaviRightContent.png) 0 100% no-repeat #fff;
	margin:10px 0;
	position:relative;
	width:150px;
}
#subNaviRightBRC {
	background:url(/images/gui/bg_subNaviRightContentBRC.png) 100% 100% no-repeat transparent;
	padding-bottom:.4em;
}
#subNaviRight h5 {
	background:url(/images/gui/bg_subNaviRightHeader.png) 100% 0 no-repeat #fff;
	color:#fff;
	height:22px;
	line-height:22px;
	margin:0;
	padding:0 1em;
}
#subNaviRight ul {
	margin:.5em 1em;
	padding:0;
}
#subNaviRight ul li {
	line-height:1.2em;
	list-style-type:none;
	margin:0 0 .3em 0;
}

/******* /OIKEAN REUNAN APUNAVI ********/

#tuotekortti {
	float: left;
	width: 300px;
}

#tuoteryhma {
	
	overflow: hidden;
	width:195px;
}
#tuoteryhma div#product {
	height: 40px;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #0091c9;
	text-align: center;
}


#tuoteryhma .productImage {
	margin:  0px 5px 5px 0px;
	float: left;
}


.uutuusjuomat {
	margin: 0px;
	background: url(/images/gui/bg_Uutuusjuomat.jpg) no-repeat;
	 min-height: 500px;
        height: auto !important;
        height: 500px;
}

.uutuusjuoma {
	margin: 0px 0px 25px 10px;
	width: 500px;
	
	background: url('/images/gui/uutuusjuoma_top.gif') center top no-repeat;
}

.uutuusjuoma img {
margin: 5px 25px;
}


div.breakline {
border-bottom: 1px solid #69adc5; 
}

#tuoteryhma div {
	margin: 10px 0px;
}




.uutuusjuomat .subContent {
        min-height: 500px;
        height: auto !important;
        height: 500px;
        
}



.uutuusjuoma div {
        padding: 25px 0px;
        background: url('/images/gui/uutuusjuoma_bottom.gif') center bottom no-repeat; }

.uutuusjuoma table {
        background: #fff;
}

.uutuusjuoma td {
        padding: 0px 5px;
}

/* ---------- FLASH ---------- */

#flashContent1 {
	width: 520px;
	height: 300px;
}

#flashContent2 {
	width: 790px;
	height: 90px;
}
/* ---------- FORMS ---------- */

form {
	margin: 0px;
	padding: 0px;
}

input {
	border: 1px solid #0091c9;
	margin: 0px;
	padding: 0px;
	height: 16px;
	/*font-family: Arial, Verdana;
font-size: 11px;*/
	color: #0091c9;
	outline: none;
}

textarea {
	border: 1px solid #0091c9;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 300px;
	height: 100px;
	color: #0091c9;
	outline: none;
}

select {
	border: 1px solid #0091c9;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 18px;
	color: #0091c9;
	outline: none;
}

input.btn {
	border: 0px;
	cursor: pointer;
	background: url(/images/gui/btn.gif);
}

input.radio {
	border: 0px;
	height: 15px;
	width: 15px;
	background: none;
}

.inputRadio input {
	border: 0px;
	height: 15px;
	width: 15px;
	background: none;
}


.inputtextarea  
{
	width:360px;
	height:100px;
	border:solid 1px #0091c9;
	
}
.inputtext 
{
	width:100px;	
}
.inputtextNarrow
{
		width:90px;
}
.inputtextMedium 
{
		width:280px;
}
.inputLabelRight 
{
	/*text-align:right;	*/
}
.inputLabelLeft
{
	text-align:left;
}

.inputSelect 
{
	border:solid 1px #0091c9;
}
#header select {
	width: 200px;
}

#header input {
	width: 150px;
	border: none;
	height:18px;
	padding:0px 2px 0px 2px;
	color:#878787;
	background:#ffffff;
}

#header input.btn 
{
width:50px;
cursor: pointer;
background:#ededed;
color:#134e85;
height:18px;
/*background: url(/images/gui/btn.gif);*/
}


.uutuusjuoma .left {
	width: 50px;
	background: #fff;
}

#tuoteryhma select {
width: 100%;
margin-bottom: 5px;
}

#form textarea {
width: 300px;
}

.uutuusjuoma .right {
	width: 400px;
	background: #fff;
}



/* ---------- FONTS ---------- */

h1, .heading1 {
	margin: 10px 0px;
	padding: 0px;
	font-size: 17px;
	color: #4b4b4b;
}

h2, .heading2 {
	margin: 10px 0px;
	padding: 0px;
	font-size: 15px;
	color: #4b4b4b;
}

h3, .heading3 {
	margin: 10px 0px;
	padding: 0px;
	font-size: 13px;
	color: #4b4b4b;
}

h4, span.heading4 {
	margin: 10px 0px;
	padding: 0px;
	font-size: 11px;
	color: #4b4b4b;
}

.uutuusjuomat h1 {
	margin: 10px 0px;
	font-size: 25px;
	color: #eaaf0f;
}

p {
	margin: 10px 0px;
	padding: 0px;
	color: #707070;
}

.news h1, .current h1, .news p, .current p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #fff;
}

#mainFrontpage .col2 h4 {
margin: 0px;
}

#mainFrontpage .col2 p {
margin: 0px;
}

#mainFrontpage .col2 #uppernewslist 
{
	/*height:200px;*/
	margin: 0px 0px 0px 0px;
}
#mainFrontpage .col2 #lowernewslist 
{
	/*height:200px;*/
	margin: 0px 0px 0px 0px;
}

#videos p, #form p {
	margin: 0px;
}

#mainSubpage .breadcrumb p {
	margin: 0px;
	line-height: 20px;
}

#mainSubpage .uutuusjuomat h4 {
/*margin: 5px;*/
padding: 5px 0px;
}
.uutuusjuoma h4, .uutuusjuoma p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#videos p {
margin: 0px;
}


.tip p {
	margin: 0px;
	padding: 15px;
	color: #fff;
	text-align: center;
}

#footer p {
	margin: 0px 20px;
	color: #fff;
}

#tuoteryhma p.center {
font-weight: bold;
text-align: center;
color: #0091c9;
}

#flashContent1 p, #flashContent1 a, #flashContent2 p, #flashContent2 a {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 26px;
}

.active {
	color: #0091c9;
}

.note {
	color: #ff9900;
}

.print {
	text-align: right;
	cursor: pointer;
}

.uutuusjuomat .print {
	padding-top: 10px;
}

a {
	font-size: 11px;
	color: #0091c9;
	text-decoration: none;
}

a:hover {
	color: #0c1c8c;
}
/*15.5.2009, lisätty määritys linkille, jossa <p>-tagi linkin sisässä, EK*/
a p 
{
	color: #0091c9;
}


.news a, .current a {
	display: block;
	color: #fff;
}

.news a:hover, .current a:hover {
	color: #ccc;
}

.breadcrumb span 
{
	COLOR: #0091c9
}

.breadcrumb a, .print a {
	color: #707070;
}

.breadcrumb a:hover, .print a:hover {
	color: #909090;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #909090;
}
#navi a
{
	padding:0px 0px 0px 6px;
	float:left;
	/*
	position: relative;
	top: -39px;
	*/
}

#navi a:hover {
	background:transparent url(/images/2010-navi-active.gif) top left no-repeat;
}

html>body #navi a:hover {
	background:transparent url(/images/2010-navi-active.png) top left no-repeat;
}

#navi a.selected {
	background:transparent url(/images/2010-navi-active.png) top left no-repeat;
}

#mainFrontpage .col2 a {
color: #fff;
}

#mainFrontpage .col2 a:hover {
color: #ccc;

}


/* ---------- LISTS ---------- */




ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-type: disc;
}

ol {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	list-style-type: decimal;
}

ul.level1 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

ul.level2 {
	margin: 0px 10px;
	padding: 0px;
	font-weight: normal;
}


li {
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	list-style-type: none;
}

/* sisältöalueen listoille listamerkit mukaan */
#subContent li 
{
	list-style-type: disc;
}

#subContent ol li 
{
	list-style-type: decimal;
}

ul.news {
	margin: 0px 0px 20px 0px;
}


.news li, .current li {
	margin: 0px 20px;
	padding: 2px;
}

.news li:hover, .current li:hover {
	/*background: #00447b;*/
}

li.breakline {
	margin: 5px 20px;
	padding: 0px;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	border-bottom: 1px solid #fff;
}


#Uutissivu img {
border: solid 1px #dedede;
margin: 0px 0px 20px 20px;

}
#Uutissivu h1 
{
	 display:none;
}
/* LeftMenu */

#leftMenu 
{
	margin: 35px 0px 0px 25px;
	color: #0091c9;
	width:180px;
}

*html #leftMenu 
{
	margin: 35px 0px 0px 25px;
	color: #0091c9;
	width:170px;
}

div.menuitem
{
	
	background-position: 0em bottom;
	background-repeat: repeat-x;
	width: 90%;
	padding: 4px 0px 0px 0px;
	float: left;
	font-weight:bold;
	
	
}
div.menuitemselected
{
	
	background-position: 0em bottom;
	background-repeat: repeat-x;
	width: 90%;
	padding: 4px 0px 0px 0px;
	float: left;
	font-weight: bold;
	
	
}
div.menuitemexpanded
{
	
	background-position: 0em bottom;
	background-repeat: repeat-x;
	width: 90%;
	padding: 4px 0px 0px 0px;
	float: left;
	font-weight: bold;
	
	
}
div.menuitemchild
{
	width: 90%;
	padding: 1px 0px 0px 0px;
	float: left;
}
/*lisätty aktiivinen navigaatio korostus 24.10.2008 */
.menulinkactive
{
	color:#0c1c8c;
	FONT-WEIGHT: bold;
}

/* -- Standard divs --*/

.leftfloating
{
	float: left;
}
.rightfloating
{
	float: right;
}
#TopLink
{
	display:none;
	height:20px;
	width:100%;
	text-align:right;
	
}

.centered
{
	text-align: center;
}
.rightaligned
{
	text-align: right;
}
.leftaligned
{
	text-align: left;
}
.hidden
{
	display:none;
}
img.borderless
{
	border: 0;
}
div.fullwidth
{
	width: 100%;
}

/* -- Search page --*/
Span.SearchSettings INPUT
{
	background-color: #f2f2f2;
	border-width: 0px;
}


.ReleaseListImage 
{
	height:80px;	
}

.ReleaseListItemHeading
{
	font-weight:bold;		
}

.NewsListingItem 
{
	
	vertical-align:top;
	padding-bottom:20px;
	font-size:11px;
}


/* --------- Image format ----------- */
img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
    
	float: left;
}
img.toprightfloatingimage
{
	float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    
}

img.dashedborder
{
	position: relative;
	border: dashed 1px grey;
	
}
#searchDrinks 
{
	background-color:#FFFFFF;
	
}


#searchProducts 
{
margin: 10px 10px 10px 10px;
padding:10px 10px 10px 10px;



}
#searchProducts li	
{
	list-style-type: square;
	color: #707070;
	margin:5px;
	
}
	
#searchProducts li a
{
	font-weight:bold;
	font-size:12px;	
}	


.prodImg 
{
	width:60px;
	float:left;
	text-align:center
}


select .ddlMain 
{
	
	color:#FFFFFF;
	text-transform:uppercase;
	background-color:#00A6E2;
}
/* ---------- TABLES ---------- */

table {
	border: 0px;
}

td 
{
	font-family: Arial, Verdana;
	font-size: 11px;
}
#videos td {
	padding: 0px 10px 10px 0px;
}
#nostot {
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	width: 475px;
}

#nostot td {
	text-align: center;
	vertical-align: top;
}

table.productcard  {
	margin: 0px 10px 10px 0px;
	border: solid 1px #707070;
}

table.productcard th, table.productcard tr {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #707070;
}

table.productcard td {
	background: #ddd;
}

.gda productcard 
{
	background: #ddd;
}

#form td {
	padding-right: 5px;
	padding-bottom: 5px;
}


.pcSubHeader 
{
	line-height:1em;
	font-weight: bold;
	margin-bottom:1em;
	margin-top:1.5em;
}

/* --------- Recipes ----------- */
div.RecipeItem
{
	
	margin:5px 0 0 0;
}
div.RecipeImage
{
	float:left;
	padding: 0em 0.7em 1em 0em;
}
div.RecipeDescription
{
	
}
div.RecipeClassification
{
	color: #999999;
}

#map
{
	margin-right:auto;
	margin-left:auto;
	border:solid 1px #0091c9;
	float:left;
}
#page
{
	margin-left: auto;
	margin-right: auto;
	float:left;
}

	
	

	
	
	
/* ---------- IMAGES ---------- */

img {
	border: 0px;
	
}

#toplayer img {
	margin-top: 250px;
	vertical-align: top;
}

#header img.empty {
	margin-left: 45px;
	width: 200px;
	height: 50px;
}

.print img {
	vertical-align: bottom;
}

div.variantti img {
	margin: 0px 2px 10px 0px;
	vertical-align: bottom;
}

img.breakline {
	margin-left: 20px;
}

img.left {
	float: left;
	margin-right: 20px;
}

img.thumb {
	border: 1px solid #707070;
}

img.uutiset {
	border: 1px solid #707070;
}



/* ---------- VIDEOLAYER ---------- */

.video_layer {
	margin: 200px auto;
	width: 500px;
	height: 400px;
	background: url(/images/gui/bg_video_layer.gif) no-repeat;
}

.video_layer .content {
	padding: 15px 25px;
}

.video_layer .content h3 {
	margin: 0px;
	padding: 15px 0px;
}

.video_layer .content p {
	margin: 0px;
	padding: 10px;
	text-align: right;
	font-weight: bold;
}



/* ---------- TIPS ---------- */

.tool-tip {
	z-index: 1000;
}

.tip {
	background: url('/images/gui/bg_tips.png');
	width: 156px;
	height: 76px;
}

.tip-title {
	color: #fff;
	text-align: left;
}

.tip-text {
	text-align: left;
}

/*2010 frontpage changes*/
#mainFrontpage .col2 {
	float: left;
	margin: 12px 0px 0px 15px;
	width: 230px;
	overflow:hidden;
}
.boxTop
{
background:transparent url(/images/2010-bg-1.png) top left no-repeat;
width:224px;
padding:14px 0px 0px 0px;
margin:0px 0px 0px 0px;
/*20101220 TN IE6 fix */
/*overflow:hidden;*/
}
.boxWrapper
{
padding:0px 5px 0px 5px;
margin:0px 0px 0px 0px;
min-height:40px;
_height:40px;
text-align:left;
font-size:12px;
color:#ffffff;
}
.boxWrapper a,.boxWrapper p, .boxWrapper span, .boxWrapper a p, .boxWrapper a span
{
	color:#ffffff;
}
.boxWrapper a:hover p, .boxWrapper a:hover span
{
	color:#cacaca;
}
.boxWrapper h2
{
	font-size:14px;
	color:#ffffff;
	margin:0px 5px 5px 0px;
	padding:0px 5px 0px 0px;
}
.boxBottom
{
/*all browsers, including ie6 */
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
background:transparent url(/images/2010-bg-2.png) top left no-repeat;
width:224px;
height:14px;
}
html>body .boxBottom
{
	/*all browsers, except ie6 */
	background:transparent url(/images/2010-bg-1.png) bottom left no-repeat;
}
.boxWrapper p
{
margin:0px;
padding:0px;
}
.col2 .boxWrapper img
{
	margin:0px 8px 8px 0px;
}
.nostoleft
{
	float:left;
	width:245px;
	color:White;
	margin:0px 0px 0px 25px;
	text-align:left;
	font-size:15px !important;
	font-family:Arial;
}
.nostoleft .boxWrapper
{
	padding:5px 25px 5px 25px;	
	font-size:14px;
}
#mainFrontpage .nostoleft .boxWrapper select
{
	border:none;
	color:#878787;
	width:180px;
	margin:6px 0px 10px 0px;
}
.nostoleft p
{
	font-size:15px !important;
	color:White;
	padding:0px 0px 0px 0px;
}
.nostoRight
{
	/*all browsers, including ie6 */
	float:left;
	width:220px;
	text-align:left;
	font-size:12px;
	overflow:hidden;
}
html>body .nostoRight
{
	/*all browsers, except ie6 */
	width:230px;
}
.nostoRight h1, .nostoRight a
{
	font-size:12px;
	color:#ffffff;
}
.newlisttitle
{
	float:left;
	font-weight:bold;
	color:#ffffff;
	font-size:14px;
}
.newlistarchive, .newlistarchive a
{
	float:right;
	width:60px;
	font-weight:normal;
	color:#ffffff;
	font-size:12px;
}
nostoRight a:hover, .boxWrapper a:hover
{
	color:#cacaca;
}
#navi a.langlnk
{
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#navi a.langlnk:hover
{
	background:transparent;
}