/* MBG / Elektronik AB Default Style Sheet */
/* Global Style Start */
body {
   font-family: Arial, sans-serif;
   color: #0F0F0F;
   background-color: #FFFFFF;
   margin:0;
   padding:0;
}

.textbox2mc {
	border-left:1px inset #000000;
	border-right:1px inset #000000;
	border-top:1px inset #000000;
	border-bottom:1px inset #000000;
	background-color: #FFFFFF;
	font-family: "Courier New", Courier, monospace;
	color: #000000;
	font-size: 12px;
	width: 350px;
}

.textbox3mc {
	border-left:1px inset #000000;
	border-right:1px inset #000000;
	border-top:1px inset #000000;
	border-bottom:1px inset #000000;
	background-color: #FFFFFF;
	font-family: "Courier New", Courier, monospace;
	color: #000000;
	font-size: 12px;
	width: 100px;
}



hr.hr1 {
      border-top: 1px dashed #909090;
      height: 1px;
	  color: #ffffff;
      background-color: #ffffff;
    }


a {
   text-decoration: none;
   color: #0061AA;
   background-color: inherit;
}
a:hover {
   text-decoration: underline;
}
a:visited{
   color: #0061AA;
   background-color: inherit;
}
a.selected {
   text-decoration: underline;
}

a.sort {
	color: #000000;
	font-family: Arial, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}
a.sort:visited {
	color: #000000;
	font-family: Arial, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

a.sort:hover   {
	color: #000000;
	font-family: Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

a.aa {
	color: #0061aa;
	font-family: Arial, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
a.aa:visited {
	color: #0061aa;
	font-family: Arial, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.aa:hover   {
	color: #0061aa;
	font-family: Arial, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

dd {
   margin-left: 0;
}
dt {
   font-weight: bold;
}
font.mbgBlue{
color: #0061AA;
}
font.indent{
   padding-left: 6em;
}
form {
   padding: 0;
   margin: 0;
}
h1{
   color: #0061A8;
   font-size: 17px;
   margin-top: 0;
}
h2{
   color: #0061A8;
   font-size: 17px;
}

.mc_rub1{
   color: #0061A8;
   font-size: 17px;
   font-weight: bold;
}

.mc_rub2{
   color: #0061A8;
   font-size: 15px;
   font-weight: normal;
}

.mc_green{
   color: #009933;
   font-size: 12px;
   font-weight: bold;
}

.mc_red{
   color: #cc0000;
   font-size: 12px;
   font-weight: bold;
}

.pris_rub{
   color: #000000;
   font-size: 17px;
   font-weight: bold;
}

select{
   font-size: 11px;
   border: solid 1px #0061AA;
}
input{
   font-size: 11px;
   border: solid 1px #0061AA;
}
textarea{
   font-size: 11px;
   border: solid 1px #0061AA;
}
p.intro{
   font-weight: bold;
   font-size: 12px;
}
p.submitConfirm{
   font-weight: bold;
   font-size: 12px;
}
th{
   text-align: left;
}
th.date{
   font-size: 10px;
   text-align: left;
   vertical-align: bottom;
   line-height: 12px;
}
td.date{
   font-size: 10px;
   text-align: left;
   vertical-align: bottom;
   line-height: 12px;
}
/***********Kollor Layout***********/
#maincontainer{
   width: 730px;
   margin: 0 auto; /*Center container on page*/
    /*position: relative;
    top: 20px;
    left: 10%;*/
}
#topsection{
   background: #FFFFFF;
   width: 100%;
   margin: 30px 0 20px 0;
}
#topsection table{
   padding: 0;
   margin: 0;
   border: 0;
}
#menuDivider{
}

#mainsection{
   width: 100%;
   border: 0;
   margin: 0;
}
#contentwrapper{
   float: left;
   width: 100%;
}
#contentcolumn{
   margin: 0 205px 10px 160px;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
   /*border-left: dotted #0061AA 1px;*/
   /*border-right: dotted #0061AA 1px;*/
   background-image: url('images/contentBorderLeftRight.gif');
   background-repeat: repeat-y;
   height: auto !important;
   height: 415px;
   min-height: 415px
}
#contentcolumn2{
   margin: 0 160px 10px 205px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
    /*border-left: dotted #0061AA 1px;*/
   /*border-right: dotted #0061AA 1px;*/
   background-image: url('images/contentBorderLeftRight.gif');
   background-repeat: repeat-y;
   height: auto !important;
   height: 425px;
   min-height: 425px;
}
#contentcolumn3{
   margin: 0 160px 10px 205px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
    /*border-left: dotted #0061AA 1px;*/
   /*border-right: dotted #0061AA 1px;*/
   background-image: url('images/contentBorderLeftRight.gif');
   background-repeat: repeat-y;
   height: auto !important;
   height: 500px;
   min-height: 500px;
}
#contentcolumn4{
   margin: 0 0 10px 365px; /*Set left margin to LeftColumnWidth*/
   /*border-left: dotted #0061AA 1px;*/
   background-image: url('images/contentBorderLeft.gif');
   background-repeat: repeat-y;
   height: auto !important;
   height: 425px;
   min-height: 425px;
}

#contentcolumn5{
   margin: 0 0 10px 215px; /*Set left margin to LeftColumnWidth*/
   /*border-left: dotted #0061AA 1px;*/
   background-image: url('images/contentBorderLeft.gif');
   background-repeat: repeat-y;
   height: auto !important;
   height: 425px;
   min-height: 425px;
}
.contentfiller{
   width: 100%;
   height: 220px;
}
#leftcolumn{
   float: left;
   width: 160px; /*Width of left column in pixel*/
   margin: 0 0 10px -730px; /*Set margin to that of -(MainContainerWidth)*/
}
#leftcolumn2{
   float: left;
   width: 205px; /*Width of left column in pixel*/
   margin: 0 0 10px -730px; /*Set margin to that of -(MainContainerWidth)*/
}
#leftcolumn3{
   float: left;
   width: 210px;
   /*width: 365px; /*Width of left column in pixel*/
   margin: 0 0 10px -730px; /*Set margin to that of -(MainContainerWidth)*/
}

#leftcolumn3a{
   float: left;
   width: 380px;
   /*width: 365px; /*Width of left column in pixel*/
   margin: 0 0 10px -730px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
   float: left;
   width: 205px; /*Width of right column*/
   margin: 0 0 10px -205px; /*Set left marginto -(RightColumnWidth)*/   
}
#rightcolumn2{
   float: left;
   width: 160px; /*Width of right column*/
   margin: 0 0 10px -160px; /*Set left marginto -(RightColumnWidth)*/   
}

#footer{
   clear: left;
   width: 100%;
   margin: 1px;
   /*border-top: dotted #0061AA 1px;*/
   background-image: url('images/footerBorder.gif');
   background-repeat: repeat-x;
   background-color: inherit;
   color: #999999;
   font-size: 11px; /* h�kan edit */
}
#footerText{
   padding: 7px 17px; /* h�kan edit */   
}
#footerSearchForm{
/*
   float: right;
   margin:0;
   padding: 0;*/
}
#footerSearchForm input{

}
#footer table{
   width: 100%;
   border: 0;
   margin: 0;
   padding: 0;
}
#footer td{
   padding: 7px 17px; /* h�kan edit */
}
.innertube{
   padding: 10px 15px 10px 15px; /* Margins for inner DIV inside each column (to provide padding) */
   font-size: 11px;
   line-height: 18px;
}
.leftTube{
   padding: 10px 10px 0 0; /* Margins for inner DIV inside each column (to provide padding) */
   font-size: 11px;
   line-height: 16px;
}
.rightTube{
   padding: 10px 10px 0 10px; /* Margins for inner DIV inside each column (to provide padding) */
   font-size: 11px;
   line-height: 16px;
}
.contentTube{
   padding: 10px 15px 10px 15px; /* Margins for inner DIV inside each column (to provide padding) */
   font-size: 11px;
   line-height: 18px;
}
.bannerContainer{
	border: 0;
	margin: 0;
	padding: 30px 0px 0px 0px;
}
.bannerContainer img{
   width: 732px;
   height: 201px;
   border: 0;
}
.campaignContainer{
   /*background-image: url('puff_150x404.jpg');*/
   background-repeat: no-repeat;
   width: 150px;
   height: 406px;
}
.campainText{
   /*width: 108px;  textens vidd 
   height: 280px;*/
   /*background: lime;*/
   padding: 30px 20px 104px 20px;
}
.campainText:first-line{
   color: #0066AA;
   font-weight: 600;
}
.campainText a{
   color: #0066AA;
   font-weight: 600;
}

/************** Top Menu *****************/
ul.topmenu{
   float: left;
   width: 100%;
    /*height: 51px; h�kan edit */
   padding: 1px; /* IE klipper loggan annars*/
   margin: 0;
   list-style-type: none;

}
ul.topmenu li{
   /*background-image: url('media/pictures/menuDivider.gif');*/
   display: inline;
}
ul.topmenu #logo{
   margin: 0 34px 0 16px; /* h�kan edit */   
}
ul.topmenu img{
   vertical-align: middle;
   border: 0;
}
ul.topmenu #menuDivider{
   vertical-align: middle;
   border: 0;
}
ul.topmenu a{
   padding: 0 5px;
   font-family: Arial, sans-serif;
   font-size: 13px;
   font-weight: 700;
}
ul.topmenu a:hover {
   text-decoration: underline;
}
ul.topmenu a:visited {
 
}
#contact{
   /*border: none;*/
}
/************** Vertical Menu***************/
.verticalMenu{
   /*width: 195px; fungerar ej*/
   margin-right: -1px;
   padding: 1px; 
}
.verticalMenu a{
   background-image: url('images/verticalMenuButton.gif');
   background-repeat: no-repeat;
   color: #0061AA;
   display: block;
   text-decoration: none;
   font-family: Arial, sans-serif;
/*h�kan edit */   font-size: 11px;
   height: 26px;
/*h�kan edit */   padding: 1px 10px 0 17px; 
/*h�kan edit */   line-height: 23px; 
}
.verticalMenu a:hover{ 
   /*background-color: #cce4de;*/
   /*text-decoration: underline;*/
   text-decoration: none;
   font-weight: 600;
}
.verticalMenu a:visited{
   background-color: inherit;
   color: #0061AA;
   text-decoration: none;
}

/************* Listing Styles *************/
.list{
   border: 0;
   margin: 0;
}
.list table{
   width: 100%;
   border-collapse: collapse;
}
.list td{
   text-align: left;
   white-space: nowrap;
   padding-right: 5px;
   padding-left: 5px;
}
.list td.date{
   font-size: 10px;
   text-align: right;
}
.list th{
   text-align: left;
   white-space: nowrap;
   padding-right: 5px;
   padding-left: 5px;
}
.list th.date{
   font-size: 10px;
}
.list th.groupTitle{
   color: #0061AA;
   background-color: inherit;
   font-size: 17px;
   text-align: left;
}
.list th.articleID{

}
.list th.name{
   width: 66%;
}
.list td.price{
   color: #0061AA;}
.list th.price{
}
.list th.linkName{
   width: 90%;
}
.list tr{
   height: 22px;
}
.list tr.even{

}
.list tr.odd{
   background-color: #F2F2F2;
}
.list tr:hover{
   /*background-color: #ffffdd;*/
   /*text-decoration: underline; fungerar ej*/
}
.list a:hover{
   text-decoration: underline;  
}
.list a:visited{
   color: #0061AA;
   background-color: inherit;
}
.productInfo img{
   width: 236px;
}

/************** News Styles ***************/
.newsLink{
  line-height: 18px;
}
.newsLink a:hover{
   text-decoration: underline;
}
.newsTeasers{}
.newsTeasers td.createdDate{
   font-size: 10px;
   text-align: left;
   vertical-align: bottom;
   line-height: 5px;
}
.newsTeasers th.headline{
   font-size: 11px;
   text-align: left;
   line-height: 17px;
   font-weight: bold;
}
/***************** Form Styles *******************/
#contactForm{}
#contactForm th{
   line-height: 10px;
}
#contactForm input{
   width: 25em;
   font-size: 11px;
}
#contactForm select{
   width: 25em;
   font-size: 11px;
}
#contactForm textarea{
   width: 25em;
   font-size: 11px;
}
#contactForm #skicka{
width: 60px;
}

/************** Vertical Menu Links***************/
.verticalMenuLinks{
 
}
.verticalMenuLinks a{
   padding: 0.1em 0.4em;
   border: outset thin;
   background-color: #EFEFEF;
   color: #0061AA;
   display: block;
}
.verticalMenuLinks a:hover{ 
   /*background-color: #cce4de;*/
   text-decoration: underline;
   border: inset thin;
}
.verticalMenuLinks a:visited{
   text-decoration: none;
   background-color: #EFEFEF;
   color: #0061AA;
}

/************** Supplier styles *****************/
.supplierMenu{
   line-height: 30px;
}
.supplierInfo{
 /*  float: left;
   position: relative;
   top: 10px;
   left: 20px;*/
}
.supplierInfo table{
   width: 100%;   
   /*border: dashed 1px;
   border-color: #090909;*/
}
.supplierInfo th{
   color: #0061AA;
   background-color: inherit;
   font-size: 17px%;
   text-align: left
}
.supplierInfo td{
}

.supplierLogo{
   margin-top: 30px;
   width: 140px;
   border: 0;
}
.supplierLogos img{
   margin-top: 15px;
   width: 140px;
}
.suppliersLeft{  
   position: relative;
   top: 20px
}
/************* Product Styles ***************/
.productMenu{
   line-height: 30px;
}

/************* Huvudlayout 1 ***************/
.center-container {
   text-align:center;
}
div.container {
   position: relative;
   top: 10px;
   left: 10%  ;
   width: 960px;
   padding: 0;
   margin: 0;
/*
   margin-top: 20px;
   margin-bottom: 10px;
   margin-left: 100px;
   margin-right: 100px;
   padding: 0;
   width: 84%;
*/
   border: 1px solid #000000;
   background-color: #FFFFFF;
   color: inherit;
}
div.header {
   background-color: #F9FBFC;
   color: inherit;
   clear: left;
}
div.header h1{
   font-size: 140%;
   color: silver;
   vertical-align: middle;
}
div.header table{
   width:100%;
}
.documentLocation{
   display: none  ;   
   float: left;
   width: 100%;
   padding: 0.5em 0em;
   margin: 0;
   background-color: inherit;
   color: #000033;
   font-style: italic;
   font-size: 90%;
   font-weight: 600;
   clear: left;
}

div.left {
   float: left;
   width: 160px;
   margin: 0;
   min-height: 540px;
   /*height: auto !important;*/
   height: 540px;
   padding: 0.5em;
   vertical-align: top;
}
div.left img{
   padding: 16px;
   width: 120px;
}
div.left h3{
   color: #003377;
   background-color: inherit;
   font-weight: 500;
   vertical-align: top;
}

div.content {
 width: 75%;
   margin-left: 180px;
   /*border-left-style: dotted;
   border-left-color: #CCCCCC;*/
   font-size: 85%;
   line-height: 1.5;
    padding: 0;

}
div.content h1{
   color: #003366;
   font-size: 120%;
}
div.content #greenAlert{
   background-color: #99ff66;
   border: thin outset;
   color: black;
   font-size: 120%;
   font-weight: bold;
   padding: 0.5em;
}
div.content table.infoTable{
   background-color: #ffffcc;
   color: #000000;
   border: thin outset;
   padding: 0.5em;
}
div.content table.infoTable th{
  text-align: justify;
}
div.content table.infoTable2 th{
  text-align: justify;
}
div.content table.infoTable img{
  padding-left: 20px;
}
.mainContent{
border-right: solid #5E96D2 4px;
}
.switchContent{display:none;}
div.footer {
   color: #FFFFFF;
   background-color: #0056AB;
   font-size: small;
   text-align: center;
   clear: left;
   padding: 0.2em;	
}


/************** Main Menu *****************/
ul.mainmenu{
   font-family: Verdana, Arial, sans-serif;
   float: left;
   width: 100%;
   padding: 0;
   margin: 0;
   list-style-type: none;
   /*background-color: #C8D4DA;  Same as Header*/
    background-color: #0056AB;
   color: inherit;
   border-bottom: solid #5E96D2 4px;
}
ul.mainmenu li{
   display: inline;
}
ul.mainmenu a{
   float: left;
   /*width: 7em;*/
   text-decoration: none;
   color: #FFFFFF;
   /*background-color: #0066CC;*/
   /*background-color: #0033AF;*/
    background-color: #0056AB;
   padding: 0.2em 0.8em;
   /*border-right: 2px solid white;*/
   font-weight: 600;
   font-size: 80%;
}
ul.mainmenu a:hover {
   background-color: #4884C7;
   color: #FFFFFF;
}
/*li:hover ul, li.over ul { display: block; } /* The magic */
ul.mainmenu input{
   font-size: 80%;
   padding-left: 2px;
}
ul.mainmenu #searchSubmit{
    color: #FFFFFF;
  background-color: #0056AB;
   border: 0;
font-weight: 600;
   /*border-color: #3366EE;*/  
}
/************** Sub Menu ***************/
.submenu{
   font-family: Verdana, Arial, sans-serif;
   position: absolute;
   visibility: hidden;
   z-index: 100;
   border: 1px solid black;
}

.submenu a{
   display: block;
   padding: 0.2em 0.8em;
   border: 1px solid white;
   text-decoration: none;
   color: white;
   background-color: #0056AB;
   font-weight: 600;
   font-size: 80%;
}

.submenu a:hover{ /*hover background color*/
   /*background-color: #EE6600; Orange*/
   /*background-color: #3366EE;*/
   background-color: #4884C7;
   color: white;
}

/************** Search Styles *****************/
div.search {
   background-color: #CECECE;
   color: inherit;
   padding: 0.2em 0.5em;
   border: thin outset;
   width: 100%;
}
div.search h4 {
   font-weight: 600;
   color: #FFFFFF;
   background-color: #0066CC;
   text-align: center;
   font-size: 90%;
   padding: 0.2em 0.5em;	
}
div.search input {
   font-size: 80%;
}
li.search {
   color: #FFFFFF;
   background-color: inherit;
   font-size: 90%;
   font-weight: 600;
   padding: 0.2em 0.5em;
   display: inline;
}
li.search input {
   font-size: 80%;
   color: #000000;
   background-color: inherit;
}

/************* relatedLinks styles ***************/
.relatedLinks {  
   padding: 1em 0.4em
}
.relatedLinks a{
   font-size: 90%;
   color: #FF6600;
   background-color: inherit;
   display: block;
}
.relatedLinks a:hover{
   background-color: #EDEDED;
}
.relatedLinks a:visited{
   text-decoration: none;
}

/************** News styles *********************/
.news{
   float: left;
   padding-bottom: 1em;
}
.news table{
   border: dashed thin;
   background-color: #FAFAFA;
   color: inherit;
   width: 80%;
}
.news tr{

}
.news th{
   background-color: #C8D4DA;
   color: #000000;
   text-align: left;
   padding: 0.2em 0.5em;

}
.news td{
   padding: 1em;
}
.news th.createdDate{
   text-align: right;
   font-size: smaller;
}


/************** Product Listing *****************/
.productListing{
   float: left;
   margin-bottom: 16px;
   padding: 1em;
}
.productListing table{
   float: left;
   width: 100%;
   border: dashed 1px;
   font-size: 90%;
   border-color: #090909;
}
.productListing tr{
    background-color: #FAFAFA;
}
.productListing tr.even{
   background-color: #cce4de;
   /*border-color: #cce4de;*/
   color: inherit;
}
.productListing tr:hover{
   background-color: #FFFFAA;
   color: inherit;
}
.productListing th{
   text-align: left;
   background-color: #ECECEC;
   color: inherit;
   padding: 0.2em;
}
.productListing th.sortOptions{
   text-align: right;
}
.productListing th.groupTitle{
   color: #000000;
   font-size: 120%;
   text-align: left;
}
.productListing th.price{
   text-align: right;
}
.productListing th.pageNavigation{
   text-align: center;
}

.productListing td.price{
   text-align: right;
}
.productListing a:visited{
   text-decoration: none;
}
.productDetails{
   border: 0;
   width: 80%;
}
.blobListing{
   padding: 1em;
}
/************** Miscallaneous ***************/
.formDecorator table{
   /*background-color: #CCE4DE;*/
   background-color: #F2F2F2;
   color: inherit;
   border: thin outset;

}
.formDecorator th{
   text-align: justify
}
.postIt{
   background-color: #ffffcc;
   border: thin outset;
   width: 400px;
   padding: 1em;
   font-style: italic;
   margin: 10px 0 10px 0;
}
.systemMessage{
   background-color: #ffffcc;
   border: thin outset;
   margin: 10px 0 10px 0;
   padding: 1em;
   font-style: italic;
}
.textBox {
    width: 80%;
}
.adminForm{
    float: left;
    width: 100%;

}
.adminForm table{
   border: dashed thin red;
   background-color: #EFEFEF;
   color: inherit;
   padding: 0.5em;
   margin: 1em;
}
.adminForm #recordAction{
   background-color: #00FF00;
   color: #000000;
}

/************** Tab Content *****************/
.tabcontainer{
   position: relative;
   top: 16px;}
.tabcontainer th{
   text-align: left;
   width: 20%;
}
.tabMenu{
   margin-left: 10px;
   list-style-type: none;
}
.tabMenu ul{
 margin-left: 10px;
}
.tabMenu li{
    padding: 0.1em 0.2em;
   display: block;
}
.tabMenu li.selected{
    border-bottom: solid #0061AA 2px;
}
.tabContent{
   display:none;
 }
.shadetabs{
   padding: 3px 0;
   margin-left: 0;
   margin-top: 1px;
   margin-bottom: 0;
   font-size: 12px;
   font-weight: 600;
   list-style-type: none;
   text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
   display: inline;
   margin: 0;
}

.shadetabs li a{
}

.shadetabs li a:visited{
   text-decoration: none;
}

.shadetabs li a:hover{
   text-decoration: underline;
}

.shadetabs li.selected{
  
}

.shadetabs li.selected a{ /*selected main tab style */
  
}

.shadetabs li.selected a:hover{ /*selected main tab style */
   text-decoration: none;
   color: black;
   border-bottom-color: #FAFAFA;
}

.tabcontentstyle{ /*style of tab content oontainer*/
   width: 100%;
/*
   min-height: 400px;
   height: auto !important;
   height: 400px;
   border: 1px solid black;
   background-color: #FAFAFA;
*/
}
.tabcontent{
   display:none;
}
@media print {
   .tabcontent {
   display:block!important;
}
}