/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input, textarea { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }




.deflanglist {width:400px; margin:0; padding:0px;}
.deflanglist li {display: block; width:95px; height:34px; float:left;}
.deflanglist li a {color:#000; font-size:11px;float:left; width:95px; height:34px; line-height: 28px; overflow: hidden; text-indent: 45px; background-image: url(/global/images/langsel/multiflags3.jpg); background-repeat: no-repeat;}


.deflanglist li#langdenmark a {background-position: 0px 1px;}
.deflanglist li#langsweden a {background-position: 0px -29px;}
.deflanglist li#langnorway a {background-position: 0px -56px;}
.deflanglist li#langitaly a {background-position: 0px -85px;}
.deflanglist li#langgermany a {background-position: 0px -114px;}
.deflanglist li#langenglish a {background-position: 0px -147px;}
.deflanglist li#langfinland a {background-position: 0px -178px;}
.deflanglist li#langlatvia a {background-position: 0px -212px;}
.deflanglist li#langestonia a {background-position: 0px -240px;}
.deflanglist li#langlithuania a {background-position: 0px -269px;}
.deflanglist li#polish a {background-position: 0px -299px;}

.deflanglist li a:hover {color:#787878;}

.deflanglist li#langsweden a:hover, 
.deflanglist li#langnorway a:hover, 
.deflanglist li#langitaly a:hover, 
.deflanglist li#langgermany a:hover, 
.deflanglist li#langenglish a:hover, 
.deflanglist li#langfinland a:hover, 
.deflanglist li#langdenmark a:hover {color:#787878;}

span.checkbox {
  width: 25px;
  height: 25px;
  padding: 0 5px 0 0;


  background: url(/global/images/viacheck.jpg) no-repeat;
  display: block;
  clear: left;
  float: left;
  behavior: url(/global/scripts/lib/iepngfix.htc);
  cursor: pointer;
  background-position: 0px 0px;
}


span.radio {
  width: 25px;
  height: 25px;
  padding: 0 5px 0 0;
  margin: 0 auto;
  background: url(/global/images/viaradio.jpg) no-repeat;
  display: block;
  position: relative;
  cursor: pointer;
  background-position: 0px 0px;
}


/* Distributor anmallan */

#distriforms {position: relative; float:left; width:380px; height:150px; color:#000;}

#distriforms .foretag_display {position: absolute; width:65px;top:0px; left:0px; text-align: right;}
#distriforms .foretag_field {position: absolute; top:0px; left:70px;}

#distriforms .land_display {position: absolute; width:65px;top:20px; left:0px; text-align: right;}
#distriforms .land_field {position: absolute; top:20px; left:70px;}

#distriforms .kontakt_display {position: absolute; width:65px;top:40px; left:0px; text-align: right;}
#distriforms .kontakt_field {position: absolute; top:40px; left:70px;}

#distriforms .telefon_display {position: absolute; width:65px;top:60px; left:0px; text-align: right;}
#distriforms .telefon_field {position: absolute; top:60px; left:70px;}

#distriforms .epost_display {position: absolute; width:65px;top:80px; left:0px; text-align: right;}
#distriforms .epost_field {position: absolute; top:80px; left:70px;}

#distriforms .hemsida_display {position: absolute; width:65px;top:100px; left:0px; text-align: right;}
#distriforms .hemsida_field {position: absolute; top:100px; left:70px;}


#distriloginform {position: relative; float:left; width:380px; height:100px; color:#000;}

#distriloginform .distriusername_display {position: absolute; width:65px;top:0px; left:0px; text-align: left;}
#distriloginform .distriusername_field {position: absolute; top:20px; left:0px;}

#distriloginform .distripassword_display {position: absolute; width:65px;top:40px; left:0px; text-align: left;}
#distriloginform .distripassword_field {position: absolute; top:60px; left:0px;}





.showarea {position: relative; float:left; width:300px; height:40px;}
.showarea .checkfield {position: absolute; top:0px; left:0px;}
.showarea .checktext {position: absolute; top:2px; left:30px; color:#000;}

/* TYPE */
body { font: 10px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;  color: #333; -webkit-text-size-adjust: none;}

.orderbuttonarea {position: relative; width:200px; height:30px; }

#container { width: 920px; margin: 0 auto; position: relative;  padding: 0px 10px; background: url(/global/images/background1.png) repeat-y;  }
#main { width: 100%; position: relative; }
#content { position: relative; color: #333; }

p.text {position:relative; float:left; font-size:10px; color:#333; margin-bottom:10px;}

img.kundlogo {position: relative;  width:170px; height:90px; border: 0;}
/* ViaResearch */

#questionfield {position: relative; float:left; height:60px; width:400px;  color:#000; font-size:9px;}
#questionfieldtwo {position: relative; float:left; height:75px; width:400px;  color:#000; font-size:9px;}
.qrub {position: relative; width:385px;  clear:both; font-weight: bold;}
.q_text {position: relative; float:left; width:80px; text-align: center; line-height: 11px;}
.q_text .thetext {position: relative;  width:65px; text-align: center; margin-left:4px; margin-right:4px;}
.q_radio {position: relative; float:left;width:80px;  text-align: center;}
.qin {position: relative; width:385px; height:50px;}
.qmessage {position: relative; float:left; width:370px; outline: none; height:35px; border:1px solid #747474;}


input.viawebinput {width:310px; height:14px; outline: none; border:1px solid #747474; font-size: 9px;}
.viawebmail {position: relative; float:left; width:380px; height:50px; color:#000;}
.viawebmail .name_display {position: absolute; width:65px;top:0px; left:0px; text-align: right;}
.viawebmail .name_field {position: absolute; top:0px; left:70px;}
.viawebmail .email_display {position: absolute; width:65px;top:20px; left:0px; text-align: right;}
.viawebmail .email_field {position: absolute; top:20px; left:70px;}

.distrishopsum,
.distrishop {position: relative; float:left; width:380px; height:16px; color:#000; font-size:9px; margin-bottom:1px;}

.distrishopsum {margin-top:4px; background-color:#eee; height:25px;}
.distrishop.dgray {background-color: #ccc;}
.districol {position: relative; float:left; display:block;}
.districol.art {width:70px;}
.districol.denom {width:190px;}
.districol.lprice {width:80px;}
.districol.dnet {width:50px;}
.districol.dorder {width:40px;}


#distribox {width:90px; height:179px; border: 1px solid #747474; position: absolute; top:0px; right:0px; background-color: #747474; color:#fff;}


.distsumtext {position:absolute; width:90px;top:20px; left:0px; text-align: center; }
.distsum { position:absolute; width:90px; top:35px; right:0px; text-align: center; font-size:11px;}
.distnettotext {position:absolute; width:90px;top:70px; left:0px; text-align: center; }
.distdistext {position:absolute; width:90px;top:80px; left:0px; text-align: center; font-size:8px;}
.distnetto { position:absolute; width:90px; top:95px; right:0px; text-align: center; font-size:11px;}


input.dviawebinput {width:20px; height:14px; outline: none; border:1px solid #747474; font-size: 9px; text-align: center;}
input.ddviawebinput {width:190px; height:14px; outline: none; border:1px solid #747474; font-size: 9px;}
textarea.ddviawebtextarea { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:190px; height:56px; outline: none; resize: none; border:1px solid #747474; font-size: 9px;}
.viawebshopselect {position: relative; float:left; width:380px; height:125px; color:#000; font-size:9px; margin-bottom:10px;}
.viawebshopselect .selecttwo_field {position: absolute; width:65px;top:5px; left:0px; text-align: right;}
.viawebshopselect .selecttwo_display {position: absolute; top:0px; left:70px; width:300px;}

.viawebshopselect .selectone_field {position: absolute; width:65px;top:60px; left:0px; text-align: right;}
.viawebshopselect .selectone_display {position: absolute; top:60px; left:70px; width:300px;}


/* distrishop vem */
#distrishoper {position: relative; float:left; width:380px; height:200px; color:#000;}
#distrishoper .vdid_display {position: absolute; width:85px;top:0px; left:0px; text-align: right;}
#distrishoper .vdid_field {position: absolute; top:0px; left:90px;}
#distrishoper .districo_display {position: absolute; width:85px;top:20px; left:0px; text-align: right;}
#distrishoper .districo_field {position: absolute; top:20px; left:90px;}
#distrishoper .distriname_display {position: absolute; width:85px;top:40px; left:0px; text-align: right;}
#distrishoper .distriname_field {position: absolute; top:40px; left:90px;}
#distrishoper .distrialtadress_display {position: absolute; width:85px;top:60px; left:0px; text-align: right;}
#distrishoper .distrialtadress_field {position: absolute; top:60px; left:90px; }
#distrishoper .districom_display {position: absolute; width:85px;top:123px; left:0px; text-align: right;}
#distrishoper .districom_field {position: absolute; top:123px; left:90px; }

/* webshop antal */
#webshopantal {position: relative; float:left; width:380px; height:30px; color:#000;}
#webshopantal .antal_display {position: absolute; width:65px;top:0px; left:0px; text-align: right;}
#webshopantal .antal_field {position: absolute; top:0px; left:70px;}


/* webshop faktrub */
#webshopfaktrub {position: relative; float:left; width:380px; height:30px; color:#000;}
#webshopfaktrub .faktadress_display_rub {position: absolute; width:165px;top:0px; left:0px; text-align: left;}



/* webshop faktura */

#webshopfaktura {position: relative; float:left; width:380px; height:170px; color:#000;}

#webshopfaktura .foretag_display {position: absolute; width:65px;top:0px; left:0px; text-align: right;}
#webshopfaktura .foretag_field {position: absolute; top:0px; left:70px;}

#webshopfaktura .orgnr_display {position: absolute; width:65px;top:20px; left:0px; text-align: right;}
#webshopfaktura .orgnr_field {position: absolute; top:20px; left:70px;}

#webshopfaktura .fakt_co_display {position: absolute; width:65px;top:40px; left:0px; text-align: right;}
#webshopfaktura .fakt_co_field {position: absolute; top:40px; left:70px;}

#webshopfaktura .telefon_display {position: absolute; width:65px;top:60px; left:0px; text-align: right;}
#webshopfaktura .telefon_field {position: absolute; top:60px; left:70px;}

#webshopfaktura .epost_display {position: absolute; width:65px;top:80px; left:0px; text-align: right;}
#webshopfaktura .epost_field {position: absolute; top:80px; left:70px;}

#webshopfaktura .fakt_adress_display {position: absolute; width:65px;top:100px; left:0px; text-align: right;}
#webshopfaktura .fakt_adress_field {position: absolute; top:100px; left:70px;}

#webshopfaktura .fakt_postnr_display {position: absolute; width:65px;top:120px; left:0px; text-align: right;}
#webshopfaktura .fakt_postnr_field {position: absolute; top:120px; left:70px;}

#webshopfaktura .fakt_ort_display {position: absolute; width:65px;top:140px; left:0px; text-align: right;}
#webshopfaktura .fakt_ort_field {position: absolute; top:140px; left:70px;}


/* webshop levrub */
#webshoplevrub {position: relative; float:left; width:380px; height:60px; color:#000;}
#webshoplevrub .aleverans_display_rub {position: absolute; width:365px;top:0px; left:0px; text-align: left;}


#webshopleverans {position: relative; float:left; width:380px; height:150px; color:#000;}

#webshopleverans .leveransadress_display_rub {position: absolute; width:265px;top:0px; left:0px; text-align: left;}

#webshopleverans .lev_foretag_display {position: absolute; width:65px;top:30px; left:0px; text-align: right;}
#webshopleverans .lev_foretag_field {position: absolute; top:30px; left:70px;}

#webshopleverans .lev_co_display {position: absolute; width:65px;top:50px; left:0px; text-align: right;}
#webshopleverans .lev_co_field {position: absolute; top:50px; left:70px;}


#webshopleverans .lev_adress_display {position: absolute; width:65px;top:70px; left:0px; text-align: right;}
#webshopleverans .lev_adress_field {position: absolute; top:70px; left:70px;}

#webshopleverans .lev_postnr_display {position: absolute; width:65px;top:90px; left:0px; text-align: right;}
#webshopleverans .lev_postnr_field {position: absolute; top:90px; left:70px;}

#webshopleverans .lev_ort_display {position: absolute; width:65px;top:110px; left:0px; text-align: right;}
#webshopleverans .lev_ort_field {position: absolute; top:110px; left:70px;}


#message {width:380px; outline: none; height:120px; margin-bottom:20px;}
.okcontain {position:relative; float:left; width:360px; height:40px;}
.okcontaintwo {position:relative; float:left; width:190px; height:40px;}
.okfield {width:120px; margin: 0 auto; height:40px;}




.bigtarget {position: relative; float:left; width:100%; margin:0; padding:0; }
.bigtarget.selected {  cursor: pointer; }
.bigtarget.selected a {color:#000000;}
.bigtarget.selected p {color:#747474;}
.bigtarget.selected a.deeplink {color:#990000;}
.bigtarget.selected p.newshead {color:#747474;}

.kundlistainfo {position: relative; float: left; width:220px; margin-bottom: 20px;}
a.redlink { position:relative; float:left; font-weight: bold; font-size: 9px; color:#990000;margin-right:5px; width:220px;}
a.deeplink { position:relative; float:left; font-weight: bold; font-size: 9px; color:#000000;margin-right:5px;}
a.deeplink:hover {color:#990000;}
a.deeplink.big{font-size:10px;}


p.newshead {position:relative; float:left; font-weight: bold; font-size: 9px; } 
p.newshead.red {color:#990000;margin-right:5px;}
p.newshead.black {color:#000; }
p.newscrum {position:relative; float:left; color:#333;font-size: 9px; margin-bottom:10px; }

/* VIAMETRICS INFO FIELD */
.viafield {position:absolute; bottom:0px; width:749px; overflow: hidden; height:180px;}
.viafield .infobacker {position: absolute; top:0px; left:0px;}

.viafieldnew {position:relative; bottom:0px; width:749px; overflow: hidden; height:180px;}
.viafieldnew .infobacker {position: absolute; top:0px; left:0px;}

/* SMALLSPINNER */
#spinnernumber {position:absolute; top:90px; left:0px; width:150px; height:35px; font-size:10px; color:#ffffff; text-align: center;}
#spinnernumber img {margin-bottom:5px;}
#viametricswebtextnew {position: absolute; top:15px; left:0px; width:150px; height:30px; font-size:10px; color:#ffffff; text-align: center;}
#viametricswebtextnew img {margin-bottom:5px;}

#logintextnew {position: absolute; top:15px; left:0px; width:150px; height:35px; font-size:11px; color:#ffffff; text-align: center;}
#logintextnew img {margin-bottom:5px;}

#spinnercontainer {position: absolute; top:50px; left:17px; width:114px; height:25px; background-image: url(/global/images/spinner/spinback.jpg); background-repeat: no-repeat;padding-left:3px; padding-top:3px; }
.counterwrapper {position:relative; float: left; overflow: hidden; width:12px; height:22px; }
.counternumbers {position:relative; width:20px; height:200px; background-image: url(/global/images/spinner/numbers6.png); background-repeat: no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc);}

/* BIGSPINNER */
#bigspinnercontainer {position: absolute; top:37px; left:402px; width:289px; height:63px; background-image: url(/global/images/spinner/bigspinback.jpg); background-repeat: no-repeat;padding-left:12px; padding-top:3px;}
.bigcounterwrapper {position:relative; float: left; overflow: hidden; width:30px; height:59px; }
.bigcounternumbers {position:relative; width:20px; height:520px; background-image: url(/global/images/spinner/bignumbers.png); background-repeat: no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc);}

/* GLOBALHEADER */
#globalheader { width: 920px; height: 92px; margin: 0px auto; position: relative; padding: 0px 10px; background:url(/global/images/background1.png) repeat-y 0 0; z-index: 99;}
#globalheader #menu { position:relative;width:900px;height:92px;background:url(/global/images/menubackground.jpg) repeat-x 0 0;}

/* LINKS */
a {text-decoration: none; }
a.graybutton {  height:25px; width: 115px; background-position: 0 0; background-repeat: no-repeat; display: block; outline: none;  position: relative; text-decoration: none;
font-size: 11px; text-align: center; color:#ffffff; line-height: 25px; font-weight: bold; }

a.graybutton.red{background-image: url(/global/images/buttons/graybuttonblank.jpg); }
a.graybutton.white {background-image: url(/global/images/buttons/graybuttonwhite.jpg); }
a.graybutton.black {background-image: url(/global/images/buttons/graybuttonblack.jpg);}
a.graybutton:active {background-position: 0px -25px; padding-top:1px; }
a.dark {color:#333333;}
a.dark:hover {color:#990000;}


a.graybutton img {margin: 0 auto; margin-top:8px; }

/* HEADLINES */
h1 {font-size:30px;  margin-bottom: 20px; color:#333333; line-height: 1.2em; }
h2 img {margin-bottom:5px;}
h2 {font-size:18px;  margin-bottom: 2px; color:#333333; position: relative;}
h2.hkund {font-size:15px; width:210px;}

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.minimize {position:absolute; bottom:0px; right:0px; width:147px;height:18px;background:url(/global/images/modulemin.png) no-repeat 0 0; }
.minimize a.minbutton {position:relative; float:right;font-size:8px;color:#fff; width:115px; text-decoration: none;}
.minimize a.minbutton:hover {color:#aaa;}
#globalnav {margin: 0; padding: 0; position:absolute; top:60px; left:160px;}
#globalnav li { display: inline; }
#globalnav li {text-decoration: none;  font-size:9px;color:#C8C8C8; float: left; padding-left:10px; height: 15px;   }
#globalnav li a {color:#fff; }

.moduleslideshow {position:relative; width: 749px; height:360px; bottom:0px; overflow: hidden;}
.moduleslideshow .slide {position: absolute; top:0px; left:0px;width: 749px; height:360px;overflow: hidden;}

h2.inforub { width:300px; margin-top:10px; }
img {border:0px;}
body {background:url(/global/images/backgroundfade.jpg) repeat-x 0 0; background-color: #C8C8C8;}




.dialoge_viainfo {width:380px; padding-left:10px; padding-right:20px;}
#contentmodules {position: relative; float left; width:749px; }
#contentmodules .module {position: relative; float:left;  width:100%; background-color: #fff; }
#contentmodules .module .modulecontent {position:relative; float:left;   }

#contentmodules .infomodule {position: relative; float:left;  width:100%;  height:180px; background-color: #000;}


.modulebottom {position: relative; float:left; width:100%; height:10px; background:url(/global/images/bottom.png) repeat-x 0px 0px;}

.infopart {position: relative; width:200px; height:120px; float:left;}

p {position: relative; float:left;}
a.moreinfo {position:relative; float:left; font-weight: bold; font-size: 9px; color:#000; }
a.moreinfo:hover {color:#990000;}


.distrimodule {position: relative; width:649px;float: left; padding-right:20px; padding-left:30px; padding-top:30px; padding-bottom:30px;  }

.leftmodule {position: relative; width:455px;float: left; padding-right:20px; padding-left:30px; padding-top:30px; padding-bottom:30px;  }
.rightmodule {position: relative; width:220px;float: left; padding-top:30px;}


/*#main .stroke { position:relative; margin:5px -22px 27px; background:url(/global/images/background1.png) repeat-y 0 0; }*/
/*#main #content.stroke { margin:5px -2px 25px; zoom:1; }*/

.wrapper .repeater {position: absolute; top:4px; left:7px; height:7px; width:0px;background: url(/global/images/inputrepeat.jpg) left top repeat-x;}

input.psstyle {  -webkit-border-radius:0px; outline: none;width:120px; height: 15px; background: url(/global/images/inputmiddle.jpg) center top repeat-x; border: 0px; margin: 0; padding: 0px 0 0 0; font: 9px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
.wrapper {position:relative; width:130px;}
.wrapper input.psstyle { display: block; position: absolute; left:6px; top:0px; width: 121px;  }
.wrapper .left, 
.wrapper .right { behavior:url(/global/scripts/lib/iepngfix.htc); }
.wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 6px; height: 19px; background: url(/global/images/inputleft.jpg) left top no-repeat; }
.wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 6px; height: 19px; background: url(/global/images/inputright.jpg) right top no-repeat; }
.wrapper.empty.blurred input { color: #7e7e7e; }


#viametricslogo {position:absolute;width:120px;height:70px; top:12px; left:15px;background:url(/global/images/viametricslogo.png) no-repeat 0 0; cursor: pointer; behavior: url(/global/scripts/lib/iepngfix.htc);}

#languagecontainer {position:absolute; width:674px;height:40px; top:0px; right:0px; overflow: hidden;}
#menulanguage {position:absolute; top:-30px; right:0px; width:374px;height:40px;background:url(/global/images/menulanguageback.png) no-repeat 0 0; }
#menulanguage .dottext {font-size:8px;color:#fff;position: absolute; left:50px; top:5px;}
#menulanguage .dropmenu { width:120px; height:14px;font-size:7px;color:#fff;position: absolute; right:10px; top:6px; }





.viametricswebtext {position: absolute; top:10px; left:15px; width:120px; height:30px; background-image: url(/global/images/viametricsweb.jpg);}
.logintext {position: absolute; top:10px; left:15px; width:115px; height:35px; background-image: url(/global/images/webinloggning.jpg);}

.nyhetsbrevtext {position: absolute; top:10px; left:12px; width:180px; height:40px; background-image: url(/global/images/nyhetsbrevtext.jpg);}

.loginbutton {position: absolute; top:100px; left:18px;}



/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 15.5%;background-color: #999999; }
.grid2colf .column.last { width: 83.6%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

.infobox {position: relative; float:left;width:151px; height:1152px;  background-color: #999999; }
.infobox .company {position: absolute; top:25px; left:5px;width:139px; height:142px; text-align: right; color:#000; font-size: 8px; line-height: 15px;}
.counterbox {position: relative; width:151px; height:142px; background-color: #333;}

.loginbox {position: relative; width:151px; height:142px; background-color: #990000;}

.newsbox {position: relative; width:210px; height:122px; background-color: #000; margin-bottom: 20px;}

.loginuser {position:absolute; top:51px;left:12px;}
.loginpass {position:absolute; top:76px; left:12px;}
.lightgraybox {position: relative; width:151px; height:142px; background-color: #CCCCCC;}

.newsepost {position:absolute; top:51px;left:42px;}
.epostbotton {position: absolute; top:80px; left:48px;}

.space {clear:both;height:20px; width:200px;}
#main_wrap {  width: 920px;  overflow: hidden;}


#distrilogin {position:absolute;  top:0px; right:100px; width:174px;height:25px;background:url(/global/images/feedback_bg.png) no-repeat 0 0; overflow: hidden; display:block;}
#distriloginbutton {font-size: 8px; color:#fff; position: absolute; display: block; top:5px; left:24px; height:18px; overflow: hidden;  text-indent: 20px;}


#flaginfo {position:absolute; top:2px; right:3px;}
.combo {

margin-left:2px;
  padding: 0px 1px 0 5px;
  font-size:7px;
  width : 115px; 
  display : block;
  text-align:left; 
  line-height: 11px;
  height:15px;
  background: url(/global/images/dropmenu.png) no-repeat;
  cursor: pointer;
  border:0px;
  color:#fff;
  

}


div.autocomplete {
  position:absolute;
  width:150px;
  background-color:#000;
  
  margin:0px;
  padding:0px;
  font-size:7px;
  text-align:left;
  
  
  
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  text-indent: 5px;
 
}
div.autocomplete ul li {
	position: relative;
  list-style-type:none;
  display:block;
  margin:0;
  padding:0px;
  cursor:pointer;
  
  height:20px;
  
}
div.autocomplete ul li img {
float: left;
position: absolute;
top:2px;
right:6px;

}

div.autocomplete ul li.selected { 
  background-color: #333;
  color:#fff;
  
}


.salesblock {display:block; position: relative; float:left; width:320px; height:280px; padding-top:20px;}
.salesblock .imageblock {width:300px; }
.salesblock h2 {padding-top:20px; margin-bottom:2px; display:block;}
.salesblock .text {margin-top:0px;}

.articles{
position: relative;
z-index: 0;
cursor:default;
}

.articles:hover{
background-color: transparent;
z-index: 50;
}

.articles span{ 
position: absolute;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.articles:hover span{ 
visibility: visible;
top: 0;
left: 350px; 

}
