/*Startsida
-------------------------------------------------------------*/
#lay_megawrapper {
    margin: auto;
    min-width: 1006px;
    max-width: 1070px
}
#imgLogo {
    margin-left: 35px;
    margin-top: 30px;
}
.lay_main {
    padding: 0px 40px;
    margin: 45px -40px 0px 0px;
}

#lay_mainwrapper {
    border: none;
    line-height: 18px;
    font-size: 12px;
}
.headline {
    display: none;
}
#lay_tree1 {
    background: none;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    margin: 0px 6.666%;
}
#imgLogo {
    margin-left: 35px;
}
.lay_header .flags {
    margin-right: 40px;
}
#lay_nav.flagsdropdown {
    right: 75px;
}
.footerContent ul>li>ul>li {
    position: relative;
    padding: .25em 1.25em .25em .25em;
    border-bottom: none;
}
#lay_footer {
    background: #eeeeee;
}
#lay_footer, #lay_accessory {
    float: right;
    width: 95.2%;
    margin-right: 10px;
}
a {
    color: #666666;
}
#lay_tree1 a {
    font-size: 12px;
}
#lay_tree1 a:hover {
    font-size: 12px;
}
#lay_columnwrapper .lay_nav a {
    font-size: 12px;
}
.list_header .enlargeIcon {
    display: none;
}

/*Header
-----------------------------------------------------------------*/

#lay_tree1 {
    width: 93.333%;
    margin-right: 3.333%;
    margin-left: 3.333%;
}
.lay_breadcrumb {
    padding-left: 40px;
}
.lay_tree1 ul {
    margin: 0px 0px 0px -15px;
}
.lay_tree1 .level1:hover > ul {
    background: #eee;
    border: medium none;
    border-radius: 0;
    display: block;
    font-size: 100%;
    left: 0;
    margin: 0;
    padding: 15px;
    position: absolute;
    top: 1.35em;
    width: 200px;
    z-index: 150;
    opacity: 0.97;
}
.lay_tree1 .level3 {
    margin: 0;
    padding: 1px;
    display: block;
    float: left;
    font-weight: normal;
    list-style: none;
    clear: left;
}
.lay_tree1 .level2 {
    padding: 10px 0px;
}
.lay_tree1 li.level2 > ul {
    padding-top: 10px;
    margin-left: 10px;
}
.lay_tree1 li.level2 > a {
    margin-left: 10px;
}
.lay_tree1 li.level3 > a {
    margin-left: 0px;
	font-weight: bold;
}
.lay_tree1 li.level4 > a {
    margin-left: 25px;
}

/*Fönstervisning
------------------------------------------------------------------*/

.filterbox input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.rateHeader {
    display: none;
}
.listview_row_outer {
    background-color: #f9f9f9;
}
.listview_window .prod_inner,
.listview_extended .prod_inner {
    background-color: #ffffff;
    border: 1px solid #ddd;
    height: 250px;
}
.listview_window .prod_inner {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.item_price > label {
    font-size: 12px;
}
.listview_window .info,
.listview_extended .info,
.cross_item .info {
    display: none;
}
.list_settings {
    background-color: #f9f9f9;
    border-color: #ddd #fff #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 25px;
    margin-bottom: -1px;
}
.listview_normal {
    background-color: #eeeeee;
}
.listview_normal .table {
    display: table;
    border: none;
    width: 100%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #eeeeee;
}
.listview_extended .prod_outer_1 {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #ffffff;
}
.listview_window .prod_outer_4 .price_outer {
    position: absolute;
    bottom: 8px;
    right: 25%;
    margin: 0px 5px;
    width: 170px;
}
.listview_window .prod_outer_4 .price_inner {
    width: 100%;
    padding: 5px 20px;
}
.listview_window .itemname,
.listview_extended .itemname {
    font-weight: normal;
    font-size: 11px;
    margin-top: 10px;
    position: absolute;
    bottom: 85px;
    width: 95%;
}
.listview_window .itemname, .listview_extended .itemname {
    bottom: 225px;
    font-size: 11px;
    font-weight: normal;
    margin-top: 10px;
    position: absolute;
    width: 95%;
}
.listview_window .images {
    margin-top: 60px;
    position: relative;
}
.listview_window .prod_outer_4 .price_inner .item_quantity input {
    float: left;
    font-size: 12px;
    height: 24px;
    margin: -2px;
    width: 30px;
}
.listview_window .price_inner .item_price:first-child .label, .listview_extended .price_inner .item_price:first-child .label {
    font-size: 12px;
}
.listview_window .itemcode, .listview_extended .itemcode {
    bottom: 200px;
    font-size: 9px;
    font-style: italic;
    padding-bottom: 1em;
    position: absolute;
    width: 96%;
}

/*Sök
-----------------------------------------------------------------*/

#lay_search {
    right: 0px;
}
.lay_search input[type="text"] {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 3px 0 0 3px;
    padding-bottom: 1px;
    border-right: 0px;
}
.lay_search input[type="image"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: none;
    border-image: none;
    border-radius: 0px;
    border-style: none;
    border-width: 0px;
    float: left;
    height: 21px;
    margin-left: 0px;
    padding: 0px;
    margin-top: 1px;
}
.filterbox .searchbutton {
    border: none;
    border-radius: 0 0px 0px 0;
    -moz-border-radius: 0 0px 0px 0;
    -webkit-border-radius: 0 0px 0px 0;
    height: 22px;
    padding: 0px;
}

/*Knappar
-----------------------------------------------------------------*/

.button.choose {
    background: #666666;
    width: 100px;
    text-align: center;
}
.listview_extended .price_inner .button {
    width: 100px;
}
.button,
.buyColumn input {
    padding: 5px 0px;
    background: #666666;
    color: #fff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    text-shadow: none;
    white-space: nowrap;
    width: 75px;
}
.listview_window .prod_outer_4 .price_inner>.button {
    float: right;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.form .button:hover,
.ratings .button:hover {
    background: #8C8C8C;
    background: -moz-linear-gradient(center top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABABAB), color-stop(50%, #B3B3B3), color-stop(51%, #9F9F9F), color-stop(100%, #8C8C8C));
    background: -webkit-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -o-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -ms-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    border: 0 none;
}
.info:hover {
    background: #8C8C8C;
    background: -moz-linear-gradient(center top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABABAB), color-stop(50%, #B3B3B3), color-stop(51%, #9F9F9F), color-stop(100%, #8C8C8C));
    background: -webkit-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -o-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -ms-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    border: 0 none;
}
.buy:hover {
    background: #8C8C8C;
    background: -moz-linear-gradient(center top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABABAB), color-stop(50%, #B3B3B3), color-stop(51%, #9F9F9F), color-stop(100%, #8C8C8C));
    background: -webkit-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -o-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -ms-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    border: 0 none;
}
.button.choose:hover {
    background: #8C8C8C;
    background: -moz-linear-gradient(center top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABABAB), color-stop(50%, #B3B3B3), color-stop(51%, #9F9F9F), color-stop(100%, #8C8C8C));
    background: -webkit-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -o-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -ms-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    border: 0 none;
}
.button.checkout: {
    background: #8C8C8C;
    background: -moz-linear-gradient(center top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABABAB), color-stop(50%, #B3B3B3), color-stop(51%, #9F9F9F), color-stop(100%, #8C8C8C));
    background: -webkit-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -o-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -ms-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    border: 0 none;
}
.lay_basket .buy, .button.checkout, .buyColumn input {
    background: #1375bf;
    background: -moz-linear-gradient(top, #1996b7 0, #39a4f7 50%, #317ab1 51%, #1375bf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1996b7), color-stop(50%, #39a4f7), color-stop(51%, #317ab1), color-stop(100%, #1375bf));
    background: -webkit-linear-gradient(top, #1996b7 0, #39a4f7 50%, #317ab1 51%, #1375bf 100%);
    background: -o-linear-gradient(top, #1996b7 0, #39a4f7 50%, #317ab1 51%, #1375bf 100%);
    background: -ms-linear-gradient(top, #1996b7 0, #39a4f7 50%, #317ab1 51%, #1375bf 100%);
    background: linear-gradient(top, #1996b7 0, #39a4f7 50%, #317ab1 51%, #1375bf 100%);    
    border: 1px solid #1375bf;
    color: #fff;
}
.button.checkout:hover {
    background: #8C8C8C;
    background: -moz-linear-gradient(center top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABABAB), color-stop(50%, #B3B3B3), color-stop(51%, #9F9F9F), color-stop(100%, #8C8C8C));
    background: -webkit-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -o-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -ms-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    border: 1px solid #8C8C8C;
}
#checkoutWrapper .btnCheckout:hover,
#checkoutWrapper .button:hover {
    background: #8C8C8C;
    background: -moz-linear-gradient(center top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABABAB), color-stop(50%, #B3B3B3), color-stop(51%, #9F9F9F), color-stop(100%, #8C8C8C));
    background: -webkit-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -o-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: -ms-linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    background: linear-gradient(top, #ABABAB 0%, #B3B3B3 50%, #9F9F9F 51%, #8C8C8C 100%);
    border: 1px solid #8C8C8C;
}

/*Övrigt
-----------------------------------------------------------------*/

#MainContent_pnlFreightFee {
    display: none;
}
#MainContent_pnlExpFee {
    display: none;
}
#checkoutWrapper .sectionDelPay .cell.right.payfee {
    display: none;
}
#checkoutWrapper .sectionDelPay .cell.right.delfee {
    display: none;
}
#lay_banner {
    background-color: transparent;
    display: none;
}
#lay_cross_selling {
    display: none;
}
.level3 {
    padding: 1px;
}
.lay_basket {
    background-color: #fff;
    border-color: #ddd #aaa #aaa #ddd;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 2px 3px #bbb;
    float: left;
    margin-right: 0px;
}
.tocheckout {
    padding-left: 10px;
}
.headerinfo {
    padding-left: 50px;
}
.priceinfo {
    padding-left: 50px;
}
#footerWrapper {
    background: none repeat scroll 0 0 #f9f9f9;
}
.footerContent ul li a, .footerContent ul li a:hover {
    font-size: 12px;
}
.footer .companyName a {
    display: none;
}
.footer .companyName:before {
    content: "TK Bussklimat";
    font-weight: bold;
    font-size: large;
}
.footer, .footer a {
    font-size: 12px;
}
.prod_item .itemname {
    font-size: 12px;
}
.prod_item .itemcode {
    font-style: italic;
}
.table .row:nth-child(2n+1) {
    background-color: #FFFFFF;
}
#checkoutWrapper {
    margin-top: -20px;
    margin-left: 0px;
    width: 100%;
}
/* http://www.menucool.com */

#krsliderFrame, #krsliderFrame div {
    box-sizing: content-box;
}
#krsliderFrame 
{
    position:relative;
    width:1020px;
    margin:0 auto; /*center-aligned*/
}

#krslider, #krslider div.krsliderInner {
    width:1020px;height:447px;/* Must be the same size as the krslider images */
}

#krslider {
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

/* image wrapper */
#krslider a.imgLink, #krslider div.video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#krslider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#krslider div.mc-caption-bg, #krslider div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 0;/* 10px will increase the height.*/
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
#krslider div.mc-caption-bg 
{
    /* NOTE: Its opacity is to be set through the krsliderOptions.captionOpacity setting in the js-image-krslider.js file.*/
	background:Black;/* or any other colors such as White, or: background:none; */
}
#krslider div.mc-caption-bg2 {
    background:none;
}
#krslider div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	text-align:center;
    background:none;
}
#krslider div.mc-caption a {
	color:#FB0;
}
#krslider div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-krslider.css to see how to hide nav bullets */
#krslider div.navBulletsWrapper  {
    top:461px;/* Its position is relative to the #krslider */
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
}

/* each bullet */
#krslider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(http://localhost/Images/user/bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#krslider div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */

#krslider div.loading 
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#krslider img, #krslider>b, #krslider a>b {
	position:absolute; border:none; display:none;
}

#krslider div.krsliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#krslider>a, #krslider video, #krslider audio {display:none;}
#krslider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}