body {
 background: #666D74 url(images/top_pagefold.png) repeat-x top;
 color: #fff;
 font-size: 62.5%;
 font-family: Arial, Verdana, sans-serif;
 text-align:center;
}

#container {
 font-size: 1.0em;
 border: 0;
 margin: 5px auto;
}

#infobox {
 width: 227px;
 margin: 76px 12px 0 15px;	
}

#infobox .boxtop {
 height: 10px;
 background: url(images/top_sidebox.png) no-repeat;
 margin: 0;
}

#infobox .boxmid {
 height: 40px;
 background: url(images/middle_sidebox.png) repeat-y;
 margin: 0;
 padding: 5px 15px 25px 10px;
 text-align: center;
}

#infobox .boxbottom {
 height: 20px;
 background: url(images/bottom_sidebox.png) no-repeat;
 margin: 0;
 border: 0px solid #0f0;
}



#main-container {
 font-size: 1.2em;
 margin: 0px auto;
 width: 820px;
 text-align: center;
 border: 0px solid #f00;
}

#main-container small{
 margin: 0;
 padding: 0;
}
#main-container h1 {
 text-align: left;
 margin: 0;
 margin-left: 1px;
 padding: 0;
}

#stockphoto {
 border-radius: 10px;
 margin: 0 auto;
 position: absolute;
}

#stockphoto #infobox-frame {
 width: 250px;
 padding: 4px 0px 3px 4px !important;
 background: rgba(230, 230, 230, 0.3);
 float: right;
 position: relative;
 top: 420px;
 left: 555px;
 
 box-shadow: inset -20px 0px 22px -18px black;
 border-top: 1px solid #D8D8D8;
 border-left: 1px solid #D8D8D8;
 border-bottom: 1px solid #D8D8D8;
}

#info {
 padding: 5px !important;
 float: left;
}

#informationbox {
 display: block;
 text-align: left;
  box-shadow: inset -20px 0px 22px -18px black;
}

#informationbox span {
 display: block;
 font-size: 1.1em;
 padding: 5px;
}

img {
 border: 1px solid #D8D8D8;
 background-color: #A7A7A7;
 padding: 5px;
 margin: 2px;
 border-radius: 5px;
}

a {
 color: #A7A7A7;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

#packinfo {
 float: left;
 display: block;
 width: 45px;
 margin: 10px 5px 10px 15px;
 /* margin-left: 15px; */
 padding: 0;
 font-size: 1em;
 font-family: Verdana;
}

span#packtext {
 text-transform: uppercase;
 display: block;
 font-family: Verdana;
 letter-spacing: -1px;
 font-size: 0.8em;
 margin: 0 0 0 2px;
 padding: 0;
}

span#packamount {
 display: block;
 font-family: Verdana;
 line-height: 1em;
 font-size: 2.4em;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

#info span {
 margin-left: 0;
 margin-right: 0;
 padding-right: 0;
 padding-left: 0;
}

.clear {
 width: 100%;
 clear: both;
}

ul#thumbs {
 margin: 30px auto 0;
 padding: 0;
 list-style: none;
}

ul#thumbs li {
 float: left;
 margin: 0 5px;
}

ul#thumbs li img {
 width: 50px;
}

ul#thumbs li:first-child {
 margin: 0 5px 0 30px;
}


#footer {
 margin: 30px 0 60px;
 font-size: 1em;
 font-weight: bold;
 color: #555;
 height: 50px;
}

#footer ul {
 list-style: none;
 margin: 0 0 0 0px;
 padding: 0;
}

#footer ul li {
 display: inline;
 width: 100%;
 float: left;
 clear: right;
 margin: 0 auto;
}

 /* li#draktorget {
 border: 1px solid #c8c8c8;
 background-color: #A7A7A7;
 padding: 2px;
} */

#footer li#draktorget a {
 display: inline-block;
 text-indent: -9999px;
 background: url(http://www.draktorget.se/badge_draktorget.jpg) no-repeat;
 width: 16px;
 height: 16px;
 overflow: hidden;
}