/* CSS Document */
HTML, BODY { padding:0; margin:0; font:8pt Verdana,Helvetica,Sans-serif; }
BODY { margin:10px; }
A { color:#A3141A; text-decoration:none; }
A:hover { text-decoration:underline; }
H1 { font-size:12pt; margin-top:5px; font-weight:normal; }
H2 { font-size:9pt; margin-top:5px; }
H3, INPUT, SELECT, TABLE { font-size:8pt; }
IMG { border:none; }
.pic { margin:8px 0; padding:0;}
.date { font-size:7pt; font-weight:bold; color:#5C5C5C; }
.url, .desc { color:#5C5C5C; }
.XL { font-size:11pt; line-height:1; }
.author { font-size:7pt; }
.left { float:left; }
.right { float:right; }
.info { margin-bottom:20px; }
.info H2 { margin-bottom:5px; }
.info P { margin:5px 0; }
.info UL { margin:5px 0; padding:0; list-style:none; }
.info LI { margin:5px 0; text-indent:-15px; padding-left:15px; }
.info LI A { padding-left:15px; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/info_bullet.gif') 0px 3px no-repeat; }
.info .date { font-weight:normal; }
.list TH { font-size:7pt; color:#FFF; padding:3px 10px; background:#5C5C5C; border-right:1px solid #FFF; text-align:left; }
.list TH A { color:#FFF; }
.list TD { padding:3px 10px; border-bottom:1px solid #BEBEBE; }
.pagesTop { margin-bottom:15px; margin-top:6px; border-bottom:1px solid #BEBEBE; }
.pagesBottom { margin-top:18px; border-top:1px solid #BEBEBE; }
.pagesTop TD, .pagesBottom TD { padding:5px 0; }
.pagesTop FORM, .pagesBottom FORM { margin:0; white-space:nowrap; }
.attachment H2 { font-size:7pt; color:#FFF; padding:4px 10px; margin:8px 0 0 0; background:#5C5C5C; }
.attachment UL { margin:8px 0 0 0; padding:0; list-style:none; }
.attachment LI { padding:4px 0 4px 28px; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/info_bullet.gif') 10px 6px no-repeat; border-bottom:1px solid #BEBEBE; }
.attachment TH { padding:8px 10px; text-align:left; font-weight:normal; background:#ECECEC; }
.attachment TD { padding:3px 10px; border-bottom:1px solid #BEBEBE; background:#ECECEC; }
.modify { border-top:1px solid #BEBEBE; padding:5px 10px; margin:10px 0 0 0; text-align:right; }
.modifyData { margin-bottom:10px; }
.modifyData TD { padding:3px 10px 3px 0;}
#addNew { position:absolute; top:0; left:0; width:100%; margin:0; padding:0; text-align:right; }
.thumbnail { float:left; width:120px; height:200px; margin:0 15px; }
.bigThumbnail { float:left; margin-right:15px; }
.detailsData { margin-bottom:15px; }
.detailsData TD, .detailsData TH { padding:3px 10px 3px 0; border-bottom:1px solid #BEBEBE; text-align:left; }
.originals { border-collapse:collapse; }
.originals TH { font-size:7pt; color:#FFF; padding:3px 10px; background:#5C5C5C; text-align:left; }
.originals TD { padding:1px 10px; background:#DEDEDE; border:1px solid #FFF; }
/* HEADER */
#mainFrame { max-width:990px; min-width:770px; border:1px solid #BEBEBE; text-align:left; }
/** html #mainFrame {
width:expression(document.body.clientWidth > 995? "990px": "auto" ); }*/
#header { background:#CB272D url(/*VIPURL*/ '/public/finn_crisp_extranet/images/top_bg.gif') repeat-x; }
#header .logo { float:left; padding:15px 0 0 25px; }
#header .search { float:right; margin:3px 5px 0 20px; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/search_bgMain.gif') left top no-repeat; }
#header .search FORM { margin:0; padding:15px 10px 20px 15px; }
#header .search #searchField { width:130px; }
#header .search H2 { font-size:7pt; color:#FFF; margin:0; padding:0; }
#header .search_bg1 { background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/search_bg1.gif') right top no-repeat; }
#header .search_bg2 { background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/search_bg2.gif') left bottom no-repeat; }
#header .search_bg3 { background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/search_bg3.gif') right bottom no-repeat; }
#header .topLinks { float:right; }
#header .topLinks UL { margin:0; padding:10px 0 0 0; list-style:none; }
#header .topLinks LI { display:inline; margin:0; padding:0; }
#header .topLinks A { display:block; font-size:7pt; font-weight:bold; color:#FFF; padding-left:12px; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/topLinks_bullet.gif') 0px 4px no-repeat; }
/* COLUMNS */
#mainCols { float:left; float/**/:none; overflow:hidden; margin:7px; }
#mainCols #breadCrumb { font-size:7pt; color:#5C5C5C; border-bottom:1px solid #BEBEBE; margin-bottom:7px; padding:0 0 4px 17px; }
#mainCols #centerCol { float:left; width:49%; border-left:1px dotted #BEBEBE; border-right:1px dotted #BEBEBE; }
#mainCols #centerCol .margins { position:relative; margin:0 15px; }
#mainCols #wideCol { float:left; width:74%; border-left:1px dotted #BEBEBE; }
#mainCols #wideCol .margins { position:relative; margin:0 30px 0 15px; }
#mainCols #rightCol { float:left; width:25%; }
#mainCols #rightCol .margins { position:relative; margin:0 15px; }
#mainCols #leftCol { float:left; width:25%; }
#mainCols #leftCol .margins { position:relative; margin:0 15px 0 17px; }
* html #mainCols { position:relative; }
* html #centerCol, * html #wideCol { display:inline; }
BODY > DIV #centerCol, BODY > DIV #rightCol, BODY > DIV #leftCol, BODY > DIV #wideCol
{ position:static; z-index:1000; }
/* \*/
#centerCol, #rightCol, #leftCol, #wideCol { padding-bottom:32767px; margin-bottom:-32767px; }
/* */
@media all and (min-width: 0px) {
#centerCol, #rightCol, #leftCol, #wideCol { padding-bottom:0; margin-bottom:0; }
#centerCol:before, #rightCol:before, #leftCol:before, #wideCol:before { content:'.'; display:block; background:inherit; padding-top:32767px; margin-bottom:-32767px; height:0; }
}
/* MAIN NAVIGATION */
#mainNav { padding-top:5px; white-space:nowrap; }
#mainNav SPAN { position:relative; }
#mainNav UL { margin:0; padding:0 5px 0 10px; list-style:none; }
#mainNav LI { display:inline; margin:0; padding:0; font:8pt Arial; font-weight:bold; }
#mainNav LI.logout { text-transform:none; }
#mainNav LI A { float:left; text-decoration:none; color:#8D1B1F; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/mainNav_bg1.gif') no-repeat left top; margin:0 0 0 -1px; padding:0 0 0 9px; }
#mainNav LI A SPAN { float:left; display:block; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/mainNav_bg2.gif') no-repeat right top; padding:7px 15px 3px 6px; }
#mainNav LI A:hover { background-position:0% -50px; }
#mainNav LI A:hover SPAN { color:#FFF; background-position:100% -50px; padding:6px 15px 4px 6px; }
#mainNav LI.Selected A { color:#FFF; background-position:0% -50px; }
#mainNav LI.Selected A SPAN { background-position:100% -50px; padding:6px 15px 4px 6px; }
#mainNav LI DIV { float:left; text-decoration:none; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/mainNav_bg1.gif') no-repeat 0% -50px; margin:0 0 0 -1px; padding:0 0 0 9px; }
#mainNav LI DIV SPAN { float:left; display:block; color:#FFF; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/mainNav_bg2.gif') no-repeat 100% -50px; padding:6px 15px 4px 6px; }
#mainNav SPAN.shadow { position:absolute; display:block; top:-1px; left:-1px; color:#FFF; background:none; }
#mainNav A:hover SPAN.shadow { color:#A3141A; }
#mainNav LI DIV SPAN.shadow { color:#000; }
#mainNav LI.Selected A SPAN.shadow { color:#A3141A; }
* HTML #mainNav SPAN.shadow { position:absolute; display:block; top:-1px; left:-7px; color:#FFF; background:none; }
* HTML #mainNav LI DIV SPAN.shadow { top:-1px; left:-1px; }
body > #mainFrame #mainNav LI A { width:auto; }
/* \*/
#mainNav LI A SPAN { float:none; }
/* */
/* LEFT NAVIGATION */
.leftNav { margin-right:10px; }
.leftNav H2 { font-size:8pt; margin:0; padding:4px 10px 4px 17px; background:#ECECEC; }
.leftNav IMG { width:100%; }
.leftNav UL { margin:0; padding:0 7px; list-style:none; }
.leftNav UL UL { padding:0; }
.leftNav LI A { display:block; width:100%; border-bottom:1px solid #BEBEBE; padding:4px 20px 4px 10px; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/leftNav_bullet.gif') right no-repeat; }
.leftNav LI LI A { margin-left:10px; font-size:.9em; background:url(/*VIPURL*/ 'http://172.30.15.21/Public_Edit/finn_crisp8139/images/leftNav_bulletS.gif') right no-repeat; }
.leftNav LI.Selected DIV { width:100%; color:#FFF; border-bottom:1px solid #BEBEBE; padding:4px 20px 4px 10px; font-weight:bold; background:#7B7B7B url(/*VIPURL*/ '/public/finn_crisp_extranet/images/leftNav_bullet2.gif') right no-repeat; }
.leftNav LI LI.Selected STRONG { width:100%; display:block; border-bottom:1px solid #BEBEBE; padding:4px 20px 4px 10px; margin-left:10px; font-weight:bold; background: url(/*VIPURL*/ 'http://172.30.15.21/Public_Edit/finn_crisp_extranet/images/leftNav_bulletS.gif') right no-repeat; }
BODY > DIV .leftNav A, BODY > DIV .leftNav LI.Selected DIV, BODY > DIV .leftNav LI.Selected STRONG { width:auto; }
/* TABS */
#tabs { width:100%; padding-left:5px; border:1px solid #FFF; background:url(/*VIPURL*/ 'http://172.30.15.21/Public_Edit/finn_crisp_extranet/images/tabs_bgBottom.gif') bottom repeat-x; white-space:nowrap; }
#tabs SPAN { padding:9px 15px 4px 6px; }
#tabs UL { margin:0; padding:0; list-style:none; }
#tabs LI { display:inline; margin:0; padding:0; font:8pt Arial; font-weight:bold; }
#tabs LI A { float:left; text-decoration:none; color:#000; border-bottom:1px solid #848484; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/tabs_bg1.gif') no-repeat left top; margin:0 0 0 -1px; padding:0 0 0 9px; }
#tabs LI A SPAN { float:left; display:block; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/tabs_bg2.gif') no-repeat right top; }
#tabs LI A:hover { background-position:0% -50px; }
#tabs LI A:hover SPAN { color:#000; background-position:100% -50px; /*padding:8px 15px 5px 6px;*/ }
#tabs LI.Selected A { color:#FFF; background-position:0% -50px; border-bottom:1px solid #FFF; }
#tabs LI.Selected A SPAN { background-position:100% -50px; }
#tabs LI DIV { float:left; text-decoration:none; border-bottom:1px solid #FFF; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/tabs_bg1.gif') no-repeat 0% -50px; margin:0 0 0 -1px; padding:0 0 0 9px; }
#tabs LI DIV SPAN { float:left; display:block; color:#000; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/tabs_bg2.gif') no-repeat 100% -50px; padding:8px 15px 5px 6px; }
body > #mainFrame #tabs LI A { width:auto; }
/* \*/
#tabs LI A SPAN { float:none; }
/* */
/* FOOTER */
#footer { font-size:7pt; color:#574525; background:#F6E1BD url(/*VIPURL*/ '/public/finn_crisp_extranet/images/footer_bg.gif') repeat-x; border-top:1px solid #BEBEBE; }
#footer .margins { padding:5px 17px; }
#footer A { color:#574525; font-weight:bold; }
/* CONTACT INFO */
.contact { max-width:990px; min-width:770px; font:7pt Arial; padding:5px 0; text-align:left; }
/** html .contact {
width:expression(document.body.clientWidth > 995? "990px": "auto" ); }
*/
/* CLEARING */
#topBar:after, #mainNav:after, #mainCols:after, #footer:after, #mainNav2:after
{ content:'[.]'; display:block; height:0; clear:both; visibility:hidden; }
#topBar, #mainNav, #mainCols, #footer, #mainNav
{ display:inline-block; }
/*\*/
#topBar, #mainNav, #mainCols, #footer, #mainNav
{ display:block; }
/* */
.cl { clear:both; font-size:0; line-height:0; }
body > .cl { clear:both; height:0; }
/* PRODUCTS LISTING */
.leftNav LI.divider {border-bottom:3px solid #BEBEBE; height:20px;}
/* Tuotesivut */
.Uutuudet TD { background: #F2F2F2; border-bottom: 1px dotted #999; }
.Uutuudet IMG { border: 4px solid #EBE9D4; }
.Uutuudet DIV { background: #F2F2F2; padding: 10px; }
.Ravintosisalto { width:100%; background:#F2F2F2;}
.Ravintosisalto P {margin:0; padding:10px;}
.Ravintosisalto .palsta {float:left; width:46%;}
.Ravintosisalto TABLE {margin:10px 0;}
.Ravintosisalto TD { padding: 1px 10px; }
.Ravintosisalto TD.Ravinto { padding-left: 0px; }
.Ravintosisalto TD.Sisennys { padding-left: 20px; }
.Ravintosisalto TD.Ainekset { padding: 4px 10px; border-left: 1px solid #999; }
.Ravintosisalto TD.Taulukko { padding: 5px 10px; border-top: 1px solid #999; }
/*.yleistiedot .tekstit {float:left; width:70%;}*/
.kuvitus {padding:10px 0 0 10px; text-align:right;} /**/
.versiot {margin:0; padding:5px 10px; border:1px solid #ED333E;}
/*.TuoteHaku TD.Lappu { padding: 3px 0px; }*/
/* CLEARFIX */
.Ravintosisalto:after, .yleistiedot:after, .Otsikkopalkki:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.Ravintosisalto, .yleistiedot, .Otsikkopalkki {display:inline-table;}
/* Hides from IE-mac \*/
.Ravintosisalto, .yleistiedot, .Otsikkopalkki {display: block;}
/* End hide from IE-mac */
.cl { clear:both; font-size:0; line-height:0; height:0; }
@media print {
H1 {font-size:12pt; color:#000;}
H1 SPAN {display:block; font-size:9pt;}
.Ylavalikko {display:none;}
.Logopalkki {display:none;}
.Navigointi {display:none;}
.navipalsta {display:none;}
.versiot {display:none;}
.BgVasen {display:none;}
.TekstiPalsta {display:inline;}
.oikeapalsta {display:inline;}
.Murupolku DIV { margin: 10px 0; }
.Otsikkopalkki2 {width:95%; background:none; border:1px solid #000; border-bottom:none; padding:10px 10px 0 10px;}
.Otsikkopalkki2 H2 {color:#000; background:none; margin:0; padding:0;}
.Otsikkopalkki2 H2.oikea {width:52%;}
.Ravintosisalto { width:98.1%; background:#fff; border:1px solid #000; border-top:none;}
.Ravintosisalto P {margin:0; padding:0 10px 10px 10px;}
.Ravintosisalto TABLE {margin:0;}
.Alapalkki {display:none;}
}
.Otsikkopalkki2 H2.oikea {float:right; width:51.5%;}
div.Ravintosisalto table {width:47%; float: left;}
div.Ravintosisalto table.table2 {margin-left: 5px}
.Otsikkopalkki2 { clear:both; margin-top:15px; background:#ED333E url(/*VIPURL*/ '/public/finn_crisp_extranet/images/otsikkopalkki_palavasen.gif') left top no-repeat; }
.Otsikkopalkki2 H2 {font-size:9pt; margin:0; padding:4px 10px; color: #FFF; background:url(/*VIPURL*/ '/public/finn_crisp_extranet/images/otsikkopalkki_palaoikea.gif') right top no-repeat;}
.Otsikkopalkki2 H2.vasen {float:left; background:none;}
/* .Otsikkopalkki2 H2.oikea {float:right; width:48%;} */
#leftCol IMG { width:100%; }
/* GDA merkinnät*/
/**************************************/
/* clearing commands */
.gda_items:after,
.clearfix:after {content:".";display:block;height:0;clear: both;visibility: hidden;}
.gda_items,
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .gda_items,
* html .clearfix {height:1%;}
.gda_items,
.clearfix {display:block;}
/* End hide from IE-mac */
/******************/
.gda_items{
font-family:Arial, Helvetica, sans-serif;
/*background-color:#f2f2f2;*/
font-size:12px;
padding:5px 0px 5px 1px;
/*width:350px;*/
margin:0 10px;
}
.gda_item{
float:left;
background:transparent url(/*VIPURL*/ '/public/images/gda_bg2.gif') left top no-repeat;
min-width:68px;
min-height:108px;
text-align:center;
}
/*ie6 bugs*/
* html .gda_item{
height:108px;
width:68px;
}
.gda_calories,
.gda_protein{
background-image:url(/*VIPURL*/ '/public/images/gda_bg.gif');
}
.gda_description{
margin-top:15px;
height:28px;
}
.gda_amount{
line-height:18px;
font-size:1.4em;
}
.gda_percentage{
margin-top:15px;
font-size:1.2em;
}
.gda_en .gda_carbohydrates .gda_description,
.gda_se .gda_sugars .gda_description,
.gda_se .gda_saturates .gda_description,
.gda_fi .gda_saturates .gda_description,
.gda_fi .gda_carbohydrates .gda_description{
font-size:10px;
}
.gda_salt{
padding-right:5px;
}
* html .gda_salt{
width:68px;
}
.gda_protein{
margin-left:10px;
}
.gda_fiber{
padding-right:20px;
}
* html .gda_fiber{
width:73px;
}
.gda_info{
padding-top:1em;
}
.gda_explanation,
.gda_portions{
margin-bottom:0.5em;
}
.gda_info,
.gda_explanation,
.gda_portions{
/*text-align:center;*/
margin-left:10px;
margin-right:10px;
}
.Ravintosisalto td .gda_item{
line-height:normal;
}