/*
--------------------------------------------------------------------------------------------------
  TYPOGRAFI OCH FÄRGER
--------------------------------------------------------------------------------------------------
*/
body
{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; color:#000; margin:0;}

h1,h2,h3,h4 {font-weight:500; margin:0 0 5px 0;}

/* TEXTSTORLEKAR */
h1 {font-size:1.5em}
h2 {font-size:1.3em}
h3 {font-size:1.1em}
h4 {font-size:1.0em}

.PT_PrisOrdinarie
{font-size:14px;}

.nav-topmenu ul li a, .PT_Text_Kort, .PT_Status div:before, .PT_Status div:after
{font-size:12px}

/* TEXTEGENSKAPER */
 .PrisORD, .artikel-topplista-pris p, .PT_PrisOrdinarie
{text-decoration:line-through}

.navigation_typ_ul_li_kategoriersaknas, .date, .bloggkommentar_tid
{font-style:italic}

.PT_Antalsfalt, .rubrik-kundvagn, #dialogruta div, .PT_Bildruta, .Antal input, 
.Artikellista_PrisStafflade, #Bildkolumn, .BildZoomThumbnails a
{text-align:center}

.Artikellista_PrisKampanj, .Artikellista_Pris, .comment
{text-align:right}

.bestallningsknapp, .Snabbkassa_Flik_Normal, .kampanjmenu li > a, .inloggningsruta p, .nav ul.niva1 > li > a, .nav-menu.varumarken, .mobilenav.active .toppmeny a
{text-transform:uppercase}

.kampanjmenu li ul li a
{text-transform:none}

.bestallningsknapp, .R-Toggle, .Knapp_Sok_Produkt
{cursor:pointer}

a.forgotpassword 
{line-height:normal}

#main p, .Ingress
{margin:0 0 10px}

/* TEXTFÄRGER */
body, a
{color:#333}

#Felmeddelande h1, #dialogruta div, #dialogruta div a, .nav .nav-menu li ul a, .toppmeny li:hover, .toppmeny .niva2 li a, #InfoAttDelbetalaInline, #AIRvarukorg-Wrap
{color:#000;}

.Snabbkassa_Varningsmeddelande, #InfoAttDelbetala
{color:#cb0000 !important;}

.PrisREA, .PT_PrisKampanj {
    color: #D80000;
}

.toggle-btn, .toggle-btn a {
    color: #254C71;
}
#kundvagn .toggle-btn {
    color: #fff;
}


/* BAKGRUNDSFÄRGER */

.TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger
{background:#f9f9f9}

.inloggningsruta, #wrapper, #AIRvarukorg-Wrap
{background:#fff}

.Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, 
.Flik_Markerad a, #ListaOmArtiklarSaknas li a:hover
{background:#f5f5f5} 
.header .logo a:hover, .usp a:hover{
    background:transparent !important;
}
/* borders */
/*.header-wrapper, .toggle-area.active .toggle-drop, */.Row, #AIRvarukorg-Wrap .Footer{border-bottom:1px solid #c0d0d8;}
.borders, .PT_Wrapper{border: 1px solid #eee;}
.inloggning, .logo a{ border-left: 1px solid #C0D0D8; border-right: 1px solid #C0D0D8;}
.soktoggle{border-left:1px solid #C0D0D8;}

/* KNAPPAR */
.PT_Knappar a, .PT_Knappar span, .inloggningsruta a.button, .Checkout a, #SubmitFalt a,
.LSS_Container input[type="submit"], .Knapp_Generell a, .LankLoggain a
{ cursor:pointer;border: 1px solid; height: 35px; line-height: 35px;  display: inline-block; padding: 0 20px;text-transform: uppercase;box-shadow: 0px 1px 2px rgba(56, 60, 62, 0.29);}

/* toggle */
.toggle-drop { display: none;}
.toggle-area.active .toggle-drop{display:block;}


.header-wrapper{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f7f7+0,ebf0f3+100 */
background: #f4f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f7f7 0%, #ebf0f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4f7f7 0%,#ebf0f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4f7f7 0%,#ebf0f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f7', endColorstr='#ebf0f3',GradientType=0 ); /* IE6-9 */

}


/*
--------------------------------------------------------------------------------------------------
  VARIABLER
--------------------------------------------------------------------------------------------------
*/
.white, .PT_Wrapper{background:#fff}
.lightgrey {background:#f9f9f9;}
.darkgrey {background:#444}
.header #kundvagn.active .center.toggle-btn, .header #kundvagn .center:hover{background:transparent;color:#fff;}
.primcolor, .PT_Knappar a:hover, .PT_Knappar span:hover, .inloggningsruta a.button:hover, .primcolor .Checkout a:hover, #Faktakolumn #SubmitFalt a{background:#6B99C5;color:#fff;border:1px solid #6B99C5;}
.seccolor, .PT_Knappar a, .PT_Knappar span, .inloggningsruta a.button, .primcolor .Checkout a,
#Faktakolumn #SubmitFalt a:hover, .LSS_Container input[type="submit"], .Knapp_Generell a, .LankLoggain a{background:#fff;color:#6B99C5;}
.primcolor a{color:#fff;}
#AIRvarukorg-Wrap a, #Faktakolumn a, .header .toggle-btn:hover,  .header .active .toggle-btn, .header a:hover{color:#6B99C5;}
#AIRvarukorg-Wrap a:hover{background:transparent;}
#breadcrumb, #breadcrumb a {  color: #BDBDBD;}
.center{margin:0 auto;display:table;}
.ten {padding:10px}
.twenty {padding:20px}
.align-center{text-align:center;}
.seccolor a{ color:#6B99C5;}
#footer-wrapper .lightgrey a { color: #000;}

.meshim_widget_widgets_TitleBar{background:#6B99C5 !important;}


/*------------------------
   Köpknapp
-------------------------*/
#SubmitFalt .buy-button {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0;
    width: 100%;
    text-transform: uppercase;
    background: #6B99C5;
    border: 1px solid #6B99C5;
    color: #fff;
    text-align: center;
    cursor:pointer
}

#SubmitFalt  .buy-button:hover{
    background: #fff;
    color: #6B99C5;
}

.PT_Knappar .info-link, .buy-button .feedback{display: none;}

.label.processing{
    font-size: 4px;
    color: transparent;
}

.buy-button[data-state='processing'] .label:after {
    content: attr(data-default);
    font-size: 12px;
    color: #fff !important;
    transform: none;
    -webkit-animation: air-loading 1s linear infinite;
    animation: air-loading 1s linear infinite;
    margin: -.5rem 0 0 -.5rem
}