/*----------------------------------------------
 |  main_extra.css |
 |-----------------
 |  Extra additions to already existing elements in main.css
 *---------------------------------------------*/

div#world {
  background-image: url(../images/worldmap_large.gif);
  background-position: top left;
  background-repeat: no-repeat;
  height:285px;
}

div#country {
   font-family: Arial;
   font-size:12px;
   line-height:16px;
  color:#626364;
}


div#product{
float:left;
width:485px;
margin:0;
padding:0;
padding-top:20px;
}


div#prodphoto{
  border:1px solid black;
  float:left;
  text-align:center;
  background-image:url(../images/zoom.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  vertical-align:middle;
}
div#prodphoto a{
  padding-top:25px;
  display:block;
  padding-bottom:25px;
  width:170px;
}


div#prodtext{
 width:282px;
 margin-left:200px;
}

div#prodtext h2{
 font-family: Arial;
 color:#557693;
 font-weight:bold;
 font-size:13px;
 padding:0;
 margin:0;
 padding-bottom:5px;
text-transform:uppercase;
}


#showimage{
position:absolute;
visibility:hidden;
border: 1px solid #333333;
background-color: #FFFFFF;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #FFFFFF;
min-width: 100px; /*NS6 style to overcome bug*/
border-bottom:1px solid #333333;
height:25px;
}

#dragbar #closetext{
background-color: #FFFFFF;
vertical-align:middle;
margin:0;
padding:0;
margin-right: 10px;
padding-right:20px;
width:60px;
text-align:left;
height:25px;
line-height:25px;
  background-image:url(../images/kryss.gif);
  background-position: center right;
  background-repeat: no-repeat;
}