body
{
    margin: 0;
    overflow-y: scroll;
}
body, td
{
    font-family: Arial;
    color: #303030;
    font-size: 11px;
}
a
{
    text-decoration: none;
    color: Black;
}
.annons {
    left: 1005px;
    position: absolute;
    top: 72px;
}
body.hmt700.wmt1205 .annons 
{
    position: fixed; /* no need to scroll around */
    left: inherit;
    margin-left: 1005px; /* sync with left for absolute */
}
/* float center if enugh width in client, enabled by js */
body.wmt1405 .topcont
{
    position: relative;
    margin: auto;
}
body.wmt1405 .topmenybg /* apply this when centred */
{
    border-radius: 10px 10px 0 0;
}

#toplogo 
{
    height: 72px; /* sync with js & top72scrl could be 68 with hidden overflow */
    overflow: hidden;
}
#toplogo img
{
    vertical-align: bottom; /* fixes 71px height above */
}

/* float shopcarten */
body.top72scrl #topmeny, body.top72scrl #kundvagnmeny 
{
    position: fixed;
    z-index: 2;
}
body.top72scrl #topmeny 
{
    top: 0;
    border-radius: 0; /* when toped no round */
}
body.top72scrl #kundvagnmeny {
    top: 32px;
}
body.top72scrl #kundvagnmeny .topcartcont { /* om vi har bg på yttre objectet måste rund på de med hanteras. */
    border-radius: 0 0 10px 0;
}
body.top72scrl.wmt1405 #kundvagnmeny .topmenysok /* bara om centrerad */
{
    border-radius: 0 0 0 10px;
}
body.top72scrl #toplogo {
    margin-top: 64px;
}
body.top72scrl .annons {
	top: 4px;
}

.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.clear
{   
    clear: both;
}
#topcont, .topcont
{
    width: 997px;
}
.topmeny, .topmenybg .menytext  /* menytext is dirty */
{
    float: left;
    padding: 9px 0 0 5px;
    font-size: 12px; 
    font-weight: bold; 
    color: White;
}
.topmenysok
{
    background: url('images/layout/xrpt32gry.png') repeat-x #cccccc; 
    padding: 5px 12px 0 10px;
    float: left;
    font-size: 12px; 
    width: 186px;
    height: 27px; /* 32 - 5px padding we cold add a 7 below */
}
.search
{
    background: url("images/layout/searchpic.png") no-repeat 4px 2px #ffffff;
    padding: 0 0 0 20px;
    width: 160px;
}
form {
    display:inline;
}
.topmenysok input.search
{
    padding: 1px 1px 1px 21px;
    border-radius: 5px;
    color: #555555 !important;
    /*border: solid 1px #dcd8d0;*/
    box-shadow: 2px 2px 3px rgba(99, 96, 78, 0.3) inset;
}
.topmenysok input.search:focus, .topmenysok input.search:hover
{
    color: #000000 !important;
    /*border: 1px solid #0070a0;*/
    box-shadow: 0 0 1px #0070a0 inset;
}

.kundvagnbg
{
    width: 997px; 
    height: 32px; 
    white-space: nowrap;
    /* overflow: hidden; /* dödar kundvagnen */
}
.topcartcont 
{
    background: url('images/layout/xrpt32blk.png') repeat-x #000000; 
    float: left;
    font-size: 12px; 
    height: 32px; /* todo use padding here instead of containing. */
    width: 789px; /* 997px - 208 */
}
.topcashbox /* todo merge! use other similar classes.*/
{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 9px 18px 0px 0px;
    float: right;
} 
.topcashbox a /* todo merge! */
{
    color: White;
} 

.topmeny a, .topmenybg .menytext a /* menytext is dirty */
{
    color: White;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 10px 0 5px;
    background: url("images/layout/septxt.png") no-repeat right;    
}
.topmenybg .menytext  /* menytext is dirty */
{
    float: right; /* this is to get the in the right place unfurtunatly in wrong order */
    padding: 9px 18px 0 0;
}
.topmenybg .menytext a  /* menytext is dirty */
{
    margin-left: -15px; /* revert the right padding on the inner objects only want 5px */
}

.topmenybg
{
    background: url('images/layout/xrpt32blu.png') repeat-x #0070A0;
    border-radius: 0 10px 0 0; /* css3 most is compatible */
    width: 997px; 
    height: 32px;
    white-space: nowrap;
}
.topcont #kundvagnmeny .whitetext { /* fix bg on overflow :(  needs fix on a insted todo remove whitetext*/
    background: url("images/layout/svartlinje.png") repeat-x 0 -9px #000000;
}
.whitetext /* used for kundvagn and login */
{
    font-weight: bold; 
    color: White;
    text-decoration: none;
    text-transform: uppercase;
}
#topcont #kundvagnmeny .menytext, .topcont #kundvagnmeny .menytext, .prodvalsmeny div, .minasidormeny div, .topmenulinks a, .topmenulinks div
{
    height: 23px; /*32-9*/
    /*background: url('images/layout/svartlinje.png') no-repeat; todo fix! */
    padding: 9px 5px 0px 8px;
    overflow:visible;
    margin: 0 0 0 0px;
}
.kundvagnbg .menytext
{
    text-transform: uppercase;
    float:left;
    padding: 9px 0 0 10px; 
    white-space: nowrap;
}
.kundvagnbg .menytext
{
    font-size: 12px; 
    font-weight: bold; 
    color: White;
    /*background: url("images/layout/xrpt32blk.png") repeat-x #000000; /* overflow make sure not white bg */
    /* width: 87px; *//* Variant for getting all the same size */ 
    /*max-width: 87px; *//* is there any instance where this is bad? */
    overflow: hidden;
    text-align: center;
}
.sidomeny
{
    float: left; /* maybe we shuld do the abs rel trick ? */
}
.sidomenybottom
{
    background: url('images/layout/menysidanbottom.png') no-repeat #cccccc; 
    width: 212px; 
    height: 4px;
}
.sidomenybluebg, .sidomenyorangebg
{
    width: 212px;
    min-height: 76px; 
}
.sidomenybluebg
{
    background: url('images/layout/yrptsidblu.png') repeat-y #0070a0
}
.sidomenybluebg a:hover
{
	color: #0070a0;
}
.sidomenyorangebg
{
    background: url('images/layout/yrptsidblk.png') repeat-y #000000;
}
.sidomenyorangebg a:hover
{
    color:#0070a0; /* see above merge! */
}

.sidomenyrub
{
    overflow: hidden;
    padding: 8px; 
    float: left;
    text-align:center;
    width: 14px; /* diff width of imgs, TODO change to same, check math, use class on images and remove divs. */
    /* color: white;
    font-weight: bold; */
}
.dtree, .sidomenyruta
{
    width: 178px;
    margin: 0 0 0 30px;
    padding: 0 0 25px 0;
    border: solid 0 #dcd8d0;
    border-bottom-width: 1px;
    background: white; /* background above(z) sidomeny_color_bg */
}
.sidomenytext, .rootnode, .sidomenyundertext
{
    padding: 5px 0 5px 5px;
    font-weight:bold; 
    border: solid 0 #dcd8d0;  
    border-bottom-width: 1px;
    cursor: hand;
}
.sidomenyundertext
{
    padding: 5px 0 5px 25px; 
}
.plusminus
{
    margin-right: 3px;
}
.jamforruta
{
    padding: 0 0 5px 0;
    width: 185px; 
    border: solid 0 #dcd8d0; 
    border-bottom-width: 1px; 
}
.jamforbild 
{
    float: left; 
    width: 40px; 
    color: #303030; 
    font-size: 9px;
    text-align: center;
}
.jamforrutabild
{
    padding-left: 15px; 
    padding-top: 5px; 
    width: 160px;
}
.jamfortext
{
    font-size: 11px; 
    color: #303030; 
    text-align: center;
    font-weight: bold;
}
.mainruta
{
    float: left; 
    margin: 5px 0 0 5px;
    padding: 0 0 25px 0;
    width: 780px;
}
.produktmain
{
    float: left; 
    width: 580px;
    min-height: 990px;
}
.rubrikprodinfo
{
    padding: 5px; 
    font-size: 20px; 
    font-weight: bold; 
}
.prodbildruta
{
    height: 300px;
    padding: 5px;
}
.prodbildsmallruta
{
    text-align: right;
    padding-right: 10px;
}
.prodvalsmeny, .minasidormeny
{
    width: 580px; 
}
.prodvalsmeny, .minasidormeny, .topmenulinks /* todo add prodlistmeny? */
{
    background: url('images/layout/xrpt32blk.png') repeat-x #000000; 
    height: 32px; 
    margin-top: 5px;
}

.minasidormeny
{
    width: 780px;
}
.prodvalsmeny div, .minasidormeny div, .topmenulinks a, .topmenulinks div
{
    float:left; 
    padding: 9px 10px 0 10px;
}
.prodvalsmeny img, .topmenulinks img
{
    float:left; 
}
.prodvalsmeny div, .prodvalsmeny div a, .minasidormeny div, .minasidormeny div a, .topmenulinks a, .topmenulinks div
{
    font-size: 12px; 
    font-weight: bold; 
    color: White;
    text-decoration: none;    
}
.prodvalsmeny div, .prodvalsmeny div a, .minasidormeny div, .minasidormeny div a, .topmenulinks a
{
    text-transform: uppercase;
}
.prodvaltextblue
{
    background: url('images/layout/xrpt32blu.png') repeat-x #0070a0;
    height: 23px; /* 23 + 9 padding? = 32 */
}
.prodinfobox .produktmeny
{
    /*float: left; needs to be none for abs */
    width: 198px;
    right: 0;
    position: absolute; /* abs inside .prodinfobox */
    background: white; /* avoid bleed thru */
    border-left: solid 1px #dcd8d0;
    border-bottom: solid 1px #dcd8d0;
}
.produktmenyblueruta .produktmenyrub
{
    background: url('images/layout/xrpt32blu.png') repeat-x #0070a0;
}
.produktmenygreenruta .produktmenyrub
{
    background: url('images/layout/xrpt32blu.png') repeat-x #0070a0; /* missing green todo fix */
}
.produktmenyrub
{
    height: 21px; 
    padding: 9px 0 0 5px;
    font-size: 12px; 
    font-weight: bold; 
    color: White;
    text-transform: uppercase;
}
.prisinfoprisinkl, .prisinfoprisexkl
{
    text-align: right;
    font-weight: bold; 
}

.prisinfoprisinkl
{
    font-size: 30px;
    padding: 3px 5px 0 0;
}
.prisinfoprisexkl
{
    font-size: 12px; 
    padding: 0 5px 0 0;
    margin: -5px 0 0 0; 
}
.prisinfoavbetrub
{
    font-size: 10px;
    padding: 3px 0 3px 5px; 
    text-align: left; 
    font-weight: bold; 
    float: left;
    cursor: hand;
}
.prisinfoavbetrubpris
{
    font-size: 10px;
    padding: 3px 5px 3px 0; 
    text-align: right; 
    font-weight: bold; 
    border-top: solid 1px #dcd8d0; 
}
.prisinfoavbetexp, .prisinfoavbetexppris, .prisinfoord, .prisinfoordpris, .prisinfoavbetinfo, .forsakringpris, .forsakringinfo
{
    font-size: 10px; 
    font-weight: bold; 
}
.prisinfoavbetexp
{
    padding: 0 0 3px 20px;
    float: left; 
}
.prisinfoavbetinfo
{
    float: left;
    padding: 0 0 3px 20px;
    width: 178px;
    border: solid 0 #dcd8d0; 
    border-bottom-width: 1px;
}
.prisinfoavbetexppris
{
    padding: 0 5px 3px 0;
    float: none;
    text-align: right; 
}
.forsakringpris
{
    text-align: right;
    margin: 5px 5px 0 5px;
    vertical-align: middle; 
}
.forsakringinfo
{
    text-align: left;
    margin: 5px 5px 3px 5px;
    vertical-align: middle;  
}
.prisinfoord
{
    padding: 3px 0 0 20px;
    float: left;
    text-align: left; 
    border: solid 0 #dcd8d0; 
    border-top-width: 1px;
}
.prisinfoordpris
{
    padding: 3px 5px 0 0;
    text-align: right; 
    border: solid 0 #dcd8d0; 
    border-top-width: 1px;
}
.prisinfoknapp
{
    padding: 5px; 
    text-align: right; 
}
.prodnew
{
    margin: 0 5px 0 0;
    float: right;
}
.prodtext, .prodlev, .forsakringtext
{
    margin: 5px 0 0 5px;
    font-size: 10px;
    font-weight: bold;
    float: left;
    vertical-align: middle;  
}
.prodtext a
{
     text-decoration: none;
     color: Black;   
}
.prodlev
{
    float: none;
    clear: both;
    padding: 0 0 5px 0;
}
.byggpad
{
    padding: 5px;
}
.byggrub, .byggruta, .byggtext
{
    font-size: 10px; 
    font-weight: bold; 
}
.byggtext
{
    text-align: right; 
}
.varumarkeruta
{
    padding: 3px 0 0 0;
    text-align: center; 
}
.varumarkebild
{
    border: 0;
}
.prisjaktruta, .tipsaruta
{
    padding: 9px 0 5px 5px; 
}
.prisjaktrub, .prisjakttext, .prisjakttext9, .tipsatext
{
    font-size: 10px; 
    font-weight: bold; 
    text-decoration: none;
    color: #303030;
}
.prisjakttext
{
    padding-top: 3px; 
}
.prisjakttext9
{
    font-size: 9px;
}
.tipsabox, .tipsames
{
    width: 180px;
    font-size: 9px;
}
.tipsames
{
    height: 50px;
}
.tipsaknapp
{
    text-align: right; 
    padding-right: 5px; 
    padding-top: 5px;
}
.prodinfokategori, .prodinfoinfo, .prodinfoallmant, .prodinfokategorimore, .prodinfoinfomore, .prodinfoallmantmore
{
    float: left; 
    padding: 2px 0 2px 0; 
    font-size: 10px; 
    font-weight: bold; 
}
.prodinfokategori
{
    padding: 2px 0 2px 5px;  
    width: 175px;
}
.prodinfokategorimore
{
    padding: 2px 0 2px 25px; 
    width: 175px;
}
.prodinfoinfo, .prodinfoinfomore
{
    width: 250px;
}
.prodinfoallmant
{
    width: 145px;
}
.prodinfoallmantmore
{
    padding: 2px 5px 2px 0; 
    width: 120px; 
    text-align: right;
}
.prodinforam
{
    clear: both; 
    border-bottom: solid 1px #dcd8d0;   
}
.dtree a {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.dtree .rootnode, .dtree .rootnodeSel {
    padding: 5px 0 5px 5px;
    font-size: 11px; 
    font-weight:bold; 
    border: solid 0 #dcd8d0;  
    border-bottom-width: 1px;
}
.dtree .rootnode a, .dtree .rootnodeSel a 
{
    /* text-transform: uppercase; */
}
.dtree .rootnodeSel
{
	 background: #0070a0;
}
.dtree .rootnodeSel a
{
    color: #FFFFFF;
}
.dtree .node a, .dtree .nodeSel a {
	padding: 1px 2px 1px 2px;
}
/*.dtree .clip, .dtree .rootclip, .dtree .rootclipSel  {
	overflow: hidden;
}*/
.dtree .rootclipSel 
{
    padding: 0 0 5px 0;
    border-bottom: solid 1px #dddddd;
    background: #f2f2f2;
}
.node, .nodeSel
{
    font-size: 10px;
}

/* This is cat. menu styling ver xxxa */
.rootclipSel .clip .node a 
{
    font-weight: normal;
}
.dtree .clip .isOpen a, .dtree .clip .nodeSel a
{
    color: #0070a0;
}
.dtree .clip .isOpen a
{
    font-weight: bold;
}
.dtree .clip .nodeSel a
{
    font-weight: normal;
}
.dtree .node:hover, .dtree .nodeSel:hover 
{
    background: #e6e6e6;
}
.sidomenyundertext .sidomenylink
{
    font-weight:normal;
}

.logofooter
{
    float: left; 
    margin: 20px 0 0 5px;
    width: 780px;
    text-align: center; 
}
.mainfooter
{
    float: left; 
    margin: 5px 0 0 5px;
    width: 780px;
    text-align: center; 
    font-size: 10px;
}
img
{
    border: 0;
}
.loginbox
{
    display: none;
    background: url('images/layout/xrpt128blk.png') repeat-x #000000; /* se till att vi inte får temporärt vit bakgrund på denna */
    float: left; 
    margin: 3px 0 0 1px;
    width: 775px;
    padding: 5px 4px 20px 5px;
}
.loginrub, .loginrub a
{
    padding: 10px;
    color: White;
    font-size: 12px;
    text-decoration: none;
    width: 600px;
    float: left;
}
.loginclose
{
    float: right;
    padding: 3px 3px 0 0;
}
.logininputboxy 
{
	float:left;
	padding-top: 5px;
	padding-left: 10px;
}
.logininputbox, .logininput
{
    width: 290px; 
    margin-right: 15px;
}
.logininput, .logininput2
{
	float: left;
	padding: 3px 0 3px 10px;
	font-size: 12px;
}
.logininput2
{
    padding-left: 15px;   
}
.loginbutton, .loginbutton[type=submit], .loginbutton a
{
    border-radius: 10px;
    background: url("images/layout/xrpt51blu.png") repeat-x #0070a0;
    height: 51px;
    width: 109px;
    border: none;
    padding: 5px;
    color:White;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    cursor: hand;
}
.loginbox a
{
    color: #00b4ff;
    font-weight: bold;
    text-decoration: none;
}

.reloadbutton, .reloadbutton[type=submit], .reloadbutton a
{
    color:black;
    text-transform: none;
}
.reloadbutton, .reloadbutton[type=submit], .reloadbutton:hover, .reloadbutton[type=submit]:hover
{
	border: solid 1px #4b4b4b;
	background: #eeeeee url('images/layout/ico_reload.png') no-repeat 5px center;
	padding: 3px;
	padding-left: 22px;
	margin: 10px;
}
.reloadbutton:hover, .reloadbutton[type=submit]:hover 
{
    color: #4b4b4b; 
	border: solid 1px #adadad;
	background-color: #ddddde;
}

.loginerror
{
    color: White;
    font-size: 10px;
    clear: both;   
    padding-left: 10px;
    width: 600px;
}
.loginbutttonbox
{
    float: left;
    height: 27px ; /* 16 + 2 + 4 = 22 + 5 */
}
.searchbox
{
    display: none;
    float: left; 
    margin: 5px 0 0 5px;
    width: 778px; 
    border: solid; 
    border-color: #dcd8d0; 
    border-width: 1px;
}
.linjegray, .linjegray2
{
    background: url('images/layout/linjegra.png') no-repeat #cccccc; 
    height: 1px; 
    width: 766px; 
    text-align: center;
    margin: 0 0 5px 0;
}
.linjegray2
{
    margin: 0 0 2px 0;
}
.ProdPath, .activelink
{
    font-size: 10px;
}
.prodlistmeny
{
    margin: 0 0 15px 0;
    background: url('images/layout/xrpt32blk.png') repeat-x #000000; 
    width: 780px; 
    height: 32px;
}
.prodlistmeny2 /* grupp taggning */
{
    margin: 0 0 10px 0;
    background: url('images/layout/xrpt32blk.png') repeat-x #000000; 
    width: 773px; 
    height: 25px; 
    padding: 7px 0 0 7px;
}
.prodlistmenytext
{
    float: left;
    padding: 9px 5px 0 5px;
    font-size: 12px; 
    font-weight: bold; 
    color: White;
    text-transform: uppercase;
}
.prodlistmenylista
{
    float: left;
    padding: 6px 0 0 0;
}
.prodlistmenytext2
{
    font-size: 12px; 
    font-weight: bold; 
    color: White;
    text-transform: uppercase;
}
.smyginfo
{
	font-size: 8pt;
	font-weight: normal;
}
.prodlistruta
{
     border: solid 1px #dddddd;   
}
.inpartnbr, input.inpartnbr
{
	border: none;
	background:transparent;
	height:1em;
	height:auto;
	padding:0px;
	margin:0px;
	font-size: 10px;
	font-weight: bold;
}
.produktinforuta
{
    padding: 5px 0 0 5px;
    width: 570px;
    display: block;
}
.prodbeskruta
{
    padding: 5px 0 0 5px;
    width: 570px;
    display: block;
    font-size: 12px;
}
.rub, .rub a, .darkrub
{
    font-size: 12px;
    font-weight: bold;
    color: #303030; 
    text-decoration: none;
}
.inforuta
{
    border: solid 1px #dddddd;
    padding: 5px 5px 10px 5px;
}
.darkrub
{
    font-size: 16px;
    padding: 5px 0 3px 5px;
}
.tbqty
{
 	width:30px;
	text-align: right;   
}
.smyginfo, .smyginfor
{
	font-size: 8pt;
	font-weight: normal;
}
.smyginfor
{
    text-align: right;
    padding-right: 3px;
}
.varukorgrub
{
    background: url('images/layout/xrpt32blu.png') repeat-x #0070a0;
    height: 18px;
    padding: 5px 0 3px 5px;    
    color: White;
    font-size: 12px;
    font-weight: bold;
    text-transform:uppercase;
}
.rub10
{
    background: url('images/layout/xrpt32blu.png') repeat-x #0070A0;  
    border-radius: 10px 10px 0 0; /* css3 most is compatible */
    height: 21px;
    width: 245px; 
    padding: 9px 0 0 5px;
    font-size: 12px; 
    font-weight: bold; 
    color: White;  
    text-transform:uppercase;
}
.top10box
{
    padding: 5px 0 5px 5px; 
    border: solid 1px #dddddd; 
    border-top-width: 0; 
    width: 243px;
}
.top10box a
{
    color: Black; 
    font-weight: normal;
    text-decoration: none; 
    font-size:8pt;
}
.sendbutton[type=submit]
{
    font-size: 16px;
    font-weight: bold; 
    color: #000000; 
    background: #F8F8F8; 
    text-decoration: none; 
	border: outset 1px;
    padding: 5px;
}
.sendbutton[type=submit]:hover
{
	border: outset 2px;
    padding: 4px;
	background: #EEEEF8;
}
.searchrub
{
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 0 5px;
}
.qSRes, .qSResp, .qsBuy, .qSRow
{
    font-size: 12px;
}
.qSAll
{
    font-weight: bold;
    padding: 0 0 10px 5px
}
.err 
{
	color: #DD0000;
}

.linje
{
    height: 1.5em; 
}
.linje, .linjebot
{
    border-bottom: solid 1px #CCCCCC;
}


/* for admin page */
.topmenulinks a:hover
{
	color: #adadad;
}
.topmenulinks a:active, .topmenulinks a.activelink
{
	background: #3e3e3e;
	/*background: url('images/layout/bgmenu.png');*/
	color: #FFFFFF;
	
}

.wasap, .wasap .p {padding-bottom: 1em;}
.wasap .b {font-weight: bold;}
.wasap .r {text-align: right;}
.wasap .bli
{
	font-weight: bold;
	list-style-type:none;
	margin-left: 0;
	padding-left: 0;
}


.custeventhead
{
    padding: 5px 0 2px 0;
    font-size: 11px; 
    font-weight:bold; 
}
.custevents
{
    padding: 0 0 5px 10px;
    font-size: 11px; 
    border: solid 0 #dcd8d0;  
    border-bottom-width: 1px;
}

div span.delready /*redo att levereras pa konto sidan*/
{
       color: #68AA1d;
}
div span.sn /*sn*/
{
       color: #111111;
}

.payairbox {
    padding: 10px;
    text-align: center;
}
.payairbox, .payairbox a {
    color: #23abcc
}
.payairbox img.minipalogo {
    vertical-align: -3px;   
}
.payairbox img.paqrcode {
    margin: 5px 0 5px 0;
}

img.specgrp {
    float: right;
    margin-top: -10px;   
}











.divmainymin, .divmainyc, .divmainy1024, .divmainys, .divmainy
{
	/*lite större för att den ska kunna inehålla skuggor*/
	margin-left: auto;
	margin-right: auto;
}
.divmainymin, .divmainyc
{
	margin-left:0px;
}

.divmainyc 
{
	/*width: 1012px;*/
}
.divmainy1024
{
	/*width: 1024px; /* om bred på synlig yta är mer än 248+248+1024 */
}
.divmainys
{
	/*margin-right: 4px;*/
}