﻿body {background: #F2F2F2; background-image:url("/files/system/gradient_bg_img.jpg"); background-repeat: repeat-x; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; color:#333333;}
.totalBox{ height:100%; width:100%;}
.mainBox{ height:100%; width:1024px; margin:0 auto;}
.topMenubox{ width:990px; margin:0 auto; color:#FF0000}
.topContentBox{ width:960px; margin-left:23px;}
.topContent{ width:960px; height:256px; margin-left:23px;}
.tcText{ width:252px; float:left; height:231px;background:#FFFFFF; padding-top:25px; padding-left:37px;}
.tcText #tcHeading{ font: normal 15px Trebuchet MS;}
.tcImg{ width:671px; float:left; height:256px;background:#FFFFFF}
.topContentFlash{ width:960px; height:360px; margin-left:23px}
.tcImgFlash{ width:671px; float:left; height:360px;background:#FFFFFF}
.tcTextFlash{ width:252px; float:left; height:335px;background:#FFFFFF; padding-top:25px; padding-left:37px;}
.tcTextFlash #tcHeading{ font: normal 15px Trebuchet MS;}
.mainContentBox{ width:960px; margin-left:23px; float:left; padding-bottom:10px; background-image:url("/files/system/img/topBorderSubpg.png"); background-repeat: repeat-x;}
.varukorgBox{ width:930px; margin-left:15px; margin-top:40px; float:left; background:#FFFFFF; padding-bottom:40px;}
.varukorgBox #next{float:right; margin-right:120px; margin-top:20px;}
.varukorgBox #tillbaka{float:left; margin-left:120px; margin-top:20px;}
.varukorgBox td #heading{ font: bold 15px Trebuchet MS; color:#000000; padding-bottom:16px;}
.varukorgBox td #price{ padding-top:10px; font: bold 18px Trebuchet MS; color:#000000;}
.formTxt{ font: normal 12px Trebuchet MS; color:#666666; width:120px;}
.formTextMain{ font: normal 12px Trebuchet MS; color:#000000;}
.formOrderConf{font: normal 12px Trebuchet MS; color:#000000;}
.formOrderConfHeading{font: bold 12px Trebuchet MS; color:#000000; width:170px; vertical-align:top;}
.formHeading{ font: bold 15px Trebuchet MS; color:#000000; padding-bottom:16px;}
.varuData{ width:120px; font: bold 13px Trebuchet MS; color:#000000;}
.whiteBg{ background:#FFFFFF; width:960px;}
.newsContentBox{}
.varukorgSmallBox{ width:960px; height:35px; margin-left:23px; font: normal 12px Trebuchet MS; color:#FFFFFF; float:left; padding-bottom:0px; background-image:url("/files/system/img/bg_cartSmall.jpg"); background-repeat: repeat-x;}
.varukorgSmallBox a{font: normal 12px Trebuchet MS; color:#FFFFFF; text-decoration:underline; margin-right:14px;}
.varukorgSmallBox img{border:0}
.varukorgSmallBox #vagn{ width:20px; top:10px; margin-left:14px; margin-right:12px; float:left; padding-top:8px; border:0}
.varukorgSmallBox #gatill{ width:96px; margin-left:0px; margin-right:20px; float:right;  padding-top:5px; border:0}
.varukorgSmallBox #varukorg_txt{ width:738px; margin-left:0px; margin-right:0px; float:left;  padding-top:8px;}
.subContentBox { background:#FFFFFF;}
.tableStep3{ font: normal 12px Trebuchet MS; color:#666666;}
.footBox{ width:960px; margin-left:23px; padding-top:20px; padding-bottom:10px}
.mainContentHeading{ font: bold 14px Trebuchet MS; margin-left: 15px; margin-top:20px; margin-bottom:10px}
.nyhetspuff{ width:238px; margin-right:0px; margin-top:10px; margin-bottom:20px; float:left;}
.nyhetsImg{ width:238px; background-image:url("/files/Billeder/puff_bilder/news_lev_bg_new.jpg"); background-repeat: no-repeat; color:#FF0000;}
.nyhetsImg img{ margin-top:15px; margin-left:25px; margin-bottom:25px}
.nyhetContent{ margin-left: 0px; float:left;}
.nyhetspuff_heading {width: 211px; text-align:center;}
.nyhetspuff_heading { font: bold 15px Trebuchet MS; color:#000000;}
.nyhetspuff_heading a{ font: bold 15px Trebuchet MS; color:#000000; text-decoration:none;}
.nyhetspuff_txt{ font: normal 11px arial; width: 211px; margin-bottom:10px; height:100px;}
.nyhetsImgProd{ width:238px;}
.breadCrumbs{ width:975px; height:41px; margin-left:16px; padding-top:15px; padding-left:15px; padding-right:15px; background-image:url("/files/Billeder/menu/crumbs_bg.jpg"); background-repeat: no-repeat;}
.breadCrumbsContent { width:960px; margin-left:15px; margin-top:0px}
.breadCrumbsContent a { font: bold 15px Trebuchet MS; color:#000000; padding-left:5px; padding-right:5px; }
.content_submenuBox{ width:325px; float:left; margin-left: 20px; margin-top:22px;}
.content_submenuBox a{font: normal 12px Arial; color:#000000; text-decoration:none;}
.content_submenuBox a:hover {font: bold 12px Arial; color:#990000; text-decoration:none;}
.contentBox { width:595px; float:left; margin-top:20px; padding-bottom:30px;}
.content_submenuBox #headingMainPg{ font: bold 13px Trebuchet MS; color:#666666; padding-bottom:3px}
.contentBox #headingPg{ font: bold 18px Trebuchet MS; color:#000000; width:490px; float:left}
.contentBox #print{ font: normal 10px arial; color:#000000; float:left; padding-top:5px; width:100px;  text-align:right;}
.contentBox #content{ width:590px; float:left; font: normal 12px arial; color:#000000;}
.contentFAQ { width:500px; float:left; font: normal 12px arial; color:#000000;}
.contentFAQ table{ width:500px;}
.contentFAQ table a{ font: bold 12px arial; color:#990000;}
.contentFAQ table form td{ width:300px;}
.contentBox h2{ font: bold 12px arial; color:#990000;}
.contentBoxMain{width:595px; float:left; padding-top:0px; padding-bottom:30px}
.contentBox table{}
.contentBox login table{width:300px;}
.contentBox form{width:300px;}
.subMenuItem { font: normal 11px arial; color:#000000; width: 200px; padding-left:20px}
.subMenuItem a{color:#000000;}
.subMenuItemActive{ font: normal 11px arial; color:#990000; width: 200px; padding-left:20px}
.subMenuItemActive a{color:#990000;}
.item_List,
.item_Prod{ width:601px; float:left; margin-top:8px; margin-bottom:9px;}
.item_List_img{ width:75px; float:left; margin-left:2px; margin-right:20px;}
.item_List_txt{ width:500px; float:left; margin-left:0px; margin-right:0px;}
.item_Prod img{ width:266px; float:left; margin-left:2px; margin-right:20px;}
.item_ProdTxt{ font: normal 12px Arial; width:295px; color:#000000;float:left;}
.item_ListTxt{ font: normal 12px Arial; width:500px; color:#000000;}
.item_ListTxt{ width:601px; float:left; margin-top:0px; margin-bottom:9px;}
.item_price{ font: bold 15px Trebuchet MS; text-decoration:none; color:#000000;}
.item_ProdTxt  a{ font: normal 12px Arial; text-decoration:none; color:#000000;}
.item_TxtHeading a{ font: bold 12px Trebuchet MS; text-decoration:none; color:#000000;}
.item_TxtHeading{ font: bold 12px Trebuchet MS; text-decoration:none; color:#000000;}
.item_NewsKund,
.item_NewsKundTxt{font: normal 12px Arial; width:600px; color:#000000;}
.item_NewsKundTxt #heading{font: bold 12px Arial; text-decoration:none; color:#000000;}
.item_NewsKundTxt #txt{}
.item_NewsAktuellt{font: normal 12px Arial; width:600px; color:#000000; margin-top:10px; height:119px;}
.item_NewsAktuellt img{float:left; margin-right:10px;}
.item_NewsLeverans{font: normal 12px Arial; width:600px; color:#000000;}
.item_NewsLeverans_head{float:left; margin-bottom:30px;}
.item_NewsLeverans_head #heading{font: bold 15px Trebuchet MS;}
.item_NewsLeverans_head stdTxt{font: normal 12px Arial;}
.item_NewsLeverans_head img{width:298px; margin-right:10px;float:left;}
.item_NewsLeverans_ingress{font: normal 12px Arial; color:#000000;}
.item_NewsLeverans_txt{font: normal 12px Arial; color:#000000; width:600px}
.item_NewsLeverans_txt a{font: normal 12px Arial; color:#000000;}
.item_NewsLeverans_img{font: bold 12px Arial; width:590px; color:#000000;}
.item_NewsLeverans_img img{margin-right:30px; margin-bottom:30px;}
.item_NewsKund{font: normal 12px Arial; width:600px; color:#000000; margin-top:10px}
.item_NewsKund_head{font: bold 15px Trebuchet MS; color:#000000; float:left; margin-bottom:10px;}
.item_NewsKund_head img{width:298px; margin-right:10px;float:left;}
.item_NewsKund_ingress{font: normal 12px Arial; color:#000000;}
.item_NewsKund_txt{font: normal 12px Arial; color:#000000; width:600px}
.item_NewsKund_txt a{font: normal 12px Arial; color:#000000;}
.item_NewsKund_img{font: bold 12px Arial; width:590px; color:#000000;}
.item_NewsKund_img img{margin-right:30px; margin-bottom:10px;}

.tillB_header{ font: bold 13px Trebuchet MS;}
.varukorg{ width:960px; margin-left:50px; font: bold 12px Trebuchet MS; color:#000000; padding-top:10px; padding-bottom:10px}
.varukorg a{ font: normal 11px Trebuchet MS; color:#990000; text-decoration:none;}
.varukorg a:hover{ color:#000000; text-decoration:none;}
.hiddenInput{ visibility:hidden; }
.Legend a{ text-transform:uppercase;}
#laggivarukorg {width:131px; height:32; border:0; margin-left:0px; margin-top:10px;}
.inputclass1{font: normal 12px Arial; width:200px; border-color:#cccccc; border-style:solid; border-width:1px;}
.check{font: normal 12px Arial; width:20px; border-color:#cccccc; border-style:none; border-width:1px;}
.nyhetContent a img{
   border:0;
}
#top-menu
{
    float:right;
    margin-right: 40px;
    padding-top:10px;
    text-transform:uppercase;
}
#top-menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#top-menu li
{
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}
#top-menu li img
{
    float: left;
    margin-left: 8px;
    margin-right: 8px;
}
#top-menu li a
{
    line-height: 1em;
    float: left;
    display: block;
    text-decoration: none;
    text-align: center;
    font: bold 10px Corbel;
    color:#333333;
    text-transform:uppercase;


}
#foot
{
    float:left;
    margin-right: 0px;
    margin-top:10px; 
    margin-bottom:20px
}
#foot ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#foot li
{
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}
#foot li img
{
    float: left;
    margin-left: 8px;
    margin-right: 8px;
    height:13px;
    width:2px;

}
#foot li a
{
    line-height: 1em;
    float: left;
    display: block;
    text-decoration: none;
    text-align: center;
    font: 10px arial;
    color:#333333;
}
.formLine
{
    margin-top: 7px;
    margin-bottom: 5px;
    float: left;
    width: 450px;
    height: 1px;
    background: #F2F2F2 url(/files/system/grey_hr.gif) repeat;
}
.greyLine
{
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    width: 960px;
    height: 1px;
    background: #F2F2F2 url(/files/system/grey_hr.gif) repeat;
}
.redLine
{
    margin-top: 20px;
    margin-bottom: 0px;
    float: left;
    width: 960px;
    height: 1px;
    background: #F2F2F2 url(/files/system/red_hr.gif) repeat;
}

.puffLine
{
   margin-top: 10px;
   margin-bottom: 10px;
   float: left;
   width: 247px;
   height: 1px;
   background: #F2F2F2 url(/files/system/grey_hr.gif) repeat;  
}

.puffLineEnd
{
   margin-top: 10px;
   margin-bottom: 10px;
   float: left;
   width: 219px;
   height: 1px;
   background: #F2F2F2 url(/files/system/grey_hr.gif) repeat;  
}
.greyLine_short
{
   margin-top: 10px;
   margin-bottom: 10px;
   float: left;
   width: 595px;
   height: 1px;
   background: #F2F2F2 url(/files/system/grey_hr.gif) repeat;  
}
.greyLine_Item
{
   margin-top: 15px;
   margin-bottom: 0px;
   float: left;
   width: 601px;
   height: 1px;
   background: #F2F2F2 url(/files/system/grey_hr.gif) repeat;  
}
.greyLine_menu
{
   margin-top: 5px;
   margin-bottom: 5px;
   float: left;
   width: 250px;
   height: 1px;
   background: #F2F2F2 url(/files/system/grey_hr.gif) repeat;  
}
.menuLine
{
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 10px;
   float: left;
   width: 180px;
   height: 1px;
   background: #F2F2F2 url(/Files/system/menu/menu_line.png) repeat;  
    
}
hr 
{ 
   display: none;
}
.clearer
{
    clear: both;
}

.topBorderLogo 
{
    /*position: absolute;
     
   top: 21px;
   left: 100px;*/
   float:left;
}
.topBorderEnd 
{
     /*position: absolute;
      
    top: 21px;
    left: 693px;*/
    float:left;
}

#topBorderMenu
{
     /*position: absolute;
    
    top: 21px;
    left: 256px;*/
    width: 437px;   
    margin: 0px;
    padding: 0px; 
    list-style: none;
    float:left;

}
#topBorderMenu a
{
    display: block;
	width: 10em;

}

#topBorderMenu ul 
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float:left;
    
}

#topBorderMenu li
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    background-repeat: no-repeat;
    float:left;
}

#topBorderMenu li a
{
    height: 86px;
    display: block;
   text-indent: -1000px;
    background-position: 0px -86px;
     
    
}
#topBorderMenu li ul 
{
    
    top:103px;
    position: absolute;
    width: 210px;
    left: -999em;
	background-image: url(/Files/system/menu/menu_bg_small.png);
	background-position:bottom;
	padding-bottom:20px;
	padding-top:0px;
	
}
#topBorderMenu li ul #kant
{
   top:0px;
   left:0px;
   position: absolute;
}

#topBorderMenu li ul li  a
{
    display: block;
    background-position: 0px 0px;
    text-indent: 0px;
    width:175px;
    margin-left:10px;
    margin-bottom:0px;
    padding-left:5px;
    padding-bottom: 0px;
    padding-top: 4px;
    font: bold 10px Trebuchet MS; 
    color:#990000;
    text-decoration:none;
    text-transform:uppercase;

}
#topBorderMenu li ul li a:hover
{
    display: block;
    background-position: 0px 0px;
    text-indent: 0px;
    width:175px;
    margin-left:10px;
    padding-left:5px;
    padding-bottom: 0px;
    padding-top: 4px;
    font: bold 10px Trebuchet MS; 
    color:#FFED4E;
    background-color:#DF2E17;
    text-decoration:none;
  
}
#topBorderMenu li ul li.Selected a
{
    display: block;
    background-position: 0px 0px;
    text-indent: 0px;
    width:175px;
    margin-left:10px;
    padding-left:5px;
    padding-bottom: 0px;
    padding-top: 4px;
    font: bold 10px Trebuchet MS; 
    color:#FFED4E;
    background-color:#DF2E17;
    text-decoration:none;
   text-transform:uppercase;
  
}



#topBorderMenu li:hover ul, #topBorderMenu li.sfhover ul {
	left: auto;
}


#topBorderMenu li a:hover 
{
    background-position: 0px 0px;
}

#topBorderMenuTab1,
#topBorderMenuTab2,
#topBorderMenuTab3,
#topBorderMenuTab4
{
    float:left;   
}

#topBorderMenuTab1 a
{
    background-image: url(/Files/system/menu/menu_p1.png);
    text-indent: -1000px;
    width: 107px;
    
}
#topBorderMenuTab1 li a
{
    background-image: none;
    width: 100px;
    height: 21px;
}

#topBorderMenuTab2 a
{
    background-image: url(/Files/system/menu/menu_p2.png);
     text-indent: -1000px;
    width: 118px;
    
}
#topBorderMenuTab2 li a
{
    background-image: none;
    width: 118px;
    height: 21px;
}

#topBorderMenuTab3 a
{
    background-image: url(/Files/system/menu/menu_p3.png);
     text-indent: -1000px;
    width: 114px;
}
#topBorderMenuTab3 li a
{
    background-image: none;
    width: 114px;
    height: 21px;
}


#topBorderMenuTab4 a
{
    background-image: url(/Files/system/menu/menu_p4.png);
     text-indent: -1000px;
    width: 98px;
}
#topBorderMenuTab4 li a
{
    background-image: none;
    width: 98px;
    height: 21px;
}


#topBorderMenuTab1.Selected a
{
   background-position: 0px 0px;
}

#topBorderMenuTab2.Selected a
{
   background-position: 0px 0px;
}

#topBorderMenuTab3.Selected a
{
    background-position: 0px 0px;
}

#topBorderMenuTab4.Selected a
{
    background-position: 0px 0px;
}


