@font-face {
        font-family: 'Noto Sans';
        src: url('../fonts/NotoSans-Regular.ttf');
}
@font-face {
        font-family: 'Noto Sans Bold';
        src: url('../fonts/NotoSans-Bold.ttf');
}

body{background: #F0F0EE}
body {font-family: Arial; color: #4e4e4e;}
.btn:hover, .readon:hover, .readmore:hover, .btn-primary:hover, .button:hover {background: #f5822b !important;}
a:hover, #ts-heading a:hover {color: #f5822b;}
#rt-logo {background: url(/img/logo_eurofins_se.png) 50% 0 no-repeat !important;}
#rt-logo {width: 224px;height: 45px;}
div { }
p, span, form {  }

html {  }
::-moz-selection { background: #084897; color: #fff }
::selection { background: #318dff; color: #fff }
/* HTML */
h1 {color: #084897; font-family: 'Noto Sans', sans-serif; font-size: 30px; }
h2 { color: #084897; font-family: 'Noto Sans', sans-serif; font-size: 26px; }
h3 { color: #084897; margin: 0; padding: 10px 0 5px 0; line-height: 18px; font-family: 'Noto Sans', sans-serif; font-size: 20px }

h1, h2, h3, h4 { -webkit-text-stroke-width: 0.1px;-webkit-text-stroke-color: rgba(255,255,255,0.1) }

a { cursor: pointer; }
button {
    -ms-border-radius: 6px;
    border-radius: 6px; text-align: center; cursor: pointer; font-size: 13px; color: #fff; font-weight: bold; padding: 5px 14px 5px 14px;outline:none;
}

/* GENERIC */
.shadow {
    -webkit-box-shadow: 0 0 10px 2px #b0b0b0;
    -ms-box-shadow: 0 0 10px 2px #b0b0b0;
    box-shadow: 0 0 10px 2px #b0b0b0;
}

.linkArrow { vertical-align: middle; padding: 0 0 1px 1px }

p.infoText { width: 100%; font-size: 12px; color: #3a3a3a; line-height: 20px }
.breadCrumb {
    padding: 0 20px 0 20px;
    background: #F0F0EE url('../img/module-pattern.png');
    border-bottom: 1px solid #E1DFDF;
    border-top: 1px solid #C1C0C0;
    color: #084897;
    font-size: 14px; 
    line-height: 50px;
    vertical-align: middle;
}
.breadCrumb:before {content: "\f015";
    font-family: FontAwesome;
    color: #084897;
    padding-right: 8px;
}
.breadCrumb a { color: #084897;}
.breadCrumb a:after {content: "\f054";
    font-family: FontAwesome;
    margin-right: 7px;
    color: #084897;
    margin-left: 12px;}
.breadCrumb a:hover { color:#F8A464 }
.breadCrumb div{display: inline-block;}
.breadCrumb .campaignSurface { float: right; text-align: right;}
.breadCrumb .campaignSurface .campaignLoginText { cursor:pointer; display: inline-block;}
.breadCrumb .campaignSurface .campaignForm { margin: 0; overflow: hidden; width: auto;position: relative;float: right;white-space: nowrap;}
.breadCrumb .campaignSurface .campaignLogoutForm { display: inline-flex;}
.breadCrumb .campaignSurface button { height: 30px; position: relative; top: -2px;}
.breadCrumb .campaignSurface .campaignForm .campaignCode { color: #a0a0a0;vertical-align: baseline; margin: 0 6px 0 6px; width: 120px;}
.breadCrumb .campaignSurface #loadingAnim {display: none;position: absolute; margin-left: 198px;}

.campaignCode { padding: 3px; color: #f0f0f0; height: 10px; min-height: 10px; font-size: 15px; width: 210px; line-height: 0 }

.module-content.info { margin: 0 0 10px 0; padding: 5px 12px 5px 12px; background: #0F5AB6; min-height: 140px; float:right; line-height: 11px; width: 240px; border-radius: 8px; }


/* CAMPAIGN */
.campaignInfo { display: inline-block; width: 50%; }
.campaignInfo h1 { font-size: 26px }
.campaignInfo h2 { float:left; margin-left: 10px }
.headWrapper { margin: 10px 0 10px 0; padding: 5px 12px 5px 12px; background: #0F5AB6; min-height: 120px; float:right; line-height: 11px; width: 220px; border-radius: 8px; }
.headWrapper .info { float:left; text-align: center }
.headWrapper .info h2 { padding: 0 0 0 6px; display:block; color: #fff; font-size: 18px; font-weight: normal; line-height: 22px; }
.headWrapper span { font-size: 12px; display: block; text-align:left; line-height: 15px; padding-top: 3px; clear:both }
.headWrapper img { display:inline-block; padding: 0px 5px 0 0 }
.headWrapper .imgWrapper { display: inline-block; width: 50px; vertical-align:top  }
.headWrapper .buttonCampaign { float:left; height: 20px; width: 100%; padding: 10px 0 10px 0; border-top: 1px dotted #0C3066 }
.headWrapper .buttonCampaign a span { text-decoration: none; width: 80%; text-align: center; }
.topModuleCampaign { display: inline-block; width: 30%; text-align: left; float:left; margin-left: 30px; vertical-align: top }

.customFont { font-family: 'Noto Sans', sans-serif; }

.priceColor { color: #084897 } 

/* WRAPPERS */
.mainContentWrapper { margin: 0 25px 20px 25px;}
.mainContentWrapper p { font-size: 12px; color: #3a3a3a }
.mainContentLeft { width: 800px; float:left; }
.mainContentCheckout { width: 100%; display: block; vertical-align: top;}

.rbReturnShip { vertical-align:top; margin-bottom: 5px; display: inline-block }
.rbPaymentMet { vertical-align:top; padding-bottom: 5px;display: inline-block;}
.rbPaymentRadio { display: inline-block; margin-bottom: 5px !important;}

.orderSetting {font-size: 12px;color: #3a3a3a;}
.orderSetting input[type="checkbox"] { vertical-align: sub;}
.orderSetting .productName {font-weight: bold;}
.orderSetting .productName.checkboxIndent {margin-left:3px;}
.orderSetting .price {color: #084897; font-size: 16px; margin-left: 3px;}
.orderSetting .vat {color: #808080; font-size: 14px;}
.orderSetting .vatText {color: #808080; font-size: 10px;}
.orderSetting .vatText2 {color: #084897; font-size: 10px;}

.imageHtml {display: inline-block; margin-left: 7px;}
.imageMedia {max-height: 26px; display: inline-block; padding-bottom: 4px;}

.deliveryAddress { line-height: 20px; font-size: 15px; padding: 15px 1px 15px 15px; border: 1px solid #c0c0c0; background: #fff; -ms-border-radius: 6px; border-radius: 6px; max-width: 280px }
.mainContentRight { width: 320px; float:left; margin: 0 0 0 20px; }
.contentRightWrapper { width: 300px; float:left; margin: 10px 0 0 0; border: 1px solid #e0e0e0; padding: 0 10px 10px 10px; }
.oldBrowserWrapper { background: #ff6600; color: #fff; padding: 10px; display:block; min-height: 16px; margin: 0 0 5px 0; overflow: hidden; } 

.orderStepInfo { font-size: 13px; margin: 0;}
.orderStepInfo li { display: inline;padding: 5px;}
.orderStepInfo li > div { display: inline-block; vertical-align: middle;padding-bottom: 4px;}
.orderStepInfo .stepNumber { font-size: 20px;}
.orderStepInfo .stepNumber.whitec { color: #ffffff;}
.orderStepInfo .active {color:  #ffffff;}
.orderStepInfo .hand { cursor: pointer;}
.orderStepInfo .stepText { width: 126px; }
.orderStepInfo .inactive > .stepText { width: 156px; }
.orderStepInfo .inactive { background: #fff; border: 1px solid #e0e0e0; color: #a0a0a0;}
.orderStepInfo .active {
    background: #2969b8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzI5NjliOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODQ5OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #2969b8 1%, #084997 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2969b8), color-stop(100%,#084997)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2969b8 1%,#084997 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2969b8 1%,#084997 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2969b8 1%,#084997 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2969b8 1%,#084997 100%); /* W3C */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 ); /* IE6-8 */
    border: 1px solid #0B4893;
    color: #fff;
}

.orderStepInfo img { display: inline-block; margin: 0 0 3px 9px }
.orderStepInfo .first {
    -ms-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px
}
.orderStepInfo .last {
    -ms-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0
}
.orderStepInfo a {color: #fff;}

.topProducts { float:left; width: 100%; }

.keepTogether { white-space: nowrap;}
.topInfoLinks { width: 1150px; margin-left: 10px;}
.topInfoLinks a { color: #084897; margin-right: 20px; }
.topInfoLinks a:hover { color: #fd8e21 }

/*.cookieInfoWrapper { float:right; margin: 10px 0; padding: 3px; height: 34px; background: #0F5AB6; border: 1px solid #0F58B2 }*/
.cookieInfoWrapper { margin: 10px 0; padding: 3px; height: auto; background: #0F5AB6;text-align:center; border: 1px solid #0F58B2 }
.cookieInfoWrapper img { display:inline-block; vertical-align: top; padding: 6px 5px 0 }
.cookieInfoWrapper .text { padding: 3px 10px 0 0; line-height: 15px; display:inline-block; font-size: 11px; color: #fff }
.cookieInfoWrapper .text a { text-decoration: underline; font-weight: bold; color: #fff }
.cookieInfoWrapper button { display:inline-block; width: 90px; height: 30px; padding: 0px 5px 0px 5px; font-size: 11px; margin: 3px 0; vertical-align: top; }

/* FOOTER */
footer { background: #353535; padding: 12px 0 7px 0; border-radius: 0 0 4px 4px; width: 100%; font-size: 12px }
footer .left { margin-left: 15px; width: 50%; display: inline-block; color: #707070 }
footer .right { text-align: right; vertical-align: top; width: 26%; margin-right: 15px; float:right; }
footer .left img { vertical-align: middle; padding: 0 12px 4px 0; width: 100px; height: 19px  }
footer a { color: #808080 }
footer a:hover { color: #fff }
.footerBottomWrapper { margin-top: 10px; font-size: 11px;}
.footerBottomWrapper div { display: inline-block;}
.footerBottomWrapper div.right { float:right; text-align: right }
.footerBottomWrapper .textLeft { display: inline-block; padding: 10px 0 0 0 }
.footerBottomWrapper .accLogo { padding: 0 10px 0 0; vertical-align: top; display: inline-block; }

/* GRADIENT BACKGROUNDS */
span.gradGreen { font-size: 13px; padding: 5px 14px 5px 14px; -ms-border-radius: 6px; border-radius: 6px; color: #fff; cursor: pointer; font-weight: bold; }

.gradGreen {
background: #51a81c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzUxYTgxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODhhMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #51a81c 1%, #388a07 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#51a81c), color-stop(100%,#388a07)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #51a81c 1%,#388a07 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #51a81c 1%,#388a07 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #51a81c 1%,#388a07 100%); /* IE10+ */
background: linear-gradient(to bottom,  #51a81c 1%,#388a07 100%); /* W3C */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a81c', endColorstr='#388a07',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a81c', endColorstr='#388a07',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a81c', endColorstr='#388a07',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a81c', endColorstr='#388a07',GradientType=0 ); /* IE6-8 */
border: 1px solid #347F08;
}

.gradGreen:hover { border: 1px solid #255C05; color: #fff; background: #3D9706; }

span.gradBlue {
	display: inline-block;
    font-size: 13px; padding: 5px 14px 5px 14px;
    -ms-border-radius: 6px;
    border-radius: 6px; color: #fff; cursor: pointer; font-weight: bold;
}

.gradBlue {
    background: #2969b8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzI5NjliOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODQ5OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2969b8 1%, #084997 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2969b8), color-stop(100%,#084997)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2969b8 1%,#084997 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2969b8 1%,#084997 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2969b8 1%,#084997 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2969b8 1%,#084997 100%); /* W3C */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2969b8', endColorstr='#084997',GradientType=0 ); /* IE6-8 */
border: 1px solid #0B4893;
}

.gradBlue:hover { border: 1px solid #083A78; background: #1364C7; color: #E6F1FF; }

span.gradOrange {
    font-size: 13px; padding: 5px 14px 5px 14px;
    -ms-border-radius: 6px;
    border-radius: 6px; color: #fff; cursor: pointer; font-weight: bold;
}

.gradOrange {
    background: #fd8e21; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZkOGUyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDZkMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fd8e21 1%, #dd6d01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fd8e21), color-stop(100%,#dd6d01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fd8e21 1%,#dd6d01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fd8e21 1%,#dd6d01 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fd8e21 1%,#dd6d01 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fd8e21 1%,#dd6d01 100%); /* W3C */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e21', endColorstr='#dd6d01',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e21', endColorstr='#dd6d01',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e21', endColorstr='#dd6d01',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e21', endColorstr='#dd6d01',GradientType=0 ); /* IE6-8 */
border: 1px solid #DA6B00;
}

.gradOrange:hover { border: 1px solid #C76405; background: #FB8411; color: #fff }

/*#orderSumAndCashierButton span { color: #303030; }*/

/* TOP MENU LINKS */
.gf-menu-device-container ul.main { list-style-type: none; margin-top: 30px }
.gf-menu-device-container li { display: inline-block; margin-right: 22px }
.gf-menu-device-container a { color: #303030; font-size: 15px } 
.gf-menu-device-container a:hover { color: #fd8e21 }


/* SLIDER */
.sliderWrapper { position: relative; height: 206px; width: 100% } 
.sliderWrapper ul { margin: 0; padding: 0; padding-left: 0; }
.sliderWrapper li { list-style-type: none; cursor:pointer; padding-left: 0; }
.sliderWrapper ul li  { list-style-type: none; }

#topSlider .slider { list-style-type: none; background-size: contain; height: 206px; max-height: 206px; width: 100% }

.sliderWrapper .dots { position: absolute; left: -20px; right: 0; bottom: -5px; }
.sliderWrapper .dots li {
    display: inline-block; width: 8px; height: 8px; margin: 0 2px; text-indent: -999em; border: 2px solid #fff;
    -ms-border-radius: 6px;
    border-radius: 6px; cursor: pointer;
    -ms-opacity: .4;
    opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s;
    -ms-transition: background .5s, opacity .5s;
    -o-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.sliderWrapper .dots li.active {
    background: #fff;
    -ms-opacity: 1;
    opacity: 1;
}

.sliderWrapper button {
    background: #fff; color: #fff; font-size: 15px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -moz-min-width: 100px;
    -ms-min-width: 100px;
    -o-min-width: 100px;
    -webkit-min-width: 100px;
    min-width: 100px; padding: 8px;
}

.sliderWrapper button:hover { background: #00A1FF; cursor: pointer }

/* TOP PRODUCT */
.bgTopProducts { margin: 0 10px 15px 0; padding: 5px 12px 0px 15px; width: 96%;
border-radius: 15px 0 15px 0; border: 1px solid #E0E0E0; background:#FAFAFA; position: relative }
.bgTopProducts .imgWrapper { display: inline-block }
.bgTopProducts .txtWrapper { margin-top: 10px; display: inline-block; width: 74%; vertical-align: top }
.bgTopProducts img.product { height: 180px; border-radius: 4px; margin: 10px 15px 0 0; }
.bgTopProducts p.incl { color: #238406; font-size: 14px; }
.bgTopProducts ul { list-style-image: url('/img/checkMark.png'); margin: 0 0 0 18px; }
.bgTopProducts ul li { color: #238406; }

.bgTopProducts .topWrapper { min-height: 135px;}
.bgTopProducts .topWrapper h2 { font-size: 24px; margin: -10px 0; padding: 0 }
.bgTopProducts .topWrapper .desc { font-size: 13px;padding-top: 5px; max-height: 100px;}

.bgTopProducts .bottomWrapper { height: 45px;margin-bottom: 15px;}
.bgTopProducts .bottomWrapper .moreInfo {  text-align: left; display: inline-block; padding-top: 19px;}
.bgTopProducts .bottomWrapper .price { text-align: right; display: inline-block; float: right;}
.bgTopProducts .bottomWrapper .moreInfo .readMore { font-size: 12px; font-weight: bold }
.bgTopProducts .bottomWrapper .price .priceInfo { text-align: right; color: #860B0B; margin: 12px 12px 8px 0; display: inline-block;vertical-align: middle;}
.bgTopProducts .bottomWrapper .price .priceInfo .priceNumber { font-size: 20px; }
.bgTopProducts .bottomWrapper .price .priceInfo .priceNumber .exVat { margin-left: 6px; font-size: 12px; color: #808080;}
.bgTopProducts .bottomWrapper .price .priceInfo .priceText { font-size: 10px; }
.bgTopProducts .price .addButton { display: inline-block;}



/* POP-UP */
.popupBox { display:none; position:relative;max-width: 450px;width: 100%;}
.popupBox .boxImg { width: 80px; vertical-align: top; display: inline-block; padding: 0 10px 0 0; border-radius: 6px }
.popupBox h2 { font-size: 26px; line-height: 30px; max-width: 340px; width: 75%; min-height: 60px; display: inline-block; vertical-align: middle; padding: 10px 0 0 0  }
.popupBox .desc { font-size: 12px; margin-top: 5px }
.popupBox .respTime { font-size: 12px; font-weight: bold }
.productContent .readMore { margin-top: -10px; padding: 0px 0 0 0; width: 80px; display: block; font-weight: bold }

/* CART POP-UP*/
.popupBoxCart { display:none; position:relative;width: 400px;height: 55px;}
#pCartMsg .success span{ color: #2C7C06;}
#pCartMsg .error span { color: #DE6908;}
#pCartMsg .success .messageIcon { padding: 0 15px 0 10px;content: url('../img/iconOrderComplete.png'); float: left;}
#pCartMsg .error .messageIcon {padding: 0 15px 0 10px;content: url('/img/iconError.png');float: left;}
.popupBoxCart span { font-size: 16px;white-space: normal; vertical-align: middle; padding: 10px 0 0 0  }


/* CART */
.cartModule { width: 92%; -ms-border-radius: 4px; border-radius: 4px; float:left; padding: 0 15px 10px 15px; background: #EAEAEA url('/img/bgCart.png') repeat-x ;}
.cartModule .cartHeader { clear: both;padding-top: 10px;}
.cartModule .cartHeaderLeft { float: left;}
.cartModule .cartHeaderText { font-size: 25px; color: #303030; display:inline-block; margin-top: 3px; } 
.cartModule .cartArticleCount { margin-bottom: 4px; display: inherit;width: 268px;}
.cartModule img.cartIcon { padding: 0 8px 20px 0;float: left;}
.cartModule .EmptyCart { float: right; }
.cartModule .EmptyCart img { cursor: pointer; vertical-align: middle;padding-top: 3px; }
.cartModule .sumAndGoToCart { float: right; text-align: right;}

/*.cartModule .cartVat {float: right; margin-right: 10px; font-size: 10px; padding-top: 2px; color: #808080;}
.cartModule .cartSum { float: right; margin-right: 10px;}*/
.cartModule .cartVat {float: right; margin-right: 10px; font-size: 10px; padding-top: 2px; font-weight: bold;  color: #084897;}
.cartModule .cartSum {  font-size: 12px; font-weight: bold;  color: #084897;float: right; margin-right: 10px;}

#orderSumAndCashierButton p { font-size: 14px;}
.cartModule .btnCheckout {float: right;}
.cartModule .separator { background: url('/img/cartSeparator.png') repeat-x; display:block;margin-top: 10px;clear: both;height: 2px;}
.cartModule .orderItem, .cartModule .sample { width: 100%; position: relative; }
/*.cartModule .orderItem, .cartModule .sample p.headSampleTxt { font-size: 15px; line-height: 11px; font-weight: bold; margin: 10px 0 6px 0; color: #303030; display:block; font-family: 'Noto Sans', sans-serif; }*/
.cartModule .orderItem, .cartModule .sample p.headSampleTxt {width: 210px; float: left;font-size: 15px; line-height: 11px; font-weight: bold; margin: 10px 0 6px 0; color: #303030; display:block; font-family: 'Noto Sans', sans-serif; }

.cartModule .orderItem, .cartModule .sample span { display: inline-block; color: #084897; margin: 0; font-size: 12px; font-weight: bold }
.cartModule .orderItem, .cartModule .sample p.orderRow { padding: 0 0 0 0; margin: 3px 0 0 0;clear: both; }

/*.cartModule .orderItem, .cartModule .sample span.titleRow { float: left; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cartModule .orderItem, .cartModule .sample span.price { width: 90px; text-align: right; }*/
.cartModule .orderItem, .cartModule .sample span.titleRow { float: left; width: 200px; }
.cartModule .orderItem, .cartModule .sample span.price {width: 50px; text-align: right;font-weight: normal ;color:#808080; margin-right: 2px;}
.cartModule .orderItem, .cartModule .sample span.priceSum {width: 50px; text-align: right;/*font-weight: normal ;*/color:#808080; }

/*.cartModule .sample span.vat {text-align: right; width: 270px; color:#808080;}
.cartModule .sample span.vatText {text-align: right; width: 270px; color:#808080; font-size:10px;}*/
.cartModule .sample span.vat {width: 50px; text-align: right;  color:#084897; /*font-size:16px*/font-weight:normal; margin-right: 2px;}
.cartModule .sample span.vatText  {/*width: 20px;*/ text-align: left; color:#808080;  font-size:10px;margin-left: 3px;white-space: nowrap;}
.cartModule .sample span.vatText2  {/*width: 20px;*/ text-align: left;  color:#084897; font-size:10px;margin-left: 3px;white-space: nowrap;}  

.cartModule .sample span.vatSum {width: 50px; text-align: right;  color:#084897; font-size:16px}
.cartModule .sample span.vatTextSum  {width: 20px; text-align: left; color:#808080;  font-size:10px;margin-left: 5px}
.cartModule .sample span.vatTextSum2  {width: 20px; text-align: left;  color:#084897; font-size:10px;margin-left: 5px}    


.cartModule .orderItem, .cartModule .sample span.imgPlaceHolder { float: right; }
.cartModule .orderItem, .cartModule .sample span img { cursor:pointer;padding: 0 0 3px 0; vertical-align: inherit; }
.cartModule .orderItem, .cartModule .sample .inEdit {
    display: none; margin: 0; padding: 12px;
    -ms-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px; z-index: 200; background: #fff; width: 269px; height: 43px;
}

.cartModule .orderItem, .cartModule .sample .inEdit a { cursor: pointer; float:right; font-size: 12px; margin:-29px -68px 0 0; color: #fff}
.cartModule .orderItem, .cartModule .sample .inEdit .btnRemArt { clear:right; float:left; display: block; padding: 0 10px 0 10px; } 
.cartModule .orderItem, .cartModule .sample .inEdit .btnMoveArt { margin: 0 6px 0 28px; vertical-align: top; display: inline-block ; padding: 0 10px 0 10px;float: left;} 

.cartModule .orderItem, .cartModule .sample .pMoveSample { font-size: 11px;margin: -6px -7px 0 0;float: right; }
.cartLineBackground .sMoveToSample { width: 84px; font-size: 11px; height: 24px; vertical-align: baseline; color:#202020}
.inEdit .sMoveToSample { width: 84px; font-size: 11px; height: 24px; vertical-align: baseline; color:#202020}

.cartModule .orderItem, .cartModule .sample .pMoveSample .sNoMoveSample {font-weight: normal;font-size: 11px;color: #000000; margin: 2px 6px 0 -19px; vertical-align: top;float: left;}
.cartModule .orderItem, .cartModule .sample .pMoveSample .bNoMoveSample { vertical-align: text-bottom;}
.cartModule .orderItem, .cartModule .sample .onlyOneSample { height: 10px;}
.orderRowActive {
    margin: 5px 0 0 0; padding: 5px; color: #fff; background: #084897;
    -ms-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.orderRowActive span.titleRow { padding: 1px 0 0 6px;color: #fff;max-width: 160px;}
/*.orderRowActive span.price { padding: 1px 0 0 6px; color: #fff }*/
/*.orderRowActive span.price {display:none;}*/
.orderRowActive span.vat {display:none;}
.orderRowActive span.vatText {display:none;}
.orderRowActive img { display:none; }

/* RIGHT SIDE */
.contentRightWrapper h3 { width: 100%; font-size: 16px; font-weight: bold; }
.rightContentLinkList a { font-size: 12px; width: 94%; border-top: 1px solid #c0c0c0; overflow: hidden; padding: 8px; display: block; }
.rightContentLinkList a:nth-child(odd) {background: #e9e9e9; }

/* SUB CONTENT */
.subContent { width: 100%; clear:both; padding: 0; }
.subContent h2 { font-size: 24px; margin: 0; padding: 0; }
.subContent .productItem {
    display: inline-block; position: relative; background: #EAEAEA; margin: 0 0 10px 0; padding: 15px 0 0 0;
    -ms-border-radius: 0 15px 0 15px;
    border-radius: 0 15px 0 15px; -webkit-border-radius: 0 10px 0 10px; border: 1px solid #E0E0E0; -webkit-box-shadow: 3px 2px 5px -5px #909090;
    -ms-box-shadow: 3px 2px 5px -5px #909090;
    box-shadow: 3px 2px 5px -5px #909090;
}

.subContent ul li { margin: 6px; list-style-image: url(''); }
.subContent ul a { color: #084897; font-family: 'Noto Sans', sans-serif; }
.subContent .prodCatalogue { line-height: 16px; width: 780px; position: relative; margin-bottom: 10px; padding: 6px; border: 1px solid #E0E0E0; background: #EAEAEA; border-radius: 0 8px 0 8px; min-height: 64px }
.subContent .prodCatalogue .description { width: 600px; display: inline-block; vertical-align: top }

.subContent .prodCatalogue:hover { background: #f2f2f2; }
.subContent .prodCatalogue .imgContainer { display: inline-block; vertical-align: top; margin-top: 5px;  height: 100%; width: 100px }
.subContent .prodCatalogue img {
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.subContent .prodCatalogue h2 {  color: #202020; font-size: 18px; margin: -3px 0 0 0; padding: 0 }
.subContent .prodCatalogue .link { text-align: center; height: 100%; position: absolute; right: -1px; top: -1px; border: 1px solid #BEBEBE; border-radius: 0 8px 0 0; background: #C5C3C3 url('../img/arrowRight.png') no-repeat center; width: 60px }
.subContent .prodCatalogue .link:hover { background-color: #03397C; cursor: pointer; border: 1px solid #3B64C3; border-radius: 0 8px 8px 0;}
.subContent .prodCatalogue .active { background-color: #03397C; cursor: pointer; border: 1px solid #3B64C3; border-radius: 0 8px 8px 0;}

.subContent .prodCatalogue .link img { vertical-align:middle; }
.subContent .goBack { display:inline-block; padding: 6px 0 0 20px; font-family: Arial, serif; }
.subContent .goBack span { font-size: 12px; display: inline-block; vertical-align:middle; }

/* PRODUCT CATALOGUE */
.productItem .prodImg { float:left; vertical-align:top; margin: 0 10px 0 10px }
.productItem .prodImg img { border-radius: 6px; width:80px; height: 80px  }
.productItem .prodImg p { font-size: 10px;margin-top: 3px;margin-left: 2px;}
.productItem .productContent { float:left; position: relative; width: 86%;height:154px; }
.productItem .productContent .prodText { vertical-align: top; float:left; width: 82%; min-height: 120px }
.productItem .productContent .prodText h3 { display: inline-block; font-size: 20px; margin: -4px 0; line-height: 28px; padding: 0 }
.productItem .productContent .prodText .desc { height: 60px;overflow: hidden;}
/*.productItem .productContent .prodText .readMore { font-size: 12px;}*/
 .productItem .productContent .prodText .readMore{float: left;font-size: 12px;vertical-align: top;width: 100%;}
.productItem .productContent .prodText .productPrice { font-size: 17px; font-weight: bold; color: #084897; /*padding-top: 19px;*/ }
.productItem .productContent .prodText .productPrice span { font-size: 11px; font-weight: normal; color: #084897; }
.productItem .productContent .prodText .productPrice .exVat { color: #808080;}
.productItem .productContent .col3 .addToCart { width: 110px; line-height: 8px; vertical-align: bottom; height: 80px; position: absolute; right: -7px; bottom: -14px; }
.productItem .productContent .col3 img { cursor: pointer; vertical-align: top; padding: 1px 0 0 2px }
.productItem .productContent .col3 .addToCart input[type="text"] { width: 30px; min-height: 16px; font-size: 12px; font-weight: bold; text-align: center; padding: 3px; height: 0; } 


/* CHECKOUT */
#forcedCampaignRecipientInformation { margin-bottom: 10px; }
.orderSummary { background: #d5d5d5; -ms-border-radius: 0 10px 0 10px; border-radius: 0 10px 0 10px; width: 100%; padding: 15px 20px 10px 20px }
.deliveryInfo {width: 600px; border: 1px solid #e0e0e0; -ms-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0;margin-bottom: 0;padding-left:20px; }
.deliveryInfo input { margin: 0; }
.deliveryInfo input { min-height: 12px;color: #202020; }
.copyReceiver { padding-left: 20px;}
span.star { color: #ff6600; }
.star { color: #ff6600; }
.deliveryInfo .itemInfo { background: #EBF0F6; border-bottom: 1px dotted #ACC5E2; padding: 10px; font-size: 12px; font-weight: bold }
.checkoutLeftSide {max-width: 700px;width: 700px;float: left; min-height: 400px}
.checkoutRightSide { float: right;}

.checkoutCartWrapper { display:inline-block; vertical-align:top; width: 350px }
.checkoutContentWrapper { display: block; }
.divTerms { }
.divTermsStep1 { width: 400px }
.divTerms .gradBlue, .divTerms .gradGreen, .divTermsStep1 .gradGreen, .divTermsStep1 .gradBlue { width: 155px; display:inline-block }
.divTerms .col1, .divTermsStep1 .col1 { display: inline-block; }
.divTerms .col2, .divTermsStep1 .col2 { float:right; text-align: right }

#divCheckoutStep1 { display: inline-block; vertical-align: top; }


#divSampleInformation .sampleNumber span { margin: 12px 0 0 20px; display:block; }
#divSampleInformation .sampleNumber { height: 40px; display:inline-block; -ms-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; background: #084897; color: #fff; font-size: 16px; font-weight:bold; width: 100%; }

#divSampleInformation .sampleNumber .edit { display:inline-block; float:right; margin-right: 15px; cursor:pointer }
#divSampleInformation .sampleNumber { height: 40px }
#divSampleInformation .sampleNumber.active { height: 100px }
#divSampleInformation .sampleNumber .btnClose { float: right; font-size: 11px; color: #fff; margin-right: 10px; cursor: pointer; display:none }
#divOrderConfirmation { display:inline-block; /*margin-left: 20px;*/ vertical-align:top }
#divOrderConfirmation .sampleNumber span { margin: 12px 0 0 20px; display:block;   }
#divOrderConfirmation .sampleNumber { height: 40px; display:inline-block;-ms-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; background: #084897; color: #fff; font-size: 16px; font-weight:bold; width: 100%;}

#divOrderConfirmation .sampleNumber .edit { display:inline-block; float:right; margin-right: 15px; cursor:pointer }
#divOrderConfirmation .sampleNumber { height: 40px }
#divOrderConfirmation .sampleNumber.active { height: 100px }
#divOrderConfirmation .sampleNumber .btnClose { float: right; font-size: 11px; color: #fff; margin-right: 10px; cursor: pointer; display:none }

/*#divOrderInformationSample .sampleLineBackground { background: #fff; position: relative; line-height: 16px; -ms-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; font-size: 13px; display: block; width: 400px; border: 1px solid #e0e0e0; margin: 0 0 10px 0; padding: 0 0 15px 0; }
#divOrderInformationSample .sampleLineBackground  { width: 400px;}
#divOrderInformationSample .sampleLineBackground .articleRow { width: 390px;margin-left: 10px;}
#divOrderInformationSample .sampleLineBackground .infoRow { margin-top: 20px;}
#divOrderInformationSample .sampleNumber span { margin: 12px 0 0 12px; display:block;   }
#divOrderInformationSample .sampleNumber { height: 40px; display:inline-block;-ms-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; background: #084897; color: #fff; font-size: 16px; font-weight:bold; width: 100%;}
#divOrderInformationSample .sampleText { margin: 5px 0 5px 0 }
#divOrderInformationSample .sampleText .text { display: inline-block; font-size: 15px; }
#divOrderInformationSample .sampleText .price { vertical-align: top; display: inline-block; font-size: 16px; color: #084897;float: right;margin-right: 10px; }
#divOrderInformationRelatedDocumentPadding { margin-top: 55px;}*/

.sumLine {background: #F7F7F7; border: 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}
.cartLineBackground { background: #fff; position: relative; line-height: 16px; -ms-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; font-size: 13px; display: block; width: 400px; border: 1px solid #e0e0e0; margin: 0 0 10px 0; }
.cartLineBackground.orderInformation {padding-bottom:20px;}
.cartLineBackground .sampleText { padding-top: 10px; padding-left: 10px; clear: both; display: inline-block; width: 98%;}
.cartLineBackground .sampleText img { vertical-align: top; height: 66px; }
.cartLineBackground .sampleTextDefaultProduct { padding-top: 10px; padding-left: 10px; clear: both; display: inline-block; width: 98%;}
.cartLineBackground .sampleTextDefaultProduct img { height: 30px; margin: -5px 0 0 17px; }
.cartLineBackground .splitter { border-top: 1px dotted #c0c0c0; width: 90%; margin: 0 0 0 10px; display: inline-block }
.cartLineBackground .col1 { display: inline-block; vertical-align: top; width: 66px; }
.cartLineBackground .col1 img { border-radius: 4px }
.cartLineBackground .col2 { width: 180px; display: inline-block; padding-left: 10px; margin: 0;}
.cartLineBackground .col2.noPadding {padding-left:0px;}
.cartLineBackground .col2.fullCartWidth {width:100%; margin-bottom: 20px;}
.sumLine .text { text-align: right; font-size: 18px; }
.cartLineBackground .col2 .largeText{ font-size: 16px; }
.cartLineBackground .col2 .smallText{ font-size: 11px; }
.cartLineBackground .col2 .responseTime { padding-top: 4px;}
.cartLineBackground .col2 .price { vertical-align:top; float:right; margin-right:10px; font-size: 14px; color: #084897; }
.cartLineBackground .col2 p { margin:0; }
.cartLineBackground .col3 { display: inline-block; vertical-align: top; float: right; margin-right: 10px; text-align: right; line-height: 10px;}
/*.cartLineBackground .col3 .price { vertical-align: top; display: block; font-size: 16px; color: #084897; }
.cartLineBackground .col3 .vat { vertical-align: top; display: block; font-size: 12px; color: #808080; }
.cartLineBackground .col3 .vatText { vertical-align: top; display: block; font-size: 10px; color: #808080; margin-top: -5px; }*/
.cartLineBackground .col3 .price { vertical-align: top; display: block; font-size: 12px; color: #808080; float:left ;margin-left: -50px; }
.cartLineBackground .col3 .vat { vertical-align: top; display: block; color: #084897; float:left ;margin-left: -50px; }
.cartLineBackground .col3 .vatText { vertical-align: top; display: block; font-size: 10px; color: #808080;  }
.cartLineBackground .col3 .vatText2 { vertical-align: top; display: block; font-size: 10px; color: #084897;  }
.cartLineBackground .reqAF { margin-top: 10px; clear: both; }
.cartLineBackground h3 {font-size: 18px; margin: 0 0 10px 10px}
.sumLine .smallText { font-size: 10px;float: right;}
.sumLine #lblIncludeMessage { font-size: 11px; font-style: italic; font-weight: normal; float: right; padding-top: 5px; }
.cartLineBackground .sampleTextDefaultProduct .col2 .largeText{ font-size: 14px; }
.cartLineBackground .sampleTextDefaultProduct .col2 .smallText{ font-size: 9px; }
.cartLineBackground .sMove { display: block; margin: 8px 0 8px 0;text-align: right;}
.cartLineBackground .sMove span { display: inline-block; }
.cartLineBackground .sampleTextDefaultProduct .col2 .price { font-size: 14px; }
.cartLineBackground .sumSample { width: 370px; text-align: right; font-size: 14px; display: inline-block; font-size: 12px; font-weight: bold; padding: 10px 40px 0 0 }
.cartLineBackground .sumSample .propertyText { float:left; font-weight: normal; font-size: 11px; margin-left: 10px; } 
.cartLineBackground .inEdit { display: none; margin: 0 0 0 10px; padding: 12px; z-index: 200; width: 365px; color: #fff; }
.cartLineBackground .inEdit a { cursor: pointer; font-size: 11px; color: #fff }
.cartLineBackground .inEdit a:hover { text-decoration: underline}
.cartLineBackground .sampleText .sMoveToSample { width: 84px; font-size: 11px; height: 24px; vertical-align: baseline; margin-left: 6px;}
.cartLineBackground .sampleText .btnRemArt { display: inline-block; margin:0 10px 0 6px; width: 70px; padding: 0; vertical-align: baseline;} 
.cartLineBackground .btnMoveArt { margin: 10px 0 0 6px; vertical-align: baseline; display: inline-block ; padding: 0; width: 70px; } 
.cartLineBackground .inEdit .pMoveSample { font-size:11px; display: inline-block; color: #fff; }
.cartLineBackground .pAFInput input[type="text"], .cartLineBackground .pAFInput select { margin: 0 0 0 10px; min-height: 12px;color: #202020;}
.cartLineBackground .pAFInput span.afLabel {margin-left: 10px; display: inline-block; width: 180px;}
.cartLineBackground .pAFInput span.afLabel i {color: #0080C0}
.cartLineBackground .pAFGroup {font-size: 11px; border-bottom: 1px solid #F5822B; line-height: 0.1em; margin-left: 10px;margin-right: 10px;padding-left: 28px;padding-top: 15px;}
.cartLineBackground .pAFGroup span {  background: #ffffff; padding: 0 10px; color: rgb(224, 118, 37);}
.cartLineBackground .pAFOutput span {margin: 1px 0 0 5px; display: inline-block;}
.cartLineBackground .pAFOutput span.afLabel { font-weight: bold; margin-left: 10px; display: inline-block; float: left }
.leftConfirmationInfo { width: 100% }
.leftConfirmationInfo .gradGreen { width: 150px  }

/*.sumTotalPrice { line-height: 14px; width: 400px; font-size: 18px !important; display: block; text-align: right; } 
.sumTotalPrice .sum { color: #084897; }
.sumTotalPrice .vat {font-size: 14px; color: #808080; }
.sumTotalPrice .vatText {font-size: 10px; color: #808080; }*/
.sumTotalPrice { line-height: 14px; width: 400px; font-size: 18px !important; display: block; text-align: right; } 
.sumTotalPrice .sum {font-size: 18px; font-weight:bold; color: #084897; margin-left: 50px;}
.sumTotalPrice .vat {font-size: 14px;  color: #808080; /*font-weight:bold;*/ margin-left: 50px;}
.sumTotalPrice .vatText {font-size: 10px; color: #808080; }
.sumTotalPrice .vatText2 {font-size: 12px; font-weight:bold; color: #084897; }

.faqSection p.q { padding: 10px 0 0 0; color: #084897; font-size: 18px; font-family: 'Noto Sans', sans-serif; }
.faqSection p.q_top { padding: 4px 0 0 0; color: #084897; font-size: 14px; font-family: 'Noto Sans', sans-serif; }

.faqSection .border { display: block;text-align: center;overflow: hidden;white-space: nowrap;}
.faqSection .border span { position: relative;display: inline-block;}
.faqSection .border span:before,.faqSection .border span:after { content: "";position: absolute;top: 50%;width: 9999px;height: 1px;background: #084897;}
.faqSection .border span:before { right: 100%; margin-right: 10px;}
.faqSection .border span:after { left: 100%; margin-left: 10px;}
.faqSection .border span img { padding-left: 5px;margin-bottom: 3px;}

#emailForm .gradBlue { vertical-align: middle; margin: -7px 0 0 5px }

.faqSection p { display:block }



span.cis-style-1 {
    -webkit-border-radius: 10px;-moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

span.cis-style-1 {
    border:solid #FFF 4px;
    -moz-box-shadow: 1px 1px 7px #000000;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 7px #000000;
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 1px 7px #000000;
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 1px 1px 7px #000000;
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 7px #000000;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
}

span.cis-style-1 {
    -ms-transition-duration:0.0;
    -ms-transition-timing-function: ease;
    -ms-transition-delay:0;
    -moz-transition-duration:0;-moz-transition-timing-function:ease;-moz-transition-delay:0;-webkit-transition-duration:0;-webkit-transition-timing-function:ease;-webkit-transition-delay:0;-o-transition-duration:0;
    transition-duration:0;
    -o-transition-timing-function:ease;
    transition-timing-function: ease;
    -o-transition-delay:0;
    transition-delay:0;
}

span.cis-style-4 {
    border:solid #FFF 4px;
    -moz-box-shadow: 1px 1px 7px #000000;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 7px #000000;
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 1px 7px #000000;
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 1px 1px 7px #000000;
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 7px #000000;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
}

span.cis-style-4-caption {position: relative;display: block;background-color: #F6F6F6;padding: 5px;border: solid 1px #CCCCCC;}
p.cis-style-4-caption {color: #333333;font-size: 13px;line-height: 13px;position: relative;margin: 0;padding: 5px 0 0 0;text-align:center;text-decoration:none !important;clear:both;}
span.cis-style-4 {
    -ms-transition-duration:0.0;
    -ms-transition-timing-function: ease;
    -ms-transition-delay:0;
    -moz-transition-duration:0;-moz-transition-timing-function:ease;-moz-transition-delay:0;-webkit-transition-duration:0;-webkit-transition-timing-function:ease;-webkit-transition-delay:0;-o-transition-duration:0;
    transition-duration:0.0;
    -o-transition-timing-function:ease;
    transition-timing-function: ease;
    -o-transition-delay:0;
    transition-delay:0;
}
.dividerLine { margin-top: 5px; padding-top: 5px; border-top: 1px dotted #808080; width: 400px }
.spanSguText { float:left;  }

@media only screen and (min-width: 1200px) {
.hideOnLargeScreen { position: absolute; top: -9999px; left: -9999px; }
.mainContentRight { float:left; }
.divOrderedArticles { margin: 10px 0 0 0 }
.orderStepInfo { width: 600px }
.productItem { width: 800px }
.bgTopProducts .addInfo { margin-top: -5px }


  .clear {clear: both;}
  .stick {position: fixed;top: 0px;z-index:99999999;}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.fullWidth { width: 895px !important }
.bgTopProducts { margin-bottom: 12px; width: 880px !important }
.productItem { width: 895px; }
.bgTopProducts .bottomWrapper { width: 680px;}
.bgTopProducts .bottomWrapper .shopRow { padding-right: 15px  }
.bgTopProducts .addInfo { margin-top: -10px }
.leftInfoSide { width: 430px }
.checkoutLeftSide { min-height: 0;}
.checkoutRightSide { float: left;}
.mainContentRight { width: 320px; float:left; margin: 0;margin-top: 15px;}
.divOrderedArticles { margin: 10px 0 0 0 }
#divOrderConfirmation { margin-left: 0; width: 100%  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.productItem .addToCart  { margin: -70px 10px 0 0; }
.fullWidth { width: 714px !important }
.bgTopProducts { width: 700px !important }
.orderStepInfo span { width: 680px; }
.orderStepInfo span.first, .orderStepInfo span.last  { border-radius: 0 }
.productItem { width: 720px; }
.productItem .productContent { width: 610px; }
.bgTopProducts .txtWrapper { width: 500px; }
.mainContentLeft { width: 720px; }
.checkoutLeftSide { min-height: 0;}
.checkoutRightSide { float: left;}
.mainContentRight { width: 320px; float:left; margin: 0;margin-top: 15px;}
.footerBottomWrapper .textLeft { padding-top: 0px; width: 50%; }
.checkoutCartWrapper { float:left; margin: -20px 0 0 -20px }
.subContent .prodCatalogue .description { width: 550px }
.topInfoLinks {max-width: 725px; margin-left: 10px;}
.cartLineBackground { clear: both }
#divOrderConfirmation { margin-left: 0; width: 100%  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
.productItem { width: 440px; }
.fullWidth { width: 430px !important }
.productItem .productContent .prodText h3 { height: 58px; }
.productItem .productContent { width: 330px; float:left;height: 210px; }
.productItem .productContent .prodText { vertical-align: top; float:left; width: 330px; min-height: 120px }
.productItem .productContent .prodText .readMore {margin-top: 19px;}
.productItem .productContent .prodText .productPrice { width:67%;}
.productItem .productContent .prodText .productPrice span {white-space:nowrap;}
.productItem .productContent .col3 .addToCart {bottom:-4px;}
.orderStepInfo span { width: 400px; }
.orderStepInfo li {display: block;}
.orderStepInfo .stepNumber {margin: 0 9px 0 7px;}
.orderStepInfo img { margin: 5px 3px 0 0;float: right;}
.orderStepInfo .first, .orderStepInfo .last{border-radius: 0;}
.leftInfoSide { width: 410px; }
.cookieInfoWrapper { width: 98%; height: auto; padding-bottom: 0px }
.cookieInfoWrapper .text { width: 60% }
.campaignInfo { width: 60% !important; margin-right: -70px }
.headWrapper { width: 85%; margin-top: 0; text-align: center }
.headWrapper a span { width: 80% }
.headWrapper .imgWrapper { text-align: center !important; width: 100% }
.headWrapper h2 { text-align: center }
.campaignIntroInfo { width: 240px !important; }
.topModuleCampaign { width: 240px; margin-left: -80px }
.subContent .prodCatalogue .description { width: 250px }
.topInfoLinks { width: 450px;font-size: 10pt;}
.topInfoLinks a { margin-right: 10px;}
.gf-menu-device-container a {font-size: 13px;}
.mainContentLeft { width: auto;}
.bgTopProducts img.product { height: 120px; position: absolute;}
.bgTopProducts .txtWrapper { width: auto; }
.bgTopProducts .topWrapper h2 {margin-left: 130px; height: 133px;}
.bgTopProducts .price { text-align:left }
.bgTopProducts .bottomWrapper button { float:left }
.mainContentRight { width: 320px; float:left; margin: 0;margin-top: 15px;}
#divOrderConfirmation { margin-left: 0; width: 100%  }
.checkoutLeftSide { min-height: 0;width: auto;max-width: 430px;}
.checkoutRightSide { float: left;}
.deliveryInfo {width: 430px;}
.breadCrumb { max-height: 100px;}
.breadCrumb .breadCrumbText {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 70%;vertical-align: bottom;}
.breadCrumb .campaignSurface .campaignLoginText { display: block;}
.breadCrumb .campaignSurface .campaignForm {position: absolute; left: 15px;}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
.productItem { display:block; width: 100% !important }
.productItem .productContent { width: auto; padding-left: 10px; float:left;height: auto;float: none;}
.productItem .col3 .about { position: absolute; line-height: 8px; top: 140px; left: -94px }
.productItem .addToCart {margin: 0 10px 0 0; }
.productItem .col3 .addToCart { position: inherit; height: auto; top: 0 }
.productItem .prodImg {text-align: center; float: none;}
.productItem .productContent .prodText {width: auto;}
.productItem .productContent .prodText .productPrice span {white-space:nowrap;}
.productItem .productContent .col3 .addToCart { position: inherit;height: auto;}
.fullWidth { width: 100% !important }
.faqSection p, .termsText p { width: auto; }
.mainContentLeft { width: 100%;}
.cartLineBackground { width: 100%; }
.cartLineBackground .col2 { width: 150px }
.cartLineBackground .pAFInput span.afLabel { width: auto; display: block }
.cartLineBackground .sampleText .btnRemArt { float:left }
.cartLineBackground .price { float:left }
.orderStepInfo span { width: 400px; }
.orderStepInfo li {display: block;}
.orderStepInfo .stepNumber {margin: 0 9px 0 7px;}
.orderStepInfo img { margin: 5px 3px 0 0;float: right;}
.orderStepInfo .first, .orderStepInfo .last{border-radius: 0;}
.divSGUselection { margin: 0 0 0 15px }
.cartLineBackground #reqAF { margin: 0 0 0 15px }
.cartLineBackground { width: 100% }
.mainContentCheckout { width: 100%; float:left;margin: 0; }
.orderStepInfo { width: 100%; }
.orderStepInfo span { width: 100%; }
.prodText .productPrice { padding-bottom: 30px }
.xsmallWidth { font-size: 12px !important; }
.xsmallWidth h1 { font-size: 26px; line-height: 28px }
.leftInfoSide { width: 100%; display: inline-block }
.cookieInfoWrapper { width: 98%; height: auto; padding-bottom: 0px }
.cookieInfoWrapper .text { width: 60% }
.popupBox h2 {width: 75%;height: auto;}
.bgTopProducts { width: 92%; }
.bgTopProducts .txtWrapper { width: 96% }
.bgTopProducts .price { text-align:left; clear: both }
.bgTopProducts .bottomWrapper { height: auto;}
.bgTopProducts .bottomWrapper button { float:left; }
.bgTopProducts .bottomWrapper .shopRow { float:left }
.bgTopProducts .topWrapper .desc { padding-top: 15px;max-height: none;}
.bgTopProducts .bottomWrapper .moreInfo {padding: 0;width: auto;}
.bgTopProducts .bottomWrapper .price {width: auto;}
.bgTopProducts h2 { line-height: 32px; padding-bottom: 5px }
.bgTopProducts button { float:left }
.campaignInfo { width: 60% !important; margin-right: -90px }
.headWrapper { width: 85%; margin-top: 0; text-align: center }
.headWrapper a span { width: 80% }
.headWrapper .imgWrapper { text-align: center !important; width: 100% }
.headWrapper h2 { text-align: center }
.campaignIntroInfo { width: 200px !important; }
.topModuleCampaign { width: 200px; margin-left: -20px }
.dividerLine { width: 80% }
.sumLine .col2 { width: 80%; float:left; text-align: left !important }
.sumLine .text { text-align: left }
.cartModule .btnCheckout { margin: 0; }
.cartModule .EmptyCart  { width: auto }
.cartModule .sample .orderRowActive  { width: 100% !important }
.cartModule .sample .inEdit { width: 100% !important; padding: 0; }
.cartModule .sample .pMoveSample { margin: 10px }
.cartModule .sample .inEdit { height: 70px }
.cartModule .sample .inEdit a { margin: -19px -174px 0 0; }
.mainContentRight {width: 100% !important; margin:0 }
.cartModule {padding: 0 8px 10px 11px;}
.cartModule .cartArticleCount {width: 185px;}
.cartModule .sample span.titleRow { width: 210px;}
.cartModule .sample span.price {width: auto;text-align: left;padding-top: 3px;}
.cartModule .sample span.vat {width: auto;text-align: left;padding-top: 3px;color:#808080;display:block;}
.cartModule .sample span.vatText {width: auto;text-align: left;padding-top: 3px;color:#808080; font-size:10px;display:block;}
.cartModule .sample span img {padding-top: 3px;}
.cartModule .sample .orderRowActive span.price {display:none; font-size: 0;}
.cartModule .sample .orderRowActive span.vat {display:none; font-size: 0;}
.cartModule .sample .orderRowActive span.vatText {display:none; font-size: 0;}
.contentRightWrapper { width: 95% }
.subContent .prodCatalogue .description { width: 170px; }
.subContent .prodCatalogue .link {width: 40px;}
.topInfoLinks { width: 250px; }
.topInfoLinks span { font-size: 12px; }
.topInfoLinks a { display: inline-block; width: 230px;margin-right: 0; font-size: 12px;}
.sumTotalPrice { width: 100% }
.mainContentWrapper h2 { line-height: 29px; padding-top: 3px }
.divTerms { width: 100% }
.divTerms .col2, .divTerms .col1, .divTermsStep1 .col2, .divTermsStep1 .col1 { width: 50% }
footer .right { width: 37% }
.divTermsStep1 { width: 100%;}
.divTermsStep1 .checkOutFirstBtnContinue { margin-right: 20px }
.divTermsStep1 .col2 {float: none;margin-top: 10px;}
.divTerms .col2 {float: none;margin-top: 10px;}
.checkoutLeftSide { width: 100%;min-height: 0; }
.checkoutRightSide { float: left;}
#divOrderConfirmation { margin-left: 0; width: 100% }
.cartLineBackground .pAFInput input[type="text"], .cartLineBackground .pAFInput select {width: 85%;}
.deliveryInfo {width: 100%;}
.breadCrumb { max-height: 200px;height: 100px;min-height: 100px;}
.breadCrumb .breadCrumbText {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 85%;vertical-align: bottom;}
.breadCrumb .campaignSurface { text-align: left;display: block;float: none;}
.breadCrumb .campaignSurface .campaignLoginText { display: block;}
.breadCrumb .campaignSurface .campaignForm {position: absolute; left: 15px;}
.breadCrumb .campaignSurface button { display: block;}
.breadCrumb .campaignSurface .campaignForm .campaignCode { margin: 0;}
}

@media only screen and (max-width: 320px){
.topInfoLinks { width: 250px; }
.topInfoLinks span { font-size: 12px; }
.topInfoLinks a { display: inline-block; width: 230px;margin-right: 0; font-size: 12px;}
.productItem { display:block; margin-right: 50px; width: 100px !important }
.mainContentLeft { width: 100%;}
.fullWidth { width: 220px; display: block; }
.orderStepInfo span { width: 190px; }
.xsmallWidth {font-size: 12px !important;width: 100%; }
.xsmallWidth h1 { font-size: 26px; line-height: 28px }
.xsmallWidth input { width: 140px; margin: 0 0 10px -5px }
.xsmallWidth button { margin-left: -5px }
.mainContentWrapper h2 { font-size: 30px !important; line-height: 36px; width: 100% }
.bgTopProducts { height: auto; width: 95%; padding-bottom: 10px }
.bgTopProducts .topWrapper h2 { font-size: 22px !important;width: 100%;}
.bgTopProducts .topWrapper .desc { max-height: none;}
.bgTopProducts .bottomWrapper .moreInfo { width: auto;display: block;}
.bgTopProducts .bottomWrapper .price { text-align: left !important;width: 100%;}
.leftInfoSide { width: 100%; display: inline-block }
.subContent h2 { font-size: 22px !important; }
.subContent .prodCatalogue { width: 100% }
.subContent .prodCatalogue .description { width: 120px; }
.subContent .prodCatalogue .link { width: 15%;}
.contentRightWrapper { width: 100% }
.productItem { display:block; width: 100% !important }
.productItem .productContent { width: auto; padding-left: 10px; float:left;height: auto;float: none;}
.productItem .col3 .about { position: absolute; line-height: 8px; top: 140px; left: -94px }
.productItem .addToCart {margin: 0 10px 0 0; }
.productItem .col3 .addToCart { position: inherit; height: auto; top: 0 }
.productItem .prodImg {text-align: center; float: none;}
.productItem .productContent {height: auto;}
.productItem .productContent .prodText {width: auto;}
.productItem .productContent .prodText .productPrice span {white-space:nowrap;}
.productItem .productContent .col3 .addToCart { position: inherit;height: auto;}
.mainContentCheckout { margin: 0 }
.dividerLine { display: none }
.spanSguText { padding: 0; }
.cartLineBackground { width: 210px; }
.cartLineBackground .col1 { display: none }
.cartLineBackground .col2 { width: 80%; padding: 10px; }
.cartLineBackground .col2 .text { width: 100% }
.cartLineBackground input, select { width: 180px; margin-left: 8px !important }
.cartLineBackground .price { padding-bottom: 5px }
.cartLineBackground .col3 .vat {  padding-bottom: 5px }
.cartLineBackground .col3  .vatText { padding-bottom: 5px }
.cookieInfoWrapper { width: 98%; height: auto; padding-bottom: 0px }
.cookieInfoWrapper .text { width: 80% }
.logo-block { padding: 0 }
.mainContentRight { width: 100% !important;margin: 0;}
.campaignIntroInfo { width: 250px !important; }
.topModuleCampaign { width: 250px; margin-left: 0px }
.campaignInfo { width: 230px; float:left  }
.headWrapper { width: 210px; float:left }
.headWrapper .imgWrapper { text-align: center !important; width: 100% }
.headWrapper a span { width: 60% }
.dividerLine { display: none; max-width: 1px }
.cartLineBackground .sMove span { margin-left: 0 }
.cartModule .cartHeader .cartHeaderLeft { max-width: 85%;}
.cartModule .btnCheckout { margin: 0; }
.cartModule .EmptyCart  { width: auto }
.cartModule .sample .orderRowActive  { width: 100% !important }
.cartModule .sample .inEdit { width: 100% !important; padding: 0; }
.cartModule .sample .pMoveSample { margin: 10px }
.cartModule .sample .inEdit { height: 70px }
.cartModule .sample .inEdit a { margin: -19px -174px 0 0; }
.cartModule .cartArticleCount {width: 185px;}
.cartModule .sample span.titleRow { width: 210px;}
.cartModule .sample span.price {width: auto;text-align: left;padding-top: 3px;}
.cartModule .sample span.vat {width: auto;text-align: left;padding-top: 3px;color:#808080;display: block;}
.cartModule .sample span.vatText {width: auto;text-align: left;padding-top: 3px;color:#808080; font-size:10px;display: block;}
.cartModule .sample span img {padding-top: 3px;}
.cartModule .sample .orderRowActive span.price {display:none;}
.cartModule .sample .orderRowActive span.vat { display:none;}
.cartModule .sample .orderRowActive span.vatText { display:none; font-size:0; }
.txtCity { display:block !important }
#emailForm .gradBlue { margin: 0 }
.invoiceText { display:inline !important; }
.deliveryAddress { width: auto }
.bgTopProducts .txtWrapper { width: 95% }
.bgTopProducts .price { float: left; margin-top: 10px }
.divTerms .gradGreen, .divTerms .gradBlue, .divTermsStep1 .gradGreen, .divTermsStep1 .gradBlue { width: 100px; height: 50px }
.divTermsStep1 .col1 { width: 120px !important }
.divTermsStep1 .col2 { display:inline; float:none }
.breadCrumb { max-height: 200px;height: 100px;min-height: 100px;}
.breadCrumb .breadCrumbText {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 85%;vertical-align: bottom;}
.breadCrumb .campaignSurface { text-align: left;display: block;float: none;}
.breadCrumb .campaignSurface .campaignLoginText { display: block;}
.breadCrumb .campaignSurface .campaignForm {position: absolute; left: 15px;}
.breadCrumb .campaignSurface button { display: block;}
.breadCrumb .campaignSurface .campaignForm .campaignCode { margin: 0;}
.mainContentLeft p {word-break: break-word;}
.orderStepInfo span { width: 400px; }
.orderStepInfo li {display: block;}
.orderStepInfo .stepNumber {margin: 0 9px 0 7px;}
.orderStepInfo img { margin: 5px 3px 0 0;float: right;}
.orderStepInfo .first, .orderStepInfo .last{border-radius: 0;}
.checkoutLeftSide { width: 100%;min-height: 0; }
.checkoutRightSide { float: left;}
#divOrderConfirmation { margin-left: 0; width: 100% }
.cartLineBackground .pAFInput input[type="text"], .cartLineBackground .pAFInput select {width: 85%;}
.deliveryInfo {width: 100%;}
.sumTotalPrice { width: 100% }
}


/*Override sweetalert: Add campaigncode or add to cart sweetalert*/
.swal-form input#campaignCode
{ 
    width:77%;
    margin-left:45px;
    margin-bottom:10px;
}

.sweet-alert.CampaignReminder hr
{
     border: 0 none;
    color: transparent;
    height: 0;
    margin:0;
}