/*****
 Domain: hsimport.se
 Copyright: HS Import AB 2004

 Author: Johan Sebring
 Company: Zelda Design
 Homepage: www.zeldadesign.se
*****/

body{
background:#f8f8ff url('img/bg_blue6.gif') top right repeat;
background:#faffff;
position:relative;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#container{
position:relative;
width:46.5em;
font-size:small;
font-size:95%;
height:auto;
margin:0;padding:0;
margin-left:1.5em;
margin-top:1.5em;
/* 
background: #fff url('img/bg_body_blue2.jpg') top left repeat-y;
*/
border: solid 8px #6e213f;
}


/* FOOTER */
#footer{
position:relative;
width:46.5em;
font-size:small;
font-size:95%;
margin:0;padding:0;
margin-left:1.5em;
text-align:right;
border-style:solid;
border-color: #6e213f;
border-width:0px 8px 8px 8px;
background:gainsboro;
z-index:3;
height:1em;
}
#footer span{
color:#6e213f;
position:relative;
font-size:x-small;
font-family:georgia,sans-serif;
margin-right:10em;
}

#footer span a{
color:#6e213f;
background:gainsboro;
text-decoration:none;
}

#footer span a:hover{
color:red;
text-decoration:underline;
}

/* HEAD */
#head{
padding:0;margin:0;
}
#head h1{
font-family:verdana,sans-serif;
font-size:x-large;
letter-spacing:0.5em;
padding-left:150px;
padding-top:0.5em;
margin-top:0.5em;
padding-bottom:0.5em;
background:#6e213f url('img/bg_head.jpg') top left repeat-y;
/* 6e213f */
}
#head #hs-logo{
position:absolute;
top:-20px;
left:-30px;
border:none;
}
#head #eftta-logo{
position:relative;
float:right;
border:none;
z-index:5;
/* IE only */ top:10px;
}

html > body #head #eftta-logo{
top:0;
}


#head h5{
position: absolute;
top:0;
font-size:small;
padding-left:80px;
left:18em;
font-family: sans-serif;
font-style:italic;
color:#F8f8ff;
}

/* BODY */
#main{
position:relative;
left:0em; top:0em;
font-size:small;
font-family:arial,sans-serif;
/* IE ONLY */ width:70%;
/* IE ONLY */ padding:0em;
text-align:justify;
margin:0;
border:solid 0px #000;
height:auto;
z-index:1;
}

/* non IE */
html > body #main{margin-left:12em;width:35em;padding-left:3em;display:block;}

/* images */
#main .float{
position:relative;
float:right;
left:10px;
clear:right;
padding:0;margin:0;
}
#main .indent{
margin-left:2em;
}

#main blockquote{
color:#600;
font-style:italic;
display:block;
margin:0;padding:0;
padding-left:.8em;
}

p.admin, span.admin{
	font-family:courier, 'courier new', serif;
color:maroon;
}

.admin a, .admin a:visited{
color:#d50;
}

.admin a:hover{
color:#fff;
background:#6e213f;
}

#main div.front{
position:relative;
font-size:90%;

padding:0;margin:0;
padding-left:1.1em;
padding-bottom:1em;
}

#main h1,h2,h3,h4,h5{
margin:0;padding:0;
margin-top:1em;
line-height:1em;
text-align:left;
font-family:arial,sans-serif;
}
#main h1{
font-size:1.4em;
font-family:verdana,sans-serif;
}
#main h2{
font-size:1.3em;
}

#main h3{
font-size:1.1em;
}

#main .index{
position:relative;
font-size:small;
font-family:arial,sans-serif;
border:green 0px solid;
}

#main p{
margin-top:0.5em;
}

#main table{
border:none;
padding:0;margin:0;
}

#main table th{
background:#bdbee9;
padding-left:5px;
padding-right:5px;
}

#main table td{
background:ghostwhite;
padding-left:6px;
text-align:left;
}

#main span.nyhet{
	background: #f33;
	font-size: 110%;
	color: white;
	padding: 4px;
	text-transform: uppercase;
}

#main code{
font-size:95%;
}
#main acronym{
border-bottom:dotted 1px red;
font-style:italic;
}

/* MENU */
#menu{
position:relative;
float:left;
width:12em;
margin:0;padding:0;
font-size:small;
font-size:95%;
font-family:'trebuchet ms',sans-serif;
text-decoration:none;
color:black;
border-right:solid 0px #000;
z-index:5;
}

#menu h3{
position:relative;
background:#6e213f  url('img/menu_bg_blue.jpg') top right repeat-y;
font-size:small;
letter-spacing:0.15em;
font-weight:bold;
padding:0;margin:0;
text-indent:10px;
line-height:1.2em;
display:block;
color:#eee;
border-top:solid 0px #000;
}

/*
~~BUGFIX~~
Browser: win/IE5.5 (what else??)
Bug: Firstletter missing (http://www.positioniseverything.net/explorer/firstletter.html)
Fix: Add border/padding to outer container
Hack: Abuse IE5.5 comment-bug to make other browser ignore fix 
*/
#menu h3{
padding-top:1px;
/* IE.5.5 will ignore end of comment \*/
padding-top:0;
/* stop comment-hack */
}

a{
color:blue;
text-decoration:underline;
}
a:visited{
color:purple;
text-decoration:underline;
}
a:hover{
color:green;
text-decoration:none;
}



#menu h3.active{
position:relative;
}

#menu h3 a,#menu h3 a:visited{
position:relative;
color:#eee;
display:block;
text-decoration:none;
z-index:5;
}

#menu ul{
position:relative;
width:12em;
margin:0;padding:0;
padding-bottom:0.5em;
list-style:none;
z-index:5;
background: #fff url('img/bg_body_blue2.jpg') top left repeat-y;
}

#menu ul.last{
border-bottom:black 0px #000;
}


div#menu ul li{
position:relative;
display:none;
/* IE only */ padding:0px;
/* IE only */ height:100%;
border-left:solid 0px #b0e0e6;
margin:0;
}
div#menu ul.active{
padding-bottom:1em;
}
div#menu ul.active li{
display:block;
position:relative;
}

ul#about li{
position:relative;
border:none;
}

html > body div#menu ul li{
position:relative;
/* non IE */ padding:0px;
/* non IE */ height:auto;
}

div#menu ul li span{
position:relative;
font-weight:bold;
padding-left:1em;
}

div#menu ul li ul{
position:relative;
padding:0;
text-indent:0.2em;
margin:0;
}

div#menu ul li ul li{
/* IE only */height:100%; 
border-left:solid 1px #000;
margin:0;
margin-left:1em;
font-family:'trebuchet ms',sans-serif;
}

html > body div#menu ul li ul li{
/* non IE */ height:auto; 

}

div#menu li a, ul#about li a, a.top{
text-decoration:none;
color:#000;
display:block;
height:100%;
border-width:1px;
border:none;
border:none;
padding:1px;
padding-left:10px;
}

div#menu li a:visited, ul#about li a:visited, a.top:visited{
color:#000;
text-decoration:none;
}

div#menu li a:hover, a.top:hover{
position:relative;
padding:0px;
padding-left:2px;
border:solid 1px black;
border-left:solid 8px #6e213f;
background:#d8bfd8;
color:#000;
}

div#menu li a.undone{
color:#6e213f;
}

div#menu a#cookie:hover{
background:transparent;
border:none;
text-decoration:underline;
padding:1px;
padding-left:10px;
}


/* PRODUCTS */
#products{
position:relative;
/* IE only top:15px; */
margin:0;padding:0;
/* float:right; 
width:240px; */
width:350px;
border:0px solid green;
z-index:5;
margin-bottom:1em;
}

/* non IE */ 
html > body #products{
top:0px;
min-height:330px;
}

#products img{
border:solid 1px #000;
position:relative;
height:50px;
width:75px;
}

#products h3, #products h5, #products p{
position:relative;
margin:0;padding:0px;
font-family:sans-serif;
color:#000;
text-align:left;

}
#products h3,#products h2{
margin-bottom:4px;
margin-left:3px;
}
#products h3{
font-size:100%;
}

#products .product{
position:relative;
float:left; 
width:100px;
height:11.2em;
background:#FCFCFA url('img/bg_product_lavendel.jpg') right top repeat-y;
border:solid 3px #6e213f;
margin:0;padding:0;
padding-left:5px;;
margin-right:5px;;
margin-bottom:10px;
}

#products .product a{
border:none;
color:black;
text-decoration:none;
font-size:85%;
}

#products .product a:hover{
text-decoration:underline;
}


/* Order form */
#order label{
margin-left:3px;
}

.artnr, .price{
width:4em;
}
.info{
width:10em;
}
.size, .number{
width:3em;
}


span.gray{
color:#666;
}


@media print{

  div#menu{ display:none; width:0; padding:0; margin:0; }

  #container{ width:600px; margin:1em; margin-bottom:0; }

  #footer{ width:600px; margin:0; padding:0; margin-left:1em; }

  #main, #products{ width:550px; margin-left:1em; }
  
  #head h5{ left:8em; }

  #head{ background:none; }
}