/* CSS Document */
/*rensa */
: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;}
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;}
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;
}

body{
	padding: 0;
	margin: 0;
	font: 14px "Avant Garde Gothic","Lucida Grande",Lucida,Verdana,sans-serif;
	background: url(../images/tapet.gif) repeat;
}
#wrapper{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding-right: 10px;
	padding-left: 10px;
}
#header{
	height: 117px;
}
#logotype{
	margin-top: 34px;
	margin-left: 23px;
	float: left;
}
#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: 27px;
	background-color: #8b8d8e;
	z-index: 2;
	position: relative;
}

ul.dropdown                         { position: relative; }
ul.dropdown li                      { float: left; zoom: 1; background: #8b8d8e; }
	ul.dropdown a:hover		            { background-color: #77787b; }
ul.dropdown a:active                { background-color: #77787b; }
ul.dropdown .active					 { background-color: #77787b; }
ul.dropdown li a                    { width: 229px;display: block;line-height: 27px; padding: 0px 0px; border-right: 1px solid #8b8d8e;text-align: center; text-transform: uppercase; color: #FFF; letter-spacing: 1px; _width:228px;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #77787b; color: black; position: relative; color:#fff;}
ul.dropdown li.hover a              { color: #FFF; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 230px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{  background: #8b8d8e; color: #fff; 
									  float: none; }

ul.dropdown ul li:hover 			{  background: #77787b; color: #fff; 
									  float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
#content{
	margin-top: 4px;
	overflow: hidden;
	_height: 100%;
	z-index: 1;
}
#slideshowLeft{
	z-index: 1;
}
#content a{
	color: #FFF;
}

#content a:hover{
	color: #FFF;
}
.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{
	
}
/*
Vår 2010
*/
.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;
}

#left{
	width:220px;
	margin-left: 20px;
	_margin-left:10px;
	_height:100%;
	float: left;
	/*margin-top:122px;*/
	color: #FFF;
	font-size: 12px;
	line-height: 1.3;
	overflow: hidden;
	
}
#left h1{
	margin-top: 40px;
	font-size: 32px;
	width: 220px;
	color: #FFF;
	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{
	padding-top: 20px;
	padding-bottom: 10px;
	height: 43px;
}
.leftmenu li a{
	color: #aaaaab;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1.8;
}

.leftmenu li.active  a{
	color: #FFF;
	font-size: 14px;
}
.leftmenu li a:hover{
	color: #fff;
}
/*
Smallarrow -> pil animeras fram vid hover och active
*/
.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;
	_margin-left:2px;
}

#mainright{
	float: left;
}
#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; } 
/*
#bottommenu ul li.active{ 
	background: #77787b; color: black; position: relative; }
	*/
/*
SLIDESHOW CSS
*/
#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;
}
#footer{
	text-align: right;
	font-size: 12px;
	color: #6F6F72;
	margin-top:10px ;
	padding-bottom: 10px;
	letter-spacing: 1px;
}
/*
Bildboxar med kläder
*/
.cloth_boxes{
	margin-top: 8px;
	margin-left: 10px !important;
}

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

}

.cloth_boxes div.caption div {
	position: absolute;
	margin: 0; padding: 4px;
	font-size: .9em;
	width: 316px;
	text-align: right;
	bottom: 1px;
	left: 1px;
	color: white;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}


/*
park lane logo positionering
*/
#parklane{
	margin-top: 82px;
}
/*

trespalt
*/
#columnleft{
	margin-top:20px;
	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;
}
/*Bredvänster column
*/
#wideleft{
	width:564px;
	margin-left: 20px;
	_margin-left:10px;
	margin-top: 40px;
	float: left;
	/*margin-top:122px;*/
	font-size: 11px;
	line-height: 1.3;
	_height:100%;
	
}
.omoss #wideleft{
	margin-top: 10px;
}
#mainnarrow{
	width: 336px;
	float: left;
}
#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;

}
#butikerscroll{
	height: 366px;
	overflow: auto;
}
/*
SELECT på dropdown
*/
.select_wrapper {
	background:transparent url(../images/selectbg.png) no-repeat scroll 0px 0;
	float:left;
	height:25px;
	margin:0;
	width:217px;
}
select.select {
	cursor:pointer;
	font-size:10px;
	height:25px;
	margin:0;
	min-width:48px;
	opacity:0;
	padding:0;
	position:relative;
	width:217px;
	z-index:4;
}
.select_wrapper span {
	font-size:10px;
	height:25px;
	line-height:25px;
	margin-left:5px;
	position:absolute;
	z-index:2;
	display: none;
}
/*
FORMULÄR
*/
#EmailForm input, #EmailForm textarea{
	width: 208px;
	background-color: #55824d;
	border: none;
	color: #fff;
	margin-bottom: 10px;
	padding: 5px;
}
#EmailForm textarea{
	height: 40px;
	font-family:"Avant Garde Gothic","Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:12px;
	}
#EmailForm {
	margin-top: 10px;
}
	

#EmailForm .button{
	width: 100px;
}
/*
Kundklubb
*/
#KundForm input, #KundForm textarea{
	width: 206px;
	background-color: #829cce;
	border: none;
	color: #FFF;
	margin-bottom: 10px;
	padding: 5px;
}
#KundForm textarea{
	height: 60px;
	}
#KundForm {
	margin-top: 10px;
	border-bottom: 2px dotted;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
	

#KundForm .button{
	width: 100px;
}
#butiksort, #butiksnamn{
	width: 100%;
	margin-bottom: 5px;

}
/*
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;
}
#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
*/
.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;
	
}
#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;
}
.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{
	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ÅD
*/
.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;
}
/*
jobba på joy
*/
#left.jobba_pa_joy  p{
	border: none ;
}
#left.jobba_pa_joy a{
	text-decoration: underline;
}