body
{
  padding: 0;
  margin: 0;
  background-color:#fff;
  font-family: Tahoma, Verdana, Helvetica;
  font-size: 62.5%;
  background-position: center;
  background-image: url(/images/bodybg.jpg);
  background-repeat: repeat-x;
  background-position: top left;
}

/*
  LAYOUT SPECIFIC CSS
*/

#wrapper {
  width: 1114px;
  height: auto;
  margin: 0 auto;
}

#backdrop_bg {
  float: left;
  width: 1114px;
  height: 197px;
  background: url(../images/backdrop_bg2.png) no-repeat top left;
  margin: 0 0 0 -53px;
  padding: 0;
}

#header_bg {
  float: left;
  width: 1018px;
  height: 199px;
  background: url(../images/header_bg.png) no-repeat top left;
  margin: 20px 0 0 46px;
}

#logodiv {
  float: left;
  width: 180px;
  height: 81px;
  
}

#logo
{
background-image: url(../images/logo.png);
background-repeat: no-repeat;
width:188px;
height:99px;
display:block;
margin: 16px 0 0 26px;
overflow: hidden;
}

#logodiv span
{
  display:none;
}

#animated_man {
  position: relative;
  width: 90px;
  height: 150px;
  background: url(../images/anim_gubbe_head.gif) no-repeat top left;
  z-index: 999;
  margin: 12px 0 0 744px;
  *margin: -156px 0 0 744px;
}

/*- TOP NAV TABS --------------------------- */

    #navigationbuttons {
      float:left;
      width:1018px;
      font-size:1.2em;
      line-height:normal;
      margin: 48px 0 0 -26px;
      }
    #navigationbuttons ul {
      margin:0;
      padding:10px 10px 0 50px;
      list-style:none;
      }
    #navigationbuttons li {
      margin:0;
      padding:0;
	  display: inline;
      }
    #navigationbuttons a {
      float:left;
      background:url("../images/topnav_left.png") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #navigationbuttons a span {
      float:left;
      display:block;
      background:url("../images/topnav_right.png") no-repeat right top;
      padding:5px 15px 5px 6px;
      margin: 0 3px 0 0;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigationbuttons a span {float:none;}
    /* End IE5-Mac hack */
    #navigationbuttons a:hover span {
      color:#fff;
      }
    #navigationbuttons a:hover {
      background-position:0% -26px;
      }
    #navigationbuttons a:hover span {
      background-position:100% -26px;
      }
	
/* CONTENT BG */

#sitewidth
{
  float: left;
  width: 1018px;
  border:1px none #ff0000;
  background-color:#ffffff;
  background: url(../images/content_bg.png) top left repeat-y;
  margin: 2px 0 10px -7px;
}


/*-- PUFFAR RIGHT --------------------------------- */

.puffleft_head {
  float: left;
  width: 233px;
  height: 41px;
  background: url(../images/puffhead_left.png) no-repeat top left;
}

.puffleft_bg {
  float: left;
  width: 203px;
  height: auto;
  background: url(../images/puffbg_left.png) repeat-y top left;
  padding: 10px 10px 5px 20px;
}

.puffleft_end {
  float: left;
  width: 233px;
  height: 16px;
  background: url(../images/puffleft_end.png) no-repeat top left;
}

#puffar
{
  float:left;
  width: 213px;
  overflow:hidden;
  font-size: 1.1em;
  padding-bottom:30px;
  margin: 0 0 0 16px;
}

.puffright_head {
  float: left;
  width: 213px;
  height: 41px;
  background: url(../images/puffright_head.png) no-repeat top left;
}

.puffright_head h2 {
  color: #fff;
}

.puffright_bg {
  float: left;
  width: 176px;
  height: auto;
  background: url(../images/puffright_bg.png) repeat-y top left;
  padding: 10px 10px 5px 20px;
}

.puffright_end {
  float: left;
  width: 213px;
  height: 15px;
  background: url(../images/puffright_end.png) no-repeat top left;
}

form
{
  margin:0px;
  padding:0px;
}

img
{
  border:none;
}



h1
{
  font-size: 2.2em;
  margin: 10px 0px 5px 0px;
  font-weight:normal;
  color: #858585;
}

h2
{
  font-size: 1.8em;
  margin: 10px 0px 10px 0px;
  color: #858585;
  font-weight: normal;

}


h2.puffpic
{
  font-size: 1.2em;
  margin: 19px 0px 10px 20px;
  color: #fff;
  font-weight: bold;
  border: none;
}

h3
{
  font-size: 1.2em;
  margin:0px;
  padding:10px 0px 0px 0px;
  color: #858585;
}

.txt
{
  line-height: 1.5em;
  font-size: 1.2em;
  color: #131415;
}



a
{
  color:#e72423;
  font-size: 1.1em;
}

a:hover
{
  color:#000;
}

a.pufflink
{
  float: left;
  color:#000000;
  font-size: 1.1em;
  margin: 0 0 0 10px;
  text-decoration: none;
}

a.pufflink:hover
{
  color:#000000;
  text-decoration: underline;
}


a.webzoofooter
{
font-size:10px;color:#737272;text-decoration:none;font-weight:normal;
}

a:hover.webzoofooter
{
font-size:10px;color:#000;text-decoration:none;font-weight:normal;
}

.webzoocontainer {
  float: left;
  width: 1018px;
  height: 20px;
  text-align:center;
  margin: 10px 0 20px 0;
}


.text strong {
  font-size: 1.2em;
}

p
{
  margin:0px;
  padding:0px;
}

td
{
 font-size: 1.2em;
}





#productnavigationbuttons
{
  padding:10px;
  font-weight: bold;
}



#productnavigationbuttons ul
{
  font-size: 1.0em;
  margin:0;
  padding:0;
  list-style: none;
  text-align:left;
  border: 1px none #ff0000;
  font-weight: bold;
}

#productnavigationbuttons ul ul
{
  font-size: 1.0em;
  font-weight: bold;
	margin:0;
	padding:0;
	list-style: none;
  text-align:left;
  border: 1px none #ff0000;
}

#productnavigationbuttons ul a
{
	display: block;
	text-decoration: none;
	padding: 5px 0px 0px 10px;
	height: 15px;
  border-bottom:1px none #adad85;
  color:#ffffff;
  font-weight: bold;
}

#productnavigationbuttons ul a:hover
{
	display: block;
	text-decoration: underline;
	padding: 5px 0px 0px 10px;
	height: 15px;
  border-bottom:1px none #adad85;
  color:#2e1b86;
  font-weight: bold;
}

#productnavigationbuttons li.selected a
{
	display: block;
	text-decoration: none;
	padding: 5px 0px 0px 10px;
	height: 15px;
  border-bottom:1px none #adad85;
  font-weight: bold;

}

#productnavigationbuttons li.selected a:hover
{
	display: block;
	text-decoration: underline;
	padding: 5px 0px 0px 10px;
	height: 15px;
  border-bottom:1px none #adad85;
  color:#2e1b86;
  font-weight: bold;
}

#productnavigationbuttons li.productsub {
  list-style: none;
  margin: 0;
  padding: 0;
}

#productnavigationbuttons li.productsub a
{
  display: block;
  background: url(../images/list_arrow1.png) top left no-repeat;
  text-decoration: none;
  padding: 0px 0px 0px 25px;
  height: 20px;
  border:1px none #ff0000;
  margin:0px 20px 0px 0px;
  font-weight: normal;
  font-size: 1.2em;
  color:#000000;
}

#productnavigationbuttons li.productsub a:hover
{
  display: block;
  background: url(../images/list_arrow1.png) top left no-repeat;
  text-decoration: none;
  padding: 0px 0px 0px 25px;
  height: 20px;
  border:1px none #ff0000;
  margin:0px 20px 0px 0px;
  font-weight: normal;
  font-size: 1.2em;
  color:#e82521;
}


#productnavigationbuttons li.productsubsub a
{
  display: block;
  background: url(../images/list_arrow1.png) top left no-repeat;
  text-decoration: none;
  padding: 0px 0px 0 25px;
  height: auto;
  border:1px none #ff0000;
  margin: 5px 20px 5px 25px;
  font-weight: normal;
  font-size: 1.2em;
  color:#000000;
}


#productnavigationbuttons li.productsubsub a:hover
{
  display: block;
  background: url(../images/list_arrow1.png) top left no-repeat;
  text-decoration: none;
  padding: 0px 0px 0px 25px;
  height: auto;
  border:1px none #ff0000;
  margin:5px 20px 5px 25px;
  font-weight: normal;
  font-size: 1.2em;
  color:#e82521;
}




#productnavigationbuttons li.productsub selected a
{
  display: block;
  background: url(../images/list_arrow2.png) top left no-repeat;
  text-decoration: none;
  padding: 0px 0px 0px 25px;
  height: auto;
  border:1px none #ff0000;
  margin:5px 20px 5px 0px;
  font-weight: bold;
  font-size: 1.2em;
  color:#000000;
}

#productnavigationbuttons li.productsub a:hover selected
{
  display: block;
  background: url(../images/list_arrow2.png) top left no-repeat;
  text-decoration: none;
  padding: 0px 0px 0px 25px;
  height: auto;
  border:1px none #ff0000;
  margin:5px 20px 5px 0px;
  font-weight: normal;
  font-size: 1.2em;
  color:#000000;
}








#navigationlanguage
{
  overflow:hidden;
  color:#000000;
}

#navigationlanguage a
{
  color:#000000;
  text-decoration: none;
}



#navigationlanguage img {
  border: 1px solid #000000;
}

.languageheader
{
  padding-left:20px;
  padding-bottom:10px;
  font-weight:bold;
  color:#8ca4b5;
}

#navigationlanguage a
{
  color:#ffffff;
}

#navigationlanguage a:hover
{
  color:#8ca4b5;
}

#navigationlanguage a:visited
{
  color:#ffffff;
}

#navigationlanguage a:visited:hover
{
  color:#8ca4b5;
}


#navigationlanguage ul
{
  font-size: 1.0em;
	margin:0;
	padding:0;
	list-style: none;
}

#navigationlanguage ul a
{

	text-decoration: none;
	padding: 2px 5px 0px 10px;
	height: 17px;
  margin:5px 20px 0px 10px;
}

#navigationlanguage ul a:hover
{

	text-decoration: none;
	padding: 2px 5px 0px 10px;
	height: 17px;
  margin:5px;
  color:#ffffff;
  margin:5px 20px 0px 10px;
}






.bildtext
{
  font-size:11px;
  color:#898989;
}

.rightimage
{

    margin-left:10px;
    margin-bottom:0px;
    float:right;
    border:1px none #ff0000;
    text-align:center;
}


.leftimage
{
    margin-bottom:0px;
    float:left;
    width: 200px;
    border:1px none #ff0000;
    text-align:center;
	margin: 10px 0px 0 0;
}


.centerimage {
  text-align: center;
  margin: 0 0 10px 0;
  text-align: center;
  color: #77787E;
}

.hidden
{
    display: none;
}

#header
{
  float: left;
  width: 1000px;
  height: 180px;
  margin: 9px 0 0 9px;
}



.right
{
  text-align:left;
}

.checkout
{
  text-align:left;
  font-size: 1.2em;
}


#navigation
{
  float:left;
  width: 233px;
  border:1px none #ffaa00;
  padding-left:10px;
  padding-top:0px;
  margin: 0 15px 0 0;
}

#navigationblock
{
  width: 164px;
  border:1px none #ffaa00;
  padding-left:24px;
  padding-top:10px;
  background-color: #00ff00;
}


#contentcontainer
{
  float:left;
  width: 500px;
  border:2px none #00ffff;
}

.contentwrap
{
  border:2px none #0000ff;
  width: 780px;
  margin: 0;
  padding: 0;
}

#main
{
  float:left;
  width:520px;
  border:1px none #ffaa00;
  margin-right:0;
  text-align: left;
  padding-left:0px;
  padding-bottom:30px;
}


#container
{
    background-image:url(/images/bg_shadow.jpg);
    background-position: center;
    background-repeat: repeat-y;
}

a.footermail
{
  color:#fff;
}

a:hover.footermail
{
  color:#fff;
}

#footer
{
  float: left;
  width: 1018px;
  height: 35px;
  background: url(../images/footer_bg.png) no-repeat;
  background-position: 0 0;
  margin: 0 0 15px 0;
  padding: 20px 0 0 0;
  font-size:1.2em;
  margin:0px;
  color: #ffffff;
}

.footer_left
{
  float:left;
  text-align:left;
  font-size:1.0em;
  margin:0px;
  color: #ffffff;
  background-color: #000000;
}

.footer_right
{
  float: left;
  width: 1018px;
  text-align:center;
  font-size:1.0em;
  padding:0 0 0 0;
  color: #ffffff;
}




.puff_footer
{
  font-size:1px;
  height:14px;
  background-image: none;
  background-repeat: no-repeat;
  margin-bottom:10px;

}


.puff
{
  padding: 10px 10px 20px 10px ;
  border-top: none;
  margin:0px;
  overflow:hidden;
  background-image: none;
  background-repeat: repeat-x;
  background-position: bottom;
  background-repeat: repeat-x;
  color: #000000;
}

.puffhead
{
  font-weight:normal;
  border-bottom:  2px solid #2e1b86;
  padding: 6px 0px 0px 10px;
  color:#ffffff;

  background-position: center;
}


.extrabildborder
{
  padding: 10px 10px 20px 10px ;
  border: none;
  margin:0px;
  overflow:hidden;
  background-image: none;
  background-repeat: repeat-x;
  background-color:#ffffff;

  background-position: bottom;
  background-repeat: repeat-x;

  color: #333333;
}

.extrabildheader
{
  font-weight:normal;
  font-size: 1.4em;
  border-bottom: 2px solid #e72423;
  padding: 6px 0px 6px 10px;
  color:#ffffff;
  background-image: url(../images/nav_button_bg.gif);
  background-position: center;
  color: #000000;
}

.product_puff
{
  background-color:#f8fbee;
  border: 1px solid #d5e699;
  margin-top:20px;
  padding:5px;
  background-image: url(../images/puff_content_bg.gif);
  background-repeat: no-repeat;
}




#quantity
{
  width: 50px;
}

.artno
{
  color:#8F8F8E;
}

.quickfactsline
{
  border-bottom: 1px #A8A7A5 dotted;
}

.fromprice_list
{
  font-size:0.8em;
}

.fromprice
{
  font-size:0.5em;
}

.price
{
  font-weight: bold;
  font-size: 1.2em;
  border: 1px none #000000;
  float:left;
  width: 140px;
  color:#e72423;
}

.pricebg1
{
background-image: url(../images/pricebg1.gif);
background-repeat: repeat-x;
background-position: center;
}

.pricebg2
{
background-image: url(../images/pricebg2.gif);
background-repeat: repeat-y;
background-position: left;
}

.pricebg3
{
background-image: url(../images/pricebg3.gif);
background-repeat: repeat-y;
background-position: right;
padding:15px;

}

.floatright
{
  float: left;
}


#priceinfo
{
  float: left;
  width: 480px;
  background-color:#fff;
  border: 1px solid #dedede;
  padding:10px;
  margin: 0;
}

#pricestock
{
  float:left;
  border: 1px none #000000;
  width:280px;
}

#pricebox
{
  font-size:2.2em;
  font-weight:bold;
  color:#b90707;
}

#pricebox_product
{
  float: left;
  width: 290px;
  font-size:2.4em;
  font-weight:normal;
  color:#e72423;
  margin: 0 0 10px 0;
}

#stockbox
{
  text-align:right;
}


#quickfacts
{
  width: 100%;
}

#quickfacts legend
{
  color:#000000;
  font-size:1.2em;
  font-weight: bold;
  background-color: transparent;
  width: 100%;
  padding:0px;
  margin:0px;
}



.extrapicture
{
  background-color:#000000;
  border: 1px solid #000000;
}







.folderimage
{
  border:none;
}

a.gallerylink
{
  text-decoration:none;
}

a.gallerylink:hover
{
  text-decoration:none;
}



.folder
{
  width: 135px;
  float:left;
  text-align: center;
  margin-bottom:10px;
}

.galleryimage
{
  border:1px #cccccc solid;
  padding:5px;

}




.galleryimagecontainer
{
  width: 135px;
  float:left;
  text-align: center;
  margin-bottom:10px;
}


.clear
{
  clear:both;
  font-size: 1px;
}

.button
{
  float: left;
  background-color:#ba0201;
  color:#fff;
  border:1px solid #ba0201;
  font-size:1.0em;
  padding: 2px 3px 3px 3px;
  font-weight: bold;
  background-image: url(../images/button_bg.png);
  background-position: center;
  margin: 10px 0 0 0;
}

.bestall_button
{
  display: inline-block;
  background-color:#ba0201;
  color:#fff;
  border:1px solid #ba0201;
  font-size:1.0em;
  padding: 2px 3px 3px 3px;
  font-weight: bold;
  background-image: url(../images/button_bg.png);
  background-position: center;
  margin: 10px 0 5px 0;
}

fieldset
{
  border: none;
  margin:0px;
  padding:0px;
  width: auto;
}


.formfield
{
  float: left;
  width: 167px;
  height: 21px;
  background: url(../images/input_bg.png) repeat-x top left;
  border: none;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  font-size:1.2em;
  font-family: Verdana;
  margin: 0 10px 3px 0;
  padding: 2px 0 4px 3px;

}

.formfield_textarea
{
  float: left;
  width: 167px;
  background: url(../images/input_bg_2.png) repeat-x bottom left;
  border: 1px solid #959595;
  font-size:1.2em;
  font-family: Verdana;
  margin: 0 10px 3px 0;
  padding: 2px 0 4px 3px;

}
.product_formfield
{
  float: left;
  width: 167px;
  height: 24px;
  /* background: url(../images/input_bg.png) repeat-x top left; */
  border: 1px solid #959595;
  font-size:1.2em;
  font-family: Verdana;
  margin: 0 20px 3px 0;
  padding: 2px 0 0 3px;
}

.register_text {
  float: left;
  width: 160px;
  margin-top: 4px;
}

.cartquantity
{
  border: 1px solid #858585;
  font-size:1.2em;
  font-family: Verdana;
  margin-bottom:3px;
  padding-left:3px;
  width: 50px;

}


.borderbottom
{
  border-bottom:1px solid #858585;
  font-size: 1.2em;
}



.formbackground
{
  float: left;
  width: 500px;
  background-color:#ffffff;
  border: 1px solid #959595;
  padding:10px;
}


.contactform, .enkatform
{
  width: 360px;
}


blockquote p:before,
blockquote p:after
{
	content:'\201D';
}


blockquote
{
  margin:0px;
  padding:0px;
}

.quotewho
{
font-style: italic;
text-align:right;

}


/* VOTE STUFF */


.prog-border {
  height: 16px;
  width: 95px;
  background: #fff;
  border: 1px solid silver;
  margin: 0;
  padding: 0;
}

.prog-bar {
  height: 14px;
  margin: 1px;
  padding-left: 2px;
  font-size:0.8em;
}

/* VOTE STUFF */

.product_offer_left {
	float:left;
	width: 230px;
}

.product_offer_right {
	float:right;
	width: 230px;
}

.picture {
  text-align: center;
}

table
{
  font-size: 1.0em;
}

/*--- PRODUCT CATEGORIES CSS --------------------------------- */

#product_categories {
  float: left;
  width: 520px;
  margin: 0;
  padding: 0;
}

.text h1 {
  float: left;
  width: 520px;
  margin: 20px 0 10px 0;
  padding: 0;
}

#prodcat_wrapper {
  float: left;
  width: 520px;
  margin: 0;
  padding: 0;
}

.prodbox {
  float: left;
  width: 139px;
  min-height: 324px;
  border: 1px solid #c1c1c1;
  padding: 0 10px 0 10px;
  margin: 0 5px 5px 0;
  text-align: center;
}

.prodbox h2 a {
  color: #858585;
  font-size: 0.6em;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.0em;
}

.readmore a {
  float: left;
  width: 68px;
  height: 21px;
  background: url(../images/readmore_button_bg.png) no-repeat top left;
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  padding: 4px 0 0 0;
  margin: 0 0 5px 35px;
}

.product_box {
  float: left;
  width: 500px;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0 10px 0;
}

.product_box h1 {
  float: left;
  width: 500px;
  margin: 0;
  padding: 0;
}

.right_desc {
  float: left;
  width: 260px;
  margin: 10px 0 0 10px;
}

label {
  float: left;
  width: 100px;
  padding: 6px 0 0 0;
  font-size: 1.2em;
  margin: 0 5px 0 0;
}

#meddelande {
  float: left;
  width: 280px;
  height: 50px;
  background: none;
  border: 1px solid #959595;
}

.cart_button {
  float: left;
  background: url(../images/addto_cart_button.png) top left no-repeat;
  width: 159px;
  height: 33px;
  padding: 0 0 4px 25px;
  margin: -3px 0 0 0;
  border: none;
  color: #fff;
}

table.manuscript {
  float: left;
  width: 480px;
  height: auto;
  border: none;
}

table.manuscript th {
  background: url(../images/th_bg.png) repeat-x top left;
  color: #fff;
  font-size: 1.1em;
  padding: 5px 0 5px 5px;
  margin: 0 0 5px 0;
  text-align: left;
}

table.manuscript td {
  color: #292929;
  font-size: 1.1em;
  padding: 10px 0 10px 5px;
  margin: 0 0 5px 0;
}

#manuscript_container {
  float: left;
  width: 480px;
}

#manuscript_choose {
  float: left;
  width: 450px;
  height: auto;
}

#manuscript_view {
  padding: 0 5px 10px 5px;
  margin: 0 0 10px 0;
}

ul.subnav {
  margin: 10px 0 0 8px;
  padding: 0;
}

ul.subnav li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

ul.subnav li a {
  display: block;
  width: 209px;
  height: 19px;
  background: url(../images/subnav_off.png) no-repeat top left;
  color: #fff;
  margin: 0 0 5px 0;
  padding: 7px 0 4px 10px;
  font-size: 1.2em;
  font-weight: normal;
  text-decoration: none;
}

ul.subnav li a:hover {
  display: block;
  width: 209px;
  height: 19px;
  background: url(../images/subnav_on.png) no-repeat top left;
  color: #fff;
  margin: 0 0 5px 0;
  padding: 7px 0 4px 10px;
  font-size: 1.2em;
  font-weight: normal;
  text-decoration: none;
}

ul.subnav li.subselected a {
  display: block;
  width: 209px;
  height: 19px;
  background: url(../images/subnav_active.png) no-repeat top left;
  color: #fff;
  margin: 0 0 5px 0;
  padding: 7px 0 4px 10px;
  font-size: 1.2em;
  font-weight: normal;
  text-decoration: none;
}

ul.subnav li.subselected a:hover {
  display: block;
  width: 209px;
  height: 19px;
  background: url(../images/subnav_active.png) no-repeat top left;
  color: #fff;
  margin: 0 0 5px 0;
  padding: 7px 0 4px 10px;
  font-size: 1.2em;
  font-weight: normal;
  text-decoration: none;
}