.OverView1 { width: 250px; height: 480px; float: left; }
.OverView2 { width: 650px; height: 480px; float: right; }
.OverView3 { width: 250px; height: 50px; }
.OverView4 { color: #1f236f; font-size: 14px; font-weight: bold; }


a { color: #3e403d; text-decoration: none; }
/* HL tagit bort generella  a:visited + 0828 omkompilering... 
a:visited { color: #D37A7A; text-decoration: none; } */
/* a:hover { color: #D41F00; text-decoration: none; } */
/* lagt till margin-top, Helvetica som andra typsnitt */
body { margin-top:7px; font-family: Verdana, Helvetica, Arial; font-size: 10px; color:#3e403d; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #707070; scrollbar-darkshadow-color: #707070; scrollbar-shadow-color: #3e403d; scrollbar-arrow-color: #707070; scrollbar-track-color: #FFFFFF; }

.BlueHead { color: #1f236f; font-size: 14px; }
.BlueHead2 { font-size: 14px; color: #1f236f; }
/* HL ändrat storlek från 9px till 11px på alla .Button */
/*  MS 9pt bold på Min sida - dock samma som övriga just nu */ 
.Button { font-family: Verdana; color: #878988; font-size: 9pt; }
/* VR ändrat text-decoration från underline till none på länkar för alla a.Button */
a.Button:link { color: #878988; text-decoration: none; }
a.Button:visited { color: #878988; text-decoration: none; }
a.Button:hover { color: #3e403d; text-decoration: underline; }
a.Button:active { color: #3e403d; text-decoration: none; }
/* MS 11pt - #2A9F00 - */
.Button2 { font-family: Verdana, Helvetica; color: #c5c8c7; font-size: 9pt; }
a.Button2:link { color:#878988; text-decoration: none;}
a.Button2:visited { color:#878988; text-decoration: none;}
a.Button2:hover { color:#3e403d; text-decoration: underline; }
a.Button2:active { color:#3e403d; text-decoration: none; }
.Button3 { font-family: Verdana, Helvetica; color: #000000; font-size: 9pt; }
a.Button3:link { color:#3e403d; text-decoration: none; }
a.Button3:visited { color:#3e403d; text-decoration: none; }
a.Button3:hover { color:#3e403d; text-decoration: none; }
a.Button3:active { color:#3e403d;text-decoration: none;  }
.Button4 { font-family: Verdana, Helvetica; color: #000000; font-size: 9pt; }

.Catalog1 { font-size: 10px; z-index: 2; position: absolute; font-weight: normal; }
.Catalog2 { z-index: 1; position: absolute; }

/* för menyjustering "luft" */
#Div1 { margin-top: 5px; }
#Div1 td { padding-right:2px }
.DivFloatLeft { float: left; }
.DivFloatRight { float: right; }
.DivRight { width: 620px; text-align: right; }

.LinkBtn1 { width: 40px; float: left; }
.LinkBtn2 { width: 10px; float: left; }
.LinkBtn3 { width: 150px; float: left; }

/* justering meny; "luft"... master2,5,6 från 56 t 50 px. Master från 44px t 50 */
.Master1 { width: 902px; height: 580px; margin-left: auto; margin-right: auto; }
.Master2 { width: 902px; height: 50px; }
.Master3 { width: 902px; height: 50px; z-index: 3; }
/* för innehåll */
.Master4 { width: 902px; height: 480px; }
/* för logga logga=147*36px, radikalt minskad bredden (100px) för att inte få onödiga radbryningar + ökat Master6 o 7   */
.Master5 { width: 162px; height: 50px; float: left; }
/* Håller topp efter logga på plats, äkat till 640px bredd för Safari */
.Master6 { width: 740px; height: 50px; float: right; text-align: left; overflow:hidden;}
/* ändrat till 18px från 20 = bättre positionering sökbox. Tagit bort text-align: right; så att flaggor kan visas rätt i IE6 */
.Master7 { width: 740px; height: 18px; overflow:hidden; }
/* search; ändrat till float right enl spec */
.Master8 { width: 620px; height: 28px; float: right; text-align: right; }
/* MS verdana 14pt - 13,95 pt i Photoshop fil från Michaela - inte bold */
.Menu { color: #878988; font-size: 12pt;}
* html .Menu { color: #878988; font-size: 12pt; font-weight:bold; }
.Menu2 { color: #3e403d; }
.Menu3 { color: #3e403d; }
* html .Menu3 { color: #3e403d; font-weight: bold; }
/* MS: Myriad Pro Regular 9pt i skiss = Helvetica bold, 3e403d */
.Menu4 { float:right; overflow:hidden; height: 18px; font-family: Helvetica, Arial; font-size: 8pt; color: #878988; vertical-align: middle; padding-top:1px; }
* html .Menu4 { float:right; overflow:hidden; height: 18px; font-family: Helvetica, Arial; font-size: 8pt; font-weight:bold; color: #878988; vertical-align: middle; padding-top:1px; }
.Menu4 a:link { color: #878988; text-decoration: none; }
.Menu4 a:visited { color: #878988; text-decoration: none; }
.Menu4 a:hover { color: #3e403d; text-decoration: none; }
.Menu4 a:active { color: #3e403d; text-decoration: none; }
.Menu5 { height: 20px; }
/* MS: 11pt regular i skiss */
.Menu6 { position:relative; color: #3e403d; font-size: 9pt;  }
* hmtl .Menu6 { color: #3e403d; font-size: 9pt; font-weight:bold; }
/* HL 070815 lagt till pseudoklasser enl. kunds oenskan, fast det räkcte kanske med att ta bort generella a:visited?, Hasses ctrl verkar använda MenuHover 
a.Menu6:link { color: #000000; text-decoration: none; }
a.Menu6:visited { color: #000000; text-decoration: none; }
a.Menu6:hover { color: #D41F00; text-decoration: none; }
a.Menu6:active { color: #D41F00; text-decoration: none; } 
*/
/* HL lagt till ny klass för dynamisk utfälld meny - line height, padding-top */
.Menu6-1 { color: #878988; padding: 2px; line-height:175%; font-size: 9pt; }
* html .Menu6-1 { color: #878988; padding: 2px; line-height:175%; font-size: 9pt; font-weight:bold; }
a.Menu6-1:link { color: #878988; text-decoration: none; }
a.Menu6-1:visited { color: #878988; text-decoration: none; }
a.Menu6-1:hover { color: #3e403d; text-decoration: none; }
a.Menu6-1:active { color: #3e403d; text-decoration: none; }
.Menu7 { float: right; width: 22px; height: 20px; vertical-align:bottom }
/*  * html .Menu7 { float: right; width: 20px; margin-top: -20px; } */
.Menu8 { float: right; width: 26px; height: 20px; vertical-align:bottom } 
.Menu9 { color: #3e403d; }
.MenuHover { color: #3e403d; font-size: 12pt; }
* html .MenuHover { color: #3e403d; font-size: 12pt; font-weight:bold; }
.MenuHover2 { color: #3e403d; font-size: 9pt; }
* html .MenuHover2 { color: #3e403d; font-size: 9pt; font-weight:bold; }
.MenuHover3 { color: #3e403d; }
.MenuNotSelected { visibility: hidden; position: absolute; font-family: Verdana, Helvetica; font-size: 9pt; }
* html .MenuNotSelected { visibility: hidden; position: absolute; font-family: Verdana, Helvetica; font-size: 9pt; font-weight:bold; }
.MenuSelected { visibility: visible; position: absolute; font-family: Verdana, Helvetica; font-size: 9pt; }
* html .MenuSelected { visibility: visible; position: absolute; font-family: Verdana, Helvetica; font-size: 9pt; font-weight:bold; }
/* vänster - CCM del */
.MyPage1 { width: 450px; float: left; }
/* höger funktionsdel */
.MyPage2 { width: 450px; float: right; }
/* håller innehållet i listningen av favoriter. Tagit bort height: 330px; 
Product13 (generell beskrivning, placering övert z-index:2 ), Product 14 (bild och bildtext)
jmfr product.aspx Product 2 generell, Product3 gen beskr,
Product 1 bild o bildtext, Product 9 dito 
*/
/* My page3 placeras helt olika av FF/Safari o IE. De vill ha border-top:1px; border-top-style:dotted; border-top-color:#878988; men vi måste först göra om den? */
.MyPage3 { width: 900px; position:relative; margin-top:8px; }
.MyPage4 { width: 900px; }
.MyPage5 { width: 125px; padding:10px 5px 0px 20px;}
.MyPage6 { width: 125px; height:100px; padding:10px 5px 0px 20px;}
.MyPage7 { width: 510px; }
.MyPage8 { overflow-y:auto; overflow-x:auto; width: 125px; height:100px;padding:0px 0px 0px 0px; text-align:left}

.Newsletter1 { width: 100px; height: 480px; float: left; }
.Newsletter2 { width: 902px; height: 480px; position: absolute; }
.Newsletter2 a:link { color: #3e403d; text-decoration: underline; }
.Newsletter2 a:visited { color: #3e403d; text-decoration: underline; }
.Newsletter2 a:hover { color: #3e403d; text-decoration: underline; }
.Newsletter2 a:active { color: #3e403d; text-decoration: underline; }
.Newsletter3 { width: 902px; height: 30px; }


.Product1 { width: 902px; height: 480px; }
.Product2 { width: 300px; height: 480px; }
/* ändrat till 417 px för att få dem rätt i nederkant */
.Product3 { width: 100%; height: 417px;}

/* Ändrat från 9,5px till 10 px + font-weight bold på Product4 och Product5 */
/*!! MS: Verdana 8pt #2A9F00*/
/* tagit bort font-weight:bold; */
.Product4 { width: 55px; height: 60px; float: left; font-size: 9pt; color: #c5c8c7; }
.Product5 { width: 55px; height: 60px; float: left; font-size: 9pt; color: #c5c8c7; text-align: center; }
.Product6 { width: 700px; height: 100%; float: left;}
.Product7 { width: 150px; height: 480px; float: right; }
.Product8 { width: 902px; height: 30px; text-align: right;  }
.Product9 { width: 902px; height: 450px; }
.Product10 { width: 500px; text-align: right; float: left; }
.Product11 { width: 430px; text-align: right; float: right; }
.Product12 { color:#c5c8c7; text-align: left; }
/* inte länkar än 
a.Product12:link {	color:#c5c8c7; }
a.Product12:visited { color:#c5c8c7; }
a.Product12:hover { color:#000000; }
á.Product12:active { color:#000000; }
*/
.Product13 { z-index: 2; position: relative; }
/* För sammanslagning av helbild. funkar t.ex. inte på IE6 o på sidor med kort introtext
test : bort left: 0px; top: -150px;  */
.Product14 { position: relative; }
.Product15 { width: 150px; }
.Product15 a { text-decoration:underline; }
.Product16 { z-index: 3; }
.Product17 { z-index: 5; }
/* döpa den generall diven och lägga pseudoklassserna där? */
.ProductImage { padding-bottom: 5px; font-size: 10px; color: #878988; }
.ProductImage a:link { color:#878988; text-decoration: none; }
.ProductImage a:visited { color:#878988; text-decoration: none; }
.ProductImage a:hover { color:#3e403d; text-decoration: none; }
.ProductImage a:active { color:#3e403d; text-decoration: none; }
/* Klass för länk Möbelsidan */
.Product16 { float:right; margin-top:5px; margin-bottom:5px; font-size:10pt; font-weight:normal; }


.Product20 { width: 902px; height: 480px; position: absolute; z-index: 1; }
.Product21 { width: 300px; height: 480px; position: absolute; z-index: 2; }
.Product22 { width: 902px; height: 450px; z-index: 1; }
.Product23 { width: 902px; height: 30px; text-align: right; z-index: 1; }
.Product24 { width: 300px; height: 417px; z-index: 2; }
.Product25 { z-index: 2; }
.Product26 { width: 55px; height: 60px; float: left; font-size: 9pt; color: #c5c8c7; }
.Product27 { width: 902px; height: 480px; position: absolute; z-index: 3; }
.Product28 { width: 902px; height: 450px; z-index: 3; }
.Product29 { z-index: 4; }


/* Söksidan: Scroll OK i IE6 Search4 minskad 1px i bredd */
.Search1 { width: 100%; height: 60px; }
.Search2 { width: 100%; height: 420px; }
.Search3 { width: 300px; height: 100%; float: left; }
.Search4 { width: 599px; height: 100%; overflow: auto; }

/* HL; positionering sökbild */
.Sokbild { vertical-align:bottom }

/* Style för textstorlek i sökboxen */
.TextBox { font-family: Verdana, Helvetica; font-size: 9px; }

/* Style för nyhetsbrev */
.News1 { width: 60px; float: left; }
.News2 { width: 100px; float: left; }


/* MS H1/H2 Verdana 15 pt #007fff
   H3 möbler röd Verdana bold 11 pt, text Verdana 11pt #2F2F2F - läs mer högerställd 
   produkttext 11pt
   bildtext 9pt bold*/

h1.H1Intro
{
    font-size:15pt;
}