/*-------------------------H1, H2, H3...------------------*/

h1 {
 color: #222222;
 font-family: "niveau-grotesk", sans-serif;
 font-size: 30px;
 font-weight: 700;
 float: left;
 padding-left: 5px;
 text-transform: uppercase;
}

#shoppingBasket h1,
#order_header_form h2,
#sb_third_page h2,
#order_confirmation_page h2,
.order_succes_report h2,
.registration_container h2,
#login_page h2,
#order_header_page h2 {
 clear: both;
 margin: 10px 40% 20px 0;
 padding: 10px 0;
}

#order_header_page h2,
#order_header_page h1 {
 background-color: inherit!important;
 padding-left: 0!important;
}

.front_page_h2.fi,
.front_page_h2.se,
.front_page_h2.en {
 display: none;
}

.two_column_container.fi,
.two_column_container.se,
.two_column_container.en {
 display: none;
}

h2 {
 color: #222222;
 clear: both;
 float: left;
 font-family: "niveau-grotesk", sans-serif;
 font-size: 20px;
 font-weight: 700;
 margin: 0 0 10px 10px;
 padding-bottom: 10px;

 word-wrap: break-word;
}

.two_column_container h2 {
 font-size: 40px;
 line-height: 40px;
}

#front_page_products h2,
h2.frontpage {
 font-size: 30px;
 margin: 30px 10px;
 width: 100%;

}

.marketing_holder h2 {
 color: #ffffff;
 font-size: 85px;
 font-weight: 600;
 position: absolute;
 left:20%;
 top: 20%;
}

#sortingHeader h2 {
 font-size: 17px!important;
}

#order_header_page h2,
#sb_third_page h2,
#order_confirmation_page h2,
.order_succes_report h2,
.registration_container h2,
#login_page h2 {
 font-size: 30px;
}

.manufacturer_block h2,
.productgroup_block h2 {
 font-size: 17px!important;
}

.manufacturer_block h2, .productgroup_block h2 {
 padding-bottom: 5px;
 padding-left: 10px;
}

.sorting h2 {
 margin-left: 5px;
 margin-right: 10px;
 padding-left: 0;
 padding-bottom: 0;
 width: 100%;
}

.payment h3 {
 font-size: 20px;
 padding: 10px 0;
}

.payment .button_general {
 font-size: 20px;
 height: inherit;
 padding: 17px 19px;
}

h3 {
 font-family: "niveau-grotesk", sans-serif;
 clear: both;
 font-size: 17px;
 font-weight: 900;
 margin-bottom: 0;
 padding: 0 10px 0 10px;
}

h4 {
 font-size: 9px;
 font-weight: 300;
 margin-bottom: 0;
}

p {
 clear: both;
 padding: 0 10px 0 10px;
}

oc_p {
 float: left;
 font-size: 18px;
 margin-bottom: 30px;
}

.etusivu_p {
 font-size: 30px;
 font-weight: 300;
}

.etusivu_p input {
 border: 0!important;
 box-shadow: none!important;
 color: #333;
 background-color: transparent;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 font-size: 20px;
 font-weight: 300;
}

input {
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
}

/* ---------------------------LINKS--------------------------------- */
 
a,
a:link,
a:visited,
a:active {
 color: #454545;
 text-decoration: none;
}

a:hover {
 color: black;
}

a.big_button {
 font-size: 20px;
 height: inherit !important;
 text-transform: none !important;
 padding: 16px 30px !important;
}

/*----------------- table ------------------*/
 
.invoice_list_page {
 background: #ffffff;
 float: left;
 width: 100%;
}

.view_saved_shopping_baskets_table,
.shipment_report_page_table,
.shipment_row_report_page_table,
.view_saved_shopping_basket_table,
.shipment_report_page_table {
 background: #ffffff;
 float: left;
 width: 100%;
}

.lines {
 clear: both;
 float: left;
 width: 100%;
}

.lines_header {
 border-bottom: 1px solid #cccccc;
 clear: both;
 float: left;
 padding: 10px;
 text-transform: uppercase;
 width: 100%;
}

.line:nth-child(odd) {
 background: #fff;
 border-bottom: 1px dashed #b7b7b7;
}

.line:nth-child(even) {
 background: #ebebeb;
 border-bottom: 1px dashed #b7b7b7;
}

.line {
 clear: both;
 float: left;
 padding: 10px;
 width: 100%;
}

.lines_header div,
.line div {
 display: inline-block;
 float: left;
 word-wrap: break-word;
}

.line label {
 display: none;
}

.line_extra {
 clear: both;
 width: 100%;
}

.line_extra label {
 display: initial;
}

.lines_column {
 clear: none;
 display: inline-block;
 float: left;
}

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

.lines_summary_line {
 box-shadow: 0 2px 7px -3px rgba(0,0,0,.25);
 float: left;
 padding-top: 2px;
 width: 100%;
}

.lines_summary_line label {
 background-color: #fff;
 float: left;
 font-size: 20px;
 height: 43px;
 line-height: 43px;
 padding-right: 10px;
 text-align: right;
 width: 75%;
}

.lines_summary_value {
 background-color: #fff;
 float: left;
 font-size: 20px;
 height: 43px;
 padding-right: 10px;
 padding-top: 10px;
 text-align: right;
 width: 25%;
}

.freight_text {
 font-size: 12px;
 line-height: 12px;
 display: block;
 padding: 5px 0;
}

.lines_summary_line.total_vat,
.lines_summary_line.total_sum_wo_vat {
 display: none;
}

.bl_basket_5 {
 min-height: 1px;
 width: 5%;
}

.bl_basket_8 {
 min-height: 1px;
 width: 8%;
}

.bl_basket_9 {
 min-height: 1px;
 width: 9%;
}

.bl_basket_10 {
 min-height: 1px;
 width: 10%;
}

.bl_basket_11 {
 min-height: 1px;
 width: 11%;
}

.bl_basket_12 {
 min-height: 1px;
 width: 12%;
}

.bl_basket_15 {
 min-height: 1px;
 width: 15%;
}

.bl_basket_20 {
 min-height: 1px;
 width: 20%;
}

.bl_basket_25 {
 min-height: 1px;
 width: 25%;
}

.bl_basket_30 {
 min-height: 1px;
 width: 30%;
}

.order_table {
 border-collapse: collapse;
 border-spacing: 0;
 font-size: 1em;
 line-height: 1.25em;
 width: 100%;
}

.order_table thead {
 border-bottom: 2px solid #cfd2d2;
 text-transform: uppercase;
}

.order_table th {
 background: #ffffff;
 margin: 0;
 min-height: 2em;
 padding: 0.3em;
 text-align: left;
 vertical-align: top;
}

.order_table td {
 margin: 0;
 padding: 0.3em;
 vertical-align: top;
}

.order_table tr:nth-child(odd) {
 border-bottom: 1px dashed #b7b7b7;
}

.order_table tr:nth-child(even) {
 background: #ebebeb;
 border-bottom: 1px dashed #b7b7b7;
}

.ordeline_backlog_page_table, 
.order_backlog_page_table {
 overflow-x: auto;
}

.form ng-scope a.button_general {
 float: left;
}

#basket_toolbar {
 display: block;
 float: left;
 width: 100%;
}

#basket_toolbar a {
 float: left;
}

/*----------------- table. ------------------*/
 
/*----------------- Valitse näytettävät kentät ------------------*/
 
#reportVisibility {
 border: 1px #f4f4f4;
 float: left;
 overflow: hidden;
}

#reportVisibility .col {
 display: block;
 float: left;
 padding-top: 3px;
 width: 25%;
}

/*----------------- Valitse näytettävät kentät. ------------------*/
 
/*----------------- tooltip ------------------*/
 
.tooltip {
 background-color: #161616;
 border: 1px solid #333;
 border-radius: 5px;
 color: #fff;
 display: none;
 font-size: 11px;
 padding: 10px;
 position: absolute;
}

/*----------------- tooltip. ------------------*/
 
 
/*----------------- buttons ------------------*/
 
.button_next {
 background-color: #222222;
 border: medium none;
 border-radius: 0;
 color: #fff;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 height: 30px;
 padding: 0 10px;
 text-transform: uppercase;
}

.link_button_show,
.link_button_load,
.link_button_delete,
.link_button {
 background-color: #222222;
 border: medium none;
 border-radius: 0;
 color: #fff;
 text-transform: uppercase;
}

a.link_button_show:link,
a.link_button_load:link,
a.link_button_delete:link,
a.link_button:link {
 color: #fff;
 padding: 8px 10px;
 text-decoration: none;
}

.link_button_show:hover,
.link_button_load:hover,
.link_button_delete:hover,
.link_button:hover {
 filter: alpha(opacity=70);
 opacity: 0.7;
}

.compare_basket > input {
 background: none;
 border: none;
 color: #000;
 cursor: pointer;
 text-align: center;
 
}

.compare_basket input:hover {
 color: #000;
 background: none!important;
}

form.compare_basket input[type="submit"] {
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 font-weight: 300;
 text-transform: none;
}

a.button_edit {
 background-color: #222222;
 border: medium none;
 border-radius: 0;
 color: #fff;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 height: 35px;
 padding: 0 5px;
 text-transform: uppercase;
}

a.button_edit:link {
 color: #fff;
 padding: 5px 10px;
 text-decoration: none;
}

.button_edit:hover {
 filter: alpha(opacity=70);
 opacity: 0.7;
}

input.top {
 background-color: #ffffff;
 border: 1px solid #c1c1c1;
 color: #333333;
 font-size: 12px;
 height: 15px;
 line-height: 11px;
 margin-left: 10px;
 margin-right: 0;
 margin-top: 1px;
 padding: 0;
}

input.text {
 background-color: #ffffff;
 border: 1px solid #c1c1c1;
 color: #333333;
 font-size: 12px;
 height: 18px;
 line-height: 11px;
}

#shoppingBasket .lines input.button_general {
 padding: 7px;
}



input.button_manufacturer,
input.button_productgroup,
input.button_copy,
input.button_pricing_add,
input.button_pricing_edit,
input.button_prices,
input.button_product_specs_page_add,
input.button_general,
input.button_continue,
input.button_compare,
input.button_order,
input.button_print
 {
 background-color: #e12d2d;
 border: 1px solid #e12d2d;
 border-radius: 5px;
 box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 color: #ffffff;
 cursor: pointer;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 margin-bottom: 10px;
 padding: 12px; 
 text-transform: uppercase;
 -webkit-transition: all .2s ease-out;
 -moz-transition: all .2s ease-out;
 -ms-transition: all .2s ease-out;
 -o-transition: all .2s ease-out;
 transition: all .2s ease-out;
}


.basket_section_line.continue a.button_general.big_button {
 display: block !important;
}

.button_continue {
 float: right;
 font-size: 20px;
 padding-left: 50px !important;
 padding-right: 50px !important;
}



.basket-contents-footer-continue {
 background-color: #e12d2d;
 border: 1px solid #e12d2d!important;
 border-radius: 5px;
 box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 color: #000000;
}

.basket-contents-footer-continue:hover {
 opacity: inherit!important;
 background-color: #fff;
 color: #e12d2d;
}

.basket-contents-footer-close {
 background-color: #ffffff;
 border: 1px solid #ffffff!important;
 border-radius: 5px;
 box-shadow: 0 1.5px 7px 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 7px 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 7px 0 rgba(221,221,221,1);
 color: #000000;
}

.basket-contents-footer-close:hover {
 color: #e12d2d;
 opacity: inherit!important;
}

input.button_manufacturer:hover,
input.button_productgroup:hover,
input.button_copy:hover,
input.button_pricing_add:hover,
input.button_pricing_edit:hover,
input.button_prices:hover,
input.button_product_specs_page_add:hover,
input.button_general:hover,
input.button_continue:hover,
input.button_compare:hover,
input.button_order:hover,
input.button_print:hover
 {
 background-color: #e12d2d;
 color: #ffffff;
}

.customer_detailsown_page_form input.button_delete,
.customer_detailsown_page_form input.button_edit,
.customer_detailsown_page_form input.button_add {
 background-color: #fff;
 border: medium none;
 border-radius: 0;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 height: 30px;
 padding: 0 10px;
 text-transform: inherit;
}

a.button_general,
.colored2 {
 background-color: #e12d2d;
 border: 1px solid #e12d2d;
 border-radius: 5px;
 box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 color: #fff;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 text-transform: inherit;
 margin-right: 5px;
 margin-bottom: 7px;
 padding: 10px;
 -webkit-transition: all .2s ease-out;
 -moz-transition: all .2s ease-out;
 -ms-transition: all .2s ease-out;
 -o-transition: all .2s ease-out;
 transition: all .2s ease-out;
}
 
.button_general.color {
 color: #fff;
}
 
.button_general.color:hover {
 color: #e12d2d;
}

input.button_empty {
 background: none;
 border: none;
 color: #000;
 cursor: pointer;
 text-decoration: underline;
}

input.button_empty:hover {
 color: #a5a5a5;
}

input.button_edit,
input.button_add,
input.button_delete {
 background-color: #222222;
 border: medium none;
 border-radius: 0;
 color: #fff;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 text-transform: inherit;
}

input.button_edit:hover,
input.button_add:hover,
input.button_delete:hover {
 filter: alpha(opacity=70);
 opacity: 0.7;
}

.radio_button {
 background-color: #ebebeb;
 cursor: pointer;
 height: auto;
 line-height: 40px;
 margin: 10px 0;
 min-width: 100%;
 /* padding: inherit!important; */
}

.radio_button.t_align_left {
 text-align: left;
} 

.button {
 background-color: #222222;
 border: medium none;
 border-radius: 0;
 color: #fff;
 cursor: pointer;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 height: 30px;
 margin-bottom: 10px;
 padding: 0 10px;
}

.btn.button_general.button {
 background-color: #e12d2d;
 border: 1px solid #e12d2d;
 border-radius: 5px;
 box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 color: #fff;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 text-transform: inherit;
 margin-right: 5px;
 margin-bottom: 7px;
 min-height: 37px;
 padding: 10px;
 -webkit-transition: all .2s ease-out;
 -moz-transition: all .2s ease-out;
 -ms-transition: all .2s ease-out;
 -o-transition: all .2s ease-out;
 transition: all .2s ease-out;
}

/*----------------- buttons. ------------------*/
 
/* transparency hover functionality + cursor pointer*/

.button, 
a.button_general,
input.button_general, 
input[type="submit"], 
#icon_container i, 
#icon_container a {
 cursor: pointer;
 text-transform: inherit;
 -webkit-transition: all .2s ease-out, background 0ms;
 -moz-transition: all .2s ease-out, background 0ms;
 -ms-transition: all .2s ease-out, background 0ms;
 -o-transition: all .2s ease-out, background 0ms;
 transition: all .2s ease-out, background 0ms;
}

.button:hover,
a.button_general:hover, 
input.button_general:hover, 
input[type="submit"]:hover,
.btn.button_general.button:hover {
 background-color: #fff;
 color: #e12d2d;
}

.logo_img:hover {
 opacity: 0.5;
}
 
/*---------------- table sortings ------------------- */
 
.sortingsign {
 font-size: 15px;
 text-decoration: none;
}

.sortingsign1 {
 background: url(https://www.retailhosting.fi/Images/arrowdown.gif) no-repeat top;
 font-size: 8px;
 letter-spacing: 0;
 line-height: 8px;
 text-decoration: none;
}

.sortingsign2 {
 background: url(https://www.retailhosting.fi/Images/arrowup.gif) no-repeat top;
 font-size: 8px;
 letter-spacing: 0;
 line-height: 8px;
 text-decoration: none;
}

.sortingsign3 {
 background: url(https://www.retailhosting.fi/Images/arrowright.gif) no-repeat top;
 font-size: 8px;
 letter-spacing: 0;
 line-height: 8px;
 text-decoration: none;
}

.sortingsign4 {
 background: url(https://www.retailhosting.fi/Images/arrowleft.gif) no-repeat top;
 font-size: 8px;
 letter-spacing: 0;
 line-height: 8px;
 text-decoration: none;
}

/*------------------- report table row colours---------------------*/
 
.type0 {
 background-color: #e6e6e6;
 border: 1px #d0d0d2;
 color: #000000;
 font-weight: 300;
 padding: 4px;
 text-align: left;
}

.type1 {
 background-color: #ffffff;
 border: 1px solid #e6e6e6;
}

.type2 {
 background-color: #f4f4f4;
 border: 1px solid #e6e6e6;
}

.type3 {
 background-color: #ffffff;
}

.typelast {
 background-color: #e6e6e6;
 border: 1px #d0d0d2;
}

/*-----------------FORMS------------------*/
 
form {
 margin: 0;
}

.checkbox {
 margin: 5px;
}


#saved2 {
 display: none;
}

#saved1,
#saved2 {
 font-size: 15px;
 font-weight: 300;
}

/*----------------- forms ------------------*/

#order_header,
.form_column {
 background-color: #fdfdfd;
 float: left;
 padding: 10px;
 width: 100%;
}

.select_deliveryaddress,
 .select_invoicingaddress,
.additional_order_info,
.personal_info,
.partial_delivery_area {
 background-color: #fdfdfd;
 float: left;
 padding: 15px 15px;
 width: 100%;
}

.form_row {
 clear: both;
 padding: 5px;
}

.form_field {
 text-align: left;
 width: 50%;
}

.form_field span,
.form_row span {
 padding: 5px 0;
 display: block;
}

.form_field_buttons {
 text-align: right;
 width: 42.6%;
}

.form_row label {
 box-sizing: border-box;
 clear: left;
 font-weight: bold;
 padding: 5px 4px 5px 0;
 text-align: right;
 text-transform: inherit;
 width: 22%;
}

#sb_third_page .form_row label,
#order_confirmation_page .form_row label {
 padding: inherit;
}

#order_header .form_row label {
 text-align: left;
}

#price_sheet_group .form_row label,
#pricing_edit_base_price_sheet_form .form_row label,
#pricing_add_new_customer .form_row label,
#pricing_add_new_product .form_row label,
#pricing_add_new_base_price_sheet_form .form_row label {
 max-width: 140px;
 padding-right: 10px;
}

label {
 display: block;
 float: left;
 font-weight: 300;
 width: 120px;
}

input[type=text],
input[type=password],
textarea,
input[type=select] {
 background-color: white;
 border: 1px solid #f4f4f4;
 border-radius: 5px;
 box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 outline: none;
 padding: 10px;
 -webkit-transition: all 0.30s ease-in-out;
 -moz-transition: all 0.30s ease-in-out;
 -ms-transition: all 0.30s ease-in-out;
 -o-transition: all 0.30s ease-in-out;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
 background-color: #fcfcfc;
 border: 1px solid #222222;
 
}

input[type="checkbox"] {
 width: auto;
}

select {
 -moz-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 background-color: #fcfcfc;
 border: 1px solid #f4f4f4;
 border-radius: 5px;
 box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 max-width: 180px;
 outline: none;
 padding: 10px;
 text-align: left;
 width: 100%;
}

/*----------------- forms. ------------------*/
 
/*----------------- replikation status ------------------*/
 
.replikation_status_ok {
 color: #31bf00;
}

.replikation_status_waiting {
 color: #ff9000;
}

.replikation_status_fail {
 color: #bf0009;
}

.rh_or_str_red {
 color: #b3002e;
}

.rh_or_str_green {
 color: #59ba57;
}

/*----------------- replikation status. ------------------*/
 

/*-------------------------TOP MENU------------------------*/
 
.topmenu1 {
 margin: 0;
 padding: 0;
}

a.topmenu2.hover:hover, 
a.topmenu2.hover.active, 
a.topmenu2:hover, 
a.add_to_favorites:hover {
 /* background-color: #e12d2d; */
 color: #e12d2d;
}

a.topmenu2,
a.topmenu2:link {
 /* border-left: 1px solid #e12d2d; */
 color: #000000;
 cursor: pointer;
 display: block;
 font-size: 14px;
 font-weight: 400;
 margin-right: -2px;
 padding: 36px 15px;
 -webkit-transition: all .2s ease-out;
 -moz-transition: all .2s ease-out;
 -ms-transition: all .2s ease-out;
 -o-transition: all .2s ease-out;
 transition: all .2s ease-out;
}

 /* Extra style for the Punchout user */

a.topmenu2,
a.topmenu2:link {
/* border-right: 1px solid #e12d2d; */
}






a.topmenu2 span {
 display: block;

}


.tuoteryhmat,
.uutisetotsikko {
 background-color: #eaeaea;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 color: #404040;
 display: block;
 font-size: 13px;
 font-weight: 300;
 height: 25px;
 padding-left: 10px;
 padding-top: 10px;
}

.uutisetotsikko {
 margin-top: 10px;
}

.uutiset {
 background-color: #ffffff;
}

.uutiset p {
 font-size: 12px;
}

.uutinen {
 border-bottom: 1px solid #e1e1e1;
 padding: 15px;
}

.topmenuseparator {
 /*only in use if separators are put in top menu*/
 width: 1px;
}

/*-------------------------SECONDARY MENU-------------------- */
 
/*-------------------------SECONDARY MENU-------------------- */
 
#productsMenu {

}

/*------- Links for menu -----------*/
.treemenu a,
.treemenu a:link,
.treemenu a:visited {
 color: #454545;
 float: left;
 font-size: 12px;
 font-weight: 300;
 padding: 0 8px 0 13px;
 text-decoration: none;
 -webkit-transition: all .2s ease-out,background 0ms;
 -moz-transition: all .2s ease-out,background 0ms;
 -ms-transition: all .2s ease-out,background 0ms;
 -o-transition: all .2s ease-out,background 0ms;
 transition: all .2s ease-out,background 0ms;
}

.treemenu a.arrow_link {
 padding:0;
}

.arrow_link {
 float: left;
}

.treemenu a:first-child,
a.level_0 {

}

.treemenu a:active,
.treemenu a:hover {
 color: #e12d2d;
 position: relative;
 text-decoration: none;
}

.level_0.active {
 
}
.level_0.active a:focus ,
a.link_title.active,
a.level_3.active {
 color: #e12d2d;
}

#productsMenu a.level_0 i, 
#productsMenu div.level_0 a i {
 font-size: 1.6em;
 text-align: center;
 line-height: 40px;
 /* padding: 15px 0 10px 0; */
}


/*-------------menu arrows----------*/
 
.arrow_1 {
 background: url(https://www.retailhosting.fi/dg_root/Images/arrow_down.png) no-repeat scroll center top transparent;
 background-size: 60%;
 margin-top: 40px;
 display: inline-block;
 padding:0!important;
 position: relative;
 width: 20px;
 z-index: 100;
}

.no_product_menu .arrow_1 {
 margin-top:0;
}

.level_0 .arrow_1,
.level_0 .arrow_2 {
 background-position-y: center;

}

.arrow_1.treemenu_hover {

}

.arrow_2 {
 /* background: url(https://www.retailhosting.fi/dg_root/Images/rasti.png) no-repeat scroll center top transparent; */
 background: url(https://www.retailhosting.fi/dg_root/Images/arrow_up.png) no-repeat scroll center top transparent;
 background-size: 60%;
 display: inline-block;
 padding:0!important;
 margin-top: 40px;
 position: relative;
 width: 20px;
 z-index: 100;
}

.no_product_menu .arrow_2 {
 margin-top:0;
}

.arrow_placeholder {
 /* margin-top: 5px; */
 display: inline-block;
 position: relative;
 width: 20px;
}


/*-----------Level paddings-------*/
.level_1 {
 background-color: #f0f0f0;
 float: left;
 display: block;
 height: 40px;
 line-height: 40px;
 text-transform: none;
 -webkit-transition: width 2s; /* Safari */
 transition: width 2s;
 transition-timing-function: ease-in-out;
 width:100%
}

.level_1 a {
 display: block;
}

a.level_1,
div.level_1 a.link_title {
 padding: 0 0 0 45px!important;
}

a.level_1:hover,
div.level_1:hover,
div.level_2:hover,
a.level_2:hover {
 background-color: #e12d2d!important;
 color: #fff!important;
}

div.level_1 a:hover,
div.level_2 a:hover,
a.level_2:hover,
a.level_1:hover {
 color: #fff!important;
}

a.level_1.active:hover,
div.level_1 a.active:hover,
a.level_2.active:hover,
div.level_2 a.active:hover {
 color: #ffffff!important;
}


a.level_2,
div.level_2 a {

}




.level_2 {
 background-color: #f9f9f9;
 display: block;
 height: 40px;
 line-height: 40px;

 width: 100%;
}

.level_2 span {

}

.level_2 a {
 display: block;
 padding-left:55px;
}

.level_3 {
 background-color: #ffffff;
 display: block;
 height: 40px;
 line-height: 40px;
 margin-top: -15px;
 padding: 0 0 0 80px!important;
 width: 100%;
}

a.level_3 {

}

.level_3 a {
 display: block;
}

.level_4 {
 background-color: #ffffff;
 padding: 5px 0 5px 75px!important;
}

.level_5 {
 padding: 5px 0 5px 85px!important;
}

#level_2 .arrow_1 {
 background-image: none;
 padding-left: 20px;
}



#level_3 .arrow_1 {
 background-image: none;
 padding-left: 30px;
}

.level_4 arrow_1 {
 padding-left: 40px;
}

.level_5 arrow_1 {
 padding-left: 60px;
}

.level_1 .arrow_1 {
 margin-top: 16px;
 margin-right: 8px;
}

.level_1 .arrow_2 {
 margin-top: 16px;
 margin-right: 8px;
}


.level_2 .arrow_1 {
 margin-top: 16px;
 margin-right: 8px;
}

.level_2 .arrow_2 {
 margin-top: 11px;
 margin-right: 8px;
}


.level_0 i {
 display: flow-root;
}

/*-----------TREEMENU BOXSTYLE-------*/

.level_0 {
 /* background-color: #fff; */
 /* box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09); */
 display: inline-block;
 margin-bottom: 10px;
 /* min-width: 150px; */
}

.level_placeholder {
 display: inline-block;
 margin-bottom: 10px;
 min-width: 150px;
}

a.level_0 {
 float: none;
 text-align: center;
 width: auto;
}

.level_0:hover {
 
}



.level_0 a,
a.level_0_placeholder {
 display: block;
 text-align: center;
}

#productsMenu .indentmenu {
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
 background-color: #ffffff;
 /*border: 15px solid white; */
 border-bottom-right-radius: 10px; 
 

 display: block;
 
 max-width: 300px;
 position: absolute;
 z-index: 2000;
 width: 100%;
}

.indentmenu .indentmenu {
 box-shadow: none!important;
 float: left;
 position: relative!important;
}


.indentmenu .indentmenu .indentmenu {
 margin-top: 14px;
}

.menu_list_ident {
 display: none;
}


.level_1 a.link_title,
.level_2 a.link_title {
 width: 100%;
}

.level_0 a.link_title {

}


.level_1 a.arrow_link
 {
 right: 7px;
 position: absolute;
}

.level_2 a.arrow_link {

}

.level_0 a.arrow_link {

}

.indentmenu .indentmenu div.level_2 {
 width: 80%;
}

.indentmenu .indentmenu div.level_2 .arrow_link {
 background-color: #f9f9f9;
 height: 40px;
 padding-right: 15px;
 position: absolute;
 right: 0px;
}


/*-------------------PRODUCT LIST PAGE (structured page)------------------------*/
 
.sorting {
 float: left;
 padding-left: 10px;
 width: 25%;
}

.sorting_right {
 float: right;
}

.sorting input,
.sorting select {
 margin: 0;
}

.vat_currency_info {
 padding: 15px 0 25px 0;
}



/*-------------------PRODUCT INFO PAGE------------------------*/
 
#productInfo .productImage,
#productInfo .productDescription {
 display: block;
 float: left;
 padding: 5px;
 text-align: center;
 width: 48%;
}

#productInfo hr {
 border: 1px #F2F0F1;
}

/*------------------TEXTS AND NOTIFICATIONS------------------*/
 
/*this is used for to color text or marks red eg. exclamation mark and form headers.*/
.colored1 {
 color: #cd3c37;
}

/*this is used for to color text or marks red eg. customer controll input inactive address red*/
.colored4 {
 color: #cd3c37;
}

/*this is used for to color text or marks green eg. customer controll input default address green.*/
.colored5 {
 color: #3366cc;
}

/*This is used for error messages when forms are filled incorrectly*/
.error {
 color: #cd3c37;
 font-size: 12px;
 font-weight: 300;
 text-transform: inherit;
}

/*This is used for notification messages when forms are saved etc*/
.notification {
 font-size: 12px;
 font-weight: 300;
 text-transform: inherit;
}

/*This is used to align text and pictures*/
.center {
 overflow: hidden;
 text-align: center;
}

/*-------------------------------ICONS--------------------------------*/
 
.iconsearch {
 background: url('https://www.retailhosting.fi/dg_root/Images/icon_search.png') right no-repeat;
 color: #333333;
 font-size: 12px;
 margin-right: 8px;
 padding: 2px 22px 2px 0;
 text-decoration: none;
}

/*-----ICON FOR LOGOUT-------------*/
.iconexit {
 background: url('https://www.retailhosting.fi/dg_root/Images/icon_logout.png') center no-repeat;
 padding: 5px;
}

/*-----ICON FOR HELP-------------*/
.icon_info {
 background: url('https://www.retailhosting.fi/dg_root/Images/icon_info.png') right no-repeat;
 color: #333333;
 font-size: 12px;
 padding-bottom: 3px;
 padding-top: 3px;
 padding-right: 23px;
 text-decoration: none;
}

/*-----ICON FOR BACK-------------*/
.iconback {
 background: url('https://www.retailhosting.fi/dg_root/Images/arrow_left.png') left no-repeat;
 color: #e12d2d!important;
 display: block;
 font-size: 14px;
 font-weight: 300;
 margin-bottom: 10px;
 margin-top: 20px;
 padding-left: 15px;
}

/*-----ICON FOR CLOSE-------------*/
.iconclose {
 background: url('https://www.retailhosting.fi/Images/retail_hosting/iconclose.gif') left no-repeat;
 padding: 20px;
}

/*-----ICON FOR MANUFACTURER PRODUCT SPECS PAGE-------------*/
.iconmanufacturer {
 background: url('https://www.retailhosting.fi/Images/retail_hosting/iconmanufacturer.gif') left no-repeat;
 padding: 20px;
}

/*-----ICON FOR PRICE COMPARISON -------------*/
.lowest_price {
 background: url('https://www.retailhosting.fi/Images/retail_hosting/lowest_price.gif') left no-repeat;
 text-decoration: none;
}

.highest_price {
 background: url('https://www.retailhosting.fi/Images/retail_hosting/highest_price.gif') left no-repeat;
 text-decoration: none;
}

/*-----ICON FOR SUPPLIER WARNING -------------*/
.warning {
 background: url('https://www.retailhosting.fi/Images/retail_hosting/bullet_notification.gif') left no-repeat;
 text-decoration: none;
}

/* ICECAT PRODUCT SPECS */
 
.specspage_func {
 float: right;
 margin-top: 10px;
}

.specstable_hidden,
.comptable_hidden {
 display: none;
}

.specstable_header {
 background-color: #e6e6e6;
 border: 1px #d0d0d2;
 clear: both;
 color: #000000;
 cursor: pointer;
 margin: 5px 0;
 padding : 8px 0;
 text-align: left;
 width: 100%;
}

.specsdiv_yleiset {
 margin-bottom: 75px;
}

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

.specstable_arrow {
 color: #ffffff;
 font-style: normal;
 padding-right: 5px;
}

#specspage_info {
 float: left;
 width: 100%;
}

#tabcontainer td.top {
 width: 260px;
}

CSS used for WIZARD tools NAVIGATION MENU STYLE
----------------------------------------------*/
 
.clearfloat {
 clear: both;
 display: block;
}

ul.StepMenu {
 float: left;
 margin-bottom: 15px;
 padding-left: 0;
 width: 100%;
}

#StepMenu li {
 background-color: #f5f5f5;
 float: left;
 height: 38px;
 list-style: none;
 margin: 0;
 padding-left: 5px;
 width: 90px;
}

#StepMenu li.done {
 background-color: #eee;
 cursor: pointer;
}

#StepMenu li.current {
 background-color: #dbdbd4;
 color: #cd3c37;
}

#StepMenu li.arrowshape {
 background-color: transparent;
 height: 0;
 width: 0;
}

#StepMenu li a {
  color: #333;
 font-weight: 300;
}

#StepMenu li.current a {
 color: #cd3c37;
 font-weight: 300;
}

#StepMenu li.done a {
 color: #000;
 font-weight: 300;
}

.arrowshape {
 border-width: 13px 0 13px 13px;
 height: 0;
 line-height: 0;
 width: 0;
}

.right {
 border-bottom-color: #f5f5f5;
 border-left-color: #dbdbd4;
 border-top-color: #f5f5f5;
}

.rightdone {
 border-bottom-color: #eee;
 border-left-color: #dbdbd4;
 border-top-color: #eee;
}

.lastborder {
 border-color: transparent transparent transparent #f5f5f5;
}

.lastactiveborder {
 border-bottom-color: transparent;
 border-left-color: #dbdbd4;
 border-top-color: transparent;
}

.lastdoneborder {
 border-bottom-color: transparent;
 border-left-color: #eee;
 border-top-color: transparent;
}

/* menu editor */

.selected {
 background-color: #ebebeb;
 border: 1px #000;
 padding: 2px;
}

.unselected {
 background-color: transparent;
}

/* ------- SELECTABLE PRODUCT OPTIONS ----- */
.selectable_product_options ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.selectable_product_options li.sizeColorBox {
 border: 1px #ccc;
 border-radius: 50%;
 float: left;
 margin: 5px 5px 5px 0;
}

.selectable_product_options li a {
 border-radius: 50%;
 color: grey;
 display: block;
 font-size: 1em;
 height: 20px;
 padding: 5px;
 text-align: center;
 text-decoration: none;
 width: 20px;
}

.selectable_product_options a.selecetedSize {
 background-color: #ccc;
 border: 2px #ccc;
 border-radius: 50%;
 color: #fff;
 padding: 3px;
}

.selectable_product_options a.selecetedColor {
 border: 2px #000;
 padding: 3px;
}

.whiteColor {
 background-color: white;
}

.redColor {
 background-color: red;
}

.greenColor {
 background-color: green;
}

.yellowgoldColor {
 background-color: #e9ba6c;
}

.whitegoldColor {
 background-color: #dbdbdb;
}

.blackColor {
  background-color: black;
}

.blueColor {
 background-color: blue;
}

div.selectedColorBox {
 border: 1px gray;
 display: inline;
 font-size: .8em;
 height: 8px;
 margin: 0;
 padding: 0 4px;
 width: 8px;
}

.productOptions {
 display: inline;
 width: 100%;
}

div.smallColorBox {
 border: 1px gray;
 display: inline;
 float: right;
 font-size: .8em;
 height: 10px;
 margin: 1px;
 padding: 0 3px;
 text-align: center;
 width: 5px;
}

div.smallSizeBox {
 border: 1px gray;
 color: grey;
 display: inline;
 float: right;
 font-size: .8em;
 height: 10px;
 margin: 1px;
 padding: 0 5px;
 text-align: center;
 width: 10px;
}

.painike {
 margin-top: -20px;
 margin-left: 65px;
}

a.pgroupbox {
 margin-top: -20px;
 margin-left: 65px;
}

a.pgroupbox,
a.pgroupbox:link,
a.pgroupbox:visited,
a.pgroupbox:active {
 background-color: #cd3c37;
 border-right: 1px #999999;
 border-bottom: 1px #999999;
 border-left: 1px #e1e1e1;
 border-top: 1px #e1e1e1;
 color: #ffffff;
 font-size: 12px;
 margin: 3px;
 padding: 2px 5px;
 text-decoration: none;
}

/* ------- SELECTABLE PRODUCT OPTIONS END ----- */
 
/* ------- PAGINATION ----- */
 

.block {
 float: left;
 padding-top: 5px;
 width: 100%;
}

.paginate_col_first {
 float: left;
 padding-right: 5px;
}

.paginate_col_second {
 float: left;
 width: 75%;
}

.paginate {
 float: left;
 text-align: left;
}

.paginate ul {
 list-style: none;
 margin-top: 0;
 padding: 0;
}

.paginate li {
 display: inline;
}

.paginate a {
 background-color: #fff;
 border: 1px solid #e5e5e5;
 color: #9f9f9f;
 font-size: 10px;
 margin: 1px 2px;
 padding: 5px 10px;
 text-decoration: none;
}

.paginate_num {
 padding-bottom: 10px;
 padding-left: 10px;
 text-align: left;
}

.paginate_num a {
 color: #cd3c37;
 display: inline-block;
 font-size: 10px;
 margin: 15px 0 0 5px;
 text-decoration: none;
}

.paginate_num a:hover,
.paginate a:focus {
 color: #000000;
}

.paginate a:first-child,
.paginate a.first {
 margin-left: 0;
 max-width: 33px;
 padding: 8px 12px;
}

.paginate a:last-child,
.paginate a.last {
 margin-right: 0;
 max-width: 33px;
 padding: 8px 12px;
}

.paginate a:hover,
.paginate a:focus {
 background-color: #e5e5e5;
 border-color: #cccccc;
}

.paginate a.active {
 background-color: #e5e5e5;
 border: 1px solid #cccccc;
 border-color: #cccccc;
 color: #666666;
 max-width: 33px;
 padding: 8px 12px;
}

.inactive {
 background-color: #e6e6e6;
 border: 1px solid #cccccc;
 border-color: #cccccc;
 color: #666666;
 display: inline-block;
 font-size: 10px;
 padding: 8px 12px;
 text-decoration: none;
}

.paginate_col_third,
.paginate_col_four {
 float: left;
}


/* ------- PAGINATION END ----- */
 
/*---- MANUFACTURER -----*/
 
.manufacturer_block,
.productgroup_block {
 clear: both;
 float: left;
 margin-top: 10px;
 padding: 10px 0 0 0;
 width: 100%;
}

.manufacturer_block_container,
.productgroup_block_container {
 clear: both;
 padding-left: 10px;
}

.manufacturer_block_right,
.productgroup_block_right {
 clear: both;
 float: left;
 padding-left: 10px;
 padding-top: 10px;
}

.manufacturer_filter,
.productgroup_filter {
 align-items: center;
 background-color: #fff;
 border-radius: 2px;
 display: flex;
 float: left;
 font-size: 9px;
 font-weight: 700;
 margin: 1px;
 padding: 2px;
}

div.manufacturer_filter label,
div.productgroup_filter label {
 float: right;
 margin: 0;
 width: 210px;
}

.manufacturer_filter:hover,
.productgroup_filter:hover {
 background-color: #f0f0f0;
 color: #000000;
}

input.manufacturer_filter_button,
input.productgroup_filter_button {
 background-color: #e5e5e5;
 border: 1px solid #cccccc;
 border-color: #cccccc;
 color: #666666;
 font-size: 10px;
 height: 20px;
 margin-top: 1px;
 padding: 1.3px 5px;
}

.manufacturer_filter_button:hover,
.productgroup_filter_button:hover {
 background-color: #ffffff;
 border-color: #cccccc;
 color: #9f9f9f;
}

.clickable:active {
 color: #000000;
}

.clickable:disabled {
 color: #f7f7f7;
}

 /* Customize the label (the container) */
.filter_container {
 display: block;
 position: relative;
 padding: 4px 0 4px 35px;
 margin-bottom: 12px;
 cursor: pointer;
 font-size: 14px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

/* Hide the browser's default checkbox */
.filter_container input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
 height: 0;
 width: 0;
}

/* Create a custom checkbox */
.checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 25px;
 width: 25px;
 background-color: #eee;
}

/* On mouse-over, add a grey background color */
.filter_container:hover input ~ .checkmark {
 background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.filter_container input:checked ~ .checkmark {

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
 content: "";
 position: absolute;
 display: none;
}

/* Show the checkmark when checked */
.filter_container input:checked ~ .checkmark:after {
 display: block;
}

/* Style the checkmark/indicator */
.filter_container .checkmark:after {
 left: 9px;
 top: 5px;
 width: 5px;
 height: 10px;
 border: solid #333;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
} 




/*---- MANUFACTURER END -----*/
 
#freetext {
 float: left;
 margin: 0 0 5px -6px;
 text-align: right;
 width: 100%;
}

#freetext_input {
 transition: none;
}

.box1,
.box2 {
 -webkit-transition: opacity 0.3s ease-in-out;
 -moz-transition: opacity 0.3s ease-in-out;
 -ms-transition: opacity 0.3s ease-in-out;
 -o-transition: opacity 0.3s ease-in-out;
 transition: opacity 0.3s ease-in-out;
}

.box1:hover,
.box2:hover {
 filter: alpha(opacity=70);
 font-weight: normal;
 opacity: 0.7;
}

input[type="radio"] {
 width: auto;
}

a.iconfull-screen {
 font-size: 15px;
 font-weight: 300;
}


.iconfull-screen {
 
}

.iconfull-screen span {
 font-family: FontAwesome;

}

/* loader animation */
 
#loader, #loader_ajax {
 background: rgba(0, 0, 0, 0) url("https://www.retailhosting.fi/Images/loaderBg.png") no-repeat scroll center top;
 color: #000000;
 display: none;
 font-size: 2em;
 font-weight: 300;
 height: 597px;
 left: 50%;
 margin-left: -254px;
 margin-top: -5%;
 opacity: 0.95;
 padding: 230px 20px 20px;
 position: fixed;
 text-align: center;
 top: 15%;
 width: 508px;
 z-index: 99;
}

.cssload-container {
 height: 56px;
 text-align: center;
 width: 100%; 
}

.cssload-speeding-wheel {
 animation: cssload-spin 1250ms infinite linear;
 -o-animation: cssload-spin 1250ms infinite linear;
 -ms-animation: cssload-spin 1250ms infinite linear;
 -webkit-animation: cssload-spin 1250ms infinite linear;
 -moz-animation: cssload-spin 1250ms infinite linear;
 border: 10px solid #e12d2d;
 border-radius: 50%;
 border-left-color: transparent;
 border-right-color: transparent;
 height: 56px;
 margin: 0 auto;
 width: 56px;
}

 @keyframes cssload-spin {
 100% {
 transform: rotate(360deg);
 }
 }

 @-o-keyframes cssload-spin {
 100% {
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
 }
 }


 @-ms-keyframes cssload-spin {
 100% {
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
 }
 }

 @-webkit-keyframes cssload-spin {
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 }
 }

 @-moz-keyframes cssload-spin {
 100% {
 -moz-transform: rotate(360deg);
 transform: rotate(360deg);
 }
 }


/* RH 2.0 Here comes old inline styles from RH2 templates + if same classes or id's used elsewhere, then removed here */
 
/*Product Specs Page*/

.breadcrumbs {
 float: left;
 font-size: 14px;
 font-weight: 300;
 margin-bottom: 15px;
 padding-left: 15px;
 width: 100%;
}

.breadcrumbs a,
.breadcrumbs span {
 padding: 0 3px;
}
 
/* New bundle layout starts */
.bundle_container {
 float: left;
 width: 100%;
 padding: 10px;
 margin-bottom: 10px;
}

.mainpicture.bundle {
 background: url('https://www.retailhosting.fi/dg_root/Images/bundle.png') no-repeat bottom left;
 background-size: 150px;
}

.product_specs_page .form_row label {
 text-align: left;
 width: auto;
 min-width: 100px;
}

.bundle_tuotenosto.selected_bundle_child {
 box-shadow: 0 0 9px rgba(0,0,0,0.2);
}

.bundle_container h2, .bundle_container p {
 padding-left: 5px;
}

/* New bundle layout ends */

#exportOptions {
 background: #eaeaea;
 display: none;
 float: left;
 margin-bottom: 10px;
 padding: 10px;
 width: 100%;
}

#productName {
 float: left;
 max-width: 420px;
 padding-left: 10px;
 width: 100%;
 word-wrap: break-word;
}

.iconfav {

}

.iconprint,
.iconexport,
.iconedit,
.iconfav {
 float: right;
 font-size: 13px;
 padding: 8px 15px 20px 0;
}

.button_general.button.iconexport {
 padding: 8px 15px 20px 0!important;
}

.iconprint i,
.iconexport i,
.iconedit i,
.iconfav i {
 font-size: 1.5rem;
 margin-right: 3px;
}

.sbasket_order_form input.text {
 float: left;
 height: 35px;
 margin-right: 3px;
 width: 40px;
}

.main_picture_container {
 background-color: #ffffff;
 border-radius: 2px;
 height: 270px;
 text-align: center;
 vertical-align: middle;
}

#sectionIntroduction #productName {
 float: none;
 font-weight: 400;
 max-width: 100%;
 padding-left: 10px;
}

#sectionIntroduction h2 {
 width: 100%;
 margin: 10px;
}

#profile {
 max-width: 400px;
}

#main_picture {
 max-height: 250px;
 max-width: 290px;
 padding: 10px 0;
}

.product_price_container {
 /* height: 45px; */
 width: 100%;
}

.product_price_container.monthly {
 float: left;
 margin-top: 30px;
}


.monthly_order {
 float: left;
 /* margin-top: 60px; */
}

.p_price {
 display: none;
 float: left;
 font-size: 20px;
 margin-right: 10px;
}

.s_price {
 float: left;
 font-weight: bold;
 font-size: 30px;
 padding-left: 10px;
}

p.product_availability_text {
 float: left;
 font-size: 13px!important; 
 font-weight: bold;
 margin: 10px 0 0 0;
 width: 100%;
}

.product_delivery_text {
 float: left;
 font-size: 13px!important;
}

.product_descrip .green, 
.product_descrip .yellow, 
.product_descrip .red {
 border-radius: 50px;
 height: 15px;
 margin-left: 7px;
 margin-right: 7px;
 position: relative;
 width: 15px;
}

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

.sbasket_order_form input.button_general {
 background: url("https://www.retailhosting.fi/dg_root/images/dg-ostoskori-white.png");
 background-size: 20px;
 background-repeat: no-repeat;
 background-position-x: 90%;
 background-position-y: 45%;
 transition: all .2s;
 background-color: #e12d2d;
 border: 1px solid #e12d2d;
 border-radius: 3px;
 color: #fff;
 float: left;
 height: 51px;
 margin-left: 3px;
 padding: 14.5px 45px 14.5px 14.5px;
}

.sbasket_order_form input.button_general:hover {
 background: url("https://www.retailhosting.fi/dg_root/images/dg-ostoskori-red.png");
 background-size: 20px;
 background-repeat: no-repeat;
 background-position-x: 90%;
 background-position-y: 45%;
 background-color: #fff!important;
 color: #e12d2d;
 
}

.sbasket_order_form input[type="text"] {
 background-color: #f0f0f0;
 border: 1px solid #f4f4f4;
 border-radius: 3px;
 box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 height: 50px!important;
 font-size: 1.2em;
 float: left;
 text-align: center;
 width: 50px!important;
}

.product_summary_short {
 
}

#sectionIntroduction {
 font-size: 1.1em;
}

.specs_container {
 position: relative;
}

.colored2 campaign {
 font-size: 9px;
 font-weight: 700;
}

#addinfo {
 color: #d10a10;
 cursor: pointer;
 display: none;
 font-size: 14px;
}

#addinfoclose {
 color: #d10a10;
 cursor: pointer;
 display: none;
 font-size: 14px;
}

.additional_info {
 background-color: #ffffff;
 display: none;
 font-size: 14px;
 padding: 20px;
}

.product_specs_page_name {
 background-color: #ffffff;
 float: left;
 width: 100%;
}

.product_image_desc_container {
 background-color: #ffffff;
 float: left;
 padding: 40px;
 width: 100%;
}

#top3compatible {
 float: left;
 margin-bottom: 10px;
}

#compatiple_product_filters {
 display: none;
 float: left;
 margin-bottom: 10px;
 width: 100%;
}

h2#compatiple_header {

}

#compatiple_product_filters .radio_button {
 margin: 5px 0;
}

.productImage,
.product_descrip {
 float: left;
 padding-right: 10px;
 
}

.productImage {
 width: 50%;
}

.product_descrip {
 padding: 0 150px 0 40px;
 border-left: 2px solid #f9f9f9;
 margin-left: 10px;
 width: 48%;
}

.product_descrip p {
 font-size: 14px;
}

.product_descrip a {
 float: left;
 margin: 4px 0;
}

.gallery_image img {
 max-height: 80px;
 max-width: 80px;
 margin-right: 16px;
}

.top p {
 font-size: 14px;
 width: 80%;
}

.gallery_image {
 background-color: #ffffff;
 border-radius: 2px;
 vertical-align: middle;
 display: table-cell;
}

.gallery {
 min-width: 360px;
 position: relative;
}

#galleryWrapper {
 box-shadow: inset 0px 9px 4px -10px #CCC, inset 0px -9px 4px -10px #CCC;
 margin-bottom: 10px;
 margin-top: -25px;
 padding: 15px 0;
 position: relative;
 overflow: hidden;
 width: 100%;
}

#scrollLeft {
 background: url(https://www.retailhosting.fi/dg_root/Images/arrowrlefttrans.png) no-repeat center left #ffffff;
 display: none;
 height: 100%;
 left: 0;
 margin-top: -10px;
 min-width: 30px;
 opacity: 0.5;
 position: absolute;
 width: 5%;
 z-index: 200;
}

#scrollRight {
 background: url(https://www.retailhosting.fi/dg_root/Images/arrowrighttrans.png) no-repeat center left #ffffff;
 display: none;
 height: 100%;
 margin-top: -10px;
 min-width: 30px;
 opacity: 0.5;
 position: absolute;
 right: 0;
 width: 5%;
 z-index: 200;
}

.additional_info p {
 font-size: 14px;
}

.width2 td {
 padding: 10px;
}

#tabcontainer {
 background-color: #ffffff;
 float: left;
 margin-bottom: 15px;
 padding: 20px;
 width: 100%;
}

#tabcontainer a {
}

.product_specs_icons {
 width: auto!important;
 margin-left: 20px;
}

#sectionSelect a#sectionIntroductionSelector,
#sectionSelect a#sectionSpecsSelector
 {
 border-left: 1px solid #eaeaea;
 border-right: 1px solid #eaeaea;
 border-top: 1px solid #eaeaea;
 color: #000000;
 float: left;
 padding: 10px;
 text-align: center;
}

#sectionIntroductionSelector {
 background-color: #ffffff;
 font-weight: 700;
 padding: 5px;
 width: 150px;
}

#sectionSpecsSelector {
 background-color: #f6f6f6;
 padding: 5px;
 width: 150px;
}

.width100.noborder tr {
 background-color: #ffffff;
}

.specstable_hidden,
.comptable_hidden {
 clear: both;
 display: none;
}

#stock_explanations {
 clear: both;
 padding-top: 20px;
}

.radio_button_specs_page {
 background-color: #e6e6e6;
 height: auto;
 line-height: 40px;
 margin-bottom: 5px;
 width: 100%;
}

#update_products .radio_button {
 max-width: none;
}

.favoriteForm,
#sectionSpecs,
.productnames_h2,
.compatible_productgroup {
 display: none;
}

.b_container,
#sectionSelect {
 background-color: #fff;
 float: left;
 width: 100%;
}

.specstable.width100,
.specstable_hidden.width100 {
 width: 100%;
}

input[type="submit"].specspagemultidist {
 padding: 6px;
}

input[type="text"].specspagemultidist {
 border-right: 1px solid!important;
}

.comptable_hidden .green.layout_1 {
 margin-left: auto;
 margin-top: inherit;
}

.comptable_hidden .yellow.layout_1 {
 margin-left: auto;
 margin-top: inherit;
}

.comptable_hidden .red.layout_1 {
 margin-left: auto;
 margin-top: inherit;
}

figure img {
 max-width: 500px;
 width: 100%;
}

/* Product_block_v2 */

.in_stock_text {
 

}
 
.stock_text {
 float: left;
 margin-top: 3px;
}

.stock_value {
 margin-top: 0;
}

/* Hide this if traffic lights are used */

.stock_balance {
 font-weight: bold;
 display: none;
}

/* Hide this if normal stock value is used */

.stock_lights {
 display: inline-block;
}

/* Stock visibility additional styles */

.stock_lights span.color {
 float: left;
 
}

.stock_lights span.stock_lights_stock {
 display: block;
 float: left;
 margin-left: 5px;
 margin-top: 4px;
}

.green, 
.red, 
.yellow {
 box-shadow: 0 2px 7px -3px rgba(0,0,0,.25);
 border-radius: 50px;
 display: block;
 height: 15px;
 margin: 3px auto;
 width: 15px;
}

.green {
 background: none repeat scroll 0 0 #2cc114;
 
}

.yellow {
 background: none repeat scroll 0 0 #eae203;
 
}

.red {
 background: none repeat scroll 0 0 #cc0405;
}
 
.order_block, .nostock {
 height: 50px;
 margin: 0 auto;
 max-width: 170px;
 padding-top: 2px;
 text-align: center;
 width: 100%;
}

.order_amount.no_order_button {
 width: auto;
}

.order_submit.no_order_button {
 background-color: #f0f0f0!important;
 width: 100px;
}


.multi_dist_order.order_block {
 margin-top: -15px;
 margin-bottom: 15px;
}

.order_block input[type=text],
.multi_dist_order input[type=text],
.product_specs_page input[type=text] {
 height: 30px;
 margin: 0;
 width: 35px;
}

.product_specs_page input[type=text] {
 border-right: none;

}

.order_block input[type=submit],
.product_specs_page input[type=submit] .line input[type=submit] {
 background-color: #e12d2d;
 border: 1px solid;
 transition: all.5s;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 font-weight: 700;
 height: 30px;
 padding: 0 15px;
 text-transform: inherit;
}

.read_more {
background-color: #222222;
box-shadow: 0 2px 7px -3px rgba(0,0,0,.55);
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
color: #fff !important;
 display: block;
padding: 12px 27px;
height: 41px;
width: inherit;
transition: all.5s;
font-family: "niveau-grotesk", sans-serif, FontAwesome;
font-weight: 700;
text-transform: uppercase;
}

.read_more:hover {
 background-color: #222;
}

.button_general.no_order_button {
 background-color: #f0f0f0;
 border: none;
 min-width: 71px;
}

.order_block input[type=submit]:hover,
.line input[type=submit]:hover {

}


.show_multiple_prices {
 display: none;
}

/* CSS for multiple prices in product_block_v2*/

.header_container {
 float: left;
 font-weight: bold;
 height: 40px;
 width: 100%;
}

.multi_dist_name, 
.multi_dist_name_header {
 float: left;
 margin-left: 2%;
 width: 17%;
} 

.multi_dist_stock, 
.multi_dist_stock_header {
 float: left;
 width: 17%;
}

.multi_dist_price, 
.multi_dist_price_header {
 float: left;
 width: 17%;
}

.multi_dist_percent, 
.multi_dist_percent_header {
 float: left;
 width: 17%;
}

.multi_dist_order, 
.multi_dist_order_header {
 float: left;
 min-height: 40px;
 text-align: right;
 width: 30%;
}

.show_multiple_prices.layout_1 {
width: 100%;
}

.highest_price,
.lowest_price {
 padding-right: 5px;
 width: 20px;
}

.multi_green {
 background: none repeat scroll 0 0 #2cc114;
 border-radius: 50px;
 display: block;
 float: left;
 height: 15px;
 margin-right: 4px;
 width: 15px;
}

.multi_yellow {
 background: none repeat scroll 0 0 #eae203;
 border-radius: 50px;
 display: block;
 float: left;
 height: 15px;
 margin-right: 4px;
 width: 15px;
}

.multi_red {
 background: none repeat scroll 0 0 #cc0405;
 border-radius: 50px;
 display: block;
 float: left;
 height: 15px;
 margin-right: 4px;
 width: 15px;
}

/* CSS for multiple prices end*/
 
 
/* Shoppingbasket_page */
 
#shoppingBasket input {
 box-sizing: border-box;
 font-family: "niveau-grotesk", sans-serif, FontAwesome;
 line-height: normal;
 margin: 0;
} 

.lines_column.bl_product_image > img {
 max-width: 80px;
 width: 100%;
} 

.basket_lines_header div,
.basket_line div {
 float: left;
 width: 11%;
}

.bl_product_image {
 width: 8%;
}

.bl_product_code {
 padding-left: 5px;
 padding-right: 10px;
 width: 16%;
 word-wrap: break-word;
}

.bl_product_name {
 padding-right: 10px;
 width: 18%;
}

.bl_supplier {
 width: 6%;
 text-align: left;
}

.bl_quantity {
 text-align: center;
 width: 6%!important;
}

.bl_change_quantity {
 width: 20%;
}

.bl_change_quantity input {
 width: 35px;
}

.bl_price_wo_vat,
.bl_total_wo_vat,
.bl_price_with_vat,
.bl_total_with_vat {
 width: 10.5%;
}

.basket_section {
 clear: both;
 padding: 5px;
}

.basket_section_header {
 line-height: 40px;
 width: 100%;
}

.basket_section_line {
 padding-top: 5px;
}

.form_row .form {
 clear: both;
}

.bl_info {
 width: 7%;
}

#order_header_form > label:empty {
 min-height: 100px;
}
.form_field .note {
 clear: both;
 display: inline-block;
 width: 100%;
}

#order_header .form_row {
 clear: none;
 float: left;
 width: 48%;
}

#order_header .form_field {
 float: right;
 padding-top: 5px;
}

.form_field.extra_reference {
 margin-top: 4px;
}

#impersonation_info {
 box-shadow: 0 2px 7px -3px rgba(0,0,0,.85);
 padding: 5px;
 text-align: center;
 position: fixed;
 top: 0;
 z-index: 200;
 width: 33%;
 height: 120px;
 max-width: 400px;
 margin: 0 auto;
 left: 33%;
 right: 33%;
 background-color: #fff;
}

#impersonation_info h2 {
 font-size: 12px;
 margin: 0 5px 28px 5px;
}


/* Stuff */

.center {
 text-align: center;
}

.clear-both {
 clear: both;
}

#info {
 float: right;
 margin-right: 10px;
 margin-top: 15px;
}

.right{
 text-align: right;
}

.float_left {
 float: left;
}

.italic {
 font-style: italic;
}

.float_right {
 float: right;
}

.bold {
 font-weight: 700;
}

.clear_both {
 clear: both;
}

.osoitelevennys {
 float: left;
}

.display_none {
display: none;
}

/* menu tool styles */


#menu_tool_container {
 font-size: 16px;
 margin-left: 15px;
}

.ident_input_checkbox {
 margin-left: 21px;
 margin-right: 8px;
}

.menu_tool_inner_menu {
 display: none;
 float: left; 
 margin-left: 30px;
 width: 100%; 
}

.editLink,
#narrowForm_menu_tool,
#newLinkControls
 {
 display: none;
}

.selected_menu_tool {
 border: 2px solid #222222;
}

.node_a {
 cursor: pointer;
}

.menu_tool_form a {
 color: black;
}

/* Search clearance styles */

#search_input::-ms-clear {
 display: none;
}

.search_content {
 text-align: right;
}

#search_clearance {
 cursor: pointer;
 display: none;
 font-family: FontAwesome;
 font-size: 35px;
 height: 40px;
 line-height: 40px;
 margin-right: 40px;
 opacity: 0.2;
 padding: 0 5px;
 position: relative;
 top: -40px;
 z-index: 100;
}

.underline_text {
 text-decoration: underline;
}

.bold_text {
 font-weight: bold;
}

.page_info > ul {
 font-size: 14px;
}

.page_info {
 clear: both;
 display: none;
 float: left;
}

.page_info p {
 font-size: 14px;
 padding-left: 10px;
}

#hide_info, #show_info {
 margin-top: 15px;
}

#hide_info {
 display: none;
}

#tryhma, #tryhma_selected, #valm, #valm_selected {
 height: 200px;
}

.product_comparing_page_table .type1,
.product_comparing_page_table .type2 {
 max-width: 150px;
 word-wrap: break-word;
 vertical-align: top;
}

.bigger_font {
 font-size: 1.7em;
}

.width100 {
 width: 100%;
}


.textarea_info {
 box-shadow: 7px 0 7px -7px #888,-7px 0 7px -7px #888;
 height: 45px;
 text-transform: lowercase;
 width: 250px;
}

.textarea_info::first-letter {
 text-transform: uppercase;
}

.payment {
background-color: #e3e3e3;
float: left;
margin: 10px 0;
padding: 10px;
width: 100%;
}

.guest_container {
 background-color: #ebebeb;
 float: left;
 margin-top: 40px;
 padding: 20px;
 width: 100%;
}

.guest_container p {
 float: left;
 font-size: 18px;
}

a#continue_order {
 margin-top: 15px;
}

input#continue_order {
 background-color: #e12d2d;
 border: 1px solid #e12d2d;
 border-radius: 5px;
 box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 color: #fff;
 font-size: 20px;
 padding: 16px 30px;
 transition: all .5s;
}

input#continue_order:hover {
 background-color: #fff;
 color: #e12d2d;
}

.full_width {
 width: 100%;
}

#user_report {
 float: left;
 clear: both;
}

.erase_button {
 background-color: transparent;
 border: none;
 cursor: pointer;
 font-size: 25px;

}

.erase_button:hover {
 background-color: transparent!important;
}

#bid_info {
 display: block!important;
}

.order_row_info.float_left.clear_both.bid_info {
 display: block!important;
}

.offer.ng-scope input {
 max-width: 100px;
}

#optimizationMatrix {
 display: block!important;
}


#siteseal {
 margin-top: 20px;
 display: block;
}

#siteseal img {
 max-width: 160px;
}

.order_row_info.float_left.clear_both.bid_info {
 display: none;
}


/* additional styles for accept cookies -popup */

.cc-window.cc-floating {
 background-color: #fff;
 box-shadow: 0 0 2px 0 hsla(0,0%,85.1%,.8),0 0 12px 0 rgba(0,0,0,.2),0 0 47px 0 rgba(0,0,0,.1);
 -webkit-box-shadow: 0 0 2px 0 hsla(0,0%,85.1%,.8),0 0 12px 0 rgba(0,0,0,.2),0 0 47px 0 rgba(0,0,0,.1);
 -moz-box-shadow: 0 0 2px 0 hsla(0,0%,85.1%,.8),0 0 12px 0 rgba(0,0,0,.2),0 0 47px 0 rgba(0,0,0,.1);
}

.cc-revoke, .cc-window {
 font-family: inherit;
}

.cc-btn {
 background-color: #e12d2d;
 color: #ffffff!important;
 border: 1px solid #ffffff;
 border-width: inherit!important;
 border-style: inherit!important;
 box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -webkit-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 -moz-box-shadow: 0 1.5px 0 0 rgba(221,221,221,1);
 
 transition: opacity .3s ease-in-out;
 -webkit-transition: opacity .3s ease-in-out;
 -moz-transition: opacity .3s ease-in-out;
 -ms-transition: opacity .3s ease-in-out;
 -o-transition: opacity .3s ease-in-out;
}

.cc-btn:hover {
 background-color: #ccc;
 color: #ffffff!important;
 border: 1px solid #000000; 
 opacity: 0.8;
}

/* additional styles for accept cookies -popup ends */

#change_delivery_address_no_edit {
 margin-top: 20px;
}

#ohp_message {
 display: none;
 font-size: 20px;
 margin-top: 20px;
 padding: 10px 0;
}

.ok_info {
 display: block;
 margin: 20px 0;
}

.red_text {
 color: red;
 display: block;
 margin: 20px 0;
}

.required.highlight {
 border: 1px solid red;
}

#tuoteopas, #apple_cto_launch {
display: inline-block;
float: left;
width: 100%;
padding: 13px;
text-align: left;
font-size: 16px;
}

#kaapeliopas {
display: inline-block;
 margin-bottom: 10px;
float: left;
width: 100%;
padding: 13px;
text-align: left;
font-size: 16px;
}

#guideBoxResponsive {
 background-color: #e12d2d!important;
}

.replication_s {
 display:block!important;
 line-height: 50px;
}

span.replicated {
 font-family: FontAwesome;
 color: green;
 font-size: 20px;
}

span.not_replicated {
 font-family: FontAwesome;
 color: red;
 font-size: 20px;
}

.maintenance_info {
 display: block!important;
}

.structured_banner .green.layout_1,
.structured_banner .red.layout_1 {
 display: inline-block;
 margin-left: inherit;
 margin-top: inherit;
}

.structured_banner .tuotenosto.layout_1 {
 font-size: 0.9em;
}

.structured_banner .tuotenosto.multiple_prices .order_block.layout_1, 
.structured_banner .tuotenosto.multiple_prices .nostock.layout_1 {
 padding-top: 0;
}

.structured_banner .tuotekoodi.layout_1 {
 height: inherit;
 max-height: inherit;
}





.service_category,
#Service\ category {
 display: none;
}



.button_general_color {
 background-color: #e12d2d;
 border: 1px solid #000;
 color: #ffffff;
}

a .button_general_color {
 color: #ffffff;
}

.basket-contents {
 margin-left: -300px;
 margin-top: 13px;
}

.form_row.float_left.full_width.tarjouspyynto {
 margin-top: -20px;
 margin-bottom: 30px;
}

.form_field.tarjouspyynto {
 display: inline-block;
 margin: -30px 0px;
}

.radio_button.t_align_left.tarjouspyynto {
 height: inherit;
}

label.tarjouspyynto:has(input[type="radio"]:checked) { 
 border: 1px solid #e12d2d;
box-shadow: 0 2px 7px -3px rgba(0,0,0,.85);
}

input[id^="tarjouspyynto"]:checked + span.tarjouspyynto_info {
 display: block!important;
}

span.tarjouspyynto_info {
 display:none;
 font-weight: 300;
 margin-left: -35px;
 padding: 15px;
 line-height: 20px;
 text-transform: none;
}

input.button_continue:disabled {
 background: #dddddd;
 color: #fff;
 border-color: #dddddd;
}

.additional_continue_order_text {
 display: block;
 padding: 5px;
 color: red;
}


#frontpage_banners .box-flat {
 box-shadow: 0px 0.2px 3px #CCC;
}

.menu-tree h2 {
 width: 100%;
}

input#save_password_button {
 color: inherit;
}

input#save_password_button:hover {
 color: #e12d2d;
}

#ua_icon input[type="text"] {
 border: none !important;
 border-radius: inherit;
 box-shadow: none;
 background-color: inherit;
 position: absolute;
}


.lang_selection {
 float: right!important;
 margin-top: inherit!important;
 padding: inherit!important;
}

.lang_selection.sticky {
 margin-top: 0!important;
}

.language_container {
 margin-left: -85px!important;
 margin-top: 60px!important;
}

#icon_container_compare, .compare_product_symbol {
 display: none;

}


span#ua_icon {


}

span#ua_icon img {
 /* float: left; */
}

span#user-name {
 display: none;
 float: right;
 margin-top: 10px;
 padding-left: 10px;
}

.two_column_container {
 background-color: #ffffff;
 font-size: 18px;
 line-height: 30px;
 max-width: 1500px;
 margin: 0 auto;
 padding: 20px 40px;
 width: 100%;
}

 a.dg_link {
 font-weight: 700;
 text-decoration: underline;
 color: #e12d2d;
 position: relative;
}

#front_page_products .two_column_container h2 {
 font-size: 40px;
}

.two_column_container img {
 max-width: 550px;
 width: 100%;

}

.tcc_left {
 float: left;
 width: 50%;
}


.tcc_right {
 float: left;
 text-align: center;
 width: 50%;
}

.tutustuTuotteeseen {
 border: none!important;

}
.add_product_to_compare_basket {

 display: none;
}


.layout_1 .pb_icon_holder {
 margin-top: 30px;
}

.favourite_product_symbol {
 font-size: 20px!important;
}