/*Loading fonts from ../Styles/Default/files/
========================================================*/

@font-face {
    font-family: 'SignikaRegular';
    src: url('fonts/Signika-Regular-webfont.eot');
    src: url('fonts/Signika-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('fonts/Signika-Regular-webfont.woff') format('woff'), 
         url('fonts/Signika-Regular-webfont.ttf') format('truetype'), 
         url('fonts/Signika-Regular-webfont.svg#SignikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignikaSemibold';
    src: url('fonts/Signika-Semibold-webfont.eot');
    src: url('fonts/Signika-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Signika-Semibold-webfont.woff') format('woff'),
         url('fonts/Signika-Semibold-webfont.ttf') format('truetype'),
         url('fonts/Signika-Semibold-webfont.svg#SignikaSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* 
  --- GLOBAL --------------------------------------------------------------------  
*/
* 
{
}

html, body, input 
{
    font-family: 'SignikaRegular', sans-serif;
}

.separator-thin
{
    background-color: #ebebeb;
    height: 1px;
}

.separator-thick
{
    background-color: #ebebeb;
    height: 3px;
}

.font-normal
{
    font-family: 'SignikaRegular', sans-serif;
}

.font-bold
{
    font-family: 'SignikaSemiBold', sans-serif;
}

.highlight
{
    color: #000 !important;
}

.dimmed
{
    color: #999 !important;
}

.link, .link:hover, .link:visited
{
    color: inherit;
    text-decoration: underline;
}

.text-normal
{
    font-size: 12px;
    font-family: 'SignikaRegular', sans-serif;
    color: #999;
}

.header-small
{
    font-size: 12px;
    font-family: 'SignikaSemiBold', sans-serif;
    color: #000;
}

.header-medium
{
    font-size: 18px;
    font-family: 'SignikaSemiBold', sans-serif;
    color: #000;
}

.header-large
{
    font-size: 30px;
    font-family: 'SignikaSemiBold', sans-serif;
    color: #000;
}

.validation-error
{
    font-size: 12px;
    font-family: 'SignikaSemiBold', sans-serif;
    color: #f00;
}


.big-button-next
{
    background: url(next.png) no-repeat;
    background-color: transparent;
    color: #fff;
    font-size: 10px;
    font-family: 'SignikaSemiBold', sans-serif;
}

.big-button-back
{
    background: url(back.png) no-repeat;
    background-color: transparent;
    color: #fff;
    font-size: 10px;
    font-family: 'SignikaSemiBold', sans-serif;
}

.button-save
{
    background: url(additem.png) no-repeat;
    color: #fff;
}

.button-save-large
{
    background: url(additemlarge.png) no-repeat;
    color: #fff;
}

.button-save-xlarge
{
    background: url(additemxlarge.png) no-repeat;
    color: #fff;
}

.button-cancel
{
    background: url(moreinfo.png) no-repeat;
    color: #fff;
}

/* 
  --- PAGE HEADER --------------------------------------------------------------------  
*/
.top-style
{
    background-color: #FFF;
}

.top-label-wrapper
{
    position: absolute;
    top: 54px;
    left: 192px;
    display: none;
}

.top-label1
{
    font-size: 31px;
    font-family: 'SignikaSemiBold', sans-serif;
    color: #fff;
}

.top-label2
{
    font-size: 31px;
    font-family: 'SignikaSemiBold', sans-serif;
    color: #fff;
}

/* 
  --- PAGE FOOTER --------------------------------------------------------------------  
*/
.footer-style
{
    background-color: #000;
}

.footer-header, .footer-header a, .footer-header a:visited
{
    color: #ffffff;
    font-size: 11px;
    font-family: 'SignikaSemiBold', sans-serif;
    text-decoration: none;
}

.footer-header a:hover
{
    text-decoration: underline;
}10:35 2017-07-18


.footer-item, .footer-item a, .footer-item a:visited
{
    color: #ffffff;
    font-size: 10px;
    font-family: 'SignikaRegular', sans-serif;
    text-decoration: none;
}

.footer-item a:hover
{
    text-decoration: underline;
}

/* 
  --- TOP MENU --------------------------------------------------------------------  
*/

.top-menu-wrapper
{
    background-color: #F2F2ED;
    font-size: 11px;
    font-family:'SignikaSemiBold', sans-serif;
    color: #000;
}

.top-menu
{
}

.top-menu a, .top-menu a:visited
{
    text-decoration: none;
    color: #000;
}

.top-menu .menu-link-active, .top-menu .menu-link-hover
{
    background-color: #fff;
    color: #000;
}

/* 
  --- DROPDOWN MENU --------------------------------------------------------------------  
*/
.ddm-style
{
    font-size: 12px;
}

.ddm-item
{
    text-decoration: none;
}

.ddm-normal-item
{
    color: #000;
}

.ddm-sub-item 
{
    color: #818181;
}

.ddm-showall
{
    color: #0198FF;
}

/* 
  --- SHELVE MENU -------------------------------------------------------------------- 
*/
.shelve-header-text
{
    color: #000;
    font-size: 18px;
    font-family: 'SignikaSemiBold', sans-serif;
}

.shelve-arrow-right
{
    background-image: url(shelve-rightarrow.png);
    background-repeat: no-repeat;
}

.shelve-arrow-down
{
    background-image: url(shelve-downarrow.png);
    background-repeat: no-repeat;
}

.shelve-link-button
{
    background: url(shelve-all-items.png) no-repeat;
    font-size: 10px;
    font-family: 'SignikaRegular', sans-serif;
}

/* 
  --- DROPDOWN BASKET -------------------------------------------------------------------- 
*/
.dropdown-basket
{
    font-size: 10px;
    font-family: 'SignikaRegular', sans-serif;
    color: #000;
}

.dd-basket-center
{
    background: url(dropdownbasket/background.png) repeat-x;
}

.dd-basket-left
{
    background: url(dropdownbasket/arrowleft_up.png) no-repeat;
}

.dd-basket-left-down
{
    background: url(dropdownbasket/arrowleft_down.png) no-repeat;
}

.dd-basket-right
{
    background: url(dropdownbasket/arrowright_up.png) no-repeat;
}

.dd-basket-right-down
{
    background: url(dropdownbasket/arrowright_down.png) no-repeat;
}

.dd-basket-item-description-header
{
    font-size: 11px;
    font-family: 'SignikaSemiBold', sans-serif;
}

.dd-basket-item-description-header a, .dd-basket-item-description-header a:visited
{
    text-decoration: none;
    color: #000;
}

.dd-basket-item-description-header a:hover
{
    text-decoration: underline;
    color: #000;
}

.dd-basket-item-description-info
{
}

.dd-basket-item-remove
{
    font-size: 11px;
    font-family: 'SignikaSemiBold', sans-serif;
    text-decoration: none;
}

.dd-basket-item-remove:hover
{
    text-decoration: underline;
}

.dd-basket-button-empty
{
    background: url(dropdownbasket/emptybasket.png) no-repeat;
    color: #fff;
}

.dd-basket-button-finish
{
    background: url(dropdownbasket/finishorder.png) no-repeat;
    color: #ffffff;
}

/* 
  --- ORDER FORM (POPUP AND PRODUCTDETAILS) -------------------------------------------------------------------- 
*/
.of-container
{
    font-size: 12px;
    font-family: 'SignikaRegular', sans-serif;
}

.of-item-description, .of-item-description:visited
{
    font-size: 18px;
    font-family: 'SignikaSemiBold', sans-serif;
    color: black;
    text-decoration: none;
}

.of-item-description:hover
{
    text-decoration: underline;
    color: black;
}

.of-campaign-description, .of-campaign-description:visited
{
    text-decoration: none;
    color: black;
}

.of-campaign-description:hover
{
    text-decoration: underline;
    color: black;
}

.of-column-header
{
    font-family: 'SignikaSemiBold', sans-serif;
}

.of-column-data 
{
}

.of-input
{
    border: 1px solid #000;
}

.of-button-container
{
    font-size: 10px;
}

.of-info-button
{
    background: url(moreinfo.png) no-repeat;
    color: #fff;
}

.of-add-button
{
    background: url(additem.png) no-repeat;
    color: #fff;
}


.of-add-button-icon
{
    background: url(additemsmall.png) no-repeat;
    color: #fff;
}

.of-download-button-icon
{
    background: url(additemsmall.png) no-repeat;
    color: #fff;
}

.of-mail-button-icon
{
    background: url(additemsmall.png) no-repeat;
    color: #fff;
}


.of-coverage-button
{
    background: url(item-coverage.png) no-repeat;
    color: #fff;
}

.of-watched-button
{
    background: url(item-watched.png) no-repeat;
    color: #fff;
}

.of-info-button a:hover, .of-info-button a:visited, .of-add-button a:hover, .of-add-button a:visited
{
    text-decoration: none;
}

/* 
  --- PRODUCTDETAILS -------------------------------------------------------------------- 
*/
.pd-image-wrapper 
{
    background-color: #F1F2ED;
}

.pd-small-image-container
{
    padding: 2px;
    border: 1px solid #aaa;
}

/* 
  --- PRODUCTLIST -------------------------------------------------------------------- 
*/
.pl-row-hover
{
    background-color: #ebebeb;
}

.igfilter-checkbox
{
    font-size: 12px;
    font-family: 'SignikaRegular', sans-serif;
    color: #999;
}

.igformatclass-checkbox
{
    font-size: 12px;
    font-family: 'SignikaRegular', sans-serif;
    color: #999;
}
/* 
  --- FINISH ORDER -------------------------------------------------------------------- 
*/
.fo-button-edit
{
    background: url(moreinfo.png) no-repeat;
    color: #FFF;
}

.fo-arrow-right
{
    background: url(rightarrow-grey.png) no-repeat;
}

.fo-arrow-down
{
    background: url(downarrow-grey.png) no-repeat;
}

/* 
  --- LOGON -------------------------------------------------------------------- 
*/

.bkg-image {
    background: url(background.jpg) no-repeat;
    background-size: cover; /* For full background stretch use '100% 100%' instead of 'cover' */
}

.imageHeader {
    background-color: #CBCBCB;  /* grå */
    /* background: url(login-logo.png) no-repeat; */
}

.caption
{
    font-size: 12px;
    font-family: 'SignikaSemiBold', sans-serif;
}

.logonHeader
{
    font-size: 28px;
    font-family: 'SignikaSemiBold', sans-serif;
}

.button {
    background-color: #CBCBCB;  /* grå */
    color: #ffffff;
    font-size: 10px;
}

.loggedUser 
{
    font-size:12px;
    color:#000000;
}

.outer
{
    background-color: fff; rgba(255,255,255,0.28);  /* vit ruta */
}

  --- main --------------------------------------------------------------------