
input		{
background-color: #ffffff;
border: solid; 
padding: 5px 5px 5px 5px;
border-width:1px 1px 1px 1px; 
border-color:#999999;
font-size:10pt;
color:#1c192a;
font-family: Tahoma, Arial, Century Gothic, Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}



select		{
background-color:#ffffff;
border: solid; 
border-width:1px 1px 1px 1px; 
border-color:#999999;
font-size:10pt;
color:#1c192a;
font-family: Tahoma, Trebuchet MS, Helvetica, Arial, Century Gothic,  Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

textarea	{
background-color:#ffffff;
border: solid; 
border-width:1px 1px 1px 1px; 
border-color:#999999;
font-size:10pt;
color:#1c192a;
font-family:  Tahoma, Arial, Century Gothic, Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}

#gray_bar { 
visibility: visible; position: absolute; top: 195px; width: 100%; height: 525px;
background-color: #000000;
opacity:0.2;
filter:alpha(opacity=20); /* For IE8 and earlier */
}

.myWideButton {
    background:url(pic/longer_submit.png) no-repeat;
    cursor:pointer;
    width: 202px;
    height: 25px;
    border: none;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

#become_member_body  { visibility: visible; position: absolute; top: 365px; left: 50%; margin: 0px auto auto 310px; width: 132px; height: 132px;  z-index: 3000;}


#menu_body  { visibility: visible; position: absolute; top: 0px; left: 50%; margin: 0px auto auto -2px; width: 550px; height: auto;  z-index: 2000;}


#logo_body  { visibility: visible; position: absolute; top: 87px; left: 50%; margin: 0px auto auto -400px; width: 350px; height: auto;  z-index: 200;}

#main_body  { visibility: visible; position: relative; top: 190px; left: 50%; margin: 0px auto auto -400px; width: 800px; height: auto;  z-index: 200;}

#slidepress_body  { visibility: visible; position: relative; top: 0px; width: 790px; height: auto;  z-index: 200; padding: 5px 5px 5px 5px; background-color: #ffffff; clear: both;}
#slidepress_body_spaces { visibility: visible; position: relative; width: 210px; height: auto; top: 0px; left: 0px; float: left; font-size: 11px;}
#slidepress_body_greenspaces { visibility: visible; position: relative; width: 210px; height: 240px; top: 0px; left: 0px; float: left; font-size: 12px; padding: 15px 15px 15px 15px; background-color: #1db000; color: #ffffff;}

.slidepress_body_greenspaces-arrow {
  border-color: transparent transparent transparent #1db000;
  border-style: solid;
  border-width: 15px;
  height:0;
  width:0;
  position: absolute;
  top: 80px;
  right: -30px;
  z-index: 7000;
}


#slidepress_body_greenspaces h3 { 

    font-family: Tahoma, Times, serif; 

    font-size: 24px; 

    font-weight: bold; 

    color: #ffffff; 

    letter-spacing: 1px;
    
    display: inline;

    } 
#slidepress_body_greenspaces h4 { 

    font-family: Tahoma, Times, serif; 

    font-size: 16px; 

    font-weight: bold; 

    color: #0f5c00; 

    letter-spacing: 1px;
    
    display: inline;

    }

#slidepress_body_greyspaces { visibility: visible; position: relative; width: 437px; height: auto; top: 0px; left: 0px; float: left; font-size: 11px; padding: 5px 5px 5px 5px;}



#greyslidepress_body  { visibility: visible; position: relative; top: 0px; width: 790px; height: auto;  z-index: 200; padding: 5px 5px 5px 5px; background-color: #ffffff;}

#footer_body  { visibility: visible; position: relative; top: 0px; width: 790px; height: 200px;  z-index: 200; padding: 5px 5px 5px 5px; background-color: #000000;}

#footer_spaces { visibility: visible; position: relative; width: 210px; height: auto; top: 5px; left: 0px; float: left; color: #ffffff; font-size: 11px;}
#footer_spaces a:link		{text-decoration: none; color: #727272; font-weight: none;}
#footer_spaces a:visited	{text-decoration: none; color: #727272; font-weight: none;}
#footer_spaces a:active		{text-decoration: none; color: #727272; font-weight: none;}
#footer_spaces a:hover		{text-decoration: underline; color: #484848; font-weight: none;}


#green_boxer { visibility: visible; position: relative; width: 350px; height: auto; top: 0px; left: 0px; float: left; color: #ffffff; font-size: 11px;}


body {

 
background-image:url('pic/background.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 


	padding:0;
	margin:0;
	font-family:  Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size:12px;
	color:#000000;
margin-bottom: 0px;


scrollbar-base-color: 		#EFEFEF;
scrollbar-track-color: 		#F4F4F4;
scrollbar-arrow-color:		#636363;
scrollbar-darkshadow-color: 	#C3D5D5;
scrollbar-highlight-color: 	#C3D5D5;
scrollbar-shadow-color: 	#EFEFEF;
}

.menu-alternative-spacer {
  position:relative;
  float: left;

  width:7px;
  height: 174px;
  color: #ffffff;

}

#menu-alternative a:link		{font-family: Arial, MoolBoran; font-size: 22px; text-decoration: none; color: #ffffff; font-weight: normal;}
#menu-alternative a:visited	{font-family: Arial, MoolBoran; font-size: 22px; text-decoration: none; color: #ffffff; font-weight: normal;}
#menu-alternative a:active	{font-family: Arial, MoolBoran; font-size: 22px; text-decoration: none; color: #ffffff; font-weight: normal;}
#menu-alternative a:hover		{font-family: Arial, MoolBoran; font-size: 22px; text-decoration: none; color: #ffffff; font-weight: normal;}



#menu-alternative {
  position:relative;
  float: left;
  
  background-color:#000000;
  border: 0px solid #666666;
  font-size:22px;
 
  
  line-height:1.3em;
  
  
  padding:7px;
  
 
  width:80px;
  height: 181px;
  color: #ffffff;

}

.menu-alternative-text   {

  height: auto;
  width: 80px;
  position: absolute;
  bottom: 10px;
  text-align: left;
  
}

.menu-alternative-arrow {
  border-color: #000000 transparent transparent transparent;
  border-style: solid;
  border-width: 47px;
  height:0;
  width:0;
  position: absolute;
  bottom: -94px;
  left: 0px;
}


.td { border-right: 0px dotted;
border-left: 0px dotted;
border-bottom: 1px dotted;
border-top: 1px dotted;
width: 200px;
   } 

h1 { 

    font-family: Tahoma, Times, serif; 

    font-size: 16px; 

    font-weight: bold; 

    color: #000000; 
    display: inline;

    } 

h2 { 

    font-family: Tahoma, Times, serif; 

    font-size: 13px; 

    font-weight: bold; 

    color: #77c973; 

    letter-spacing: 1px;
    
    display: inline;

    } 
    
h3 { 

    font-family: Tahoma, Times, serif; 

    font-size: 24px; 

    font-weight: bold; 

    color: #ababab; 

    letter-spacing: 1px;
    
    display: inline;

    } 
h4 { 

    font-family: Tahoma, Times, serif; 

    font-size: 16px; 

    font-weight: bold; 

    color: #4b4b4b; 

    letter-spacing: 1px;
    
    display: inline;

    }
    
    h5 { 

    font-family: Arial, Tahoma, Times, serif; 

    font-size: 20px; 

    font-weight: bold; 

    color: #000000; 
    display: inline;

    } 

hr	{
	height:2px;
	border:0;
	background-color: #e2e2e2;
	color: #9c1212;
	margin: 0;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	clear:left;
	}

td, li, ul, ol	{


	font-family: Arial, Trebuchet MS, Geneva, Arial, MoolBoran; font-size: 14px; font-weight: normal; letter-spacing: 0px, color: #000000;
	
}
a:link		{font-family: Arial, MoolBoran; font-size: 12px; text-decoration: none; color: #4b6aa3; font-weight: none;}
a:visited	{font-family: Arial, MoolBoran; font-size: 12px; text-decoration: none; color: #4b6aa3; font-weight: none;}
a:active	{font-family: Arial, MoolBoran; font-size: 12px; text-decoration: none; color: #4b6aa3; font-weight: none;}
a:hover		{font-family: Arial, MoolBoran; font-size: 12px; text-decoration: none; color: #4b6aa3; font-weight: none;}


img	{
	display:block;
	border:0;
	padding:0;
	margin:0;
	}










#menubutton ul{float: left; margin-left: 0; padding-left: 0; font-size: 0;}
#menubutton li{display: inline;}
#menubutton ul a{float: left; width: auto; text-decoration: none; margin-right: 0em; padding: 0em 0em;}

#menubutton a:link{}
#menubutton a:visited{} 
#menubutton a:active{}
#menubutton a:hover{}
#menubutton a#current{}

#brand_down_area  { visibility: visible; z-index: 5000; position: relative; top: 20px; left: 50%; margin: 0px auto auto -400px; width: 800px; height: auto; border: solid; border-width:0px 0px 0px 0px;}

#menubutton2 ul{float: left; margin-left: 0; padding-left: 0; font-size: 0;}
#menubutton2 li{display: inline;}
#menubutton2 ul a{float: left; width: auto; height:30px; color: #FFFFFF; font-weight: bold; margin-right: 0em; padding: 0.5em 0.5em;}

#menubutton2 a:link{}
#menubutton2 a:visited{} 
#menubutton2 a:active{}
#menubutton2 a:hover{background-color: #FFFFFF; bgcolor: #FFFFFF; color: #000000;}
#menubutton2 a#current{background-color: #FFFFFF; color: #000000;}



#menu_alternative a:link{color: #663333;}
#menu_alternative a:visited{color: #663333;}
#menu_alternative a:hover{background: transparent url(knapp_over.jpg) no-repeat; color: #1A74BB;}
#menu_alternative a:active{background: transparent url(knapp_over.jpg) no-repeat; color: #1A74BB;}




/*** Vi fixar bredd och höjd på våra bilder i bildspelet **/

#slideshow {
    position:relative;
    height:390px;
    width: 790px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




#paging_nr_square { visibility: visible; position: relative; width: auto; height: auto; top: 0px; float: left;}
 
#paging_square { visibility: visible; position: relative; width: 500px; height: auto; top: 0px; left: 3px; float: left;}


#paging_square a:link		{font-family: Arial, MoolBoran; font-size: 12px; text-decoration: none; color: #000000; font-weight: bold;}
#paging_square a:visited	{font-family: Arial, MoolBoran; font-size: 12px; text-decoration: none; color: #000000; font-weight: bold;}
#paging_square a:active		{font-family: Arial, MoolBoran; font-size: 12px; text-decoration: none; color: #000000; font-weight: bold;}
#paging_square a:hover		{font-family: Arial, MoolBoran; font-size: 12px; text-decoration: none; color: #ffffff; font-weight: none;}


#pager_squares { visibility: visible; position: relative; width: 20px; height: 20px; top: 0px; float: left; background: #ececec; padding: 3px 3px 3px 3px; text-align: center; text-valign: center;


     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;

border: solid; border-width:1px 1px 1px 1px; border-color: #dfdfdf;

}
#pager_squares_active { visibility: visible; position: relative; width: 20px; height: 20px; top: 0px; float: left; background: #000000; color: #ffffff; padding: 3px 3px 3px 3px; text-align: center; text-valign: center;


     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;

border: solid; border-width:1px 1px 1px 1px; border-color: #5b5b5b;

}

#pager_squares:hover { color:#ffffff;
 background:#000000;border-color: #5b5b5b;} 


#pager_squares_space { visibility: visible; position: relative; width: 3px; height: 25px; top: 0px; float: left;}
#pager_squares_widespace { visibility: visible; position: relative; width: 100%; height: 25px; top: 0px; float: left;}


#productlist_separator { visibility: visible; position: relative; width: 690px; height: 2px; top: -25px; float: left; background: #efefef;}

#product_underpic_square { visibility: visible; position: relative; left: 10px; width: 337px; height: 9px; top: 5px; z-index: 1030; background: url(bilder/vertical_dots.jpg);}

#product_info_square { visibility: visible; position: relative; left: 30px; width: 400px; height: auto; top: 5px; z-index: 1040;}

#product_photo_square { visibility: visible; position: relative; left: 25px; width: 320px; height: auto; top: 2px; z-index: 1050; background: #; color: #4b4b4b; float: left;
  border-color:  transparent transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
}
#product_photozoom_square { visibility: visible; position: absolute; top: 310px; right: 5px; z-index: 1200; width: auto; height: auto;}
#product_thumbs_square { visibility: visible; position: absolute; left: 10px; width: 600px; height: auto; bottom: 30px; z-index: 1050; background: #; color: #4b4b4b; float: left;}
#product_thumbs_minisquare { visibility: visible; position: relative; left: 10px; width: 60px; height: auto; top: 5px; z-index: 1050; background: #ffffff; color: #4b4b4b; float: left;

  border-color:   transparent transparent #dadada transparent;
  border-style: solid;
  border-width: 5px;
}

#product_thumbs_minisquare:hover { 

  border-color:   transparent transparent #2e2e2e transparent;
  border-style: solid;
  border-width: 5px;
}


#product_besk_square { visibility: visible; position: relative; left: 10px; width: 430px; height: auto; top: 0px; z-index: 1050; background: #f2f2f2; color: #4b4b4b; float: left;}
#product_back_square { visibility: visible; position: relative; left: 10px; width: 438px; height: auto; top: 5px; z-index: 1050; background: #000000; color: #ffffff; float: left; padding: 6px 6px 6px 6px;}

#product_back_square a:link		{font-family: Tahoma, MoolBoran; font-size: 14px; text-decoration: none; color: #ffffff; font-weight: normal;}
#product_back_square a:visited	{font-family: Tahoma, MoolBoran; font-size: 14px; text-decoration: none; color: #ffffff; font-weight: normal;}
#product_back_square a:active		{font-family: Tahoma, MoolBoran; font-size: 14px; text-decoration: none; color: #ffffff; font-weight: normal;}
#product_back_square a:hover		{font-family: Tahoma, MoolBoran; font-size: 14px; text-decoration: none; color: #ffffff; font-weight: normal;}


#product_best_square { visibility: visible; position: absolute; bottom: 103px; right: 10px; width: 100px; height: auto; z-index: 1060; color: #4b4b4b;}

#productlist_square a:link		{font-family: Arial, MoolBoran; font-size: 10px; text-decoration: none; color: #272727; font-weight: bold;}
#productlist_square a:visited	{font-family: Arial, MoolBoran; font-size: 10px; text-decoration: none; color: #272727; font-weight: bold;}
#productlist_square a:active	{font-family: Arial, MoolBoran; font-size: 10px; text-decoration: none; color: #272727; font-weight: bold;}
#productlist_square a:hover		{font-family: Arial, MoolBoran; font-size: 10px; text-decoration: underline; color: #272727; font-weight: none;}


#productlist_square { visibility: visible; position: relative; width: 185px; height: 360px; top: 0px; float: left; 

  border-color:  transparent transparent #dadada transparent;
  border-style: solid;
  border-width: 5px;
}

#productlist_square:hover {

  border-color:  transparent transparent #2e2e2e transparent;
  border-style: solid;
  border-width: 5px;

} 

.productlist_square-arrow {
  border-color: transparent #f0f0f0 transparent transparent;
  border-style: solid;
  border-width: 15px;
  height:0;
  width:0;
  position: absolute;
  top: 45px;
  left: -30px;
  z-index: 7000;
}


* html #productlist_square {
		height: 440px;
		width: 180px;
		}

* html .productlist_square{
		height: 440px;
		width: 180px;
		}

#productlist_square_picture { visibility: visible; position: relative; width: 185px; height: 320px; top: 0px;}

* html #productlist_square_picture {
		height: 320px;
		width: 180px;
		}

* html .productlist_square_picture{
		height: 320px;
		width: 180px;
		}

#productlist_namesquare { visibility: visible; z-index: 8100; position: relative; left: 15px; width: 180px; height: auto; top: -40px;}
#productlist_varumarke_loggo { visibility: visible; z-index: 8000; position: absolute; right: 10px; width: auto; height: auto; bottom: 90px;}



* html #productlist_namesquare {
		width:180px;
		}

* html .productlist_namesquare{
		width:180px;
		}

.plagg_varumarke { font-family: Tahoma; font-size: 14px; color: #000000; font-weight: normal; letter-spacing: 1px; display: inline;}
.plagg_namn { font-family: Tahoma; font-size: 19px; color: #000000; font-weight: bold; letter-spacing: 0px; display: inline;}
.plagg_pris {font-family: Tahoma, Century Schoolbook; font-size: 17px; color: #000000; font-weight: bold; letter-spacing: 0px;  display: inline;}

.product_boldish {font-family: Arial, Tahoma, Century Schoolbook; font-size: 18px; color: #000000; font-weight: normal; letter-spacing: 0px; }

