* {	margin: 0;	padding: 0;}
img{border:none;}
body {

	color: #373534;
	font: normal 8pt;
	font-family: Verdana, Arial, sans-serif;
}
#content , .col1, .col2, .col3, #a-wrapper, #b-wrapper, .column1, .column2, .column3 {float:left;}
#header #menu a, #header #menu2 a, #nav, #footer, .leftBox span, .rightBox span{font-family: AvantGarde;}
input.error { border: 2px dotted red; background: #ffc7c7 !important}
label.error {position:relative; top:-5px;padding: 0 0 0 5px; color: red; font-weight:normal; font-style: italic; font-size:80%}
.ersattningsvara{font-weight:bold !important; background: url(button.png); color:white; padding:5px;}

input{
	border: 1px solid #cccccc;
	background: #f4f4f4;
}
input[type='radio']{
	border: none;
	background: none;
	padding:10px 5px;
}
input[type='submit'], input[type='button']{
	font-size:90%;
	padding:2px 5px;
	cursor:pointer
}
input[type='submit']:hover, input[type='button']:hover{
	font-size:90%;
	padding:2px 5px;
	cursor:pointer;
	background:#dddddd;
}
#IE8info{display:none}
#a-wrapper, #b-wrapper{	width: 100%;background: #302729;}
#center, #footer, #content {width: 990px; margin: 0 auto;}
#page {	width: 950px; padding:20px; background: #ffffff; float:left;}
#header {clear:both; width: auto; margin: 0 auto; height:180px;}
#logga{position:relative;top: -15px;}
#top {width: auto;height:120px;}
#top .column1, #top .column2, #top .column3{height:120px;}
#top .column1 {width: 395px;}
#top .column2 {width: 155px;}
#top .column3 {width: 400px;}
.del1{height:40px;}
.del2{height:60px;}
#right a, #left a{color:inherit; text-decoration:none; font-size:10pt}
#right{text-align:right; margin-top:5px}
#left{text-align:left;}

#bildspel {margin: 0 auto; position: relative;width: 470px;height: 234px;}
#bildspel > div {position: absolute; left: 0; top: 2px;}

.kampanjPuff, .kampanjRightPuff{float:left; width:230px; height:300px; padding-top:20px;}
.kampanjRightPuff{padding-left: 10px}

#search {padding: 0; color: #ffffff;}
#search .start { float: left; width: 60px; height: 60px; background: url(searchBegin.png?OpenImageResource) no-repeat;}
#search #mid { float: left; height: 60px; padding-top: 15px; background: url(searchMid.png?OpenImageResource) repeat-x;}
#search .end { float: left; width: 20px; height: 60px;	background: url(searchEnd.png?OpenImageResource)}
#search input { color:#aaaaaa; width:249px; border: none; background: none; font-size:14pt}
#search #advance{clear:both; position:relative; top: -34px; left: 228px}
#search #advance a{font-size:0.6em; color: #666666;}
#advSearchForm {font-size:0.7em; color: #666666;}
#advSearchForm td{padding: 2px 5px}
#advSearchButton{padding: 2px 5px; color:#ffffff; width: 50px; background: url(button.png)}


#header #menu {float:left; width: 500px;height: 40px;background: url(menuBG.png) repeat-x left bottom;}
#header #menu2 {width: auto;height: 40px;background: url(menuBG.png) repeat-x left bottom;}
#header #menu ul {margin: 0;padding: 0;list-style: none;}
#header #menu2 ul {float:right; margin: 0;padding: 0;list-style: none;}
#header #menu li, #header #menu2 li  {padding: 0;display: inline; background: none; }
#header #menu a, #header #menu2 a{
	text-decoration: none; color:#ffffff;
	display: block;border-right:1px dotted #a6a5a5;
	float: left; min-width:120px; height: 40px;
	font-size: 92%; font-weight: bold; padding: 0;}
	#header #menu2 a{ padding: 0 10px 0 0;}
#header #menu a:hover,#header #menu2 a:hover {color: #eeeeee;}
#header #menu a.current, #header #menu2 a.current{color:#ffffff;}
#header #menu span, #header #menu2 span{display:block; padding:8px 0 0 10px; margin:0 10px 0 0;float:left;}

#basket {padding: 0; float:right;}
#basket .start {float: left; width:90px; height:60px; background: url(basketBegin.png?OpenImageResource) no-repeat;}
#basket #varukorg {
	float: left; width:220px; height:60px; 
	font-family: AvantGarde; text-align:center; font-weight:bold;
	color: #be0f34;	padding-top: 12px; line-height:12pt;
	background: url(basketMid.png?OpenImageResource) repeat-x;}
#basket .end {float: left; width:30px; height:60px; background: url(basketEnd.png?OpenImageResource)}
#basket #varukorg span{color: #000000; font-size:90%;font-weight:normal;font-family: Verdana;}

#breadcrumb{clear:both;margin: 5px 0;font-family: Verdana;font-size: 8pt;text-align: bottom;}	
#breadcrumb a{font-size: 8pt;color: #3d88b0;text-decoration:none;text-transform:none}

#content {min-height:600px;}
.col1 {width: 240px;}
.col2 {width:470px;}
.col2a {float: right;width:750px; padding: 0;}
.col3 {width:240px;padding: 0 0 0 20px;}



.leftBox, .rightBox{background: #f2f2f2; font-size: 9pt; color: #373534;border-bottom: 1px solid #d4d4d4;}
.leftBox span, .rightBox span{display:block; font-weight: bold;}
.leftBox{width: 192px; margin: 2px 0 0 0; padding: 5px 10px 10px 15px;}
.leftBox span{padding:5px 0 10px 0;font-size: 12pt;}
.leftBox a{	font-family: Verdana; font-size: 10pt; font-weight: normal;color: #006499;text-decoration:none;}

.rightBox{width: 220px; margin: 2px 0 0 0; padding: 0; }
.rightBox span.top{
	height:36px; background: url(/pimx.nsf/boxTopBG.png) repeat-x left top;
	padding:10px; font-size: 16pt; color: white; text-transform: uppercase;}
.rightBox span.info{padding:5px 0 10px 5px;font-family: Verdana; font-size: 10pt; font-weight: normal;border-left: 1px solid #d4d4d4;}

#footer {clear:both;height: 80px;color: #be0f34;font-size: 14pt;}
#footer .column1, #footer .column2, #footer .column3 {padding:0.5em 0}
#footer .column1 {width: 320px; text-align: left;}
#footer .column2 {width: 330px; text-align: center;}
#footer .column3 {width: 340px; text-align:right;}


div.info, div.success, div.warning, div.error, div.validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
width: 600px;
}
div.info {
color: #00529B;
background-color: #BDE5F8;
}
div.success {
color: #4F8A10;
background-color: #DFF2BF;
}
div.warning {
color: #9F6000;
background-color: #FEEFB3;
}
div.error {
color: #D8000C;
background-color: #FFBABA;
}
/*Navigering undersidor*/
.nav-side-menu {
  overflow: auto;
  font-family: 'Lato';
  font-size: 11pt;
  font-weight: 200;
  position: relative;
  height: 100%;
  color: #000;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 0px;
  padding-right: 3px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-right: 3px solid #ffe233;
	font-weight:bold; 
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: rgba(0,0,0,1);
    border-right: 3px solid #ffe233;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: rgba(0,0,0,1);
  font-weight:bold;
  display: inline-block;
 
 height: 100%;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {

border-right: 3px solid #ecf0f5;
  line-height: 28px;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {

}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "";	
  display: inline-block;
  padding-left: 0px;
  padding-right: 10px;
  vertical-align: middle;
}

.nav-side-menu li {
  padding-left: 15px;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  width: 90%;
  height: 100%;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #ccc;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
  #mainNav {
  	width:calc(100% - 300px);
  	float: right;
  }
}