/* CSS Document */

/*-------------------*/
/* Generella element */
/*-------------------*/

:link,:visited { 
     text-decoration:none 
}

ul,ol { 
     list-style:none 
}

h1,h2,h3,h4,h5,h6,pre,code {
     font-size:1em; 
     letter-spacing: 0.09em;
}

h1{
     margin-top: 40px;
     font-size: 24px;
     width: 220px;
     font-weight: normal;
     text-align: center;
     margin-left: 0;
     padding: 0;
}


h2{
     font-size: 20px;
     font-weight: normal;
     font-weight: normal;
     line-height: 1.5;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ 
     margin:0; 
     padding:0
}

a img,:link img,:visited img {
     border:none 
}

address {
     font-style:normal 
}

:link, :visited {
     text-decoration:none; 
     color: inherit;
}

a img, :link img, :visited img {
     border:medium none;
}

a:active {
     outline-color:-moz-use-text-color;
     outline-style:none;
     outline-width:medium;
}

a {
     outline-color:-moz-use-text-color;
     outline-style:none;
     outline-width:medium;
}


img, div { 
     behavior: url(iepngfix.htc) 
}

img {
     padding: 0;
}

/* Ikon för pdf:er */
a[href $='.pdf'] {
   padding-bottom: 1px;
   padding-left: 25px;
   padding-top: 1px;
   line-height: 25px;
   background: transparent url("../images/icon_pdf.gif") no-repeat center left;
}

body{
     padding: 0;
     margin: 0;
     font-size: 14px; 
     font-family: verdana, arial, helvetica, sans-serif;
     background: url(../images/tapet.gif) repeat;
}


/*-------------------*/
/* Sidkomponenter    */
/*-------------------*/

#wrapper{
     width:920px;
     margin-left:auto;
     margin-right:auto;
     padding-right: 10px;
     padding-left: 10px;
}

#header{
     height: 117px;
}

#logotype{
     margin-top:10px;
     margin-left: 23px;
     float: left;
}

#blogglogo{
    float: right;
    margin-right: 190px;
    margin-top: 38px;
}

#topmenu ul{
     position: relative;
     float: right;
     top: 94px;
}

#topmenu li{
     display: inline;
     margin-left: 20px;
}
#topmenu li a{
     color: #6f6f72;
     font-size: 12px;
}

#topmenu li a:hover{
     color: #505052;
}

#menu{
     height: 25px;
     background-color: white;   
     z-index: 100;
     position: relative;
     margin-bottom: 4px;
}


/* Style för dropdown-meny. javascriptet använder id dropdown för att styra menyn. */

ul.dropdown { 
     position: relative;
     text-align: center;
}
ul.dropdown li {
     float: left; 
     zoom: 1; 
     background: white; 
     color: grey; 
     width:183px; 
}
ul.dropdown a:hover { 
     background-color: silver;
}
ul.dropdown a:active { 
     background-color: #DADADA; /* Som logga */
}
ul.dropdown .active { 
     background-color: #DADADA;
}
ul.dropdown li a { 
     width: auto;   
     display: inline-block;
     line-height: 25px; 
     padding: 0px 0px; 
     border-right: 0px; 
     text-align: center; 
     font-weight:bold; 
     color: grey; 
     text-transform: uppercase; 
     letter-spacing: 0.4px;
}
ul.dropdown li a.visited {
     color: grey;
}
ul.dropdown li:last-child a {
     border-right: none; 
} /* Doesn't work in IE */

ul.dropdown li.hover,
ul.dropdown li:hover { 
     background: silver; 
     position: relative; 
     color:#fff;
}
ul.dropdown li.hover a { 
     color: grey; 
}

/* Menu level two */
ul.dropdown ul { 
     width: 130px; 
     visibility: hidden; 
     position: absolute; 
     top: 100%; 
     left: 0; 
}
ul.dropdown ul li {  
     background: #F1F1F1; 
     color: grey; 
     float: none; 
}
ul.dropdown ul li:hover {
     background: silver; 
     color: grey;
     float: none; 
}
                                               
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { 
     border-right: none; 
     width: 100%; 
     display: inline-block; 
} 

/* Menu level three */
ul.dropdown ul ul { 
     left: 100%; 
     top: 0; 
}
ul.dropdown li:hover > ul {
     visibility: visible; 
}

/* ---- end of dropdown menu styles ---- */

#content{
     overflow: hidden;
     z-index: 1;
     position:relative;
}


/* BGColor-classes, available for selection in bgcolor dropdown */

.white{
     background-color: #FFF;
     color: #626262;
}

.red{
     background-color: #7b142a;
}

.blue{
     background-color: #364b63;
}
.parklane{
     background-color: #001b3c;
}
.joylila{
     background-color: #53284f;
     color: #8B8D8E;
}

#content.joylila a{
     color: #999; !important
     letter-spacing:0.04em;
}
.grey{
     background-color: #616365;
     color: #000;
}

.darkgrey{
     background-color: #313332;
}


.lightred{
     background-color: #ce003b;
}

.palered{
     background-color: #c9464d;
}

.olive{
     background-color: #445a53;
     color: #FFF;
}

.orange{
     background-color: #d4a925;
     color: #5f6781;
}
.greyfont{
     
}
.springpink{
     background-color: #d281b0;
}

.springlightpink{
     background-color: #e3b7d3;
}

.springblue{
     background-color: #00448a;
     color: #FFF;
}

.springbeige{
     background-color: #ada695;
}

.springturquoise{
     background-color: #0093c4;
     color: #FFF;

}

.springred{
     background-color: #cf3558;
     color: #FFF;

}

.springgreen{
     background-color: #6da663;
}

.springlightblue{
     background-color: #6a85b6;
}

.springyellow{
     background-color: #ffd962;
}
.parklane{
     background: #827562 url(../images/pl_logotype_vit.png) no-repeat 21px 408px;
}
.autumbeige{
     background-color: #baae9e;
}
.autumblue{
     background-color: #005380;    
}
.autumred{
     background-color: #b0114a;
     color: #FFF;
}

.autumdarkred{
     background-color: #6b0035;
}


.autumbrown{
     background-color: #483b33;
}

.autumgreen{
     background-color: #6d8171;
}

.autumdarkgreen{
     background-color: #00340d;
     color: #FFF;
     }

.turquoise{
     background-color:#77d7df;
}
.lightPurple{
     background-color:#c6bdd1;
}
.lightBlue{
     background-color: #9fdcd9;
}
.lightPink{
     background-color: #e8c5cb;
}
.pink{
     background-color: #df7ea6;
}
.lightBrown{
     background-color: #cac0b6;
     color: #FFF;
}
.middlePink{
     background-color: #e39aaa;
}
.babyBlue{
     background-color: #accbe5;
}
.pistage{
     background-color: #acdfbf;
     
}
.pistage #left, .pistage #left a{
     color: #000 !important;
}
.lightYellow{
     background-color: #f7e399;
}

/* ---- end of bgcolor classes --*/


#left{
     width:220px;
     margin-left: 20px;
     float: left;
     font-size: 12px;
     line-height: 1.3;
     overflow: hidden;     
}

#left h1{
     margin-top: 40px;
     font-size: 32px;
     width: 220px;
     font-weight: normal;
     text-align: center;
     margin-left: 0;
     padding: 0;
}

#left h2{
     font-size: 20px;
     font-weight: normal;
     font-weight: normal;
     line-height: 1.5;
}
#left p{
   /*  border-bottom: 2px dotted;*/
     padding-bottom: 14px;
     margin-bottom: 7px;
}

/* Leftmenu currently not used.
.leftmenu{
     height: 71px;
    overflow: hidden;
    padding-top: 20px;
}
.leftmenu li a{
     text-transform:uppercase;
     font-size: 12px;
     letter-spacing: 1px;
     line-height: 1.8;
}

.leftmenu li.active  a{
     font-size: 14px;
}
/*
/*
Smallarrow -> pil animeras fram vid hover och active
Currently not used.

.smallarrow{
     margin-left: 4px;
     display: none;
}

.active .smallarrow{
     margin-left: 4px;
     display: inline;
}
*/

#main{
     width:  662px; 
     margin-left: 18px;
     float: left;
     overflow:hidden;
}

#main img{
     padding: 0;
     margin: 0;
}

#mainleft{
     margin-right: 4px;
     margin-left: 4px;
     float: left;
     overflow: auto;
}

#mainright{
     float: left;
}

/* Bottommenu currently not displayed */
#bottommenu{
     margin-top: 4px;
     height: 27px;
     background-color: #8B8D8E;
     clear: both;
}

#bottommenu ul{ position: relative; }

#bottommenu ul li{
     width: 184px;
     float: left;
     background: #8B8D8E;
     
}

#bottommenu ul a:hover{ background-color: #77787b; }

#bottommenu ul a:active{ background-color: #77787b; }

#bottommenu ul li a {
     display: block; 
     width: 184px; 
     line-height: 27px;
     text-align: center; 
     text-transform: uppercase; 
     color: #FFF; 
     letter-spacing: 1px;
}

#bottommenu ul li.hover, #bottommenu ul li:hover{ 
     background: #77787b; color: black; position: relative; }
#bottommenu ul li.hover a              { color: #FFF; }

#bottommenu ul .active               { background-color: #77787b; } 
     
/* Ikoner för Facebook, Twitter etc. */
.socialicon {
     padding: 2px;
     width: 18px;
     height: 18px;
     border:1;
}

/* Sitemap används ej f.n. */
#siteMap  { 
     position: relative;
     margin-top: 40px;
     width: 100%; 
     overflow:auto;
     background-color:white;
     padding: 5px;
}
#siteMap ul {
     position:relative;
     text-align: center; 
     font-size:80%; 
     margin-top: 5px;
}
#siteMap ul li{ 
     width: 130px; 
     float: left; 
     zoom: 1;  
     font-weight:bold; 
     display:block; 
     color:grey;
     text-transform: uppercase;
}
#siteMap ul ul li {
     font-weight:normal;
     color:grey;
     text-transform: none;
}
#siteMap ul li a{
     color:inherit;
}
#siteMap ul li a:hover{
     color:black;
}


/* Footer style, ingen footer f.n. */
#footer{
     text-align: center;
     font-size: 12px;
     color: #6F6F72;
     margin-top:10px ;
     padding-bottom: 10px;
     letter-spacing: 1px;
}

#footer a{
     color: #6F6F72;
     text-decoration:none;
     text-align:center;
}


/* Style för att stämpla Facebook-bild på (första-)sidan */
#facebook{bottom: 20px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    width: 174px;
    z-index: 130;
}

/*-----------------*/
/* Specifika sidor */
/*-----------------*/


/* Förstasidans splash image */

.storbild {
     width: 920px;
     height: auto;
     padding: 0;
     margin: 0;
     }


/* Färskvaror-presentation: Dynamiskt antal paddade boxar med title text påstämplad som bildtext: */

.farskvara{
     margin-bottom: 8px;
     margin-left: 9px;
     position:relative; 
     float: left;     
     width: 321px;
}

/* Bildtextkomponenter; taggar genereras av CaptionizeImages.js */
.freshImgcontainer {
     position:relative;
     float:left;
 }
/* PriceTag på nyheter */     
.freshCaption {
     font: bold 1em/1.3em verdana, arial, helvetica, sans-serif;
     background:#fff;
     color:#000;
     position:absolute;
     bottom:0;
     left:0;
     text-align:center;
     width:100%;
     opacity:.85;
     filter:alpha(opacity=85);
}

/* Själva boxarna, taggar genereras av farskvaror.js */

.cloth_boxes{
     margin-top: 8px;
     _margin-left: 10px;
}

.cloth_boxes img{
     border: 1px solid #FFF;
     
}
.cloth_boxes .farskvara{
     margin-bottom: 8px;
     margin-left: 9px;
     _margin-left: 5px;
     position:relative; 
     float: left;     
     width: 292px;
}


/* Alternativ färskvaror-presentation: 6 bilder med separata bildtexter */

.nyheter{
     margin-top: 8px;
}

.nyheter img{
     border: 1px solid #FFF;
     width: 292px;
}

.nyheter p {
   position: absolute;  
   top: 278px;
   left: 100px;
   width: auto;
}

.nyheter span{
   display: block;
   color: white;
   font-size: 11px;
   font-weight:bold;
   _letter-spacing: -1px;
   background: black;
   opacity:0.7;
   filter: alpha(opacity = 70); /* for IE8 and earlier */
   zoom: 1;                   /* for opacity to work in IE8 and earlier */
   padding: 5px;
   width: auto;
   text-transform:uppercase;
}

.nyheter .nyhetsbild{
     position: relative;
     margin-bottom: 8px;
     margin-left: 9px;
     _margin-left: 5px;
     float: left;
     width: 292px;
     overflow: hidden;
}

/* trespaltiga templates */
#columnleft{
     width: 228px;
     float: left;
     font-size: 12px;
     padding-bottom: 20px;
     padding-left: 10px;
}

#columnleft p{
     padding-bottom: 12px;
}
#columnright{
     width: 238px;
     margin-left: 278px;
     margin-top:20px;
     font-size: 12px;
     padding-bottom: 20px;
}
#mainnarrow{
     width: 336px;
     float: left;
}


/* Tvåspaltiga templates:*/
#wideleft{
     width:554px;
     margin-left: 20px;
     margin-right:10px;
     margin-top: 10px;
     float: left;
     font-size: 11px;
     line-height: 1.3;     
}

/* Butikssidans sökresultat */
#butikerscroll h3{
     text-transform: uppercase;
     padding-bottom: 8px;
     letter-spacing: 1px;
}
#butikerscroll p{
     /* border-bottom: 2px dotted; */
     padding-bottom: 10px;
     margin-bottom: 10px;
     letter-spacing: 0.04em;
}

/* Själva scrollbaren är borttagen pga iPhone-support) */
#butikerscroll{
     height: auto;
     /*overflow: auto;*/
}

/* Dropdown för städer på butikssidan */
select.select {
     cursor:pointer;
     height:25px;
     padding-top: 5;
     padding-bottom: 5;
     margin:0;
     min-width:48px;
     opacity:0;
     padding:0px;
     position:relative;
     width:217px;
     z-index:4;
}
/* Bild för dropdownen, funkar ej i IE */
.select_wrapper{
     background: url('../images/selectbg.png') no-repeat;
     width: 217px;
     height: 25px;
}

.select_wrapper span {
     font-size:10px;
     height:25px;
     line-height:25px;
     margin-left:5px;
     position:absolute;
     z-index:2;     
}
#butiksort, #butiksnamn{
     width: 100%;
     margin-bottom: 5px;
}


/* Kontaktformulär*/

#EmailForm input, #EmailForm textarea{
     width: 208px;
     border-style: solid;
     border-width: 1px;
     margin-bottom: 10px;
     padding: 5px;
}
#EmailForm textarea{
     height: 75px;
     font-size:12px;
     font-family: verdana, arial, helvetica, sans-serif; /* Defaultfont är annorlunda för textarea */ 
     }
#EmailForm {
     margin-top: 10px;
}
#EmailForm .button{
     width: 100px;
}

/* Kundklubbsformulär*/
#KundForm input {
     width: 206px;
     border-style: solid;
     border-width: 1px;
     margin-bottom: 10px;
     padding: 5px;
}

#KundForm textarea{
     width: 206px;
     border-style: none;
     margin-bottom: 10px;
     padding: 5px;
     display: inline-block;
}
#KundForm textarea{
     height: 60px;
     }
#KundForm {
     margin-top: 10px;
   /*  border-bottom: 2px dotted;*/
     padding-bottom: 10px;
     margin-bottom: 10px;
}
     

#KundForm .button{
     width: 100px;
     margin-top: 15px;
}


/* Omoss */

.omoss #columnright p{
     letter-spacing: 0.06em;
}
.omoss p{
    /* border-bottom: 2px dotted;*/
     padding-bottom: 14px;
     margin-bottom: 7px;
     }
.omoss h2{
     padding-bottom: 5px;
}

.omoss h1{
}
.omoss #columnleft {
     padding-top: 8px;
     margin-top: 0px;
}

.omoss #columnright {
     padding-top: 0px;
     margin-top: 0px;
}

/* Press */

.press #columnright p{
     letter-spacing: 0.06em;
}
.press p{
    /* _border-bottom: 2px dotted; */
     padding-bottom: 14px;
     margin-bottom: 7px;
     }
.press h2{
    /* border-top: 2px dotted; */
     padding-bottom: 5px;
     padding-top: 5px;
}

.press h1{
}
.press #columnleft {
     padding-top: 8px;
     margin-top: 0px;
}

.press #columnright {
     padding-top: 0px;
     margin-top: 0px;
}


/* Jobba på Joy */

#left.jobba_pa_joy  p{
     border: none ;
}
#left.jobba_pa_joy a{
     text-decoration: underline;
}


/* Just nu  */

#justnu a{
     background:url("../images/justnu2.png") no-repeat scroll 0 0 transparent;
     display:block;
     height:100px;
     left:57px;
     position:relative;
     top:27px;
     width:94px;
     text-indent: -3000px;

}
#justnu a:hover{
     background-position: 0px -100px;
}
.justnu h1{
     float: left;
     width: 455px;
     text-align: center;
}

/*--------------*/
/* Obsolete     */
/*--------------*/

/*
park lane logo positioning - currently not used 
*/
#parklane{
     margin-top: 82px;
}

/* Erbjudande  Används ej? */ 
#erbjudande{
     margin-top: 10px;
     text-align: center;
     text-transform: uppercase;
     font-size: 24px;
     letter-spacing: 0.1em;
     line-height: 1.3;
}

#erbjudande p{
     border: none;
}

/* trespalt används ej? */
.trespalt{
     width: 286px;
     float: left;
     margin-left: 20px;
     _margin-left:10px;
     margin-top: 10px;
     margin-bottom: 5px;
     font-size: 11px;
}
.trespalt img{
     margin-bottom: 15px;
}
.trespalt ul li{
     padding-left: 35px;
     margin-bottom:10px; 
     min-height: 20px;
     list-style-type: none;
     list-style-position: outside;
     margin-right: 20px;
}
.trespalt h3{
     padding-bottom: 10px;
     font-size: 12px;
     font-weight: bold;
}

.trespalt p{
     line-height: 1.5;
}


.leftcolumn{
     margin-left: 0px;
     
}
.leftcolumn p{
     margin-left: 20px;
     _margin-left:10px;
     
}

/* Bildramar, används ej f.n. */
#rock{
     background:transparent url(../images/rock_bg.gif) no-repeat scroll 0px 0px;
     height: 300px;
     padding-bottom: 20px;
     _padding-bottom:0px;
}

#foxy{
     background:transparent url(../images/foxy_bg.gif) no-repeat scroll 0px 0px;
     height: 300px;
}

.tavla{
     background:url("../images/inspiration/fotoram.png") no-repeat scroll 0 0 transparent;
     height: 140px;
     width: 150px;
     float: left;
     margin-top: 10px;
}
.tavla img{
     padding-left:8px;
     padding-top:7px;
}

/* Inspiration, används ej f.n. */
.inspiration{
     color: #222222;
     
}
.inspiration img{
     margin-bottom: 0px !important;
}
.inspiration p{
     margin-top: 3px;
     margin-bottom: 10px;
     line-height: 1.4;
}

.inspiration h3{
     padding-bottom: 5px;     
}
.inspiration ul{
     margin-top: 2px;
}
.inspiration ul li{
     min-height: 0;
     padding: 0;
     margin: 0;
     background: none;
     list-style-type: disc;
     list-style-position: inside;
     margin-bottom: 2px;
}
.inspiration .trespalt{
     margin-bottom: 10px;
}
.leftpadding{
     padding-left: 2px;

}
.leftpadding p{
     margin-right: 10px;
}
.trenderleft{
     width: 143px;
     float: left;
     margin-top: 50px;
     margin-bottom: 40px;
     margin-left: 10px;
     _margin-left:5px;
}

.trenderright{
     width: 133px;
     float: left;
     margin-top: 50px;
     margin-bottom: 40px;
     
}



/* Sortiment, används ej f.n. */
#sortiment{
     height: 104px;
     background:transparent url(../images/inspirerar/sortiment_bg.jpg) no-repeat scroll 0px 0px;
     padding-bottom: 10px;
}
#sortiment p{
     _color: #FFF;
     padding-top: 30px;
     *padding-top:21px;
     margin-left: 20px;
     margin-right: 10px;
}

/* Tvättrådsikoner */
.strykning1{
     background:transparent url(../images/tvattrad/stryka_1.gif) no-repeat scroll 0px 0px;
}

.strykning2{
     background:transparent url(../images/tvattrad/stryka_2.gif) no-repeat scroll 0px 0px;
}

.strykning3{
     background:transparent url(../images/tvattrad/stryka_3.gif) no-repeat scroll 0px 0px;
}

.tvatt60{
     background:transparent url(../images/tvattrad/tvatt_60.gif) no-repeat scroll 0px 0px;
}

.tvatt40{
     background:transparent url(../images/tvattrad/tvatt_40.gif) no-repeat scroll 0px 0px;
}

.ejtvatt{
     background:transparent url(../images/tvattrad/ej_tvatt.gif) no-repeat scroll 0px 0px;
}

.handtvatt{
     background:transparent url(../images/tvattrad/handtvatt.gif) no-repeat scroll 0px 0px;
}

.tumla{
     background:transparent url(../images/tvattrad/tumla.gif) no-repeat scroll 0px 0px;
}

.ejtumla{
     background:transparent url(../images/tvattrad/ej_tumla.gif) no-repeat scroll 0px 0px;
}

.hangtork{
     background:transparent url(../images/tvattrad/hangtork.gif) no-repeat scroll 0px 0px;
}

.dropptork{
     background:transparent url(../images/tvattrad/dropptork.gif) no-repeat scroll 0px 0px;
}

.plantork{
     background:transparent url(../images/tvattrad/plantork.gif) no-repeat scroll 0px 0px;
}

/*
INSPIRATION används ej f.n.
*/
.inspiration{
     background:url("../images/inspiration/bg.png") no-repeat scroll -17px 0 transparent;

}
#inspLeft{
     width: 270px;
     float: left;
     padding-left: 20px;
     padding-top: 45px;
}
#inspRight{
     float: left;
     width: 612px;
     overflow: auto;
     margin-left: 18px;
     padding-bottom: 10px;

}
#hostenstrender{
     margin-left: 168px;
     margin-top: 23px;
     padding-bottom: 24px;
     margin-right: 100px;
}
#liFoto{
     margin-left: 8px;
}

/*
SLIDESHOW CSS, för presentation av bildspel. Används ej f.n.
*/

#slideshowLeft, #slideshowRight {
     z-index: 1;
}
#leftnext{
     opacity: .4;
     position: absolute;
     z-index: 100;
     margin-top: 229px;
     margin-left: 301px;
}
#rightnext{
     opacity: .4;
     position: absolute;
     z-index: 100;
     margin-top: 229px;
     margin-left: 301px;
}