@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);

/* Fonts */
html, body {font-family: 'Roboto', sans-serif!important; font-size: 14px !important; color: #262626; min-width: 1240px;}
h1 {font-size: 28px;}
body .list_settings {font-size: 14px;}
textarea, input { outline: none; font-size: 14px !important;}
blockquote {margin-left: 20px;}

body #lay_megawrapper {margin: auto; min-width: 100%; max-width: 100%; width: 100%;}
body #lay_contentwrapper {margin: auto; min-width: 1006px; max-width: 1240px; width: 1200px; float: none; padding: 0 20px;}

body, #lay_contentwrapper #lay_mainwrapper {background-color: #f2f4f5 !important; padding-left: 0;margin-top: 0;}
/*Hover gul: #FFDD00
Hover grå: #EBEBEB*/

/* Header */
#lay_header {background: url('Bakgrund/header_bg_wide.png') top left repeat-x; height: 130px; padding: 0; min-width: 1240px;}
.lay_header {margin: auto; min-width: 1006px; max-width: 1200px;margin-top: 10px; position: relative;}
body .loginDisplay {position: absolute; top: 00px; left: 5px;}
body .lay_header .loginDisplay {color: #fff;}
body .lay_header .loginDisplay #HeadLoginView_lblWelcome:after {content:" till";}

	/* Navigation */
	#lay_center_3 #lay_nav {top: 90px; border: 0; color: #fff; font-weight: 400; background: transparent;}
	#lay_center_3 .lay_nav {margin-top: 0; padding-left: 0; width: 1200px; margin: 0 auto;}
	#lay_center_3 #lay_nav a {color: #fff; font-weight: normal; font-size: 14px;}

	/* Basket */
	#lay_contentwrapper #lay_basket {top: 40px;}
	#lay_contentwrapper .lay_basket {background-color: transparent; border-width: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
	#lay_contentwrapper .cart_header {background: none; color: #fff;}
	#lay_contentwrapper .headerinfo {padding-left: 0;}
	#lay_contentwrapper .priceinfo {display: none;}
	#lay_contentwrapper .cartquantity {color: #fff;}
	#lay_contentwrapper .tocheckout {background: none;}
	#lay_contentwrapper .button, #lay_contentwrapper .buy, #lay_contentwrapper .button.checkout {padding: 0.625em 0.5em; font-weight: normal; background: #3498db; border: 0; box-shadow: none; -moz-box-shadow: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}

/* Main layout */
#lay_contentwrapper .lay_main {margin-right: 0px; margin-left: 300px; padding: 0 0 0 30px; margin-top: 23px;}
body #lay_breadcrumb {position: absolute; top: 132px; left: 360px; height: inherit;}
.lay_breadcrumb {padding: .5em 0;}

/* Left column */
body #lay_columnwrapper {width: 298px; background: transparent; margin-top: 25px;}
#lay_columnwrapper #lay_search {padding: 0 0 30px 0;}
#lay_columnwrapper .lay_search input[type='text'] {padding-left: 20px;height: 25px; border: 0; width: 247px; border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px;}
#lay_columnwrapper .lay_search input[type='image'] {padding: 4px 5px 4px 3px;height: 17px; border: 0; border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; background-color: #fff; margin: 0; }

body .innergrouplabel {padding-left: 10px; color: #000; font-weight: 700; font-size: 12px; text-transform: uppercase;}
body .grouplink {font-size: 14px;}
body #lay_tree1 {border: 1px solid #ebebeb;}
body .lay_tree1 {padding: 0px;}
body #lay_tree1 ul {width: 298px;}
body .lay_tree1 li {text-indent: 10px; margin: 0;}
body #lay_tree1 a {padding: 6px 0; display: block; color: #000;}
body #NavMenu_Rubriker {padding: 10px 0; font-size: 14px;}
body .pm-Rubriker ins {display: none;}
body #lay_tree1 .pm-closed > a:before {padding-right: 10px; content: ""; background: url('images/expand.png') left center no-repeat; background-size: 10px 10px; display: inline-block; height: 10px; width: 10px;}
body #lay_tree1 .pm-open > a:before {padding-right: 10px; content: ""; background: url('images/collapse.png') left center no-repeat; background-size: 10px 10px; display: inline-block; height: 10px; width: 10px;}

body .lay_tree1 .pm-leaf a, body .lay_tree1 .level1.grouplink a {text-indent: 20px;}
body .lay_tree1 .level1.pm-closed a, body .lay_tree1 .level1.pm-open a {text-indent: 20px;}

body .lay_tree1 .level2.pm-closed a, body .lay_tree1 .level2.pm-open a {text-indent: 20px;}

body .lay_tree1 .level2.pm-open {padding-bottom: 10px;}
body .lay_tree1 .level2.pm-open .level3 a {text-indent: 40px;}

body .lay_tree1 .level3.pm-open {padding-bottom: 10px;}
body .lay_tree1 .level3.pm-open .level4 a {text-indent: 60px;}

body .lay_tree1 .level4.pm-open {padding-bottom: 10px;}
body .lay_tree1 .level4.pm-open .level5 a {text-indent: 80px;}

body .lay_tree1 .level5.pm-open {padding-bottom: 10px;}
body .lay_tree1 .level5.pm-open .level6 a {text-indent: 100px;}

body .lay_tree1 .level6.pm-open {padding-bottom: 10px;}
body .lay_tree1 .level6.pm-open .level7 a {text-indent: 120px;}

body .lay_tree1 .level7.pm-open {padding-bottom: 10px;}
body .lay_tree1 .level7.pm-open .level8 a {text-indent: 140px;}

body .lay_tree1 .level1 {padding-bottom: 18px !important; margin-bottom: 20px !important; background: url('images/menu-separator.png') bottom center no-repeat;}
body .lay_tree1 .level1 .level2 a:hover {background: #EBEBEB;}
body .lay_tree1 .level1 .active_last a {background: #FFDD00; position: relative;}
body .lay_tree1 .level1 .active_last a:after {position: absolute; right: 30px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;content: "\f0da";}
body .pm-Rubriker a:hover {padding: 1px 2px; background: transparent; border: 0; color: #000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
body #lay_tree1 a.current {font-weight: 400; text-transform: none; font-size: 14px;}

/* Start page products*/
body .list_settings {border: 0; background-color: transparent;}
body .filterbox .textsort {font-weight: 500; text-transform: uppercase;}
body .filterbox .textsort:after {content:":";}
body .filterbox .nosort {text-decoration: none;}
body .filterbox input[type="text"] {margin-bottom: 3px; padding-left: 20px; height: 25px; border: 0; width: 180px; border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px;}
body .filterbox .searchbutton {margin-bottom: 3px; padding: 4px 5px 4px 3px;height: 17px; border: 0; border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0;}

body .list_settings .sortcolumns, body .list_settings #pnlSearch, body .list_settings .top, body .list_settings .right {line-height: 22px; display: inline-block;}
body .list_settings #pnlSearch {padding-left: 40px;}
body .list_settings #lblSearch {padding-right: 5px;}
#lay_contentwrapper .listview_window .prod_inner {background-color: #fff;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #ebebeb;
}
	/*List view window */
	/*body .filterbox {padding: 0;}*/
	body .listview_window .outer_info {display: none;}
	body .listview_window .itemname {position: absolute; width: 233px;}
	body .listview_window .itemname a {text-align: center;}
	body .listview_window .images {padding-top: 40px;}
	body .listview_window .images img {max-height: 150px;}
	body .listview_window .image_attribute:not(.soleImage) {top: 45px; left: 0px; padding: 0;}
	body .listview_window .item_rating {top: 220px; left: 95px;}
	body .listview_window .item_rating .stars {display: none;}
	body .listview_window .item_rating .image {vertical-align: bottom; padding-bottom: 2px;}
	body .listview_normal .row .stars img, body .item_rating .stars img {max-width: 15px;}
	body .listview_window .prod_outer_3 .price_inner_inner, body .listview_window .prod_outer_4 .price_inner_inner {float: none; margin-bottom: 1em;}
	body .listview_window .item_price .label, body .listview_extended .item_price .label, body .listview_window .item_price .price, body .listview_extended .item_price .price {float: none;}
	body .listview_window .item_price .label:after, body .listview_extended .item_price .label:after {content:": ";}
	body .listview_window .prod_outer_3 .price_inner>.button, body .listview_window .prod_outer_4 .price_inner>.button {text-align: center; display: block; width: auto; float: none; padding: 0.625em 2em;}
	body .listview_window .itemcode {display: none;}
	body .listview_window .prod_inner, body .listview_extended .prod_inner {padding: 20px;}
	body .listview_window .prod_outer_3 .price_outer {width: 165px; right: 55px; bottom: 30px;}
  body .listview_window .item_text {font-size: 11px; padding-bottom: 0; position: absolute; top: 220px; width: 233px;}
  body .listview_window .item_text .image {margin-right: 5px; position: relative; top: 2px;}

#lay_cross_selling {display: none;}

/* Product item */
body .prod_item {top: 10px; background: #fff; overflow: hidden; padding: 40px; width: 788px; border: 1px solid #ebebeb; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
body .prod_item .itemname {/*position: absolute; right: 40px; top: 40px;*/ float: right; width: 345px; padding-bottom: 0;}
body .prod_item .images {width: 400px;}
body .prod_item .images .image_links img {width: 400px; max-width: 400px; height: auto;}
body .prod_item .images .extraimages_wrapper .image_links img {width: 150px; max-width: 100%;}
body .prod_item .image_attribute {right: inherit; left: 40px; top: 40px;}
body .prod_item .itemcode {width: 340px; padding-left: 20px; margin-top: 20px; float: left; padding-bottom: 0; font-size: 12px;}
body .prod_item .itemname h1 {font-weight: 500;}
body .prod_item .item_text {font-size: 14px;}
body .prod_item .item_text_header span {font-size: 28px; font-weight: 500; color: #000;}
body .prod_item .item_wrapper {display: inline-block; width: 340px; padding-left: 20px;}
body .prod_item .infoblock {margin-top: 40px;}
body .prod_item .item_price {text-align: right;}
body .prod_item .item_price .label, body .prod_item .item_price .price {float: none; font-size: 22px !important;}
body .prod_item .item_price .label:after {content:": ";}
body .prod_item .item_price .price {font-weight: 500;}
body .prod_item .buyQuantityAndButton>div {}
body .prod_item .buyQuantityAndButton>div {margin-left: 10px;}
#lay_contentwrapper .button, #lay_contentwrapper .buy {padding: 0.5em 2.5em; font-size: 14px;}
body .prod_item .itemOverallRating .stars {padding-bottom: 10px;padding-right: 0;}
body .prod_item .itemOverallRating {float: right; padding-bottom: 0; clear: right; text-align: right;}
body .prod_item .itemOverallRating a {display: block; }
body .prod_item .itemSocial {border: 0; padding-right: 0;}
body .prod_item .itemSocial .proditem_footer {clear: none; float: none; display: inline-block;}
body .proditem_footer .productquestionlink img {display: none;}
body .proditem_footer .productquestionlink:after {content:"?";}
body .prod_item .itemSocial .addthis {display: inline-block;}

/* Items list */
body .viewchanger #extended {display: none;}
body .listview_normal {padding-top: 0;}
body .list_header {padding-bottom: 0;}
body #MainContent_pnlView .list_header p {display: none; margin: 0; padding: 0;}
body .listview_normal .table {margin-top: 0; border: 1px solid #ebebeb; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; background-color: #fff;}
body .listview_normal .headrow {font-size: 12px; text-transform: uppercase; font-weight: 500;}
body .listview_normal .headrow a, body .listview_normal .headrow .cell {font-size: 12px; text-transform: uppercase; font-weight: 500;}
body .listview_normal .headrow>.cell {white-space: nowrap; border-bottom: 1px solid #ebebeb; padding: 1.2em 0.5em;}
body .listview_normal .headrow #D10003 {text-align: center;}
body .table .row:hover .cell {background: #EBEBEB;}
body .table .row:nth-child(odd) .cell {font-size: 12px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
body .table .row:nth-child(odd) {background: #fff;}
body .listview_normal .row .cell {padding: 1em 0.5em;}
body .listview_normal .row .cell, body .listview_normal .row a.cell>span {text-decoration: none !important; font-weight: normal; font-size: 12px;}
body .listview_normal .row .cell.D22351 {min-width: 0px;}
body .listview_normal .row .cell.D22351 .stars {display: none;}
body .listview_normal .row .numeric {font-size: 14px !important; font-weight: 500;}
body .listview_normal .row .numeric:after {content:" KR";}
body .listview_normal .row .image.info {display: none;}
body .prod_item .item_quantity input {height: 20px; padding: 5px; margin-bottom: 1px; border: 1px solid #ebebeb; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;}
body .listview_normal .row a.cell.D22302 {max-width: 320px; white-space: normal;}

/* Varukorg */
body #checkoutWrapper {width: inherit; margin-top: 0;}
body #checkoutWrapper div.sectionWrapper {padding: 0;}
body #checkoutWrapper .table .cell {font-size: 12px !important;}
body #checkoutWrapper .table .header .cell {text-transform: uppercase; font-weight: 500;}
body div[id*="pnlSectionWrapperCart"], body div[id*="pnlSectionWrapperDelPay"], body div[id*="pnlSectionWrapperMyInfo"], body div[id*="pnlSectionWrapperExtra"], body div.inactive[id*="pnlSectionWrapperCompleteOrder"] {background: none;}
body #checkoutWrapper .sectionHeader, body #checkoutWrapper .table .header .cell, body #checkoutWrapper .buttonsRow {padding-bottom: 15px; background: #fff;}

body #MainContent_cartUpdatePanel .sectionHeader {margin-bottom: 20px;}
body #checkoutWrapper .sectionHeaderText {font-size: 22px; font-weight: 500; color: #000;}
body #checkoutWrapper .row:hover .cell {background: transparent;}
body #checkoutWrapper #nrOfArticles {color: #000 !important; margin-right: 10px; top: -30px; position:relative;}
body #nrOfArticles>span {line-height: 26px;}
body #checkoutWrapper .large.right {font-size: 14px;}

#sectionCart, .sectionDelPay, .sectionBonus, .sectionMyInfo, .sectionExtra, #sectionCompleteOrder, #MainContent_Basket_cartUpdatePanel, #MainContent_Summerize_sectionTotalBox {border: 1px solid #ebebeb; padding: 20px;}

body #checkoutWrapper .buttonsRow {margin: 0; padding: 20px 0;}
body #MainContent_cartUpdatePanel {border: 0px solid #ebebeb; border-bottom: 0;}
body #sectionCart {padding-bottom: 0;}
body #checkoutWrapper .sectionTotalbox {border: 1px solid #ebebeb; border-top: 0;}
body #checkoutWrapper hr.hrTotalbox {margin: 0; height: 0;}
body #boxTotal, body #boxTotal .table .row:nth-child(2n+1), body #boxTotal .table .row:nth-child(2n) {background: #000; color: #fff; border: 0;}
body #boxTotal {padding: 20px;}
body #checkoutWrapper .cell {border: 0;}
body #boxTotal .cell, body #boxTotal .row .cell {border: 0; color: #fff;}
body #checkoutWrapper .btnCheckout, body #checkoutWrapper .button, body #checkoutWrapper .btnCheckout, body #checkoutWrapper .button {font-size: 14px; padding: 0.625em 0.5em; font-weight: normal; background: #3498db; border: 0; box-shadow: none; -moz-box-shadow: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
body #checkoutWrapper .btnCheckout:hover , body #checkoutWrapper .button:hover , body #checkoutWrapper .btnCheckout:hover, body #checkoutWrapper .button:hover {font-size: 14px; padding: 0.625em 0.5em; font-weight: normal; background: #3498db; border: 0; box-shadow: none; -moz-box-shadow: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}

body #sectionCart, .sectionDelPay, body .sectionBonus, .sectionMyInfo, .sectionExtra, body #sectionCompleteOrder, #MainContent_Basket_cartUpdatePanel, #MainContent_Summerize_sectionTotalBox {background: #fff;}
body .sectionDelPay #minisectionDel {float: left; width: 40%; margin: 0 20px 15px 6px;}
body .sectionDelPay #minisectionPay {margin: 0 0 15px 0px;}
body #minisectionPay .table {margin-left: 0;}
body .sectionDelPay .arrow {display: none;}
body #checkoutWrapper .sectionDelPay .cell, body #checkoutWrapper .sectionDelPay .row .cell, body #checkoutWrapper .minisectionLogin .cell, body #checkoutWrapper .minisectionLogin .row .cell, body .sectionExtra .cell {font-size: 14px !important;}

body #checkoutWrapper .miniHeader, body #checkoutWrapper .miniFooter, body #checkoutWrapper .miniInfo, body #checkoutWrapper .extraWrapper .cell.label {font-size: 12px; color: #000; font-weight: 500; text-transform: uppercase;}
body #checkoutWrapper .registerText {color: #000; font-size: 14px;}

body .sectionMyInfo .userInfoLabel {font-size: 12px; color: #000; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; padding-top: 20px;}
body .sectionMyInfo .userInfoLabel:first-child {padding-top: 0;}

body #checkoutWrapper .btnSendOrder, body #checkoutWrapper .btnPayAndSendOrder, body #checkoutWrapper .btnKlarnaSendOrder {font-size: 14px; padding: 0.625em 0.5em; font-weight: normal; background: #9dd53a; border: 0; box-shadow: none; -moz-box-shadow: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
body #checkoutWrapper .btnSendOrder:hover, body #checkoutWrapper .btnPayAndSendOrder:hover, body #checkoutWrapper .btnKlarnaSendOrder:hover {font-size: 14px; padding: 0.625em 0.5em; font-weight: normal; background: #80c217; border: 0; box-shadow: none; -moz-box-shadow: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
body #MainContent_pnlApproveText.miniHeader {font-size: 14px !important; line-height: 1.5; color: #000; text-transform: none; font-weight: normal;}
body .requiredField {margin-left: 5px;}
body #checkoutWrapper .sectionExtra .miniInfo {text-transform: none; font-weight: normal;}
body #checkoutWrapper .btnSendOrderInactive {font-size: 14px; padding: 0.625em 0.5em; font-weight: normal; background: #e9e9e9; border: 0; box-shadow: none; -moz-box-shadow: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}

#SmallCart_toCart {display: none;}

/* Mina uppgifter/ Hjälp */
body #MainContent_pnlForm, body .helpWrapper {border: 1px solid #ebebeb; background: #fff; width: 830px !important; padding: 20px; overflow: auto; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;}
body .myAccountMenu, body .helpMenuWrapper {width: 100%; padding-bottom: 10px; }
body .myAccountMenu ul li a, body .helpMenuWrapper ul li a, body .myAccountMenu ul li a:hover, body .helpMenuWrapper ul li a:hover, body .myAccountMenu .selected:hover, body .helpMenuWrapper .selected:hover {border: 0; background: transparent; color: #000; font-size: 14px; }
body .myAccountMenu li:after, body .helpMenuWrapper li:after {content:"|";}
body .myAccountMenu li:last-child:after, body .helpMenuWrapper li:last-child:after {content:"";}
body .form.myAccount .outerPart {width: 100%;}
body .form.myAccount .outerPart .part {width: initial; margin: 10px;}
body .form .middleheadline {font-size: 16px; margin-top: 20px;}
body #MainContent_pnlMandatoryText {margin: 0; font-size: 12px; font-style: italic;}
body .helpWrapper .helpContent {width: initial; margin: 10px;}

/* Log out */
body #MainContent_pnlLogout {border: 1px solid #ebebeb; background: #fff; width: 830px !important; padding: 20px; overflow: auto; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;}

/*Sidfot */
body #lay_footer {background: #000; color: #fff; width: 1198px;}
body .footer, body .footer a {color: #fff;}

@media print {
   body #lay_columnwrapper {display: none;}
   #lay_contentwrapper .lay_main {margin-right: 0px; margin-left: 0px; padding: 0px; margin-top: 23px;}
   body #lay_footer {width: 100%;}
}