/*RWDshop3*/
/*LAYOUT CHANGES*/
#head .RightSection{
    padding-top: 29px; /*only padding*/
}
#headcontent #logoHolder #logo img{
    max-width:480px;
}

.ViewProductV3 .ImageContainer img {
    max-width: 230px !important;
}
.LanguageCurrencySelector span[class*="Title"]{
    margin-right: 80px;
}
.LanguageCurrencySelector ul[class*="Selector"]{
    position: absolute;
    right: 0;
}

/*#LAYOUT CHANGES*/

/*COLORS*/

    /*PAGE: HOME*/
    #head{
        background-color:#5a7caf;
    }

    a, .unreset a,
    .UC174 .ReadMoreContainer > a { color:#f49717; } /*General links*/
    
    .UC140 .PaymentDelivery .PaymentOption > input[type="radio"]:checked + label, .UC140 .PaymentDelivery .DeliveryOption > input[type="radio"]:checked + label,
    .KlarnaCheckout .DeliveryOption.selected{
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.01) inset, 0 0 0 4px #f49717; /*Color of selected payment/delivery option*/
    }

    /*Navigation Line*/
        #navline{
            background-color:#5a7caf;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }
        #SCloginPanel a{
            color:#fff;
        }
        #SCloginPanel a:first-child{
            border-right-color:#fff;
        }

        /*Site Menu*/
        .MainM.desktop a{ color:#fff; }
        .MainM.desktop .selected a{ color:#f49717; }

        .MainM.mobile .selected a{ color:#f49717; }
    
    /*#Navigation Line*/
		
	/*SiteCart*/
    .AddToCartContainer .ProdCount,
    .SiteCartPanel .ShoppingListPanel .ProdCount{
        background-color: #164271;
    }
    .SiteCartPanel .ShoppingListPanel{
        background-color: #f49717;
    }
    #SiteCartIconPath,
    .SiteCartIconPath{
        fill: #666666;
    }
    .SiteCartPanel .ShoppingListPanel .TotalPriceContainer .TotalPriceText,
    .SiteCartPanel .TotalPrice{
        color: #fff;
    }
    
    
    /* ProfileButtonCont */
    .MinSidePage .UC174 .DataItemsRow .ItemTitleContainer {
        height: 50px;
    }
    .MyProfileButtonCont .MyProfileButton span {
        color: #fff;
    }
    .MyProfileButtonCont .MyProfileButton .ProfileIcon {
        background-image: url(../images/custom/minside/icon-user16.png);
    }
    .graybox, .MyProfileButtonCont .MyProfileButton, .MyProfileButtonCont .MyProfileDrop {
        border-color: rgba(255, 255, 255, 0.2);
    }
    /*.MyProfileButtonCont .MyProfileButton,
    .MyProfileButtonCont .MyProfileDrop{
        background-color: #fff;
    }
    .MyProfileButtonCont .MyProfileDrop .DropDownIcon {
        background-image: url(../images/minside/icon-ar1-down16-light.png);
    }
    .MyProfileButtonCont .DropDown ul .LogoutCont a,
    .MyProfileButtonCont .DropDown ul .LoginCont a {
        background-image: url(../images/custom/icon-lock-closed16.png);
    }*/

    .Search[id*="Desktop"] {
        background-color: rgba(255, 255, 255, 0.2);
    }
    .Search[id*="Desktop"] input[type="text"] {
        color: #fff;
    }
    .Search[id*="Desktop"] input[type="submit"] {
        background-image: url(../images/bg-search-white.png);
    }
    .Search[id*="Desktop"] input[type="text"]::-webkit-input-placeholder {
        color: #fff;
    }
    .Search[id*="Desktop"] input[type="text"]:-moz-placeholder {
        color: #fff;
    }
    .Search[id*="Desktop"] input[type="text"]::-moz-placeholder {
        color: #fff;
    }
    .Search[id*="Desktop"] input[type="text"]:-ms-input-placeholder {  
        color: #fff;
    }


    .trustline {
        color: #fff;
    }
    .trustline .TrustOptions .svg_social_icons #icon-tick {
        fill: #fff;
    }

    .UC170.RowBased .ImageContainer img {
        border: 0;
    }

    /*BODY*/

    /*Left Product menu*/
    .ProductsMenuVertical .TopBox{ 
        padding-left: 32px;
    }
    .UC177  .TopBox{
        font-size: 22px;
        font-weight: normal;        
    }
    .UC177 .MiddleBox li a.Toggle{
        background: #E5E5E5;
        border-color: #E5E5E5;
        color:#000000;
    }    
    .UC177 ul.Level-1 ul {
        background-color: rgba(0, 0, 0, 0.03);
        margin-bottom: 10px;
        padding: 5px 10px 0;
        border-radius: 3px;
        border: 1px solid rgba(255,255,255,.1);
    }

    /*Slider*/
    .LinkImageSlider2 .flex-caption{
        background: rgba(0,0,0,.5);
        text-align: center;
    }
    .flex-direction-nav li a{
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
        background-color:#fff;
    }
    .flex-direction-nav li a:hover{
        background-color:#f49717;
    }
    .flex-direction-nav{
        top:50%;
        width: 100%;
        margin-top: -56px;
    }
    
    /*Images v1 -> sprite*/
    .flex-direction-nav li .flex-prev:after, .flex-direction-nav li .flex-next:after{display: none;}
    .flex-direction-nav li .flex-prev, .flex-direction-nav li .flex-next {
        width: 32px;
        height: 63px;
        background: #f6f6f6 url(../images/custom/slider-sprite.png) no-repeat;
    }

    .flex-direction-nav li .flex-prev{
        background-position: left top;
    }

    .flex-direction-nav li .flex-next{
        background-position: right top;
    }

    .flex-direction-nav li .flex-prev:hover{
        background-position: left bottom;
    }

    .flex-direction-nav li .flex-next:hover{
        background-position: right bottom;
    }
    /*#Images v1 sprite*/

    /*Images v2*/
    /*.flex-direction-nav li .flex-prev:after, .flex-direction-nav li .flex-next:after{display: none;}
    .flex-direction-nav li .flex-prev, .flex-direction-nav li .flex-next {
        width: 55px;
        height: 81px;
        background-color: rgba(255,255,255,.5); 
        padding: 0;
        background-position: center center;
    }

    .flex-direction-nav li .flex-prev{
        background-image: url(../images/slidermenu/leftarr.png);
    }

    .flex-direction-nav li .flex-next{
        background-image: url(../images/slidermenu/rightarr.png);
    }*/
    /*#Images v2*/
    /*#Slider*/

    /*Home document list*/
    .UC175 .Date{
        color: #c0c0c0;
        font-size: 11px;
    }
    .UC175 .TeaserContainer{
        color: #474546;
    }

    /*Button view title: Same color for 2 next selectors*/
    .MinSidePage .UC174 .DataItemsRow .ItemTitleContainer{
        color: #fff;
        background-color: #164271;
    }

    /*BUTTONS AND MAKE ORDER CONTAINER*/
    .ReadMore,
    .FormButton{
        color: #fff;
        background-color: #d9d9d9;
    }
    .ReadMore:hover{
        color: #f49717;
        background-color: #164271;
    }

    /*Positive buttons :) (save/next/register...) */
    a.KlarnaCheckoutButton,
    input.MainButton,
    .UC140 .Login .FormButton,
    .UC182 .FormButton,
    .UC29 .FormButton,
    .UC139 a[id*="lnkRegister"],
    input[id*="_btnShowCart"],
    a[id*="UC126_btnShowCreateNew"]{ 
        background-color:#f49717;
    }
    /*#BUTTONS AND MAKE ORDER CONTAINER*/

    /*Homepage document*/
    .HomeInfoLine .UC171 .MainTitle{
        color: #f49717;
    }
    .HomeInfoLine .UC171 .Teaser{
        color: #474546;
    }

    .PaymentAndPhone .phonenumber{
        color: #164271;
    }

    /*Newsletter/Feedback controls*/
    .UC128 .UC128MainTitle{
        color: #164271;
    }
    .UC128 .FormButton,
    .UC129MiddleBox .ControlsContainer .FormButton{
        background-color:#164271;
        -webkit-transition: box-shadow 0.2s;
        transition: box-shadow 0.2s;
    }
    .UC128 .FormButton:hover,
    .UC129MiddleBox .ControlsContainer .FormButton:hover {
        box-shadow: 0 0 4px #f49717;
    }


    /*Product List*/
    .UC174 .ItemContainer,
    .UC167 .ProdItemContainer {
        border: 1px solid #e9e9e9;
    }
    .Price{
        color:#f49717;
    }
    .MakeOrderContainer .QuantityContainer{

     }
    .MakeOrderContainer .QuantityTxb{
        background-color: #5a7caf;
    }
    .MakeOrderContainer{
        background-color:#f49717;
    }
    .BuyBtn{
        color: #fff;
        background-color:#003d70;
    }
    .BuyBtn:hover{
        background-color:#f49717;
    }
        /*Discount Label colors*/
        em.cssNewItem{
            background-color:#003d70; /*Green now: can be always green for news :) */
        }
        .DiscountImage {
            background-color:#ffbc47;
        }

    /*#Product List*/

    /*Social Icons*/
    .addthis_toolbox.custom a{        
        background-color: #F6F6F6;
        width: 40px !important;
        height: 40px !important;
    }
    .addthis_toolbox.custom a:hover{
        top: -10px;
        background-color: #f49717;
    }    
    .addthis_toolbox.custom a .svg_piece{
        fill: #D8D8D8;
    }
    .addthis_toolbox.custom a:hover .svg_piece{
        fill: #fff;
    }

    #tail{
        background-color:#164271;
    }
    #tail .copyright{
        color:#fff;
    }
    #tail .copyright a{
    }
    /*#PAGE: HOME*/

    /*PAGE: NEWS*/
    .UC177{
        border-color: #E8E8E8;
    }
    .UC177 .PagerContainer > *{
        border-color: #E8E8E8;
    }
    .UC177 .TopBox{
        background-color: transparent;
    }
    .UC177 .TopBox .MenuTitle{
        color: #164271;
    }
    .UC177 .MiddleBox li a.Name{
        color:#464646;
    }
    .UC177 .MiddleBox li.Selected > a.Name {
        color:#f49717;
    }
    .UC177 .TopBox,
    .UC177 .MiddleBox li{
        border-color: #E9E9E9;
    }
    .PagerContainer,
    .PagerContainer a{
        color:#666;
    }
    /*.UC179 .PagerShowAll a, 
    .UC179 .PagerContainer a, 
    .UC179 .PagerButtonsContainer > div > a{
        color:#666;
    }*/

    /*UC178 Resellers*/
    .UC178 .RegionFilter li{
        background-color: #474546;
    }
    .UC178 .RegionFilter li:hover{
        background-color: #f49717;
    }
    .UC178 table thead,
    .UC178 table tr td:before{
        background-color: #474546;
    }

    @media all and (max-width:767px) {
        .UC177 .TopBox .MenuTitle{
            color:#fff;
        }
        .SliderMenu .TopBox,
        .UC140 .Login.FoxSliderContainer .FoxSliderButton,
        .BlockTempOrderLinesContainer .FoxSliderContainer .FoxSliderButton,
        .BlockTempOrderLinesContainer .FoxSliderContainer.SlideDown .FoxSliderButton{
             background-color:#f49717; 
        }

    }
    /*#PAGE: NEWS*/

    /*PAGES: CHECKOUT*/
    .CartGridHeader td{
        background-color:#f49717;
    }
    /*#PAGES: CHECKOUT*/

/*#COLORS*/

.instagram h1 {
    height: 60px;
}


#google_translate_element {
    margin-top: -40px;
}
.HomePage #google_translate_element {
    margin-top: -20px;
    margin-bottom: 20px;
    float: left;
}


.ViewProductV3 .ImageContainer img {
    max-width: 230px !important;
}


/*Breakpoints: Desktop (1250px) / Tablet-Landscape (1000px) / Tablet-Portrait (980px) / Mobile (767px) 
  Holdersizes: Desktop (1200px) / Tablet-Landscape (970px) / Tablet-Portrait (750px) / Mobile (320px) */

/*max-width*/
    @media all and (max-width:1250px) {

    }
    @media all and (max-width:1000px) {

    }
    @media all and (max-width:980px) {

    }
    @media all and (max-width:767px) {
        #google_translate_element {
            margin-top: -37px;
        }
        .HomePage #google_translate_element {
            margin-top: 20px;
            margin-bottom: 10px;
        }
        .CurrencySelectors{        
            float: right !important;
        }
        .LanguageCurrencySelector{
            margin-top: 5px;
        }
    }

/*min-width*/
    @media all and (min-width:1251px) {
        .LinkImageSlider2 .flex-caption{
            font-size: 20px;
        }
    }
    @media all and (min-width:1001px) {
        #headcontent #logoHolder {
            margin-top: 28px;
        }
    }
    @media all and (min-width:981px) {

    }
    @media all and (min-width:768px) {
        #body {
            padding-top: 15px;
        }
        .HomePage #body {
            padding-top: 35px;
        }
    }
     @media all and (min-width:768px) and (max-width:1000px) {
        .trustline {
            margin-top: 7px;
        }
     }
/*#Breakpoints*/