html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}
html {
line-height: 1
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle
}
q, blockquote {
quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none
}
a img {
border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block
}
@font-face {
font-family: 'FuturaNewBook';
src: url("/fonts/FuturaNewBook/FTN45.eot");
src: local("FuturaNewBook"), url("/fonts/FuturaNewBook/FTN45.woff") format("woff"), url("/fonts/FuturaNewBook/FTN45.ttf") format("truetype"), url("/fonts/FuturaNewBook/FTN45.svg") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'BodoniStd';
src: url("/fonts/BodoniStd/BodoniStd.eot");
src: local("BodoniStd"), url("/fonts/BodoniStd/BodoniStd.woff") format("woff"), url("/fonts/BodoniStd/BodoniStd.ttf") format("truetype"), url("/fonts/BodoniStd/BodoniStd.svg") format("svg");
font-weight: normal;
font-style: normal
}
#footer-bottom .bl ul, .items h2, .promotions h3, .sectionBox li h3, blockquote .big {
font-weight: normal
}
#topNav, .promotions li h3, .sitemap .block > ul > li > a, #footer h3, .items h2, .productsSlider h3, ul.leftNav li a, .twoCol50-50.reviewModule label, .twoCol50-50.reviewModule strong {
font-size: 1.5em
}
ul.leftNav li a {
line-height: 1.15
}
.category h3 {
font-weight: normal
}
.breadcrumbs, #content .tabs li a, #overlay .tabs li a, .category h3, .refine h3, .slide .slide-overlay h3 {
font-size: 1.333em
} /*! jQuery UI - v1.10.4 - 2014-10-31
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css, jquery.ui.slider.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2CVerdana%2Csans-serif&fwDefault=normal&fsDefault=1.0em&cornerRadius=5px&bgColorHeader=%230C2645&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%230C2645&fcHeader=%23FFFFFF&iconColorHeader=%23FFFFFF&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23DBDBDB&fcContent=%23333333&iconColorContent=%237a7a7a&bgColorDefault=%23F4F4F4&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23DBDBDB&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23F2F2F2&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%2358B0E2&iconColorHover=%23454545&bgColorActive=%2358B0E2&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23ffffff&iconColorActive=%23454545&bgColorHighlight=%23FFFFFF&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23DBDBDB&fcHighlight=%23333333&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-clearfix {
min-height: 0
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default !important
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 49%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-divider {
margin: 5px -2px 5px -2px;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
font-weight: normal
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px
}
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
line-height: 1.5
}
.ui-menu .ui-state-disabled a {
cursor: default
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em
}
.ui-menu .ui-menu-icon {
position: static;
float: right
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-widget {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1.0em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1em
}
.ui-widget-content {
border: 1px solid #DBDBDB;
background: #fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
color: #333333
}
.ui-widget-content a {
color: #333333
}
.ui-widget-header {
border: 1px solid #0C2645;
background: #0C2645 url("images/ui-bg_flat_100_0C2645_40x100.png") 50% 50% repeat-x;
color: #FFFFFF;
font-weight: bold
}
.ui-widget-header a {
color: #FFFFFF
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #DBDBDB;
background: #F4F4F4 url("images/ui-bg_flat_75_F4F4F4_40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #555555
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555555;
text-decoration: none
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #F2F2F2 url("images/ui-bg_flat_75_F2F2F2_40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #58B0E2
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
color: #58B0E2;
text-decoration: none
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #58B0E2 url("images/ui-bg_flat_65_58B0E2_40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #ffffff
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #ffffff;
text-decoration: none
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #DBDBDB;
background: #fff url("images/ui-bg_flat_55_FFFFFF_40x100.png") 50% 50% repeat-x;
color: #333333
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #333333
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
color: #cd0a0a
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #cd0a0a
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #cd0a0a
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon, .ui-widget-content .ui-icon {
background-image: url("images/ui-icons_7a7a7a_256x240.png")
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_FFFFFF_256x240.png")
}
.ui-state-default .ui-icon {
background-image: url("images/ui-icons_888888_256x240.png")
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png")
}
.ui-state-active .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png")
}
.ui-state-highlight .ui-icon {
background-image: url("images/ui-icons_2e83ff_256x240.png")
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cd0a0a_256x240.png")
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-carat-1-n {
background-position: 0 0
}
.ui-icon-carat-1-ne {
background-position: -16px 0
}
.ui-icon-carat-1-e {
background-position: -32px 0
}
.ui-icon-carat-1-se {
background-position: -48px 0
}
.ui-icon-carat-1-s {
background-position: -64px 0
}
.ui-icon-carat-1-sw {
background-position: -80px 0
}
.ui-icon-carat-1-w {
background-position: -96px 0
}
.ui-icon-carat-1-nw {
background-position: -112px 0
}
.ui-icon-carat-2-n-s {
background-position: -128px 0
}
.ui-icon-carat-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 5px
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 5px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 5px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 5px
}
.ui-widget-overlay {
background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px
}
body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit {
margin-right: 10px
}
body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink.dlgForgottenPassword {
margin-bottom: 10px
}
body #eucookielawcontainer .bannerbuttons .button a {
display: block
}
body .cart-pending-current .add-cart-button .icon.adding {
top: 12px;
right: 7px
}
body .category .button.grey a {
text-decoration: none !important
}
body .button i, body .button em, body .checkbox-button i, body label.checkbox-button span.icon {
display: none !important
}
body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword, body .dlgForgottenPassword, body a.btn.icon-edit, body button.btn.icon-edit, body .cta-link-normal, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: inherit
}
body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:hover, body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:active, body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:focus, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:active, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:focus, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:hover, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:active, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:focus, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:hover, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:active, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:focus, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:hover, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:active, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:focus, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:active, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:focus, body .dlgForgottenPassword:hover, body .dlgForgottenPassword:active, body .dlgForgottenPassword:focus, body a.btn.icon-edit:hover, body a.btn.icon-edit:active, body a.btn.icon-edit:focus, body button.btn.icon-edit:hover, body button.btn.icon-edit:active, body button.btn.icon-edit:focus, body .cta-link-normal:hover, body .cta-link-normal:active, body .cta-link-normal:focus, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:hover, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:active, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:visited, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:visited, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:visited, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:visited, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:visited, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:visited, body .dlgForgottenPassword:visited, body a.btn.icon-edit:visited, body button.btn.icon-edit:visited, body .cta-link-normal:visited, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
body .cta-link-normal__inherit {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: inherit;
font-size: inherit
}
body .cta-link-normal__inherit:hover, body .cta-link-normal__inherit:active, body .cta-link-normal__inherit:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
body .cta-link-normal__inherit:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
body .slide .slide-overlay p a, body .cta-link-uppercase {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: uppercase
}
body .slide .slide-overlay p a:hover, body .slide .slide-overlay p a:active, body .slide .slide-overlay p a:focus, body .cta-link-uppercase:hover, body .cta-link-uppercase:active, body .cta-link-uppercase:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
body .slide .slide-overlay p a:visited, body .cta-link-uppercase:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
body .button a, body .button input:not(input[type=submit]), body .button button {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-radius: 22.5px;
background: none !important;
padding: 0 35px !important;
height: 43px;
line-height: 43px;
text-decoration: none !important;
-webkit-appearance: none;
color: #58B0E2 !important;
border: 1px solid #58B0E2 !important;
width: auto;
outline: none
}
body .button a:hover, body .button input:not(input[type=submit]):hover, body .button button:hover {
color: #052644 !important;
border: 1px solid #052644 !important;
cursor: pointer
}
body a.btn.icon-buy, body input.btn.icon-buy, body button.btn.icon-buy, body .search-product .button input, body .features .pdr .pdr-block .cta-button a, body .introduction .center .content .button, body .btn-primary, body #ctl00_ContentPlaceHolderMain_SignInControl1_hyperlinkRegister, body .cart-pending .add-cart-button .add-cart-button-inactive, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_hyperlinkRegister, body a.btn.btn-xxl, body input.btn.btn-xxl, body button.btn.btn-xxl, body #eucookielawcontainer .bannerbuttons .button a, body #ctl00_ContentPlaceHolderMain_hyperlinkRetakePayment, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ButtonSubmit, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_GigyaLogin_createAccountButton_hyperlinkRegister, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_createAccountButton_hyperlinkRegister, body #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale, body .cta-primary-button, body .genericForm .button input, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_lnkWhereToBuy, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_panelMoreDetails .buynow-btn-show, body.isPdpPage .moredetails #buynowBtnWrapper a, body.isPdpPage .manualFaqSupport .search-product .button input {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border-radius: 36px !important;
background: none !important;
padding: 0 35px !important;
height: 45px;
line-height: 45px;
border: none !important;
outline: none;
text-decoration: none !important;
-webkit-appearance: none;
outline: none;
color: #fff !important;
background-color: #58B0E2 !important;
width: auto
}
body a.btn.icon-buy:hover, body input.btn.icon-buy:hover, body button.btn.icon-buy:hover, body .search-product .button input:hover, body .features .pdr .pdr-block .cta-button a:hover, body .introduction .center .content .button:hover, body .btn-primary:hover, body #ctl00_ContentPlaceHolderMain_SignInControl1_hyperlinkRegister:hover, body .cart-pending .add-cart-button .add-cart-button-inactive:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_hyperlinkRegister:hover, body a.btn.btn-xxl:hover, body input.btn.btn-xxl:hover, body button.btn.btn-xxl:hover, body #eucookielawcontainer .bannerbuttons .button a:hover, body #ctl00_ContentPlaceHolderMain_hyperlinkRetakePayment:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ButtonSubmit:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_GigyaLogin_createAccountButton_hyperlinkRegister:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_createAccountButton_hyperlinkRegister:hover, body #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale:hover, body .cta-primary-button:hover, body .genericForm .button input:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_lnkWhereToBuy:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_panelMoreDetails .buynow-btn-show:hover, body.isPdpPage .moredetails #buynowBtnWrapper a:hover, body.isPdpPage .manualFaqSupport .search-product .button input:hover {
background-color: #052644 !important;
cursor: pointer
}
body .button input[type=submit]#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_PromotionCodeDiscount1_buttonApplyCode, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_buttonBack, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_buttonSignIn, body #ctl00_ContentPlaceHolderMain_AddressSelectionControl_HyperLinkAddAddress, body #ctl00_ContentPlaceHolderMain_AddressAddEdit_buttonAddressCancel, body a.btn.checkout-back, body input.btn.checkout-back, body button.btn.checkout-back, body #ctl00_ContentPlaceHolderMain_hyperlinkContinueShopping, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ProductListing_HyperLinkCompareProduct, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_AddressEditForListing_buttonAddressCancel, body .cta-secondary-button {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-radius: 22.5px;
background: none !important;
padding: 0 35px !important;
height: 43px;
line-height: 43px;
text-decoration: none !important;
-webkit-appearance: none;
color: #58B0E2 !important;
border: 1px solid #58B0E2 !important;
width: auto;
outline: none
}
body .button input[type=submit]#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_PromotionCodeDiscount1_buttonApplyCode:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_buttonBack:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_buttonSignIn:hover, body #ctl00_ContentPlaceHolderMain_AddressSelectionControl_HyperLinkAddAddress:hover, body #ctl00_ContentPlaceHolderMain_AddressAddEdit_buttonAddressCancel:hover, body a.btn.checkout-back:hover, body input.btn.checkout-back:hover, body button.btn.checkout-back:hover, body #ctl00_ContentPlaceHolderMain_hyperlinkContinueShopping:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ProductListing_HyperLinkCompareProduct:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_AddressEditForListing_buttonAddressCancel:hover, body .cta-secondary-button:hover {
color: #052644 !important;
border: 1px solid #052644 !important;
cursor: pointer
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent
}
table {
border-collapse: collapse;
border-spacing: 0
}
address {
font-style: normal
}
p, ul, ol, dl, pre, address, table, blockquote {
margin-bottom: 1.5em
}
body {
-webkit-text-size-adjust: none
}
@media all and (max-width: 40em) {
.desktop, .tablet, .not-mobile {
display: none
}
body:after {
content: 'mobile';
display: none
}
}
@media all and (max-width: 56.25em) and (min-width: 40.0625em) {
.desktop, .mobile, .not-tablet {
display: none
}
.cart-overlay .cart .cart-overview .not-desktop {
display: none
}
body:after {
content: 'tablet';
display: none
}
}
@media all and (min-width: 56.313em) {
.mobile, .tablet, .not-desktop {
display: none
}
.cart-overlay .cart .cart-overview .not-desktop {
display: none
}
body:after {
content: 'desktop';
display: none
}
}
.ie .mobile, .ie .tablet, .ie .not-desktop {
display: none !important
}
@media all and (min-width: 769px) {
.lte-768 {
display: none !important
}
}
@media all and (max-width: 768px) {
.gt-768 {
display: none !important
}
}
body {
padding: 0;
margin: 0 auto;
background-color: #fff;
color: #333;
font: 0.750em/1.4 Arial, Helvetica, Verdana, sans-serif
}
.accessibilityNav {
margin: 0;
padding: 0
}
.skip {
display: none;
text-align: left;
margin: 0 0 0 5px;
padding: 0;
position: absolute;
font-size: 1em
}
.skip {
display: block
}
:root .skip {
display: block
}
.skip a {
padding: 0 0.5em;
display: inline;
font-weight: bold;
z-index: 2;
text-decoration: none;
position: absolute;
width: 20em;
left: -300em
}
.skip a:focus, .skip a:active {
position: absolute;
left: 0.5em;
background: transparent
}
.skip a:hover {
cursor: default
}
.hide {
display: none
}
.offscreen {
position: absolute;
left: -99999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0
}
.rtl .offscreen {
position: absolute;
right: -99999px
}
a {
color: #58b0e2
}
a:hover, a:active, a:focus {
outline: 0;
color: #58b0e2;
text-decoration: underline
}
ul, ol {
margin: 0 0 1.5em 0;
padding: 0 0 0 1.5em
}
ol {
padding-left: 1.8em
}
ul li, ol li {
padding-bottom: 0.5em
}
ul ul, ol ul, ul ol {
margin: 1em 0 0 1em
}
.rtl ul, .rtl ol {
margin: 0 0 1.5em 0;
padding: 0 1.8em 0 0
}
.rtl ul ul, .rtl ol ul, .rtl ul ol {
margin: 1em 1em 0 0
}
.colMain ul, .colMain ol, .oneCol ul, .oneCol ol {
overflow: hidden
}
abbr[title] {
cursor: help
}
dl.listing {
margin: 0 0 1.5em 0;
padding: 0;
line-height: 1.8;
overflow: hidden
}
dl.listing dt {
clear: both;
font-weight: bold;
margin: 0 .5em 0 0;
padding: 0;
float: left
}
dl.listing dd {
font-size: 1em;
min-height: 1.8em
}
.rtl dl.listing dt {
margin: 0 0 0 .5em;
float: right
}
b, strong {
font-weight: bold
}
dfn {
font-style: italic
}
hr {
display: block;
margin: 1em 0;
padding: 0;
height: 1px;
border: 0;
border-top: 1px solid #ccc
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
button, input, select, textarea {
font: 1em "notoregular", Helvetica, Arial, sans-serif;
color: #333
}
h1, h2, h3, h4, h5, h6 {
line-height: normal;
margin-bottom: .5em
}
h1 {
font-size: 1.833em;
font-weight: lighter;
text-transform: uppercase;
width: 75%
}
h2 {
font-size: 1.750em;
margin-bottom: .7em;
line-height: 1.4;
font-weight: normal
}
h3 {
font-size: 1.500em;
font-weight: lighter
}
@media only screen and (max-width: 992px) {
h1 {
width: auto
}
}
h4 {
font-size: 1em
}
h5 {
margin-bottom: .3em;
font-size: 0.92em
}
h6 {
margin-bottom: .3em;
font-size: 0.92em
}
h1 a, h2 a, h3 a, h4 a, a h2, a h3 {
text-decoration: none
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, a:hover h2 span, a:focus h2 span, a:hover h3 span, a:focus h3 span {
text-decoration: underline
}
.intro .big, .intro h2 {
margin-bottom: 0.3em;
font-weight: lighter
}
.big {
font-size: 1.5em;
font-weight: lighter
}
.small {
font-size: 0.92em
}
.highlight {
background-color: #eee;
padding: 10px;
border: 1px solid #ccc;
font-weight: bold
}
blockquote {
margin: 0 5%;
padding: 0;
overflow: hidden
}
blockquote .big {
font: 1.333em/1.4 normal;
border-left: 1px solid #58b0e2;
margin-bottom: 5px
}
blockquote * {
padding: 0 15px 10px 15px
}
blockquote p img, blockquote a {
padding: 0;
text-decoration: none
}
.rtl blockquote .big {
border-left: none;
border-right: 1px solid #58B0E2
}
img.figure, .figure img {
width: 100%;
display: block;
margin-bottom: 5px !important;
border-radius: 3px
}
.media object, .media embed {
max-width: 100%
}
.pullRight img, img.pullRight, .pullLeft img, img.pullLeft {
max-width: 100%
}
.pullLeft.frame, .pullRight.frame {
max-width: 240px
}
.stopFloat {
clear: both
}
.pullRight a.triggerOverlay, .pullLeft a.triggerOverlay {
display: block;
text-align: center;
font-weight: bold;
font-size: 0.92em;
text-decoration: none;
overflow: hidden;
padding: 5px 0
}
.pullLeft a.triggerOverlay:hover, .pullLeft a.triggerOverlay:focus {
text-decoration: underline
}
.pullLeft a.triggerOverlay img, .pullRight a.triggerOverlay img {
vertical-align: bottom;
margin: 5px 3px 0 3px
}
.ie7 .pullRight a.triggerOverlay, .ie7 .pullLeft a.triggerOverlay {
width: 250px
}
.ie7 .pullLeft a.triggerOverlay img, .ie7 .pullRight a.triggerOverlay img {
vertical-align: top;
margin: -3px 3px 0 3px
}
#content table {
border-collapse: collapse;
margin-bottom: 2em;
border: 1px solid #c6c6c6
}
#content table th {
font-weight: bold;
color: #333;
border: 1px solid #c6c6c6;
border-bottom: none;
text-align: left;
padding: 10px;
background-color: #e5e5e5
}
#content table td {
border: 1px solid #c6c6c6;
border-top: none;
background-color: #fff;
padding: 5px 5px 5px 10px;
color: #000
}
#content table td.odd {
background-color: #f2f2f2
}
#content table.zebra td {
border-bottom: none
}
#content table.zebra tr.line td {
background-color: #f2f2f2
}
#errorContainer {
display: none
}
#page {
margin: 0 auto
}
#page.rtl {
overflow: hidden !important
}
.container {
clear: both;
width: 100%;
margin: 0 auto
}
.section {
padding: 0 10px
}
#content .section {
padding-bottom: 1px;
background-color: #fff;
margin-bottom: 20px;
position: relative
}
#content .wingLeft .shadow, #content .wingRight .shadow {
display: none
}
.container#smallHeader {
clear: both
}
.container#smallHeader .breadcrumbs {
margin: 15px 0 5px 0
}
@media only screen and (max-width: 992px) {
.container#smallHeader {
display: none
}
}
.oneCol, .twoCol50-50, .twoCol70-30, .twoCol30-70, .twoCol80-20, .twoCol20-80 {
clear: both;
width: 100%;
box-sizing: border-box
}
.list2col, .list3col, .list4col, .gridStyle4cols {
clear: both;
width: 100%;
margin: 1em 0 2% 0;
padding: 0 !important;
list-style-image: none;
overflow: visible !important
}
.list2col li, .list3col > li, .list4col li {
margin-bottom: 10px
}
.rtl .list2col, .rtl .list3col, .rtl .list4col {
margin-right: 0
}
.rtl .list2col ul, .rtl .list3col ul, .rtl .list4col ul {
margin-right: 0 !important
}
.gridStyle4cols, .gridStyle4cols li {
margin: 0;
border-bottom: 1px dotted #ccc;
width: 100%
}
.gridStyle4cols li .inner {
padding: 10px;
text-align: center
}
.channelFilter.filter-active .gridStyle4cols li .inner {
transition: opacity 0.7s
}
.gridStyle4cols li .inner.knockback {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30)
}
.gridStyle4cols li .inner {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100)
}
.gridStyle4cols.ncj-masonry.ncj-widget-active li {
border-right: 1px dotted #ccc
}
.gridStyle4cols.ncj-masonry.ncj-widget-active li.lastCol {
border-right: none
}
.gridStyle4cols.ncj-masonry.ncj-widget-active li.lastRow {
border-bottom: none
}
.gridStyle4cols.ncj-masonry.ncj-widget-active {
border-bottom: none
}
ul.items {
clear: both;
margin: 0 0 1.5em 0;
padding: 0;
list-style-image: none;
overflow: hidden;
width: 100%
}
ul.items img {
float: left;
margin: 0 15px 5px 0;
display: block
}
@media all and (max-width: 479px) {
ul.items h2 {
clear: both
}
}
ul.items h3 {
min-height: 0
}
ul.items .date {
margin: -1em 0 0.7em 0;
font-size: 0.92em
}
ul.items li {
border-bottom: 1px dotted #ccc;
margin: 0 0 15px 0;
padding-bottom: 5px;
overflow: hidden
}
ul.items li:last-child {
border: none;
margin: 0
}
ul.items li p {
margin-bottom: 1em
}
ul.items.couple li {
border: none
}
ul.items.four li, ul.items.five li {
border: none;
font-size: 0.92em;
font-size: 1em;
margin: 0 auto 20px auto;
text-align: center;
line-height: normal
}
ul.items.five li {
float: left;
width: 45%;
margin: 0 3% 20px 2%
}
ul.items.four li img, ul.items.five li img {
float: none;
display: block;
text-align: center;
margin-top: 5px;
margin-left: auto;
margin-right: auto
}
ul.items.four li .frameSm img, ul.items.five li .frameSm img {
margin-top: 0
}
ul.items.four li a, ul.items.five li a {
text-decoration: none;
font-size: 0.92em;
font-weight: bold
}
ul.items.four li a:hover, ul.items.five li a:hover, ul.items.four li a:focus, ul.items.five li a:focus {
text-decoration: underline
}
.ie7 ul.items.four li, .ie7 ul.items.five li {
min-height: 135px
}
.rtl ul.items img {
float: right;
margin: 0 0 5px 10px
}
.rtl ul.items.four li img, .rtl ul.items.five li img {
float: none
}
.listTwoCols {
width: 100%;
margin: 0 0 1.5em 0;
padding: 0;
list-style-image: none;
overflow: hidden
}
.listTwoCols li {
padding-left: 12px;
padding-right: 12px;
margin: 0;
background: transparent url(../images/assets/sprite_arrows.png) no-repeat 0 -598px
}
.listTwoCols li a {
text-decoration: none;
font-weight: bold
}
.listTwoCols li a:hover, .listTwoCols li a:focus, .listTwoCols li a:active {
text-decoration: underline
}
.rtl .listTwoCols {
margin: 0 0 1.5em 0
}
.rtl .listTwoCols li {
background-position: 103% -698px
}
.blog-items {
clear: both;
margin-bottom: 1.5em
}
.blog-items ol {
width: 100%;
margin: 0;
padding: 0;
list-style-image: none;
overflow: hidden
}
.blog-items ol > li {
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 0;
border-bottom: 1px solid #E0E0E0
}
.blog-items ol > li *:last-child {
margin-bottom: 0
}
.blog-items .blog-header h3 {
margin-bottom: 0.25em
}
.blog-items .blog-header p {
margin-bottom: 0.75em
}
.blog-items .blog-header .date a {
text-decoration: none;
font-weight: bold
}
.blog-items .blog-header .date a:hover, .blog-items .blog-header .date a:focus {
text-decoration: underline
}
.published a {
text-decoration: none;
font-weight: bold
}
.published a:hover, .published a:focus {
text-decoration: underline
}
* html .clearfix {
height: 1%
}
.clearfix {
display: block
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.container:after, .twoCol70-30 .colMain .list2col:after, .list3col:after, .list4col:after, .gridStyle4cols:after, .sectionBox:after, .commerceRelated:after, #masterHead:after, .smallHero:after, .largeHero:after, .article:after, .button:after, #compare:after, .twoCol50-50:after, .twoCol70-30:after, .twoCol30-70:after, .twoCol80-20:after, .twoCol20-80:after, .zoomControls:after, #FullPageWidgetHolder:after, #eucookielawcontainer:after, #masterHead .utilNav:after, .productsSlider:after, ul.listColours:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
#masterHead {
background-color: #0c2645
}
#masterHead .section {
position: relative;
padding: 10px 0 0 0
}
#masterHead p {
margin: 0
}
#masterHead a {
text-decoration: none
}
#masterHead a:hover, #masterHead a:focus {
text-decoration: underline;
color: #58b0e2
}
#masterHead ul {
margin: 0;
padding: 0;
list-style-image: none
}
#masterHead ul li {
margin: 0;
padding: 0
}
#masterHead.noNav {
margin-bottom: 20px
}
.ie7 #masterHead .section {
padding: 0;
margin-top: 10px;
z-index: 111
}
.logoBox {
position: absolute;
top: 10px;
left: 10px;
width: 120px
}
.rtl .logoBox {
left: auto;
right: 10px
}
#masterHead.noNav .logoBox {
position: static;
padding: 0 10px 10px 10px
}
#masterHead .utilNav {
display: block
}
#masterHead .utilNav ul {
float: right;
margin-top: -10px
}
#masterHead .utilNav li {
display: block;
float: left;
margin: 0;
position: relative
}
#masterHead .utilNav li a {
display: block;
color: #fff;
text-decoration: none
}
#masterHead .utilNav li a.cart-name {
color: #58B0E2
}
.rtl #masterHead .utilNav ul {
float: left
}
.rtl #masterHead .utilNav li {
float: right
}
#masterHead .utilNav li a.flag, #masterHead .utilNav li a.flag span {
font-weight: normal
}
.utilContainer .links > ul > li > a {
line-height: 2;
text-decoration: none
}
.utilContainer .links > ul > li > a:after {
content: "";
color: #ccc;
padding: 0 10px
}
.utilContainer .links > ul > li.last > a:after {
display: none
}
#masterHead .utilNav li.toggleLanguage > a:after {
content: "";
padding: 0
}
.rtl .utilContainer .links > ul > li > a:after {
content: " ";
padding: 0 8px
}
#masterHead .utilNav li {
display: none
}
#masterHead .utilNav li.mobile {
display: block;
margin: 0
}
#masterHead .utilNav li.mobile > a {
text-indent: -999em;
width: 54px;
height: 80px;
position: relative;
line-height: normal
}
#masterHead .utilNav li.mobile > a:before {
content: "";
width: 26px;
height: 26px;
position: absolute;
top: 20px;
left: 15px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat 0 -370px
}
#masterHead .utilNav li.mobile.toggleMenu > a:before {
background-position: -60px -370px
}
#masterHead .utilNav li.mobile.toggleSearch > a:before {
background-position: -30px -370px
}
#masterHead .utilNav li.mobile.toggleLanguage {
position: static
}
#masterHead .utilNav li.mobile.toggleLanguage > a.flag.selected {
text-indent: 0;
text-align: center;
color: #fff !important;
background-image: none;
padding: 0
}
#masterHead .utilNav li.mobile.toggleLanguage > a.flag.selected span {
display: inline-block;
padding-top: 52px;
font-weight: normal;
font-size: 11px
}
#masterHead .utilNav li.mobile.toggleLanguage a.flag.selected span.d {
display: none
}
#masterHead .utilNav li.mobile.active {
background-color: #133d6e
}
#masterHead .utilNav .cartUtilNav {
float: right;
position: relative;
width: 96%;
display: block;
text-align: right;
margin: 0;
padding: 7px 2%;
list-style-image: none;
background-color: #0c2645;
border-top: 2px solid #000
}
#masterHead .utilNav .cartUtilNav:before {
content: "";
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 1px;
background-color: #133D6E
}
#masterHead .utilNav .cartUtilNav li {
display: block
}
.rtl #masterHead .utilNav .cartUtilNav {
float: left;
text-align: left
}
.rtl #masterHead .utilNav .cartUtilNav:before {
left: auto;
right: 0
}
.utilContainer .cartUtilNav.links a {
padding: 0 0 0 20px
}
.rtl .utilContainer .cartUtilNav.links a {
padding: 0 20px 0 0
}
.utilContainer .cartUtilNav.links a:after {
padding: 0 !important
}
.utilContainer .cartHolder {
position: relative
}
.utilContainer .cartBtnHolder {
display: inline-block;
zoom: 1;
*display: inline
}
.utilContainer li.login a:before, .utilContainer .cartBtnHolder a:before, .utilContainer li.registerBtn a:before {
content: "";
display: block;
float: left;
width: 18px;
height: 25px;
margin-top: -3px;
background-image: url(../images/assets/sprite_commerce.png);
background-repeat: no-repeat
}
.utilContainer li.login a:before {
background-position: -120px 0
}
.utilContainer li.registerBtn a:before {
background-position: -250px 0;
width: 24px
}
.utilContainer .cartBtnHolder a:before {
background-position: -160px 0;
width: 33px
}
.utilContainer .cartBtnHolder a {
position: relative
}
.utilContainer .cartBtnHolder span {
position: absolute;
top: -3px;
left: 32px;
color: #fff
}
@media screen and (max-width: 40em) {
.utilContainer .cartUtilNav.links li:first-child a {
padding: 0
}
.utilContainer .cartBtnHolder a {
top: 3px
}
}
@media screen and (max-width: 639px) {
.utilContainer .cartBtnHolder a b {
display: none
}
.utilContainer .cartBtnHolder a {
top: 3px
}
}
.siteSearch {
display: none;
clear: both;
position: relative;
padding: 15px 10px;
background-color: #0c2645;
border-top: 2px solid #000
}
.siteSearch:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
border-top: 1px solid #133d6e
}
.siteSearch .inputTxt {
width: 85%;
border: none;
background-color: #fff;
padding: 7px 5px
}
.siteSearch .inputButton {
float: right;
margin: 8px 5px 0 5px
}
.rtl .siteSearch:before {
left: auto;
right: 0
}
.rtl .siteSearch .inputButton {
float: left
}
#topNav .previewSpace {
display: none
}
#topNav {
clear: both;
border-top: 2px solid #000;
font-size: 1.333em
}
#topNav a {
display: block
}
#topNav > ul > li > a.expand-collapse {
border: none;
padding: 10px !important;
margin: 0;
background: url(../images/assets/sprite_arrows.png) no-repeat 0 -2600px;
display: block;
height: 18px;
width: 18px;
position: absolute;
right: 0;
top: 3px
}
.rtl #topNav > ul > li > a.expand-collapse {
right: auto;
left: 0
}
#topNav > ul > li.parent > a.expand-collapse {
background-position: 10px -2390px
}
#topNav > ul > li.hover > a.expand-collapse {
background-position: 10px -2490px
}
.ie #topNav > ul > li > a.expand-collapse {
display: none
}
#topNav > ul > li {
border-top: 1px solid #133d6e;
position: relative;
text-transform: uppercase
}
#topNav > ul > li > a {
color: #fff;
border-bottom: 2px solid #000;
line-height: 1;
padding: 13px 35px 13px 10px;
min-height: 18px;
font-size: 14px
}
.rtl #topNav > ul > li > a {
padding-left: 35px;
padding-right: 10px
}
#topNav .dropdown {
background-color: #fff;
padding: 10px;
margin: 10px
}
#topNav .block > ul > li {
font-size: 14px;
text-transform: none;
line-height: 1.4
}
#topNav .block > ul > li > a {
display: block
}
.js #topNav .dropdown {
display: none
}
#topNav li.parent.hover .dropdown {
display: block
}
#topNav li li li {
text-transform: uppercase
}
#topNav ul ul ul {
margin: 5px 0 15px 0
}
#topNav li li li a {
font-size: 14px;
color: #333;
padding-bottom: 3px;
font-weight: normal
}
#topNav .foot {
border-top: 1px solid #e0e0e0;
padding-top: 10px;
text-transform: none;
font-size: 0.889em
}
.utilNav .toggleLanguage {
z-index: 22222;
zoom: 1
}
.utilNav .selectLang {
z-index: 999999999;
display: none;
font-size: 0.92em;
border: 3px solid #58b0e2;
position: absolute;
right: 0;
top: 82px;
color: #333;
background-color: #fff;
margin: 0 0;
padding: 2%;
width: 94%
}
.utilNav .selectLang a {
color: #333 !important
}
.utilNav .selectLang dl {
margin: 0;
padding: 0 35px 0 0
}
.utilNav .selectLang dl dd {
margin: 0;
padding: 0;
overflow: hidden
}
.utilNav .selectLang p.close a {
z-index: 9999999999;
position: absolute;
margin: 0;
padding: 0;
top: 0;
right: 0;
width: 35px;
height: 35px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -240px -440px
}
.utilNav .selectLang p.close a:hover, .utilNav .selectLang p.close a:focus {
background-position: -280px -440px
}
.rtl .utilNav .selectLang {
right: auto;
left: 0
}
.rtl .utilNav .selectLang a {
text-align: left
}
a.flag {
display: block;
background-image: url(../images/assets/sprite_lang.png);
background-repeat: no-repeat;
padding: 2px 10px 6px 25px;
line-height: normal
}
a.flag {
background-position: 0 -2500px
}
a.flag.es-es {
background-position: 0 0
}
a.flag.de-de {
background-position: 0 -50px
}
a.flag.da-dk {
background-position: 0 -100px
}
a.flag.uk, a.flag.en-gb {
background-position: 0 -150px
}
a.flag.sq-al {
background-position: 0 -200px
}
a.flag.nl-be, a.flag.fr-be {
background-position: 0 -250px
}
a.flag.bg-bg {
background-position: 0 -300px
}
a.flag.cs-cz {
background-position: 0 -350px
}
a.flag.el-gr {
background-position: 0 -400px
}
a.flag.fi-fi {
background-position: 0 -450px
}
a.flag.fr-fr {
background-position: 0 -500px
}
a.flag.hu-hu {
background-position: 0 -550px
}
a.flag.hr-hr {
background-position: 0 -600px
}
a.flag.it-it {
background-position: 0 -650px
}
a.flag.lv-lv {
background-position: 0 -700px
}
a.flag.lt-lt {
background-position: 0 -750px
}
a.flag.nl-nl {
background-position: 0 -800px
}
a.flag.nb-no {
background-position: 0 -850px
}
a.flag.de-at {
background-position: 0 -900px
}
a.flag.pl-pl {
background-position: 0 -950px
}
a.flag.pt-pt {
background-position: 0 -1000px
}
a.flag.ru-ru {
background-position: 0 -1050px
}
a.flag.fr-ch, a.flag.de-ch, a.flag.it-ch {
background-position: 0 -1100px
}
a.flag.uk-ua, a.flag.ru-ua {
background-position: 0 -1150px
}
a.flag.en-au {
background-position: 0 -1200px
}
a.flag.zh-cn {
background-position: 0 -1250px
}
a.flag.en-hk, a.flag.zh-hk {
background-position: 0 -1300px
}
a.flag.en-in, a.flag.en-in {
background-position: 0 -1350px
}
a.flag.en-my {
background-position: 0 -1400px
}
a.flag.en-sg {
background-position: 0 -1450px
}
a.flag.en-za {
background-position: 0 -1500px
}
a.flag.ko-kr {
background-position: 0 -1550px
}
a.flag.en-nz {
background-position: 0 -1600px
}
a.flag.en-ae {
background-position: 0 -1650px
}
a.flag.tr-tr {
background-position: 0 -1700px
}
a.flag.ar-lb {
background-position: 0 -1750px
}
a.flag.fa-ir {
background-position: 0 -1800px
}
a.flag.es-cl {
background-position: 0 -1850px
}
a.flag.ro-ro {
background-position: 0 -1900px
}
a.flag.sk-sk {
background-position: 0 -1950px
}
a.flag.se-se, a.flag.sv, a.flag.sv-se {
background-position: 0 -2000px
}
a.flag.en-us {
background-position: 0 -2050px
}
a.flag.en-pk {
background-position: 0 -2100px
}
a.flag.ja-jp {
background-position: 0 -2150px
}
a.flag.en-ca, a.flag.fr-ca {
background-position: 0 -2200px
}
a.flag.he-il {
background-position: 0 -2250px
}
a.flag.kk-kz {
background-position: 0 -2300px
}
a.flag.ar, a.flag.en-ar {
background-position: 0 -2350px
}
a.flag.pt-br {
background-position: 0 -2400px
}
a.flag.sr-rs {
background-position: 0 -2550px
}
a.flag.en-meia {
background-position: 0 -3200px
}
a.flag.en-ph {
background-position: 0 -2700px
}
a.flag.en-th, a.flag.th-th {
background-position: 0 -2600px
}
a.flag.en-vn, a.flag.vi-vn {
background-position: 0 -2650px
}
a.flag.es-ar {
background-position: 0 -2950px
}
a.flag.es-co {
background-position: 0 -2750px
}
a.flag.es-cr {
background-position: 0 -2800px
}
a.flag.es-mx {
background-position: 0 -2850px
}
a.flag.es-uy {
background-position: 0 -2900px
}
a.flag.en-bd {
background-position: 0 -3000px
}
a.flag.sl-si, a.flag.sl-sl {
background-position: 0 -3050px
}
a.flag.km-kh, a.flag.en-kh {
background-position: 0 -3100px
}
a.flag.en-id {
background-position: 0 -3150px
}
#suggestions {
display: none;
position: absolute;
left: 10px;
width: 200px;
background: #f3f3f3;
z-index: 222222222;
padding: 0;
border: 1px solid #ccc
}
#suggestions p {
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
text-align: left
}
#suggestions p:last-child {
border: none
}
#suggestions a {
display: block;
padding: 5px 10px;
color: #333
}
.rtl #suggestions {
right: 10px;
left: auto
}
ul.leftNav {
clear: both;
overflow: hidden;
border: 1px solid #e3e3e3;
margin: 0 0 20px 0;
list-style: none;
list-style-image: none;
padding: 0 !important
}
ul.leftNav ul {
margin: 0 0 10px 0;
list-style: none;
list-style-image: none;
padding: 0
}
ul.leftNav li {
margin: 0;
padding: 0 0 0 15px
}
ul.leftNav li li {
padding: 0
}
ul.leftNav li a {
font-size: 1.167em;
overflow: hidden
}
ul.leftNav > li > a.tree-parent {
font-size: 1.5em
}
ul.leftNav li a {
display: block;
text-decoration: none;
padding: 12px 45px 12px 0;
position: relative
}
ul.leftNav li a:hover, ul.leftNav li a:focus {
text-decoration: underline
}
ul.leftNav li li a {
color: #0c2645;
padding: 0 10px 7px 0 !important;
background: none
}
ul.leftNav > li {
border-top: 1px solid #e3e3e3
}
ul.leftNav > li:first-child {
border: none
}
ul.leftNav ul.tree-group-collapsed {
display: none
}
.rtl ul.leftNav li {
padding: 0 15px 0 0
}
.rtl ul.leftNav li li {
padding: 0
}
.rtl ul.leftNav li a {
padding: 12px 0 12px 45px
}
.rtl ul.leftNav li a > i {
left: 0;
right: auto;
background-position: 10px -1885px
}
.rtl ul.leftNav li li a {
padding: 0 0 7px 10px !important
}
#content .tabs, #overlay .tabs {
margin: 0 0 2.5em 0;
padding: 0;
overflow: hidden;
text-transform: uppercase;
list-style-image: none;
line-height: normal;
zoom: 1;
position: relative
}
#content .tabs li, #overlay .tabs li {
margin: 0;
padding: 0;
background-color: #58b0e2;
border-bottom: 2px solid #fff
}
#content .tabs li a, #overlay .tabs li a {
display: block;
color: #fff;
padding: 10px;
text-decoration: none;
font-size: 1.167em
}
#content .tabs .on a, #overlay .tabs .on a {
background-color: #0c2645
}
#content .tabs a:hover, #overlay .tabs a:hover #content .tabs a:focus, #overlay .tabs a:focus {
text-decoration: underline
}
#toolBar {
width: 100%;
color: #666
}
#toolBar a {
color: #333;
text-decoration: none;
text-transform: uppercase
}
#toolBar a:hover, #toolBar a:focus {
text-decoration: underline
}
#toolBar ul {
display: inline;
margin: 0px;
padding: 0;
list-style-image: none;
overflow: hidden
}
#toolBar ul li {
float: left;
margin: 0 10px 0 0;
padding: 0
}
#toolBar .pageTools, #toolBar .social {
margin: 15px 0;
overflow: hidden;
float: left
}
#toolBar .pageTools {
float: right
}
#toolBar .pageTools li {
margin: 0
}
#toolBar .pageTools .contact a {
display: block;
padding-right: 30px;
position: relative;
color: #333
}
#toolBar .pageTools .contact a:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
right: 0;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -50px -35px
}
.rtl #toolBar .pageTools {
float: left
}
.rtl #toolBar .social {
float: right
}
#toolBar .social img {
display: block
}
.rtl #toolBar ul li {
float: right;
margin: 0 0 0 10px
}
.no-js .socialTop {
display: none
}
.socialTop {
position: absolute;
top: 10px;
right: 10px;
z-index: 1002
}
.socialTop ul {
margin: 0;
padding: 0;
list-style-image: none;
position: relative
}
.socialTop li {
float: left;
margin: 0 0 0 10px;
padding: 0
}
.socialTop li.print a, .socialTop li a.share {
display: block;
text-indent: -999em;
height: 30px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat
}
.socialTop li.print a {
background-position: -75px -85px;
width: 25px;
margin-top: 2px
}
.socialTop li a.share {
width: 30px;
background-position: 0 -85px
}
.socialTop li.active a.share {
background-position: -35px -85px
}
.ie7 .socialTop {
top: 10px
}
.ie7 .socialTop .share {
display: none
}
.shareLinks {
display: none;
margin: 0;
padding: 10px;
list-style-image: none;
position: absolute;
z-index: 100;
top: 40px;
right: 0;
width: 250px;
border: 1px solid #e0e0e0;
background-color: #fff;
-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc
}
.shareLinks:before {
content: "";
position: absolute;
width: 250px;
height: 22px;
right: 0;
top: -20px;
background: transparent url(../images/assets/social_nib.png) no-repeat 87% 0
}
.shareLinks h4 {
margin-bottom: 10px
}
.shareLinks li {
margin: 0;
float: left
}
.rtl .socialTop {
left: 10px;
right: auto
}
.rtl .shareLinks {
right: auto;
left: 0
}
.rtl .socialTop li {
float: right;
margin: 0 10px 0 0
}
.rtl .shareLinks h4 {
margin-bottom: 10px;
text-align: right
}
.rtl .shareLinks:before {
right: auto;
left: 0;
background-position: 45px 0
}
#footer {
background-color: #0c2645;
float: left;
font-size: 0.92em;
color: #fff;
overflow: hidden
}
#footer .section {
margin: 20px auto
}
#footer a {
text-decoration: none;
color: #fff
}
#footer a:hover, #footer a:focus, #footer a:active {
text-decoration: underline
}
#footer ul {
list-style-image: none;
padding: 0;
margin: 0 0 1.5em 0;
line-height: normal
}
#footer li {
margin: 0;
padding: 0 0 0.4em
}
#footer h3 {
font-size: 1.333em;
text-transform: uppercase;
color: #fff;
font-weight: lighter;
padding-bottom: 0.5em;
zoom: 1
}
#footer .col:last-child h3 {
padding-right: 20px
}
#footer .colgroup li a {
font-weight: bold;
display: block;
margin-bottom: 5px
}
#footer .colgroup li li a {
color: #58b0e2;
font-weight: normal;
margin: 0
}
.rtl #footer .col:last-child h3 {
padding-right: 0;
padding-left: 20px
}
.ie7 .rtl #footer {
direction: ltr;
text-align: right
}
.colgroup {
position: relative
}
.superfooter button.btn-footer {
position: absolute;
right: 0;
top: 0px;
text-indent: -9999em;
width: 34px;
height: 25px;
cursor: pointer;
background: url(../images/assets/sprite_icons.png) no-repeat -35px 0;
border: none;
margin: 0;
padding: 0
}
.superfooter button.btn-footer.second {
top: auto;
bottom: 0
}
.superfooter button.btn-footer.active {
background-position: 0 0
}
.superfooter button:hover.btn-footer {
background-position: -105px 0
}
.superfooter button:hover.btn-footer.active {
background-position: -70px 0
}
.rtl .superfooter button.btn-footer {
left: -5px;
right: auto
}
#footer-bottom .bl {
clear: both;
overflow: hidden;
font-size: 0.92em;
padding: 1em 0;
color: #666
}
#footer-bottom .bl .copy {
clear: both;
padding: 1em 0 0 0;
margin: 0
}
#footer-bottom .bl ul {
font-size: 1.333em;
margin: 0 0 1em 0;
padding: 0;
list-style-image: none
}
#footer-bottom .bl li {
float: left;
background: #fff;
padding: 0
}
#footer-bottom .bl li a {
display: block;
color: #000;
background: #fff;
text-decoration: none;
padding: 0 1em 0.2em 0;
white-space: nowrap
}
#footer-bottom .bl li a:hover, #footer-bottom .bl li a:focus {
text-decoration: underline
}
#footer .utilNav {
display: block;
float: none;
overflow: hidden;
margin: 0 0 1.5em 0;
padding: 0 0 1em 0;
text-align: left;
width: 100%;
border-bottom: 1px solid #113766
}
#footer .utilNav li {
float: left;
margin: 0 15px 0 0
}
#footer .utilNav a {
color: #fff
}
#footer .utilNav .button {
float: left
}
#footer .utilNav .button a {
background: none;
margin: 0;
padding: 0;
height: auto;
text-transform: none;
font: 1em Arial, Helvetica, Verdana, sans-serif
}
#footer .utilNav .button {
margin: 0;
padding: 0;
float: none
}
#footer .utilNav i {
display: none
}
.rtl #footer .bl li.button {
display: inline-block
}
#footer-mobile .section {
margin: 20px auto
}
#footer-mobile {
background-color: #0c2645;
color: #fff;
overflow: hidden
}
#footer-mobile ul {
list-style-image: none;
padding: 0;
margin: 0 0 1.5em 0;
line-height: normal
}
#footer-mobile li {
padding-bottom: 0.4em
}
#footer-mobile a {
color: #58b0e2;
text-decoration: none
}
#footer-mobile a:hover, #footer-mobile a:focus, #footer-mobile a:active {
text-decoration: underline
}
#mobilefooter ul {
overflow: hidden;
margin: 0 10px;
padding: 0;
list-style-image: none
}
#mobilefooter ul li {
float: left;
margin: 0;
padding: 0
}
#mobilefooter ul li a {
display: block;
width: 40px;
height: 40px;
text-indent: -9999em;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -240px -400px
}
#mobilefooter ul li.toTop {
float: right
}
#mobilefooter ul li.toTop a {
background-position: -280px -400px
}
.sitemap {
overflow: hidden
}
.sitemap a {
text-decoration: none;
color: #333
}
.sitemap a:hover, .sitemap a:focus, .sitemap a:active {
text-decoration: underline
}
.sitemap h3 {
text-transform: uppercase;
padding: 5px;
background-color: #eee
}
.sitemap ul {
list-style-image: none;
padding: 0;
margin: 0 0 1.5em 0;
line-height: normal
}
.sitemap li {
margin: 0;
padding: 0 0 0.4em
}
.sitemap .block > ul > li > a {
display: block;
margin-bottom: 8px;
font-size: 1.333em
}
.sitemap .colgroup li li a {
font-weight: normal;
margin: 0
}
.button button::-moz-focus-inner, .button input::-moz-focus-inner {
border: none
}
.rtl .button {
margin-right: 0;
margin-left: 5px
}
div label.checkbox-button {
background-repeat: no-repeat;
border-radius: 60px;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: normal;
margin: 0;
text-decoration: none;
white-space: nowrap;
position: relative;
overflow: hidden;
text-transform: uppercase;
color: #FFF;
height: 30px;
padding: 4px 12px 0;
background-color: #58b0e2
}
div label.checkbox-button:hover, div label.checkbox-button:focus {
background-position: 0 -50px;
background-color: #3898cf
}
label.checkbox-button input[type=checkbox] {
position: absolute;
top: -100px
}
label.checkbox-button span.icon {
display: none;
width: 18px;
vertical-align: top;
height: 17px;
margin-right: 5px;
margin-left: -5px;
background: transparent url(../images/assets/icon-red-tick.png) center center no-repeat
}
label.checkbox-button.checked span.icon {
display: inline-block
}
label.checkbox-button.checked {
background-position: -20px -205px;
color: #ffffff;
background-color: #58b0e2
}
label.checkbox-button.checked:hover, label.checkbox-button.checked:focus {
background-position: -20px -255px;
color: #ffffff;
background-color: #3898cf
}
.rtl label.checkbox-button span.icon {
margin-left: 5px;
margin-right: 0
}
.button-group p, .button-group .button {
display: inline-block;
margin-right: 5px;
vertical-align: top;
margin-bottom: 5px
}
.button-group .btn {
top: 0.45em;
position: relative;
left: 5px
}
.ie7 .button-group .button, .ie7 .button-group .btn {
display: inline
}
.button:hover a, .button:hover input, .button:hover button {
background-position: 0 -150px
}
.button:hover i, .button:hover em {
background-position: 100% -150px
}
.button a:focus, .button input:focus, .button button:focus {
outline: 0
}
.button.grey a, .button.grey input, .button.grey button {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border-radius: 36px !important;
background: none !important;
padding: 0 35px !important;
height: 45px;
line-height: 45px;
border: none !important;
outline: none;
text-decoration: none !important;
-webkit-appearance: none;
outline: none;
color: #fff !important;
background-color: #58B0E2 !important;
width: auto;
display: block
}
.button.grey a:hover, .button.grey input:hover, .button.grey button:hover {
background-color: #052644 !important;
cursor: pointer
}
.button.grey a.cta-secondary, .button.grey input.cta-secondary, .button.grey button.cta-secondary {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-radius: 22.5px;
background: none !important;
padding: 0 35px !important;
height: 43px;
line-height: 43px;
text-decoration: none !important;
-webkit-appearance: none;
color: #58B0E2 !important;
border: 1px solid #58B0E2 !important;
width: auto;
outline: none;
background-color: #fff !important
}
.button.grey a.cta-secondary:hover, .button.grey input.cta-secondary:hover, .button.grey button.cta-secondary:hover {
color: #052644 !important;
border: 1px solid #052644 !important;
cursor: pointer
}
.button.grey a.cta-secondary:hover, .button.grey input.cta-secondary:hover, .button.grey button.cta-secondary:hover {
background-color: #fff !important
}
.button.grey a.cta-link-normal, .button.grey input.cta-link-normal, .button.grey button.cta-link-normal {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: inherit
}
.button.grey a.cta-link-normal:hover, .button.grey a.cta-link-normal:active, .button.grey a.cta-link-normal:focus, .button.grey input.cta-link-normal:hover, .button.grey input.cta-link-normal:active, .button.grey input.cta-link-normal:focus, .button.grey button.cta-link-normal:hover, .button.grey button.cta-link-normal:active, .button.grey button.cta-link-normal:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
.button.grey a.cta-link-normal:visited, .button.grey input.cta-link-normal:visited, .button.grey button.cta-link-normal:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
.button.grey i, .button.grey em {
background-position: 100% 0 !important
}
.button.grey:hover a, .button.grey:hover input, .button.grey:hover button {
background-position: 0 -50px !important
}
.button.grey:hover i, .button.grey:hover em {
background-position: 100% -50px !important
}
.commerce-style .button.grey a, .commerce-style .button.grey input, .commerce-style .button.grey button {
background-position: 0 -100px !important
}
.commerce-style .button.grey i, .commerce-style .button.grey em {
background-position: 100% -100px !important
}
.commerce-style .button.grey:hover a, .commerce-style .button.grey:hover input, .commerce-style .button.grey:hover button {
background-position: 0 -150px !important
}
.commerce-style .button.grey:hover i, .commerce-style .button.grey:hover em {
background-position: 100% -150px !important
}
.btn.icon-buy, .btn.icon-update, .btn.checkout, .btn.checkout-back, .btn-xxl {
display: inline-block;
margin: 0;
cursor: pointer;
border: none;
text-decoration: none !important;
color: #fff;
text-transform: uppercase;
font-size: 16px;
white-space: nowrap;
font-weight: normal;
border-radius: 60px;
background-image: url(../images/assets/sprite_button_commerce.png);
background-repeat: no-repeat
}
a.btn.icon-buy, input.btn.icon-buy, button.btn.icon-buy {
height: 24px;
padding: 6px 40px 0 15px;
color: #fff;
background-color: #58b0e2;
background-position: 100% 0
}
input.btn.icon-buy, button.btn.icon-buy {
height: 30px;
padding: 1px 40px 2px 15px;
border: none
}
.btn.icon-buy:hover, .btn.icon-buy:focus {
background-color: #3898cf;
background-position: 100% -50px !important
}
input.btn.icon-view, button.btn.icon-view {
height: 26px;
padding: 4px 40px 0 15px !important;
color: #fff !important;
background-color: #58b0e2;
background-position: 100% -100px
}
input.btn.icon-view, button.btn.icon-view {
height: 30px;
padding: 0 40px 3px 15px;
border: none
}
.btn.icon-view:focus {
background-position: 100% -150px !important
}
a.btn.icon-update, input.btn.icon-update, button.btn.icon-update {
height: 23px;
padding: 2px 10px 0 25px;
color: #fff;
background-color: #c7c7c7;
background-color: #eee;
background-position: 0 -300px
}
input.btn.icon-update, button.btn.icon-update {
height: 25px;
padding: 0 7px 0 22px
}
.btn.icon-update:hover, .btn.icon-update:focus {
background-position: 0 -350px !important;
background-color: #afacac
}
a.btn.checkout-back, input.btn.checkout-back, button.btn.checkout-back {
height: 34px;
padding: 13px 10px 0 50px;
background: #c7c7c7 url(../images/assets/sprite_button_commerce.png) 0 -1000px
}
input.btn.checkout-back, button.btn.checkout-back {
height: 47px;
padding: 0 10px 0 50px
}
.btn.checkout-back:hover, .btn.checkout-back:focus {
background-position: 0 -1100px !important
}
a.btn.btn-xxl, input.btn.btn-xxl, button.btn.btn-xxl {
height: 34px;
padding: 13px 50px 0 10px;
text-decoration: none !important;
color: #fff;
background: #58b0e2 url(../images/assets/sprite_button_commerce.png) 100% -1200px
}
input.btn.btn-xxl, button.btn.btn-xxl {
height: 47px;
padding: 0 50px 0 10px;
border: none
}
.btn.btn-xxl:hover, .btn.btn-xxl:focus {
background-position: 100% -1300px !important
}
.commercePriceListing {
font-size: 12px;
margin: -3px 0 0px 0;
min-height: 1.65em;
font-weight: bold;
color: #666
}
.commercePriceListing strong {
color: #000;
font-size: 14px
}
.commercePriceListing i {
text-decoration: line-through;
font-style: normal
}
ul.next {
padding: 0;
margin-left: 0;
list-style-image: none
}
ul.next li {
padding-bottom: 0.6em;
margin: 0
}
ul.next li:last-child {
padding-bottom: 0
}
ul.next li, p.next, p.back {
overflow: hidden;
padding-left: 12px;
background: url(../images/assets/sprite_arrows.png) no-repeat 0 -598px
}
p.back {
background-position: 0 -698px
}
.next a, .back a {
font-weight: bold;
text-decoration: none
}
.next a:hover, .back a:hover, .next a:focus, .back a:focus {
text-decoration: underline
}
.rtl ul.next {
margin-right: 0
}
.rtl ul.next li, .rtl p.next, .rtl p.back {
background-position: 104% -698px;
padding-right: 12px;
padding-left: 0;
float: none
}
.rtl p.back {
background-position: 104% -598px
}
ul.check {
list-style-image: url(../images/assets/bullet_check.png) !important
}
.pdf {
margin: 0;
padding: 0;
list-style-image: none
}
ul.pdf p {
margin: 0
}
ul.pdf li {
border-bottom: 1px dotted #dbdbdb;
margin-bottom: 1em
}
ul.pdf li:last-child {
border: none;
margin-bottom: 0
}
ul.pdf li, p.pdf {
min-height: 47px;
padding: 0 0 1.5em 50px;
background: transparent url(../images/assets/bullet_pdf.gif) no-repeat 0 0
}
.pdf a {
margin-bottom: 0.15em;
font-size: 1.1em;
font-weight: bold;
text-decoration: none
}
.pdf a:hover, .pdf a:focus, .pdf a:active {
text-decoration: underline
}
.rtl ul.pdf {
padding-right: 0
}
.rtl ul.pdf li, .rtl p.pdf {
padding: 0 50px 1.5em;
background-position: 100% 0
}
.box {
clear: both;
padding: 15px;
margin-bottom: 20px;
overflow: hidden;
line-height: 1.3
}
.box a {
text-decoration: none
}
.box a:hover, .box a:focus, .box a:active {
text-decoration: underline
}
.box h2 {
text-transform: uppercase
}
.colAside .box h2 {
font-size: 1.500em;
margin-bottom: 0.25em
}
.box li img {
float: left;
margin: 0 10px 10px 0
}
.box .button {
clear: both
}
.box .inner {
background-color: #fff;
padding: 10px;
overflow: hidden
}
.box img {
max-width: 100%;
height: auto
}
.colAside .box p {
margin-bottom: 1em
}
.box .inner > *:last-child {
margin-bottom: 0
}
.box.style1 {
padding: 15px 0 15px 0;
border: 8px solid #E6E9EC;
border-left: none;
border-right: none
}
.colAside .box.style1 {
border-bottom: none;
padding-bottom: 0
}
.box.style1 .inner {
padding: 0
}
.box.style1 h3 {
margin-bottom: 1.5em;
color: #000
}
.box.style1.v2 {
padding: 15px 0 15px 0;
border: none
}
.box.style1.v2 .inner {
border: 1px solid #E0E0E0;
padding: 15px
}
.box.style1.v2 h3 {
margin-bottom: 1.5em;
color: #000
}
.box.style2 {
border: 1px solid #e0e0e0;
background-color: #fff
}
.box.style2 .inner {
padding: 15px 0 0 0
}
.box.style2.slider {
border: none;
border-top: 8px solid #E6E9EC;
border-bottom: 8px solid #E6E9EC
}
.box.style3 {
padding: 10px;
background-color: #f0f0f0
}
.list3col .col .box h3 {
margin-bottom: 1em
}
.list3col .col .box .genericForm {
border: none;
padding: 0;
margin: 0
}
.list3col .col .box li {
margin-bottom: 3px
}
.box.style2 .js-header {
margin: 0 -7px 0 0
}
.box.style2 .js-header a {
display: block;
background: transparent url(../images/assets/sprite_arrows.png) no-repeat 100% -2095px;
padding: 0 25px 0 0;
color: #0c2645
}
.box.style2 .js-header.collapsed a {
background-position: 100% -1995px
}
.rtl .box.style2 .js-header a {
background-position: 0 -2095px;
padding-left: 25px;
padding-right: 0
}
.rtl .box.style2 .js-header.collapsed a {
background-position: 0 -1995px
}
.download em, .announcement em {
display: inline-block;
vertical-align: middle;
width: 43px;
height: 43px;
margin-right: 5px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -285px -350px
}
.announcement em {
background-position: -240px -350px
}
.rtl .download em, .rtl .announcement em {
margin-left: 5px;
margin-right: 0
}
.refine h3 {
margin-bottom: 1em;
font-weight: normal;
font-size: 1.15em
}
.refine ul {
margin: 0 0 1em 0;
padding: 0;
list-style-image: none
}
.refine ul li {
margin: 0;
padding: 0 0 0.2em 0
}
.refine li a {
color: #333;
display: inline-block;
margin: 0;
padding: 0 0 0.2em 20px;
background: transparent url(../images/assets/bullet_checkbox.png) no-repeat 0 2px
}
.refine li.on a {
background: transparent url(../images/assets/bullet_checkbox_on.png) no-repeat 0 2px
}
.rtl .refine li a {
padding: 0 20px 0.2em 0;
background-position: 100% 0
}
.frameLg {
margin-top: 5px;
padding: 0 0 0 15px
}
.frameLg .inner {
padding: 20px 15px 0 0
}
.frameLgBase {
margin-bottom: 5px;
display: block;
height: 20px;
width: 100%
}
.frameLgBase i {
display: block;
float: right;
height: 20px;
width: 15px
}
.frameLg .inner img {
margin: 0 auto !important;
display: block;
text-align: center;
max-width: 100%
}
#compare .frameLgBase {
margin-bottom: 10px
}
.imgFrame .frameSm {
margin-top: 0;
padding: 0;
position: relative
}
.imgFrame .frameSm .inner {
padding: 10px;
border: 1px solid #fff
}
.imgFrame .frameSm .inner img {
float: none;
margin: 0 auto;
display: block;
max-width: 100%;
text-align: center
}
.imgFrame li a .frameSm {
cursor: pointer
}
.imgFrame li a:hover .frameSm .inner, .imgFrame li a:focus .frameSm .inner {
border: 1px solid #ccc
}
.imgFrame li.selected .frameSm {
border: 1px solid #58b0e2
}
.smallHero {
overflow: hidden;
padding: 10px 0 0 0
}
.largeHero {
padding: 0 2%;
margin-bottom: 20px;
background: #fff url(../images/assets/grad_line_small.png) no-repeat 50% 0;
z-index: 3;
position: relative
}
.largeHero .heroContent {
padding: 10px 0;
margin-bottom: 20px;
width: 100%
}
.largeHero .heroNav {
margin: 20px 0;
padding: 0;
list-style-image: none;
width: 100%
}
.largeHero .heroNav li {
float: left;
width: 30%;
padding: 0 1%
}
.largeHero .heroNav img {
max-width: 100%
}
.largeHero .heroImg {
margin: 40px 0 0 0
}
.largeHero .heroImg img {
display: block;
max-width: 100%;
margin: 0 auto !important
}
.largeHero .heroText {
padding: 15px 0 10px 0
}
.largeHero .big {
font-size: 1.333em;
margin-bottom: 1.5em
}
.largeHero p {
margin-bottom: 1em
}
.largeHero .button {
float: left;
margin-bottom: 5px
}
.rtl .largeHero .button {
float: right
}
.campaignHero {
padding: 20px 0 5px 0
}
.campaignHero h1 {
margin-top: 20px
}
.breadcrumbs-simple {
overflow: hidden;
margin: 0 2% 2% 0
}
.breadcrumbs-simple ol {
margin: 0;
padding: 0;
list-style: none
}
.breadcrumbs-simple li {
float: left;
margin: 1px 7px 2px 0;
padding: 0;
color: #878787
}
.breadcrumbs-simple li:before {
content: "";
float: left;
width: 10px;
height: 10px;
margin: 2px 4px 0 0;
background: transparent url(../images/assets/sprite_arrows.png) no-repeat 0 -600px
}
.breadcrumbs-simple li:first-child:before {
display: none
}
.breadcrumbs-simple a {
text-decoration: none
}
.breadcrumbs-simple a:active, .breadcrumbs-simple a:hover, .breadcrumbs-simple a:focus {
text-decoration: underline
}
.addToCartBox {
margin: 10px 0;
overflow: hidden
}
.addToCartBox .prices {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 10px;
margin-bottom: 15px;
font-size: 1.25em
}
.addToCartBox .prices strong {
font-size: 1.333em;
font-weight: normal;
margin: 0 5px
}
.addToCartBox .prices i {
text-decoration: line-through;
font-style: normal
}
.addToCartBox .add-cart-item {
clear: both
}
.addToCartBox .add-cart-button {
margin: 0 10px
}
.add-cart-item .cart-quantity-input {
width: 2em
}
.smallHero .addToCartBox {
margin: 5px 0 10px 0 !important;
clear: both
}
.smallHero .addToCartBox .prices {
display: inline
}
.smallHero .addToCartBox .prices {
border: none;
padding-bottom: 0;
margin-bottom: 0
}
.smallHero .addToCartBox .add-cart-item {
clear: none;
display: inline-block;
vertical-align: top
}
.smallHero .add-cart-button {
margin: 0 0 0 10px
}
.rtl .smallHero .add-cart-button {
margin: 0 10px 0 0
}
.navButtons {
float: right;
overflow: hidden;
margin: 0 0 5px 0;
padding: 0;
list-style: none
}
.rtl .navButtons {
float: left
}
.navButtons li {
float: left;
margin: 0 0 0 7px;
padding: 0;
font-size: 1.333em;
position: relative
}
.navButtons li:before {
content: ".";
margin: 0 7px 0 0;
font-weight: bold
}
.navButtons li:first-child:before {
display: none
}
.navButtons li a {
display: inline-block;
padding: 0.6em 0;
color: #333
}
.navButtons li.family a {
text-decoration: none;
padding-right: 40px
}
.navButtons li.family a:after {
content: "";
position: absolute;
height: 35px;
width: 35px;
right: 0;
top: 5px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat 0 -480px
}
.navButtons li.family:hover a:after {
background-position: -40px -480px
}
.navButtons li.family a:hover, .navButtons li.family a:focus {
text-decoration: underline
}
.ie7 .navButtons li.family a {
padding-right: 0;
text-decoration: underline
}
.ie7 .navButtons li.family a:after {
display: none
}
.rtl .navButtons {
padding: 0 !important
}
.rtl .navButtons li {
float: right;
margin: 0 7px 0 0
}
.rtl .navButtons li:before {
margin: 0 0 0 7px
}
.rtl .navButtons li.family a {
padding-right: 0;
padding-left: 40px
}
.rtl .navButtons li.family a:after {
right: auto;
left: 0
}
.cart-policy {
clear: both;
padding-top: 5px;
font-weight: bold
}
.cart-policy a {
text-decoration: none;
color: #333;
display: inline-block
}
.cart-policy a:hover, .cart-policy a:focus {
text-decoration: underline
}
.cart-policy a:before {
content: "";
float: left;
margin-top: -3px;
width: 40px;
height: 22px;
background: transparent url(../images/assets/sprite_commerce.png) -210px 0
}
.ie7 .cart-policy {
padding: 0
}
.cart-quantity-input {
width: 2em
}
.colourPicker.pickerList .inner {
background-color: #fff;
float: none;
height: auto;
width: auto;
margin: 0 0 1.5em;
padding: 0
}
.colourPicker.pickerList .inner ul {
margin: 0;
padding: 0
}
.colourPicker.pickerList .inner ul li {
float: left
}
.colourPicker.pickerList .inner ul li a {
padding: 0
}
ul.listColours {
margin: 0 0 1.5em;
padding: 0;
oveflow: hidden;
width: 100%;
list-style-type: none;
list-style-image: none
}
ul.listColours li {
float: left;
margin: 2px;
padding: 0
}
.colour, ul.listColours li a {
display: block;
text-indent: -999em;
width: 33px;
height: 33px;
background-image: url(../images/assets/sprite_colour_picker.png);
background-repeat: no-repeat
}
.colour.Black, ul.listColours li.Black a {
background-position: 0 0
}
.colour.White, ul.listColours li.White a {
background-position: -33px 0
}
.colour.Grey, ul.listColours li.Grey a {
background-position: -66px 0
}
.colour.Beige, ul.listColours li.Beige a {
background-position: -99px 0
}
.colour.Brown, ul.listColours li.Brown a {
background-position: -132px 0
}
.colour.Sky-blue, ul.listColours li.Sky-blue a {
background-position: -165px 0
}
.colour.Green, ul.listColours li.Green a {
background-position: -198px 0
}
.colour.Red, ul.listColours li.Red a {
background-position: -231px 0
}
.colour.Blue, ul.listColours li.Blue a {
background-position: -264px 0
}
.colour.Orange, ul.listColours li.Orange a {
background-position: -297px 0
}
.colour.Cream, ul.listColours li.Cream a {
background-position: -330px 0
}
.colour.Yellow, ul.listColours li.Yellow a {
background-position: -363px 0
}
.colour.Lemon, ul.listColours li.Lemon a {
background-position: 0 -33px
}
.colour.Violet, ul.listColours li.Violet a {
background-position: -33px -33px
}
.colour.Chrome, ul.listColours li.Chrome a {
background-position: -66px -33px
}
.colour.Metal, ul.listColours li.Metal a {
background-position: -99px -33px
}
.colour.Metal-Black, ul.listColours li.Metal-Black a {
background-position: -132px -33px
}
.colour.Silver, ul.listColours li.Silver a {
background-position: -165px -33px
}
.colour.Silver-Black, ul.listColours li.Silver-Black a {
background-position: -198px -33px
}
.colour.Silver-White, ul.listColours li.Silver-White a {
background-position: -231px -33px
}
.colour.Silver-Red, ul.listColours li.Silver-Red a {
background-position: -264px -33px
}
.colour.Titanium, ul.listColours li.Titanium a {
background-position: -297px -33px
}
.colour.White-Black, ul.listColours li.White-Black a {
background-position: -330px -33px
}
.colour.White-Red, ul.listColours li.White-Red a {
background-position: -363px -33px
}
.colour.Black-Gray, ul.listColours li.Black-Gray a {
background-position: 0 -66px
}
.colour.Future-Bronze, ul.listColours li.Future-Bronze a {
background-position: -33px -66px
}
.colour.Style-Cooper, ul.listColours li.Style-Cooper a {
background-position: -66px -66px
}
.colour.Elagance-Black, ul.listColours li.Elagance-Black a {
background-position: -99px -66px
}
.colour.Pure-White, ul.listColours li.Pure-White a {
background-position: -132px -66px
}
.colour.Azure-Blue, ul.listColours li.Azure-Blue a {
background-position: -165px -66px
}
.colour.Etnica, ul.listColours li.Etnica a {
background-position: -198px -66px
}
.colour {
cursor: pointer
}
.colour.disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
filter: alpha(opacity=15);
opacity: 0.15;
cursor: default
}
.colour.disabled.checked {
-ms-filter: none;
filter: none;
opacity: 1
}
.colour.checked {
border-radius: 3px;
background-color: #EEE;
border: 2px solid #58b0e2;
margin: -2px
}
.pagination {
clear: both;
margin-top: 1.5em;
padding: 7px 15px;
overflow: hidden;
background-color: #f2f2f2;
position: relative
}
.pagination fieldset {
margin-right: 15px;
text-align: center
}
.pagination label {
white-space: nowrap;
display: inline-block;
padding: 2px 5px 0 0;
vertical-align: top;
font-weight: normal !important
}
.pagination ul {
margin: 10px auto 0 auto;
padding: 0;
list-style-image: none;
overflow: hidden
}
.pagination ul li {
display: inline;
padding: 0 4px;
float: left;
line-height: 1.6
}
.pagination ul li.pages {
margin: 0 5px
}
.pagination ul li.prevLink a, .pagination ul li.nextLink a {
display: block;
padding: 0 12px 0 12px;
position: relative
}
.pagination ul li.prevLink a:after, .pagination ul li.nextLink a:after {
position: absolute;
width: 12px;
height: 12px;
content: '';
top: 50%;
right: 0;
margin-top: -6px;
background: transparent url(../images/assets/sprite_arrows.png) no-repeat 0 -695px
}
.pagination ul li.prevLink a:after {
left: 0
}
.pagination ul li.nextLink a {
padding: 0 20px 0 12px
}
.pagination ul li.nextLink a:after {
background-position: 0 -599px
}
.pagination a {
text-decoration: none;
line-height: 1.6
}
.pagination a:hover, .pagination a:focus, .pagination a:active {
text-decoration: underline
}
.ie7 .rtl .pagination ul {
direction: ltr
}
.rtl .pagination ul li {
float: right
}
.rtl .pagination ul li.prevLink, .rtl .pagination ul li.nextLink {
float: right
}
.rtl .pagination ul li.prevLink a, .rtl .pagination ul li.nextLink a {
padding: 0 12px 0 20px
}
.rtl .pagination ul li.prevLink a:after, .rtl .pagination ul li.nextLink a:after {
background-position: 0 -1410px
}
.rtl .pagination ul li.prevLink a {
padding: 0 25px 0 12px
}
.rtl .pagination ul li.prevLink a:after {
background-position: 100% -1570px
}
.contentFilter {
overflow: hidden;
padding: 5px 10px 5px 10px !important
}
.contentFilter p {
margin-bottom: 10px
}
.contentFilter .txt {
padding-top: 1em
}
.sectionBox {
clear: both;
margin: 0;
padding: 0 10px !important;
list-style-image: none;
border: 8px solid #e6e9ec;
border-left: none;
border-right: none;
overflow: hidden
}
.sectionBox li {
border: 1px solid #e6e6e6;
margin-bottom: 10px;
padding: 0
}
.sectionBox li .inner {
padding: 0 15px
}
.sectionBox li h3 {
margin: 10px 0 10px 0
}
.sectionBox li p {
margin-bottom: 1em
}
.sectionBox li.full {
border: none;
margin-top: 15px
}
.sectionBox.sliders {
margin: 20px 0 !important
}
.sectionBox.sliders li {
border: none
}
.sliders {
border: 8px solid #e6e9ec;
border-left: none;
border-right: none;
margin: 20px 0
}
#FullPageWidgetHolder {
clear: both
}
.video {
position: relative;
display: block
}
.video em {
z-index: 10000;
display: block;
width: 100%;
height: 100%;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
background: transparent url(../images/assets/icon_video.png) no-repeat 50% 50%
}
.promotional .video em {
background-position: 50% 65%
}
.banners p {
clear: both;
margin-bottom: 20px
}
.banners img {
display: block;
max-width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.intro {
clear: both;
margin: 0 0 2.5em 0
}
.article {
clear: both;
margin-bottom: 1.5em
}
.article img {
max-width: 100%;
height: auto !important
}
ol.comments {
margin: 0;
padding: 0;
list-style: none;
max-width: 600px
}
ol.comments li h3 {
margin-bottom: 0.5em !important;
font-size: 1.333em;
line-height: 1.4
}
ol.comments li {
border-bottom: 1px dotted #ccc;
margin-bottom: 1em;
padding: 0
}
ol.comments li:last-child {
border: none;
margin-bottom: 0
}
ol.comments li .date {
font-weight: bold;
color: #666
}
ol.comments li .rated {
float: left;
margin: 3px 10px 0 0
}
.category {
margin-bottom: 1.5em
}
.category p {
margin-bottom: 10px
}
.category a {
text-decoration: none
}
.category h3 {
font-size: 1.167em;
font-weight: normal;
position: relative;
min-height: 2em;
height: auto !important;
height: 2em
}
.category h2 span, .category h3 span {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
text-align: center
}
.category a:hover, .category a:hover h3 span, .category a:hover h2 span {
text-decoration: underline !important
}
.category h2.offscreen, .category h3.offscreen {
position: absolute;
min-height: 0
}
.category .next a {
color: #333
}
.rtl .category h2 span {
right: 0
}
.category.style2 ul.list3col > li {
text-align: center
}
.category.style2 ul.list3col .frameWrap {
text-align: left
}
.category.style2 p {
margin-bottom: 5px
}
.category ul.recipe, ul.recipe {
margin: 0 0 25px 0;
padding: 0;
list-style-image: none;
overflow: hidden
}
.category ul.recipe li, ul.recipe li {
clear: none;
text-indent: -99999em;
margin: 0 1px 0 0;
padding: 0;
float: left;
display: block;
position: relative;
background: transparent url(../images/assets/sprite_icons.png) no-repeat 0 0
}
ul.recipe li.stars {
background: none;
float: right;
width: 92px
}
ul.recipe li.Easy, ul.recipe li.Medium, ul.recipe li.Hard {
width: 41px !important;
height: 20px !important
}
ul.recipe li.Easy {
background-position: 0 -575px
}
ul.recipe li.Medium {
background-position: -45px -575px
}
ul.recipe li.Hard {
background-position: -90px -575px
}
ul.recipe li.blog {
background-position: 0 -605px;
width: 22px !important;
height: 22px !important;
margin: 0 2px
}
ul.recipe li.Vegetarian {
width: 21px !important;
height: 20px !important;
background-position: -135px -575px
}
.rateGroup {
overflow: hidden;
padding: 5px 0 0 0 !important;
margin-top: -5px;
width: 130px !important
}
.rateGroup .rated {
float: left
}
.rateGroup .countBox {
float: left;
text-indent: 0;
text-align: center;
margin: -2px 0 0 5px;
padding: 2px 0 0 1px;
font-size: 11px;
display: block;
width: 25px;
height: 25px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -40px -605px
}
.rateGroup a.countBox {
text-decoration: none;
color: #333
}
.rateGroup a.countBox:hover, .rateGroup a.countBox:focus {
color: #58B0E2
}
.rtl .rateGroup .countBox {
float: right
}
.rtl .category ul.recipe li, .rtl ul.recipe li {
float: right
}
.rtl ul.recipe li.stars {
float: left
}
.rated {
text-indent: -99999em;
display: block;
width: 92px;
height: 16px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat 0 0
}
.rated.star0 {
background-position: 0 -270px
}
.rated.star1 {
background-position: 0 -290px
}
.rated.star2 {
background-position: 0 -310px
}
.rated.star3 {
background-position: 0 -330px
}
.rated.star4 {
background-position: 0 -350px
}
.rated.star5 {
background-position: -110px -270px
}
.rtl .rated.star1 {
background-position: -110px -290px
}
.rtl .rated.star2 {
background-position: -110px -310px
}
.rtl .rated.star3 {
background-position: -110px -330px
}
.rtl .rated.star4 {
background-position: -110px -350px
}
.reviews .rated {
text-indent: -99999em;
display: block;
width: 131px;
height: 23px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat 0 0
}
.reviews .rated.star0 {
background-position: 0 -145px
}
.reviews .rated.star1 {
background-position: 0 -170px
}
.reviews .rated.star2 {
background-position: 0 -195px
}
.reviews .rated.star3 {
background-position: 0 -220px
}
.reviews .rated.star4 {
background-position: 0 -245px
}
.reviews .rated.star5 {
background-position: -150px -145px
}
.rtl .reviews .rated.star1 {
background-position: -150px -170px
}
.rtl .reviews .rated.star2 {
background-position: -150px -195px
}
.rtl .reviews .rated.star3 {
background-position: -150px -220px
}
.rtl .reviews .rated.star4 {
background-position: -150px -245px
}
.category label {
font-weight: bold;
cursor: pointer
}
.category input {
vertical-align: middle
}
.compareTools {
overflow: hidden;
margin: 5px 0 1.5em 0
}
.compareTools h2 {
display: inline-block
}
.compareTools fieldset label {
display: inline;
margin: 0 5px
}
.compareTools fieldset .button {
float: right;
margin-left: 5px
}
.rtl .compareTools fieldset .button {
float: left;
margin: 0 5px 0 0
}
.productPrice {
font-weight: bold;
font-size: 11px;
margin: -3px 0 0px 0;
min-height: 1.35em
}
.price {
font-size: 1.5em
}
.priceInfo {
margin: 0 5px
}
.productInfo {
text-align: center
}
.productInfo h3 a {
color: #333
}
.productInfo label {
text-transform: uppercase;
color: #58b0e2
}
.category li a .frameLg {
position: relative
}
.label-new {
position: absolute;
top: 10px;
left: 20px;
background: #58b0e2;
color: #fff;
text-transform: uppercase;
padding: 10px 5px;
font-weight: bold;
font-size: 12px;
border-radius: 100px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box
}
.ie .label-new {
padding: 5px
}
.not-available {
display: table;
background-color: #f4f4f4;
color: #d40101;
border: 1px dotted #ccc;
clear: both;
overflow: hidden;
padding: 10px;
margin: 5px 0 7px 0 !important
}
.groupButtons .not-available {
float: right
}
.rtl .groupButtons .not-available {
float: none;
display: block
}
.recipeOverview {
margin: 2% 0 0 0;
overflow: hidden
}
.recipeOverview .mainImg img {
max-width: 100%
}
.recipeOverview .mainImg a.innerMediaOverlay {
position: relative;
display: block
}
.recipeOverview h3 {
font-size: 1.333em
}
.recipeOverview dl {
margin: 0 0 1.5em 0;
padding: 0;
line-height: 1.5;
overflow: hidden
}
.recipeOverview dl dt {
clear: both;
font-weight: bold;
margin: 0 .5em 0 0;
padding: 0;
float: left
}
.recipeOverview ul.products {
width: 100%;
margin: 0;
padding: 0;
list-style-image: none
}
.recipeOverview ul.products li {
float: left;
text-align: center;
width: 31%;
max-width: 100px;
margin: 0 2% 2% 0
}
.recipeOverview ul.products li a {
text-decoration: none;
font-weight: bold;
font-size: 0.92em;
line-height: normal
}
.recipeOverview ul.products li a:hover {
text-decoration: underline
}
.recipeOverview ul.recipe {
margin: 0 0 5px 0;
padding: 0;
list-style-image: none;
overflow: hidden;
max-width: none
}
.recipeOverview ul.recipe .stars {
float: left;
margin: 0 10px
}
.imgFrame .frameSm .inner {
padding: 5px
}
.rtl .recipeOverview dl dt {
margin: 0 0 0 .5em;
float: right
}
.rtl .recipeOverview ul.products li {
float: right;
margin: 0 0 2% 2%
}
.rtl .recipeOverview ul.recipe li {
float: right
}
.ie7 .rtl .recipeOverview ul.products li {
position: relative
}
.ImgDisc {
font-size: 11px
}
.promotional {
margin-bottom: 1.5em
}
.promotional h2, .promotional h3 {
position: relative;
min-height: 2em;
height: auto !important;
height: 2em
}
.promotional h3 {
font-weight: normal
}
.promotional h2 span, .promotional h3 span {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.promotional a {
text-decoration: none
}
.promotional.addLine {
background: transparent url(../images/assets/tab_fade_small.png) no-repeat 50% 100%
}
.promotions {
clear: both;
overflow: hidden;
margin: 0;
padding: 0 !important;
list-style: none;
list-style-image: none;
zoom: 1
}
.promotions li {
padding: 0;
margin: 0 0 20px 0
}
.promotions li a {
display: block;
text-decoration: none;
color: #333;
overflow: hidden
}
.promotions li div.addShadow {
padding: 15px;
overflow: hidden
}
.promotions li a:hover div.addShadow, .promotions li a:focus div.addShadow {
border-color: #58b0e2
}
.promotions li a:hover .next, .promotions li a:focus .next, .promotions li a:hover h2, .promotions li a:focus h2 {
text-decoration: underline
}
.promotions li p {
margin-bottom: 10px
}
.promotions li img {
display: block;
margin-bottom: 10px;
max-width: 100%
}
.promotions li.promo-small img, .promotions li.promo-third img {
width: 100%;
border-radius: 3px
}
.promotions li h2 {
margin: 5px 0 7px 0;
text-transform: uppercase;
font: 1em Arial, Helvetica, Verdana, sans-serif;
font-weight: bold
}
.promotions li h3 {
margin-bottom: 0.2em;
font-size: 1.333em;
line-height: 1.3
}
.promotions li *:last-child {
margin-bottom: 0
}
.promotions .next {
color: #58B0E2;
font-weight: bold
}
.ie7 .promotions {
margin: 0 0 20px 0
}
.promotions .video em {
background-position: 50% 30px
}
.promotions li a > h2 {
position: relative;
min-height: 2em;
height: auto !important;
height: 2em
}
.promotions li a > h2 span {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.inTheBox {
width: 100%;
margin: 0 0 2% 0;
padding: 0 !important;
list-style-image: none
}
.inTheBox li {
float: left;
margin: 0 10px 10px 0;
padding: 0;
text-align: center
}
.inTheBox li a {
font-weight: bold;
font-size: 0.92em;
text-decoration: none
}
.rtl .inTheBox {
margin-right: 0
}
.rtl .inTheBox li {
float: right;
margin: 0 0 10px 10px
}
.ie7 .rtl .inTheBox li {
position: relative
}
.specs {
margin-bottom: 10px;
line-height: normal;
overflow: hidden
}
.specs h3 {
font-size: 1.5em;
font-weight: normal;
color: #fff;
padding: 12px 10px;
position: relative;
background-color: #0c2645;
text-transform: uppercase
}
.specs ul {
margin: 0;
padding: 0;
list-style-image: none;
width: 100%;
overflow: hidden
}
.specs li {
overflow: hidden;
padding: 6px 8px !important;
margin: 5px 0 !important
}
.specs li.diff {
background-color: #ffe5e6 !important
}
.specs li strong {
width: 51%;
margin: 0 2%;
float: left
}
.specs li span {
width: 45%;
display: block;
float: left
}
.specs .odd {
background-color: #f2f2f2
}
.rtl .specs li strong, .specs li span {
float: right
}
.specs .js-header a {
display: block;
color: #fff
}
.specs .js-header a:after {
content: "";
display: block;
float: right;
width: 13px;
height: 11px;
margin-top: 5px;
background: #0c2645 url(../images/assets/sprite_arrows.png) no-repeat 0 -1300px
}
.specs .js-header.collapsed a:after {
background-position: 0 -1200px
}
.specs .js-header a:hover:after, .specs .js-header a:focus:after {
background-position: 0 -1700px
}
.specs .js-header.collapsed a:hover:after, .specs .js-header.collapsed a:focus:after {
background-position: 0 -1600px
}
.ie7 .rtl .specs {
direction: ltr
}
.ie7 .rtl .specs h3 {
text-align: right
}
.rtl .specs .js-header a:after {
float: left
}
#compare {
background-color: #fff;
zoom: 1;
max-height: 85vh;
overflow-y: auto
}
#compare .col {
position: relative;
font-size: 0.92em;
margin-bottom: 1.5em
}
#compare h3.ab {
font-weight: normal;
position: relative;
min-height: 2em;
height: auto !important;
height: 2em
}
#compare h3.ab span {
position: absolute;
bottom: 0;
text-align: center;
width: 100%
}
#compare .specs li strong {
text-align: left
}
#compare .getit {
overflow: hidden;
width: 100%;
padding: 0 0 0.5em 0;
margin-bottom: 1em
}
#compare .getit .button {
float: left;
margin: 0 5px 0 0
}
#compare .getit span {
display: inline-block;
font-size: 14px;
margin: 0 10px;
padding-top: .8em;
font-weight: bold
}
#compare .col .remove {
text-decoration: none;
text-indent: -99999em;
position: absolute;
z-index: 30;
top: 2.4em;
right: -10px;
width: 36px;
height: 36px;
display: block;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -240px -440px
}
#compare .col a:hover.remove, #compare .col a:focus.remove {
background-position: -280px -440px
}
#compare .summary {
margin-bottom: 1.5em
}
#compare .summary p {
margin-bottom: 10px
}
#compare .summary p:last-child {
margin-bottom: 0
}
#compare .summary a {
text-decoration: none
}
#compare .summary a:hover, #compare .summary a:focus {
text-decoration: underline
}
#compare .frameLg {
border: 1px solid #e0e0e0;
padding-bottom: 10px
}
#compare .frameLgBase {
height: 0px
}
.rtl #compare .col .remove {
left: -5px;
right: auto
}
.rtl #compare .specs li strong {
text-align: right
}
#compare .box {
position: relative
}
#compare .box h2 {
margin-bottom: 0
}
.productCarousel {
font-size: 1.1em;
padding: 15px 10% 0 10%;
margin: 0;
background-color: #fff;
position: relative
}
.productCarousel ul.items {
margin: 0 auto;
padding: 0
}
.productCarousel .productPag {
margin: 0;
padding: 0;
list-style-image: none
}
.productCarousel .productPag li {
margin: 0;
padding: 0
}
.productCarousel .productNext a, .productCarousel .productPrev a {
display: block;
text-indent: -9999em;
width: 16px;
height: 35px;
cursor: pointer;
position: absolute;
top: 35%;
left: 0;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -160px 0
}
.productCarousel .productNext a {
background-position: -140px 0;
right: 0;
left: auto
}
.productCarousel .productNext a:hover, .productCarousel .productNext a:focus, .productCarousel .productNext a:active {
background-position: -180px 0
}
.productCarousel .productNext.disabled a {
background: none;
cursor: default
}
.productCarousel .productPrev a:hover, .productCarousel .productPrev a:focus, .productCarousel .productPrev a:active {
background-position: -200px 0
}
.productCarousel .productPrev.disabled a {
background: none;
cursor: default
}
ol.method {
margin: 0 0 1.5em 0;
padding: 0;
list-style: none
}
ol.method li {
margin: 0;
padding: 0 0 1em 30px
}
ol.imgNumbers {
margin-bottom: 1.5em 0
}
ol.imgNumbers p {
margin-bottom: 1em
}
ol.imgNumbers h3 {
font-weight: bold;
line-height: 1.5
}
.list3col ol.imgNumbers li {
font-size: 1.167em
}
.js ol.imgNumbers {
margin: 0 0 1.5em 0;
padding: 0;
list-style: none
}
.js ol.imgNumbers li {
background: transparent url(../images/assets/sprite_numbers.png) no-repeat 0 0;
padding: 0 0 1em 30px;
overflow: hidden
}
ol.imgNumbers li.k1 {
background-position: 0 0
}
ol.imgNumbers li.k2 {
background-position: 0 -500px
}
ol.imgNumbers li.k3 {
background-position: 0 -1000px
}
ol.imgNumbers li.k4 {
background-position: 0 -1500px
}
ol.imgNumbers li.k5 {
background-position: 0 -2000px
}
ol.imgNumbers li.k6 {
background-position: 0 -2500px
}
ol.imgNumbers li.k7 {
background-position: 0 -3000px
}
ol.imgNumbers li.k8 {
background-position: 0 -3500px
}
ol.imgNumbers li.k9 {
background-position: 0 -4000px
}
ol.imgNumbers li.k10 {
background-position: 0 -4500px
}
ol.imgNumbers li.k11 {
background-position: 0 -5000px
}
ol.imgNumbers li.k12 {
background-position: 0 -5500px
}
ol.imgNumbers li.k13 {
background-position: 0 -6000px
}
ol.imgNumbers li.k14 {
background-position: 0 -6500px
}
ol.imgNumbers li.k15 {
background-position: 0 -7000px
}
ol.imgNumbers li.k16 {
background-position: 0 -7500px
}
ol.imgNumbers li.k17 {
background-position: 0 -8000px
}
ol.imgNumbers li.k18 {
background-position: 0 -8500px
}
ol.imgNumbers li.k19 {
background-position: 0 -9000px
}
.js .rtl ol.imgNumbers li {
padding: 0 30px 1em 0
}
.rtl ol.imgNumbers li.k1 {
background-position: 100% 0
}
.rtl ol.imgNumbers li.k2 {
background-position: 100% -500px
}
.rtl ol.imgNumbers li.k3 {
background-position: 100% -1000px
}
.rtl ol.imgNumbers li.k4 {
background-position: 100% -1500px
}
.rtl ol.imgNumbers li.k5 {
background-position: 100% -2000px
}
.rtl ol.imgNumbers li.k6 {
background-position: 100% -2500px
}
.rtl ol.imgNumbers li.k7 {
background-position: 100% -3000px
}
.rtl ol.imgNumbers li.k8 {
background-position: 100% -3500px
}
.rtl ol.imgNumbers li.k9 {
background-position: 100% -4000px
}
.rtl ol.imgNumbers li.k10 {
background-position: 100% -4500px
}
.rtl ol.imgNumbers li.k11 {
background-position: 100% -5000px
}
.rtl ol.imgNumbers li.k12 {
background-position: 100% -5500px
}
.rtl ol.imgNumbers li.k13 {
background-position: 100% -6000px
}
.rtl ol.imgNumbers li.k14 {
background-position: 100% -6500px
}
.rtl ol.imgNumbers li.k15 {
background-position: 100% -7000px
}
.rtl ol.imgNumbers li.k16 {
background-position: 100% -7500px
}
.rtl ol.imgNumbers li.k17 {
background-position: 100% -8000px
}
.rtl ol.imgNumbers li.k18 {
background-position: 100% -8500px
}
.rtl ol.imgNumbers li.k19 {
background-position: 100% -9000px
}
ul.tagClouds {
margin: 0 0 1.5em 0;
padding: 0;
list-style-image: none
}
ul.tagClouds li {
display: inline;
list-style-image: none;
margin: 0 10px 0 0;
padding: 0;
font-weight: bold;
line-height: 1.5
}
.rtl ul.tagClouds li {
margin: 0 0 0 10px
}
.channelFilter {
clear: both;
margin-bottom: 20px;
position: relative;
z-index: 10;
border: 1px solid #58b0e2
}
.channelFilter .js-header {
background-color: #58b0e2;
color: #fff;
margin: 0;
font-size: 1.5em;
text-transform: uppercase
}
.no-js .channelFilter .js-header {
padding: 12px 40px 12px 10px
}
.channelFilter .js-header a {
display: block;
padding: 12px 40px 12px 10px;
color: #fff !important;
position: relative
}
.channelFilter .js-header a:after {
content: "";
position: absolute;
width: 35px;
height: 16px;
top: 12px;
right: 15px;
background: transparent url(../images/assets/sprite_icons.png) 0 0 no-repeat
}
.channelFilter .js-header.collapsed a:after {
background-position: -36px 0
}
.channelFilter .js-body {
padding: 2% 2% 0 2%;
border-bottom: 3px solid #58b0e2;
border-top: none;
zoom: 1
}
.rtl .channelFilter .js-header a {
padding: 12px 10px 12px 40px
}
.rtl .channelFilter .js-header a:after {
right: auto;
left: 15px
}
.ie7 .rtl .channelFilter {
direction: ltr;
text-align: right
}
.ie7 .channelFilter .js-header a {
text-decoration: underline
}
.channelFilter ul.filterOptions {
margin: 0;
line-height: normal
}
.channelFilter ul.filterOptions ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none
}
.channelFilter ul.filterOptions li .inner {
margin: 0 0 1em 10px
}
.channelFilter ul.filterOptions li:first-child .inner, .channelFilter ul.filterOptions li:first .inner {
margin-left: 0
}
.channelFilter ul.filterOptions h3 {
font-size: 1.3em;
margin-bottom: 0.75em
}
.channelFilter ul.filterOptions li .inner li {
clear: both;
margin: 0 0 5px 0;
position: relative
}
.channelFilter ul.filterOptions label {
display: block;
cursor: pointer;
margin: 0 0 0 1.5em
}
.channelFilter ul.filterOptions input[type=checkbox] {
float: left;
margin: 2px 0 0 0;
padding: 0
}
.js .channelFilter p.button {
display: none
}
.channelFilter .button {
float: right
}
.ie7 .channelFilter ul.filterOptions label {
display: inline;
margin: 0
}
.ie7 .channelFilter ul.filterOptions input[type=checkbox] {
margin: 0 5px 0 0
}
.rtl .channelFilter ul.filterOptions li .inner {
margin: 0 10px 1em 0
}
.rtl .channelFilter ul.filterOptions li:first-child .inner {
margin-right: 0
}
.rtl .channelFilter ul.filterOptions label {
margin: 0 1.5em 0 0
}
.rtl .channelFilter ul.filterOptions input[type=checkbox] {
float: right
}
.channelFilter .gridStyle4cols.disabled a {
opacity: 0.4;
cursor: default
}
.channelFilter .category {
margin-bottom: 0
}
.channelFilter .category li {
text-transform: uppercase
}
.channelFilter .category img {
max-width: 100%
}
.media {
overflow: hidden;
margin: 0 auto 1.5em auto;
padding: 20px
}
.media .tabs {
clear: both;
margin: 20px 0 10px 0 !important
}
.media .controls {
margin: 0;
padding: 0;
list-style-image: none
}
.media .controls li a {
width: 25px;
height: 25px;
margin: 0;
display: block;
background: url(../images/assets/sprite_zoom.png) no-repeat -96px 0;
position: absolute;
top: 110px;
cursor: pointer;
text-indent: -9999em;
z-index: 200000
}
.media .controls li .btnNext {
background-position: -120px 0;
right: 0
}
.media .controls li .btnPrev {
left: 0
}
.media .controls li a:hover.btnNext {
background-position: -120px -25px
}
.media .controls li a:hover.btnPrev {
background-position: -96px -25px
}
.media.frame {
position: relative
}
.media .videoWrapper {
margin: 0 auto;
text-align: center;
max-width: 600px
}
.media .videoWrapper .video360 {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
margin: 0 auto 10px auto;
overflow: hidden
}
* html .media .videoWrapper .video360 {
margin-bottom: 30px;
margin-bottom: 0
}
.media .videoWrapper .video360 div, .media .videoWrapper .video360 object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.media .imageGallery .mediaFrame {
margin: 0 auto
}
.media .imageGallery .frameLg .inner {
height: 160px;
overflow: hidden
}
.js .media .imageGallery img.imgPictureDisplay {
max-width: none;
position: absolute;
left: -999em
}
.no-js .media .imageGallery img.imgPictureDisplay {
max-width: 100%
}
.media .imageGalleryNavBox {
clear: both;
position: relative;
border-bottom: 8px solid #E6E9EC;
padding-bottom: 5px
}
.media .imageGalleryNav {
width: auto;
text-align: center;
margin: 0 25px !important;
padding: 0 !important;
list-style-image: none;
overflow: hidden
}
.media .imageGalleryNav li {
display: inline-block;
margin: 0 1% 5px 0;
padding: 0;
width: 15%;
max-width: 100px;
min-width: 70px
}
.ie7 .media .imageGalleryNav li {
display: inline
}
.rtl .media .imageGalleryNav li {
float: right;
margin: 0 0 10px 10px
}
.media .imagePag {
margin: 0;
padding: 0;
list-style-image: none
}
.media .imagePag li {
margin: 0;
padding: 0
}
.media .imagePag .imgNext a, .media .imagePag .imgPrev a {
z-index: 10000;
display: block;
text-indent: -9999em;
width: 16px;
height: 35px;
cursor: pointer;
position: absolute;
top: 30px;
left: 0;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -160px 0
}
.media .imagePag .imgNext a {
background-position: -140px 0;
right: 0;
left: auto
}
.media .imagePag .imgNext a:hover, .media .imagePag .imgNext a:focus, .media .imagePag .imgNext a :active {
background-position: -180px 0
}
.media .imagePag .imgPrev a:hover, .media .imagePag .imgPrev a:focus, .media .imagePag .imgPrev a:active {
background-position: -200px 0
}
.status {
text-align: center;
font-weight: bold;
margin: 0;
font-size: 0.92em
}
.media .videoGallery {
text-align: center
}
#overlay .media {
padding-top: 40px
}
div#swfContainer div#Frame {
width: 260px;
height: 173px;
position: relative
}
div.videoGallery iframe.youtube, div.media.frame iframe.youtube {
width: 260px;
height: 146px
}
.smooth_zoom_preloader {
background: transparent url(../images/assets/preloader.gif) center center no-repeat
}
.zoomControls {
border: 1px solid #c5c5c5;
padding: 5px 0;
overflow: hidden;
width: 100%;
zoom: 1
}
.zoomControls .button {
float: right;
margin-top: 5px
}
.zoomControls .button span {
float: left;
font-weight: bold;
padding: 10px 0 0 20px;
height: 33px;
font-size: 16px;
background: transparent url(../images/assets/sprite_buttons.png) no-repeat 0 0;
text-decoration: none !important;
color: #fff !important;
cursor: pointer;
white-space: nowrap;
text-transform: uppercase
}
.zoomControls .button:hover span {
background-position: 0 -50px !important
}
.zoomControls label {
float: left
}
.zoomControls .zoom {
overflow: hidden;
float: left;
margin: 14px 10px 0 10px
}
.zoomControls .zoom label {
margin: 4px 10px 0 0
}
.zoomControls .zoomMove {
overflow: hidden;
float: left;
margin: 0 10px
}
.zoomControls .zoomMove label {
margin: 18px 10px 0 0
}
.zoomControls .button {
float: left;
margin-left: 10px;
margin-right: 10px
}
.zoomControls ul {
margin: 0;
padding: 0;
float: left;
list-style-image: none
}
.zoomControls ul li {
margin: 0 2px 0 0;
padding: 0;
float: left;
width: 24px;
height: 25px;
text-indent: -9999em;
cursor: pointer;
display: block;
background: transparent url(../images/assets/sprite_zoom.png) no-repeat 0 0
}
.zoomControls .zoomMove ul {
width: 72px;
height: 53px;
position: relative
}
.zoomControls .zoomMove ul li {
position: absolute
}
.zoomControls ul li.zoomIn {
background-position: 0 0
}
.zoomControls ul li.zoomOut {
background-position: -24px 0
}
.zoomControls ul li.moveLeft {
background-position: -96px 0;
top: 14px;
left: 0
}
.zoomControls ul li.moveRight {
background-position: -120px 0;
top: 14px;
left: 48px
}
.zoomControls ul li.moveUp {
background-position: -48px 0;
top: 0;
left: 24px
}
.zoomControls ul li.moveDown {
background-position: -72px 0;
top: 29px;
left: 24px
}
.rtl .zoomControls label {
float: right;
margin-left: 5px
}
.ie7 .rtl .zoomControls label {
float: left
}
.zoomControls ul li:hover.zoomIn {
background-position: 0 -25px
}
.zoomControls ul li:hover.zoomOut {
background-position: -24px -25px
}
.zoomControls ul li:hover.moveLeft {
background-position: -96px -25px
}
.zoomControls ul li:hover.moveRight {
background-position: -120px -25px
}
.zoomControls ul li:hover.moveUp {
background-position: -48px -25px
}
.zoomControls ul li:hover.moveDown {
background-position: -72px -25px
}
#overlay {
display: none;
width: 100%;
position: absolute !important;
margin-top: 40px
}
#overlay > .inner {
width: 94%;
max-width: 810px;
border: 3px solid #58b0e2;
margin: 0 auto;
background: #fff;
position: relative;
padding: 5px 5px 20px 5px
}
#overlay .close {
display: block;
z-index: 10001;
position: absolute;
right: 5px;
top: 10px;
line-height: 3;
text-decoration: none;
color: #333;
font-weight: bold
}
#overlay .close:after {
content: "";
float: right;
width: 36px;
height: 36px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -240px -440px
}
#overlay .close:hover, #overlay .close:focus, #overlay .close:active {
text-decoration: underline
}
.frame {
display: block;
padding: 10px;
background-color: #fff
}
#overlay .contentWrap {
width: auto;
background-color: transparent
}
#compare a.print {
position: relative;
display: block;
font-weight: bold;
margin: 0 0 10px 0;
font-size: 1.1em;
text-decoration: none;
color: #333;
line-height: 2
}
#overlay a.print:after {
content: "";
float: left;
width: 30px;
height: 30px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -75px -85px
}
#compare a.print:hover {
text-decoration: underline
}
.rtl #overlay a.print {
text-align: left
}
#globalLang {
overflow: hidden;
margin: 0;
padding: 1em 0;
width: 100%
}
#globalLang .worldMap {
position: relative;
margin: 0 0 20px 0;
width: 100%
}
#globalLang .worldMap img {
width: 100%
}
#globalLang .worldMap .hotspots {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0.92em;
font-weight: bold
}
#globalLang .worldMap .hotspots li {
position: absolute;
margin: 0;
padding: 0
}
#globalLang .worldMap .hotspots li a {
display: block;
float: left;
color: #fff;
text-decoration: none;
height: 26px;
padding: 6px 5px 0 10px;
background: transparent url(../images/assets/sprite_map.png) no-repeat 0 -35px
}
#globalLang .worldMap .hotspots li i {
display: block;
float: left;
height: 32px;
width: 5px;
background: transparent url(../images/assets/sprite_map.png) no-repeat 100% -35px
}
#globalLang .worldMap .hotspots li:hover a {
background-position: 0 -70px
}
#globalLang .worldMap .hotspots li:hover i {
background-position: 100% -70px
}
#globalLang .worldMap .hotspots li.selected a {
background-position: 0 0
}
#globalLang .worldMap .hotspots li.selected i {
background-position: 100% 0
}
#globalLang .regions {
margin: 0 0 20px 0;
line-height: normal;
background-color: #fff
}
#globalLang .regions h3 {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 1em
}
#globalLang .regions > div {
clear: both;
margin-bottom: 20px;
overflow: hidden
}
#globalLang .regions ul {
margin: 0;
padding: 0;
overflow: hidden;
list-style-image: none
}
#globalLang .regions ul li {
margin: 0;
padding: 0
}
#globalLang .regions ul li img {
float: left;
vertical-align: middle;
margin: 0 5px 0 0
}
#globalLang .regions ul li a {
text-decoration: none;
color: #333;
padding: 3px 0 8px 25px
}
#globalLang .regions ul li a:hover {
text-decoration: underline
}
.rtl #globalLang .regions ul li img {
float: right;
margin: 0 0 0 5px
}
.error500 #content .section {
min-height: 400px
}
.error500 #content .wingLeft .shadow, .error500 #content .wingRight .shadow {
background-position: 0 100%
}
.findSchool {
overflow: hidden;
padding: 10px
}
.findSchool fieldset {
padding: 0 10px
}
.js .findSchool fieldset {
padding: 0
}
.findSchool .field {
float: left;
margin-right: 10px;
margin-bottom: 7px
}
.findSchool .field.button {
float: right;
margin: 0
}
.findSchool .search {
clear: both;
padding: 5px;
background-color: #fff;
border: 1px solid #d0d0d0;
box-shadow: inset 0 0 5px #d0d0d0;
position: relative
}
.findSchool .search input {
border: none;
width: 230px;
background: transparent;
margin: 0;
padding: 0;
font-style: italic
}
.findSchool select {
background-color: #fff;
border: 1px solid #ccc;
display: inline-block;
font-size: 1em;
padding: 5px
}
.rtl .findSchool .field {
float: right;
margin-right: 0;
margin-left: 10px
}
.rtl .findSchool .field.button {
float: left
}
.js #map_canvas {
width: 100%;
height: 370px;
margin-bottom: 20px
}
.infoBox {
font-size: 0.9em;
width: 275px;
position: relative
}
.infoBox .innerinfo {
background: url(../images/assets/googlemap/gmap-bg.png) no-repeat 0 0;
padding: 10px 15px 0px 15px;
width: 245px;
overflow-y: auto
}
.infoBox .nib {
clear: both;
background: url(../images/assets/googlemap/gmap-bg.png) no-repeat 0 100%;
height: 15px;
width: 275px
}
.infoBox img {
position: absolute;
top: 32px;
right: 7px;
z-index: 1000000000
}
.infoBox h4 {
font-size: 1.1em;
margin: 0 25px 1em 0
}
.infoBox p {
margin-bottom: 7px
}
.infoBox .innerinfo img {
position: static;
padding: 0;
margin: 0 10px 5px 0 !important;
float: left;
border: 9px solid #f2f2f2
}
ol.mapresults {
width: 100%;
margin: 0 0 1.5em 0;
padding: 0;
list-style: none
}
ol.mapresults h4 {
margin: 0
}
ol.mapresults li {
clear: both;
border-bottom: 1px dotted #999;
margin: 0 0 1em 0;
padding: 0 0 1em 0
}
ol.mapresults li.header {
display: none
}
ol.mapresults .tel a {
text-decoration: none
}
ol.mapresults .address {
margin-bottom: 10px
}
div#mapResultsPager {
text-align: center
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
line-height: normal;
*overflow: visible
}
textarea {
overflow: auto;
vertical-align: top
}
@media all and (max-width: 48em) {
select {
background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSI4LDAgMyw2IDEzLDYiIGZpbGw9IiM0NDQiLz48cG9seWdvbiBwb2ludHM9IjgsMCAzLDYgMTMsNiIgZmlsbD0iIzQ0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYsIDE1KSByb3RhdGUoLTE4MCkiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: 97.5% 50%;
background-size: 1em;
border: 1px solid #ccc;
margin-right: 2px;
padding-right: 1.8em !important;
-webkit-appearance: button;
appearance: normal
}
.rtl select {
background-position: 1% 50%;
padding-left: 1.8em !important;
padding-right: 5px !important
}
}
@media all and (max-device-width: 47.938em) {
select, input[type=text], input[type=password], textarea {
font-size: 16px !important
}
}
input.typeText, textarea.typeTextarea, select.typeSelect {
width: 200px;
margin: 0;
padding: 7px 3px;
background-color: #fff;
border: 1px solid #d0d0d0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: inset 0 0 5px #d0d0d0
}
input.typeText, textarea.typeTextarea {
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)
}
input.typeText:focus, textarea.typeTextarea:focus {
outline: 0;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6)
}
select.typeSelect {
padding: initial
}
input[type=checkbox], input[type=radio] {
width: auto;
height: auto;
padding: 0;
margin: 3px 5px 3px 0;
*margin-top: 0;
line-height: normal;
border: none
}
.rtl input[type=checkbox], .rtl input[type=radio] {
margin: 3px 0 3px 5px
}
input[type=checkbox], input[type=radio] {
cursor: pointer
}
form legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
display: block;
font-weight: bold
}
.genericForm * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.genericForm .button * {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.genericForm {
margin-bottom: 1.5em;
clear: both
}
.genericForm.grey {
background: #F2F2F2;
padding: 2%;
border: 1px solid #DBDBDB;
border-radius: 3px
}
.genericForm > fieldset {
max-width: 280px;
display: block;
clear: both;
margin-bottom: 1.5em
}
.genericForm .block {
margin-bottom: 2.5em;
clear: both
}
.genericForm .field {
margin-bottom: 1.2em
}
.genericForm .consent .field {
margin-bottom: 3.5em
}
.genericForm label {
display: block;
margin-bottom: 3px;
font-weight: bold
}
.genericForm fieldset abbr {
font-weight: bold;
border: none;
cursor: default
}
.genericForm .help a {
text-decoration: none;
font-size: 0.92em
}
.genericForm .field .formInfo {
display: block;
padding: 3px 0 0 0;
font-size: 11px
}
.genericForm input[type=text], .genericForm input[type=password], .genericForm textarea, .genericForm select {
width: 91%
}
.genericForm input.large, .genericForm textarea.large, .genericForm select.large {
max-width: 300px
}
.genericForm input.medium, .genericForm textarea.medium, .genericForm select.medium {
width: 200px
}
.genericForm input.small, .genericForm textarea.small, .genericForm select.small {
width: 85px
}
.genericForm .button input {
width: auto
}
.genericForm .button.f-r input {
float: right
}
.genericForm .spacer {
height: 50px
}
@media only screen and (max-width: 479px) {
.genericForm input.large, .genericForm textarea.large, .genericForm select.large {
max-width: 280px
}
}
@media only screen and (max-width: 320px) {
.genericForm input.large, .genericForm textarea.large, .genericForm select.large {
max-width: 250px
}
}
.genericForm input, .genericForm textarea, .genericForm select {
display: inline-block;
background-color: #fff;
padding: 7px 5px;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.genericForm textarea {
overflow-y: auto;
line-height: 1.5
}
.genericForm .button input {
border: none;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none
}
.genericForm input[type=checkbox], .genericForm input[type=radio] {
width: auto;
height: auto;
padding: 0;
margin: 3px 0;
*margin-top: 0;
border: none
}
.genericForm input[type=file] {
padding: initial;
border: initial;
line-height: initial;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.genericForm select[multiple] {
background-color: #fff
}
:-moz-placeholder {
color: #bfbfbf
}
::-webkit-input-placeholder {
color: #bfbfbf
}
.genericForm input, .genericForm textarea {
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1)
}
.genericForm input[type=text]:focus, .genericForm input[type="password"]:focus, .genericForm textarea:focus {
outline: 0;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6)
}
.genericForm input[type=file]:focus, .genericForm input[type=checkbox]:focus, .genericForm select:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: 1px dotted #666
}
label.datepicker input {
display: block
}
label.datepicker {
background: transparent url(../images/assets/icon_calendar.png) 100% 90% no-repeat;
cursor: pointer;
padding-right: 40px;
display: inline-block;
zoom: 1;
*display: inline
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
background-color: #fff !important;
color: #000 !important
}
.colAside .genericForm, .commerce .genericForm {
width: 100%;
margin-bottom: 0
}
.colAside .genericForm .field select, .colAside .genericForm .field input[type=text], .colAside .genericForm .field input[type=password], .colAside .genericForm .field textarea, .commerce .genericForm .field select, .commerce .genericForm .field input[type=text], .commerce .genericForm .field input[type=password], .commerce .genericForm .field textarea {
width: 100%;
max-width: 380px
}
.ie7 .colAside .genericForm, .ie7 .commerce .genericForm, .ie7 .colAside .genericForm .field select, .ie7 .colAside .genericForm .field input[type=text], .ie7 .colAside .genericForm .field textarea, .ie7 .commerce .genericForm .field select, .ie7 .commerce .genericForm .field input[type=text], .ie7 .commerce .genericForm .field textarea {
width: 97%
}
.genericForm .field.errorBox input, .genericForm .field.errorBox textarea, .genericForm .field.errorBox select {
border-color: #ee5f5b
}
.genericForm .field.errorBox input:focus, .genericForm .field.errorBox textarea:focus {
border-color: #58B0E2;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7
}
.genericForm .field .error {
color: red;
display: block;
font-size: 0.92em;
margin: 3px 0
}
.genericForm .field .file-error {
color: #FF0000
}
.genericForm input[disabled], .genericForm select[disabled], .genericForm textarea[disabled] {
background-color: #f5f5f5;
border-color: #ddd;
cursor: not-allowed
}
.genericForm .inputs-list {
margin: 0;
width: 100%;
padding: 0;
list-style-image: none
}
.genericForm .inputs-list li {
display: block;
margin: 0;
width: 100%
}
.genericForm .inputs-list label {
padding: 0;
margin-left: 20px;
font-weight: normal
}
.genericForm .inputs-list input[type=radio], .genericForm .inputs-list input[type=checkbox] {
margin-left: -20px;
float: left
}
.rtl .genericForm .inputs-list label {
margin-right: 20px;
margin-left: 0
}
.rtl .genericForm .inputs-list input[type=radio], .rtl .genericForm .inputs-list input[type=checkbox] {
margin-right: -20px;
margin-left: 0;
float: right
}
.genericForm .input-list2 {
margin: 1em 0;
width: 100%;
padding: 0;
list-style-image: none
}
.genericForm .input-list2 li {
display: block;
margin: 0;
width: 100%;
overflow: hidden
}
.genericForm .input-list2 label {
padding: 0;
margin: 0;
font-weight: normal
}
.genericForm .input-list2 input[type=radio], .genericForm .input-list2 input[type=checkbox] {
float: left;
margin: 0 10px 0 0
}
.rtl .genericForm .input-list2 input[type=radio], .rtl .genericForm .input-list2 input[type=checkbox] {
float: right;
margin: 0 0 0 10px
}
.starRating {
margin: 5px 0
}
.starRating div a {
background: transparent url(../images/assets/sprite_icons.png) 0 -120px no-repeat;
display: inline-block;
height: 23px;
width: 23px;
text-indent: -999em;
overflow: hidden;
margin: 0 2px
}
.starRating a.rating-over {
background-position: -27px -120px
}
.starRating a.rating {
background-position: -54px -120px
}
.starRating label {
display: inline;
font-weight: normal
}
.box .starRating {
float: left;
margin: 7px 10px 0 0
}
.rtl .box .starRating {
float: right;
margin: 7px 0 0 10px
}
.field .starRating {
float: none !important;
margin: 5px 0 !important
}
.reviewModule .colAside .genericForm, .reviewModule .colMain .reviews {
padding: 20px;
border: 1px solid #e0e0e0;
width: auto;
margin-bottom: 20px;
min-height: 360px
}
.reviewModule .button {
float: right
}
.reviewModule .total {
float: left
}
.reviewModule fieldset {
margin: 0
}
.reviewModule h2 {
color: #999 !important;
text-transform: uppercase;
font-size: 1.5em
}
.reviewModule label, .reviewModule strong {
font-weight: normal
}
.reviewModule .reviews {
overflow: hidden
}
#content .reviews table {
border: none
}
#content .reviews table td {
border: none;
padding: 0 20px 9px 0;
line-height: normal
}
#content .reviews table tr td:first-child {
color: #58b0e2;
font-size: 1.333em
}
.searchFaq {
display: block;
margin: 1.5em 0;
width: 100%;
overflow: hidden
}
.searchFaq label {
font-weight: bold;
display: block;
margin-bottom: 3px
}
.searchFaq .field {
float: left
}
.searchFaq .button {
margin: 1em 5px 0 5px;
vertical-align: bottom
}
.colAside .searchFaq .field {
float: none
}
.colAside .searchFaq .typeText {
width: 95%
}
.colAside .searchFaq .button {
margin: 3px 0 1em 0
}
.rtl .searchFaq .field {
float: right
}
.searchResult > h3 {
margin: 1em 0 1.5em 0;
padding-bottom: 0.5em;
border-bottom: 1px solid #ccc;
overflow: hidden
}
.searchResult > h3:before {
content: "";
float: left;
margin: 0.25em 0 0 10px;
width: 30px;
height: 20px;
background: url(../images/assets/sprite_icons.png) no-repeat -200px -605px
}
.searchResult .items > li {
clear: both;
padding: 10px 0 10px 35px;
position: relative
}
.searchResult .items > li:before {
content: "";
position: absolute;
top: 1em;
left: 10px;
width: 20px;
height: 20px;
background: url(../images/assets/sprite_icons.png) no-repeat -240px -605px
}
.rtl .searchResult > h3:before {
float: right
}
.rtl .searchResult .items > li {
padding: 10px 35px 10px 0
}
.rtl .searchResult .items > li:before {
left: auto;
right: 5px
}
.js-synchHeights.align-footer .box {
position: relative;
padding-bottom: 55px
}
.js-synchHeights.align-footer .box-footer {
position: absolute;
bottom: 15px
}
.js-synchHeights.align-footer .box-footer .button {
margin-bottom: 0
}
.addShadow {
background-color: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: 0 0 4px #ddd;
-moz-box-shadow: 0 0 4px #ddd;
box-shadow: 0 0 4px #ddd
}
.dynamicTabs {
clear: both;
margin: 1.5em 0;
width: 100%;
overflow: hidden;
border: 1px solid #dbdbdb;
background-color: #f2f2f2
}
.dynamicTabs .tabs {
display: none
}
.dynamicTabs .tabs-content .inner {
background-color: #fff;
padding: 10px;
margin: 10px
}
.dynamicTabs .tabs-content .inner h3 {
font-size: 1.333em
}
.dynamicTabs h2.offscreen, .dynamicTabs h3.offscreen {
position: static;
width: auto;
height: auto;
margin-bottom: 1em;
padding: 10px
}
.dynamicTabs .inner h2.offscreen, .dynamicTabs .inner h3.offscreen {
padding: 0
}
.glossaryPopup {
width: 260px;
position: absolute;
border: 2px solid #fff;
background: #333;
background: rgba(0, 0, 0, 0.8);
color: #fff;
margin-top: 5px;
padding: 8px;
moz-box-shadow: 0 0 5px #555;
-webkit-box-shadow: 0 0 5px #555;
box-shadow: 0 0 5px #555
}
@media screen and (max-width: 360px) {
.glossaryPopup {
width: 200px;
margin: 10px 0
}
}
.glossary-hidden {
display: none
}
.js-glossary {
position: relative
}
.js-glossary a {
border-bottom: 1px dotted #58b0e2;
color: #333;
text-decoration: none;
cursor: help;
display: inline-block
}
.js-glossary img {
vertical-align: middle;
display: inline-block
}
.glossaryPopup.tooltip {
clear: both;
float: left;
padding: 10px 10px 5px 10px;
font-size: 0.92em;
width: 200px;
overflow: hidden
}
.glossaryPopup img {
display: block;
margin: 0 auto 5px auto;
text-align: center;
max-width: 100%
}
.glossaryPopup ul {
margin: 0 -10px 0 0;
padding: 0;
list-style-image: none;
overflow: hidden
}
.glossaryPopup ul li {
margin: 0 0 10px 10px;
padding: 0;
float: left;
width: 45%
}
.glossaryPopup ul li:first-child {
margin: 0
}
.js-glossary.tooltip {
display: inline-block;
font-size: 0.92em;
width: auto
}
.js-glossary.tooltip a {
color: #333;
text-decoration: none;
cursor: help
}
.ie7 .js-glossary.tooltip {
display: inline
}
.styleTooltip {
position: absolute;
left: -99999px
}
.rtl .glossaryPopup.tooltip {
float: right
}
.rtl .styleTooltip {
position: absolute;
right: -99999px
}
.rtl .glossaryPopup ul {
margin: 0 0 0 -10px
}
.rtl .glossaryPopup ul li {
margin: 0 0 10px 10px;
float: right
}
.homeCarousel, .subCatCarousel, .imageSlider {
display: none
}
#ajaxLoading {
position: absolute;
z-index: 10000;
background: #fff;
width: 99%;
height: 100%;
opacity: 0.5
}
#ajaxLoadingImg {
top: 50%;
left: 50%;
position: absolute;
z-index: 10000
}
.js .faq {
margin: 0;
padding: 0;
list-style-image: none
}
.js .faq .js-body {
padding-left: 18px
}
.js .faq .js-header {
background: #fff url(../images/assets/sprite_arrows.png) no-repeat 0 -492px;
padding: 0 0 0 18px;
line-height: 1.3;
font-size: 16px;
font-weight: normal
}
.js .faq .js-header.collapsed {
background-position: 0 -392px
}
.faq .js-header p {
margin: 0
}
.js .rtl .faq .js-header {
background-position: 100% -492px;
padding: 0 18px 0 0
}
.js .rtl .faq .js-body {
padding-left: 0;
padding-right: 18px
}
.js .rtl .faq .js-header.collapsed {
background-position: 100% -392px
}
.mobileHero {
margin-bottom: 1em 0
}
.mobileHero ul {
clear: both;
margin: 0;
padding: 0;
list-style-image: none;
width: 100%
}
.mobileHero ul li {
clear: both;
margin: 0;
padding: 0;
overflow: hidden
}
.mobileHero ul li .img {
float: left;
width: 33%;
padding-top: 1em;
text-align: center
}
.mobileHero ul li img {
max-width: 100%;
display: block;
margin: 0 auto
}
.mobileHero .inner {
float: right;
width: 54%;
padding: 1.5em 10px 1em 25px;
background: transparent url(../images/assets/bg_line_v.jpg) no-repeat 0 0
}
.mobileHero h1 {
line-height: 1.1;
font-size: 1.6em;
line-height: 1.2
}
.mobileHero h1 span {
display: block;
font-size: 0.7em;
color: #58B0E2
}
.mobileHero h2 {
color: #7a7a7a;
margin-bottom: 0.5em
}
.mobileHero .big {
font-size: 1em
}
#eucookielawcontainer {
clear: both;
width: 100%
}
#eucookielawcontainer .container {
max-width: 116.667em;
margin: 0 auto
}
#eucookielawcontainer .container .section {
border: 1px solid #8e8e8e;
border-top: 5px solid #58B0E2;
border-bottom: 5px solid #58B0E2;
background-color: #DBDBDB;
color: #000
}
#eucookielawcontainer .bannerpadding {
padding: 15px
}
#eucookielawcontainer .bannerbuttons .button {
margin: 0px
}
.advertisement {
clear: both;
margin-bottom: 30px;
position: relative;
z-index: 10;
padding-top: 45px;
width: 100%
}
.advertisement .js-header {
background-color: #58b0e2;
color: #fff;
padding: 7px 10px;
margin: 0;
font-size: 1.333em;
-moz-box-shadow: 0 8px 6px -6px #ccc;
-webkit-box-shadow: 0 8px 6px -6px #ccc;
box-shadow: 0 8px 6px -6px #ccc
}
.advertisement .js-header a {
display: block;
color: #fff;
position: relative;
text-decoration: none
}
.advertisement .js-header a .icon {
position: absolute;
width: 55px;
height: 26px;
top: 26px;
left: 45%;
background: transparent url(../images/assets/sprite_icons.png) -205px -85px no-repeat
}
.advertisement .js-header.collapsed a .icon {
background-position: -150px -85px
}
.advertisement .js-body {
padding: 20px;
border: 1px solid #58b0e2;
border-bottom: 5px solid #58b0e2;
border-top: none
}
.productsSlider {
clear: both;
padding: 15px 30px 0 30px;
border-top: 1px solid #e6e9ec
}
.productsSlider:first-child {
border: none
}
.productsSlider h3 {
text-transform: uppercase;
margin-bottom: 1em;
text-align: left;
font-size: 1.167em
}
.productsSlider ul {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
list-style-image: none
}
.productsSlider ul li {
margin: 0;
padding: 0
}
.productsSlider ul li a {
display: block;
text-decoration: none;
color: #333;
overflow: hidden;
width: 195px;
padding-bottom: 10px
}
.productsSlider ul li a:hover, .productsSlider ul li a:focus {
text-decoration: underline
}
.productsSlider ul li a img {
float: left;
margin: 0 5px 3px 0;
max-width: 100%
}
.productsSlider.ncj-widget-active li a p {
margin: 0;
padding: 15px 0 0 0;
font-size: 0.92em
}
.productsSlider ul li a strong {
display: block;
font-size: 1.167em
}
.no-js .productsSlider {
padding: 10px 0
}
.no-js .productsSlider ul li {
float: left;
width: 240px;
min-height: 100px
}
.no-js .productsSlider ul li a {
width: auto
}
.productsSlider.ncj-widget-active ul {
min-height: 90px
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrls {
-webkit-border-radius: 0px;
position: absolute;
top: 40%;
height: 35px;
width: 17px;
border: none;
cursor: pointer;
text-indent: -999em;
background: transparent url(../images/assets/sprite_icons.png) no-repeat 0 0;
padding: 0
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev {
left: 0;
background-position: -160px 0
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next {
right: 0;
background-position: -140px 0
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev:hover, .productsSlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev:focus {
background-position: -200px 0
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next:hover, .productsSlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next:focus {
background-position: -180px 0
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrl-next.ncj-simpleslider-ctrl-disabled {
background-position: -220px 0 !important;
cursor: default
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrl-prev.ncj-simpleslider-ctrl-disabled {
background-position: -240px 0 !important;
cursor: default
}
.gallerySlider {
clear: both;
padding: 15px 30px 0 50px;
background: transparent url(../images/assets/grad_line1.png) no-repeat 50% 0
}
.gallerySlider ul {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
list-style-image: none
}
.gallerySlider ul li {
margin: 0;
padding: 0
}
.gallerySlider ul li img {
border: 1px solid #fff;
padding: 3px
}
.gallerySlider ul li.selected img {
border: 1px solid #ccc;
box-shadow: inset 0 0 5px #ccc
}
.gallerySlider ul li a {
display: block;
text-decoration: none;
width: 100px;
text-align: center
}
.gallerySlider ul li a img {
float: left;
margin: 0 5px 3px 0;
max-width: 100%
}
.no-js .gallerySlider {
padding: 15px 0
}
.no-js .gallerySlider ul li {
float: left;
width: 100px;
min-height: 80px
}
.no-js .gallerySlider ul li a {
width: auto
}
.gallerySlider.ncj-widget-active ul {
min-height: 90px
}
.gallerySlider.ncj-widget-active .ncj-simpleslider-ctrls {
position: absolute;
top: 30%;
height: 40px;
width: 40px;
border: none;
cursor: pointer;
text-indent: -999em;
background-color: transparent;
background-image: url(../images/assets/sprite_icons.png);
background-repeat: no-repeat
}
.gallerySlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev {
left: 0px;
background-position: -160px -400px
}
.gallerySlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next {
right: 0px;
background-position: -200px -400px
}
.gallerySlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev:hover, .gallerySlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev:focus {
background-position: -160px -440px
}
.gallerySlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next:hover, .gallerySlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next:focus {
background-position: -200px -440px
}
.gallerySlider.ncj-widget-active .ncj-simpleslider-ctrl-prev.ncj-simpleslider-ctrl-disabled {
background-position: -80px -480px !important;
cursor: default
}
.gallerySlider.ncj-widget-active .ncj-simpleslider-ctrl-next.ncj-simpleslider-ctrl-disabled {
background-position: -120px -480px !important;
cursor: default
}
.galleryNav {
clear: both;
padding: 30px 0;
margin: 0;
background: transparent url(../images/assets/grad_line2.png) no-repeat 50% 0
}
.galleryNav ul {
overflow: hidden;
margin: 0 auto;
width: 180px;
padding: 0;
list-style: none;
list-style-image: none
}
.galleryNav ul li {
float: left;
margin: 0 3px;
padding: 0
}
.galleryNav ul li a {
display: block;
text-indent: -999em;
width: 52px;
height: 45px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat 0 0
}
.galleryNav ul li.btn360 a {
background-position: -165px -520px
}
.galleryNav ul li.btnImg a {
background-position: -220px -520px
}
.galleryNav ul li.btnVid a {
background-position: -275px -520px
}
.galleryNav ul li.selected.btn360 a {
background-position: 0 -520px
}
.galleryNav ul li.selected.btnImg a {
background-position: -55px -520px
}
.galleryNav ul li.selected.btnVid a {
background-position: -110px -520px
}
.level2 {
color: #58B0E2
}
#productDetails {
position: relative
}
#productDetails .moredetails {
overflow: hidden;
line-height: normal
}
#productDetails h2 {
margin-bottom: 0.5em;
font-size: 1.58em
}
#productDetails h2 img {
display: block
}
#productDetails .moredetails p {
margin-bottom: 1em
}
#productDetails .moredetails .review {
font-size: 1.333em;
color: #666
}
#productDetails .moredetails .review span {
white-space: nowrap
}
#productDetails .moredetails .review .rated {
display: inline-block;
margin-right: 10px
}
.ie7 #productDetails .moredetails .review .rated {
display: block
}
#productDetails .moredetails .button {
float: left
}
#productDetails .moredetails .review a {
margin: 0 0 0 .5em
}
#productDetails .moredetails .price {
font-size: 1.58em;
margin: 0.5em 1em 0 0
}
.rtl #productDetails .moredetails .review .rated {
margin-right: 0;
margin-left: 10px
}
.rtl #productDetails .moredetails .review a {
margin: 0 .5em 0 0
}
.rtl #productDetails .moredetails .price {
margin: 0.3em 0 0 1em
}
.ie7 .rtl #productDetails {
direction: ltr
}
.useGuide {
display: table;
overflow: hidden;
background-color: #e6e9ec;
margin: 1.5em 0;
padding: 5px 10px;
border-radius: 3px;
text-transform: uppercase
}
.useGuide a {
color: #0c2645;
text-decoration: none;
font-size: 1.333em
}
.useGuide a:hover, .useGuide a:focus {
text-decoration: underline
}
.useGuide a span {
font-size: 0.8em;
background-color: #a92727;
color: #fff;
padding: 0 10px;
line-height: 1.1;
margin-left: 5px
}
#multimedia .galleryContainer {
min-height: 382px;
margin: 0 auto 15px auto;
text-align: center;
position: relative
}
#multimedia .galleryContainer {
transition: height 0.4s ease;
-moz-transition: height 0.4s ease;
-webkit-transition: height 0.4s ease
}
@media only screen and (max-width: 767px) {
#productDetails .colMain {
position: relative
}
}
_360Holder, .ncj-imagezoom .ncj-imagezoom-holder, .no-zoom .ncj-imagezoom-holder, .videoPreviewHolder {
min-height: 360px;
padding: 10px
}
.videoHolder iframe {
height: 360px
}
._360Holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
._360Holder iframe {
width: 100%;
height: 100%;
border: none;
overflow: hidden
}
img.ncj-spinnerxml, img.ncj-spinner {
max-width: 100%;
width: 100%;
display: block;
margin: 0 auto
}
.ncj-ui-progressbar {
width: 40%;
height: 10px;
position: absolute;
top: 50%;
left: 30%;
z-index: 50;
padding: 5px 10px;
background: #555;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3)
}
.ncj-ui-progressbar .ncj-ui-progressbar-bar {
height: 10px;
background-color: #58b0e2;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px
}
.imageHolder {
position: relative
}
.imageHolder.enlarge {
position: absolute;
top: 0;
left: 0;
background: #fff;
height: 100%
}
.imageHolder.enlarge .ncj-imagezoom .ncj-imagezoom-holder {
height: 100%
}
.ncj-imagezoom .ncj-imagezoom-holder img {
visibility: hidden
}
.ncj-imagezoom.ncj-widget-active .ncj-imagezoom-holder img {
visibility: inherit;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab
}
.ncj-imagezoom.ncj-widget-active.no-zoom .ncj-imagezoom-holder img {
cursor: default;
pointer-events: none
}
.ncj-imagezoom.ncj-widget-active.no-zoom {
pointer-events: none
}
.ncj-imagezoom {
position: relative;
height: 100%
}
.ncj-imagezoom-controls {
margin: 20px auto 0 auto;
direction: ltr
}
.ncj-imagezoom-controls span {
text-transform: uppercase;
font-size: 1.167em
}
.ncj-imagezoom-controls button {
text-indent: -999em;
cursor: pointer;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
border: none;
background-image: url(../images/assets/sprite_icons.png);
background-color: transparent;
background-repeat: no-repeat
}
.ncj-imagezoom-controls button.ncj-imagezoom-zoomIn {
background-position: 0 -400px
}
.ncj-imagezoom-controls button.ncj-imagezoom-zoomOut {
background-position: -40px -400px;
margin-right: 20px
}
.ncj-imagezoom-controls button.ncj-imagezoom-enlarge {
background-position: -160px -480px
}
.ncj-imagezoom-controls button.ncj-imagezoom-zoomIn:hover, .ncj-imagezoom-controls button.ncj-imagezoom-zoomIn:focus {
background-position: 0 -440px
}
.ncj-imagezoom-controls button.ncj-imagezoom-zoomOut:hover, .ncj-imagezoom-controls button.ncj-imagezoom-zoomOut:focus {
background-position: -40px -440px
}
.videoHolder {
padding: 20px 10px 0 10px;
background: #000;
position: relative
}
.videoPreviewHolder {
position: relative
}
.videoPreviewHolder img {
display: block;
margin: 0 auto;
max-width: 100%
}
.play-icon {
z-index: 1000;
width: 76px;
height: 76px;
display: block;
background-image: url(../images/assets/icon_video.png);
position: absolute;
top: 40%;
left: 40%
}
.closeMediaButton {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: -15px;
right: -15px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -240px -440px;
text-indent: -999em;
overflow: hidden
}
.closeMediaButton:hover, .closeMediaButton:focus {
background-position: -280px -440px
}
.enlargeImageOverlay a.close {
display: none
}
.enlargeImageOverlay {
display: none;
width: 100%;
position: absolute !important;
margin-top: 40px
}
.enlargeImageOverlay .inner {
width: 90%;
max-width: 810px;
border: 3px solid #58b0e2;
margin: 0 auto;
background: #fff;
position: relative;
padding: 5px 5px 20px 5px
}
.enlargeImageOverlay .inner .img {
width: 100%
}
.enlargeImageOverlay .gallerySlider {
margin: 0 auto;
max-width: 450px
}
.no-js .ncj-imagezoom-controls {
display: none
}
.no-js .galleryNav {
display: none
}
.no-js .ncj-imagezoom .ncj-imagezoom-holder img {
visibility: visible;
width: 100%
}
#media-carousel.container {
width: 100%;
background-color: transparent;
overflow: hidden;
position: relative;
margin-bottom: 20px;
border-top: 9px solid #FFF
}
#media-carousel.container .section {
overflow: visible;
padding: 0 !important;
max-width: 1220px;
background: #FFF
}
#media-carousel.container .fadeLine {
height: 25px;
background: transparent
}
#media-carousel.container .fadeLine .fadeLine {
background: #FFF url("../images/assets/tab_fade.png") no-repeat scroll 50% 1px
}
.ie #media-carousel.container {
width: 100%;
max-width: 1220px !important
}
.ie #media-carousel.container .section {
width: 1220px !important
}
.ie #media-carousel.container .section.nav-wrapper, .ie #media-carousel.container .section.full-slide-overlay-outer {
max-width: 1220px !important
}
body.home #content .wingLeft, body.home #content .wingRight {
display: none
}
body.home #content .section {
padding-top: 20px
}
.no-js .ncj-megaslides ul.ncj-megaslides-slides li:first-child {
display: block;
z-index: 0
}
.no-js .slide {
display: none
}
.no-js .slide.first {
display: block
}
.no-js .fullCarousel {
max-height: 400px
}
.js .ncj-megaslides .slide {
display: none
}
.js .ncj-megaslides .slide.first {
display: block
}
.ncj-megaslides-slides {
margin: 0;
padding: 0;
list-style-type: none
}
.ncj-megaslides-slides li {
margin: 0 !important;
padding: 0 !important
}
.ncj-megaslides-slides li img {
display: block
}
.ncj-megaslides-slides li .img2-05x1 {
width: 100%;
height: 0;
padding-top: 48.7804878%;
background: transparent no-repeat center center;
background-size: cover
}
.ncj-megaslides-slides li .img2x1 {
width: 100%;
height: 0;
padding-top: 50%;
background: transparent no-repeat center center;
background-size: cover
}
.ncj-megaslides-slides li .img1-45x1 {
width: 100%;
height: 0;
padding-top: 68.9655172%;
background: transparent no-repeat center center;
background-size: cover
}
.ncj-megaslides-slides li .img1-55x1 {
width: 100%;
height: 0;
padding-top: 64.516129%;
background: transparent no-repeat center center;
background-size: cover
}
.ncj-megaslides-slides li .img3-05x1 {
width: 100%;
height: 0;
padding-top: 32.7868852%;
background: transparent no-repeat center center;
background-size: cover
}
.wingsCarousel {
position: relative;
width: 100%;
max-width: 3660px;
margin: 0 auto;
background: #FFF
}
.wingsCarousel .ncj-megaslides {
margin: 0 auto;
position: relative;
max-width: 1992px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD
}
.wingsCarousel .ncj-megaslides .fadeCarousel .ncj-megaslides {
border: none
}
.wingsCarousel .wing {
background: transparent url(../images/assets/50_white_px.png) repeat;
position: absolute;
top: 0px;
bottom: 0;
width: 50%;
z-index: 2;
border: 1px
}
.wingsCarousel .wingLeft {
left: 0;
margin-left: -50%
}
.wingsCarousel .wingRight {
right: 0;
margin-right: -50%
}
.wingsCarousel .wing .before {
content: "";
position: absolute;
width: 9px;
height: 100%;
top: 0;
left: -10px;
background: #fff;
z-index: 3;
border-left: 1px solid #DDDDDD
}
.wingsCarousel .wing .after {
content: "";
position: absolute;
width: 9px;
height: 100%;
top: 0;
right: -10px;
background: #fff;
z-index: 3;
border-right: 1px solid #DDDDDD
}
.container #media-carousel.container {
margin-bottom: 0
}
.container .container .wingsCarousel .wing .before, .container .container .wingsCarousel .wing .after {
display: none
}
.container .container .wingsCarousel .ncj-megaslides-direction-nav .ncj-megaslides-prev {
left: 0px
}
.container .container .wingsCarousel .ncj-megaslides-direction-nav .ncj-megaslides-next {
right: 0px
}
.slide {
max-width: 1220px;
margin: 0 auto;
position: relative;
overflow: hidden;
background-color: #fff
}
.slide img {
display: block;
width: 100%;
z-index: 3008880
}
.fullCarousel {
position: relative;
margin: 0 auto;
background-color: #fff;
-webkit-box-shadow: 0 5px 8px -5px #cacaca;
-moz-box-shadow: 0 5px 8px -5px #cacaca;
box-shadow: 0 5px 8px -5px #cacaca
}
.fullCarousel .ncj-megaslides {
position: relative;
width: 100%;
overflow: visible
}
.fullCarousel .ncj-megaslides-viewport {
margin: 0 auto
}
#content .fullCarousel {
margin-bottom: 0;
overflow: hidden;
padding-bottom: 30px;
box-shadow: none;
-webkit-box-shadow: none
}
#content .fullCarousel > .ncj-megaslides {
box-shadow: 0 5px 8px -5px #CACACA;
-webkit-box-shadow: 0 5px 8px -5px #CACACA
}
.full-slide {
max-width: 1992px;
margin: 0 auto;
position: relative;
overflow: hidden;
background: #FFF
}
.full-slide-image {
padding-top: 400px;
height: 0;
background-position: center center;
background-size: cover
}
@media screen and (max-width: 1219px) {
.full-slide-image {
padding-top: 32.78688524590164%
}
}
#content .full-slide-image, .wingsCarousel .full-slide-image {
padding-top: 32.7868852%
}
.slide-1-left {
position: relative;
overflow: hidden;
float: left;
width: 65.57377049180328%;
margin-right: 0.819672131147541%
}
.slide-1-top, .slide-1-bottom {
position: relative;
float: right;
overflow: hidden;
width: 33.606557377049%
}
.slide-1-divider {
position: absolute;
background: #fff;
width: 33.60655737704918%;
height: 2.5%;
right: 0;
top: 48.75%;
z-index: 1
}
.slide-news-large {
position: relative;
overflow: hidden;
float: left;
width: 47.54098360655738%;
margin-right: 0.819672131147541%
}
.slide-news-center-col {
float: left;
margin-right: 0.819672131147541%;
width: 25.40983606557377%
}
.slide-news-small-top, .slide-news-small-bottom {
position: relative;
overflow: hidden
}
.slide-news-small-bottom:before {
content: "";
position: absolute;
background: #fff;
width: 100%;
height: 5%;
z-index: 1
}
.slide-news-links {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
display: block;
list-style: none;
top: 0;
bottom: 0;
right: 0px;
background: #fff url(../images/assets/bg_full_carousel_news.png) repeat-y;
width: 25.40983606557377%
}
.rtl .slide-news-links {
margin: 0 !important;
padding: 0 !important
}
.slide-news-links li {
clear: both;
overflow: hidden;
height: 25%;
padding: 0;
margin: 0;
display: block;
position: relative;
border-bottom: 1px solid #d7d7d7
}
.slide-news-links li a {
display: block;
height: 100%;
padding: 0;
text-decoration: none;
color: #58B0E2
}
.slide-news-links li a:hover h4, .slide-news-links li a:focus h4 {
text-decoration: underline
}
.slide-news-links .showHideBtn {
display: none
}
.slide-news-links h4 {
font-size: 1.2em;
font-weight: normal;
padding: 0 10px;
margin: 8.029197% 10px 0 10px;
font-weight: normal;
line-height: normal;
background: url(../images/assets/sprite_icons.png) no-repeat scroll 0 -2050px transparent
}
.slide-news-links p {
padding: 1px 20px;
color: #000;
font-size: 1em
}
.ie7 .slide-news-links li {
height: 99px;
margin-bottom: -3px !important
}
@media screen and (max-width: 64em) {
.slide-news-links {
width: auto
}
.slide-news-links-wrapper {
position: absolute;
z-index: 2;
overflow: hidden;
top: 0;
right: 1px;
bottom: 0;
left: 73.7704918%;
margin-left: 0.8196721%
}
.slide-news-links-wrapper .slide-news-links {
left: 0
}
.slide-news-links-wrapper .slide-news-links li {
left: 50px;
margin-left: 50px;
width: 1000px
}
.slide-news-links-wrapper .slide-news-links .showHideBtn {
cursor: pointer;
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: 0;
height: auto;
width: 50px;
background: #3C3C3C
}
.slide-news-links-wrapper .slide-news-links .showHideBtn .icon {
display: block;
margin: -20px 0 0 -20px;
position: absolute;
top: 50%;
left: 50%;
width: 41px;
height: 41px;
background: transparent url(../images/assets/carousel_controls.png) no-repeat 0 -346px
}
.slide-news-links-wrapper.opened .slide-news-links .showHideBtn .icon {
background-position: 0 -388px
}
.slide-news-links h4 {
margin-top: 5px
}
}
@media screen and (max-width: 30em) {
.slide-news-links h4 {
font-size: 0.8em;
background: transparent;
padding: 0;
margin: 2px
}
.slide-news-links p {
font-size: 0.8em;
margin: 2px;
padding: 0
}
}
@media screen and (max-width: 25em) {
.slide-news-links p {
display: none
}
}
.fadeCarousel {
height: 100%;
width: 100%;
position: relative;
max-width: 1220px;
margin: 0 auto
}
.fadeCarousel .fade-direction-nav, .fadeCarousel .fade-pagination {
display: none
}
.fadeCarousel .slide {
display: none
}
.fadeCarousel .slide.first, .fadeCarousel .ncj-widget-active .slide {
display: block
}
.fade-slide {
max-width: 800px;
position: relative;
overflow: hidden;
background: #fff;
margin-left: 0.819672131147541%
}
.fade-viewport {
width: 65.57377049180328%
}
.fade-custom-pagination {
position: absolute;
margin: 0;
padding: 0;
display: block;
list-style: none;
top: 0;
bottom: 0;
right: 0;
background: #EEE;
width: 34.4262296%
}
.rtl .fade-custom-pagination {
margin: 0 !important;
padding: 0 !important
}
.fade-custom-pagination li {
clear: both;
height: 25%;
padding: 0;
margin: 0;
display: block;
position: relative
}
.fade-custom-pagination li a {
display: block;
height: 100%;
padding: 0 10px;
background: #fff url(../images/assets/bg_vertical_carousel_off.png) repeat-x 0 100%;
text-decoration: none;
color: #58B0E2
}
.fade-custom-pagination li a.fade-pagination-item-selected {
background: #0C2645;
color: #fff
}
.fade-custom-pagination li a.fade-pagination-item-selected:after {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
border: 20px solid #0C2645;
border-color: transparent #0C2645 transparent transparent;
top: 50%;
left: -40px;
margin-top: -20px;
z-index: 1001
}
.ie7 .fade-custom-pagination li {
height: 100px;
margin-bottom: -3px !important
}
.fade-custom-pagination li h4 {
font-size: 1.5em;
position: absolute;
top: 28%;
width: 80%;
font-weight: normal;
margin: 0;
padding: 0;
line-height: normal
}
.fade-custom-pagination li h4 span {
font-size: 0.667em
}
.fade-custom-pagination li .img {
position: absolute;
overflow: hidden;
top: 10%;
right: 20px;
width: 24%;
height: auto;
display: block;
padding: 2px;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 3px
}
@media screen and (max-width: 768px) {
.fade-custom-pagination li h4 {
font-size: 1.167em
}
.fade-custom-pagination li h4 span {
display: none
}
.fade-custom-pagination li a.fade-pagination-item-selected:after {
border-width: 10px;
left: -20px;
margin-top: -10px
}
}
@media screen and (max-width: 992px) {
.fade-custom-pagination li h4 {
font-size: 1em
}
.fade-custom-pagination li .img {
display: none
}
}
@media screen and (max-width: 380px) {
.fade-custom-pagination li h4 {
display: none
}
.fade-custom-pagination li .img {
display: block
}
.fade-custom-pagination li a.fade-pagination-item-selected:after {
display: none
}
}
.slide .slide-custom {
position: relative;
width: 100%;
height: 100%
}
.slide .slide-custom > div {
padding: 20px;
margin: 0
}
.no-js .slide .slide-overlay {
position: absolute;
bottom: 0;
top: auto;
left: 10px
}
.no-js .slide .slide-overlay.p-right {
left: auto;
right: 10px
}
.no-js .slide .slide-overlay-outer {
position: static
}
.slide .slide-overlay-outer {
position: absolute;
left: 10px;
right: 10px;
bottom: 0;
height: 0
}
.slide .slide-overlay {
width: 50%;
margin: -35px auto 0;
max-width: 300px;
min-width: 150px;
padding: 5px 10px;
color: #fff;
background: url(../images/assets/bg_carousel_header.png)
}
.slide .slide-overlay.p-left {
margin-left: 0
}
.slide .slide-overlay.p-right {
margin-right: 0
}
.slide .slide-overlay.p-center {
margin-left: auto;
margin-right: auto
}
.slide .slide-overlay h3 {
margin: 0 0 0 5px;
padding: 0;
line-height: 1.5em;
text-transform: uppercase
}
.slide .slide-overlay h3 a {
margin: 0;
padding: 0;
font-size: 16px;
display: block;
color: #fff;
font-weight: lighter;
color: #fff;
background: none;
text-decoration: none
}
.slide .slide-overlay h3 a:hover {
text-decoration: none
}
.no-js .slide .slide-overlay h3 a i.icon {
background-image: none
}
.slide .slide-overlay h3 a i.icon {
background: transparent url(../images/assets/sprite_new_carousel.png) no-repeat scroll -50px -90px;
cursor: pointer;
display: block;
outline: 0 none;
text-decoration: none;
width: 10px;
height: 10px;
float: right;
margin: 10px 3px 0 0
}
.slide .slide-overlay._nc_open h3 a i.icon {
background-position: 0px -90px
}
.slide .slide-overlay p {
padding: 0;
margin: 5px;
font-size: 11px
}
.slide .slide-overlay a {
text-decoration: none;
font-weight: bold;
padding-left: 10px;
background: transparent url(../images/assets/sprite_new_carousel.png) no-repeat 0 -98px
}
.slide .slide-overlay a:hover, .slide .slide-overlay a:focus, .slide .slide-overlay a:active {
text-decoration: underline
}
.slide .slide-1-left .slide-overlay-outer, .slide.fade-slide .slide-overlay-outer, .slide .slide-news-large .slide-overlay-outer, .slide .slide-news-small-top .slide-overlay-outer, .slide .slide-news-small-bottom .slide-overlay-outer {
right: 0
}
.slide .slide-1-top .slide-overlay-outer, .slide .slide-1-bottom .slide-overlay-outer, .slide .slide-news-small-top .slide-overlay-outer, .slide .slide-news-small-bottom .slide-overlay-outer {
left: 0
}
.slide .slide-1-top .slide-overlay-outer {
bottom: 2.5%
}
.slide .full-slide-overlay-outer {
position: relative;
margin: 0 auto
}
.slide .slide-overlay.opened h3 a i.icon {
display: none
}
@media screen and (max-width: 719px) {
.slide .slide-overlay {
display: none
}
.ncj-megaslides.mobile .slide .slide-overlay {
display: block
}
}
.slide .triggerMediaOverlay i.icon, .triggerMediaOverlayNonCarousel.video i.icon {
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -40px;
width: 80px;
height: 80px;
background: transparent url(../images/assets/sprite_new_carousel.png) no-repeat;
background-position: -124px 0
}
.slide .triggerMediaOverlay.open360 i.icon, i.icon.icon360 {
margin: 0;
top: 10px;
left: 10px;
background-position: -200px 0
}
i.icon.icon360 {
display: block;
position: static;
width: 80px;
height: 80px;
background: transparent url(../images/assets/sprite_new_carousel.png) no-repeat -200px 0
}
@media screen and (max-width: 52em) {
.slide .triggerMediaOverlay i.icon {
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
background-size: 140px auto;
background-position: -62px 0
}
.slide .triggerMediaOverlay.open360 i.icon {
margin: 0;
background-position: -100px 0
}
}
.mediaOverlay {
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10003
}
.mediaOverlay .close {
background: url("../images/assets/sprite_icons.png") no-repeat -240px -440px;
display: block;
height: 35px;
width: 35px;
text-indent: -999em;
position: absolute;
right: 115px;
top: 105px;
z-index: 14
}
@media screen and (min-width: 1670px) {
.mediaOverlay .close {
right: 50%;
margin-right: -720px
}
}
.mediaOverlay .content .media.overlay {
max-width: 1440px;
margin: 0 auto;
background: #000;
overflow: hidden;
min-height: 300px;
top: 100px;
left: 100px;
right: 100px;
position: absolute;
padding: 45px 15px 15px 15px
}
.mediaOverlay .content .video {
bottom: 100px
}
.mediaOverlayOpen .ncj-megaslides-direction-nav {
display: none
}
.mediaOverlay .content .media.overlay.youtube_transcript .iframeOuter iframe {
width: 100%;
height: 100%
}
.mediaOverlay .content .media.overlay.youtube_transcript .iframeOuter {
float: left;
width: 59%;
height: 100%
}
.mediaOverlay .content .media.overlay.youtube_transcript iframe {
float: left;
width: 59%;
height: 100%
}
.mediaOverlay .content .media.overlay.youtube_transcript .transcript {
float: left;
height: 100%;
width: 39%;
margin-left: 2%;
overflow: auto;
background: #FFF
}
.mediaOverlay .content .media.overlay.youtube_transcript .transcript .transcript-inner {
padding: 10px
}
.mediaOverlay .content .media.overlay.youtube_transcript .transcript p {
color: #000
}
.mediaOverlay .content .media.overlay.youtube_transcript .showtranscript, .mediaOverlay .content .media.overlay.youtube_transcript .showvideo {
display: none;
padding: 15px;
text-align: center
}
.mediaOverlay .fade {
bottom: 0;
top: 0;
left: 0;
right: 0;
position: fixed;
background: #000;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50)
}
.mediaOverlay.innerMediaOverlay .fade {
position: absolute
}
.mediaOverlay.innerMediaOverlay .content .media.overlay {
top: 0;
bottom: 0;
left: 0;
right: 0;
min-height: 0
}
.ie .mediaOverlay.innerMediaOverlay .content .media.overlay {
height: 340px
}
.ie .mediaOverlay.innerMediaOverlay .content {
height: 400px
}
.mediaOverlay.innerMediaOverlay .close {
top: 15px;
right: 15px;
margin: 0
}
@media screen and (max-width: 37.5em) {
.mediaOverlay {
position: fixed
}
.mediaOverlay .close {
right: 15px;
top: 15px
}
.mediaOverlay .content .media.overlay {
bottom: 0;
top: 0;
left: 0;
right: 0;
height: auto
}
.mediaOverlay .content .media.overlay.youtube_transcript .transcript {
display: none;
float: none;
width: 100%
}
.mediaOverlay .content .media.overlay.youtube_transcript .showtranscript, .mediaOverlay .content .media.overlay.youtube_transcript.showingtranscript .showvideo {
display: block
}
.mediaOverlay .content .media.overlay.youtube_transcript .iframeOuter, .mediaOverlay .content .media.overlay.youtube_transcript iframe, .mediaOverlay .content .media.overlay.youtube_transcript.showingtranscript .transcript {
display: block;
float: none;
width: 100%;
height: 75%;
margin-left: 0
}
.mediaOverlay .content .media.overlay.youtube_transcript.showingtranscript iframe, .mediaOverlay .content .media.overlay.youtube_transcript.showingtranscript .iframeOuter, .mediaOverlay .content .media.overlay.youtube_transcript.showingtranscript .showtranscript {
display: none
}
}
.ncj-spinnerxml:focus, .ncj-spinnerxml *:focus, .spinner-col *:focus {
outline: none
}
.ncj-spinnerxml-icon {
width: 10px;
height: 10px;
margin: -5px 0 0 -5px;
background: url("../images/assets/carousel_controls.png") no-repeat scroll 0 -336px transparent
}
.ncj-spinnerxml-tooltip {
background: url("../images/assets/50_white_px.png") repeat scroll 0 0 transparent;
padding: 3px 6px;
border-radius: 2px;
color: #000;
font-weight: bold;
font-size: 0.9em
}
.ncj-ui-progressbar {
background-color: #DDDDDD;
border: 1px solid #000000;
height: 15px;
left: 25%;
margin: -7px 0 0 -1px;
position: absolute;
top: 50%;
width: 50%;
z-index: 50
}
.ncj-ui-progressbar .ncj-ui-progressbar-bar {
background-color: #333333;
height: 15px
}
.no-js .ncj-megaslides ncj-megaslides-pagination, .no-js .ncj-megaslides-direction-nav {
display: none
}
.ncj-megaslides-direction-nav {
display: block;
list-style: none;
padding: 0;
margin: 0 !important;
height: 100%;
position: static
}
.ncj-megaslides-direction-nav .ncj-megaslides-prev, .ncj-megaslides-direction-nav .ncj-megaslides-next {
position: absolute;
top: 50%;
margin-top: -35px;
display: block;
z-index: 1010
}
.ncj-megaslides-direction-nav .ncj-megaslides-prev {
left: 10px
}
.ncj-megaslides-direction-nav .ncj-megaslides-next {
right: 10px
}
.ncj-megaslides-direction-nav .ncj-megaslides-prev a, .ncj-megaslides-direction-nav .ncj-megaslides-next a {
text-indent: -999em;
width: 62px;
height: 70px;
display: block;
background: transparent url(../images/assets/sprite_new_carousel.png) no-repeat 0 0
}
.ncj-megaslides-direction-nav .ncj-megaslides-next a {
background-position: -62px 0
}
.ncj-megaslides-direction-nav .ncj-megaslides-prev a:hover, .ncj-megaslides-direction-nav .ncj-megaslides-prev a:focus {
background-position: 0 bottom
}
.ncj-megaslides-direction-nav .ncj-megaslides-next a:hover, .ncj-megaslides-direction-nav .ncj-megaslides-next a:focus {
background-position: -62px bottom
}
@media screen and (max-width: 992px) {
.ncj-megaslides-direction-nav .ncj-megaslides-prev, .ncj-megaslides-direction-nav .ncj-megaslides-next {
margin-top: -17px
}
.ncj-megaslides-direction-nav .ncj-megaslides-prev a, .ncj-megaslides-direction-nav .ncj-megaslides-next a {
background-size: 140px 94px;
width: 31px;
height: 35px
}
.ncj-megaslides-direction-nav .ncj-megaslides-next a {
background-position: -31px 0
}
.ncj-megaslides-direction-nav .ncj-megaslides-next a:hover, .ncj-megaslides-direction-nav .ncj-megaslides-next a:focus {
background-position: -31px bottom
}
}
.ncj-megaslides ul {
-webkit-backface-visibility: hidden
}
.ncj-megaslides-pagination {
margin: 0;
padding: 0;
list-style-type: none
}
.ncj-megaslides .ncj-megaslides-pagination {
position: absolute;
bottom: -25px;
right: 20px;
overflow: hidden;
z-index: 4000;
margin: 0 !important
}
.rtl .ncj-megaslides .ncj-megaslides-pagination {
right: auto;
left: 10px
}
.ncj-megaslides li.ncj-megaslides-pagination-item {
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
zoom: 1;
*display: inline
}
.ncj-megaslides li.ncj-megaslides-pagination-item:first-child {
margin: 0
}
.ncj-megaslides li.ncj-megaslides-pagination-item a {
width: 13px;
height: 13px;
display: block;
background: url(../images/assets/sprite_icons.png) no-repeat -120px -120px;
cursor: pointer;
text-indent: -9999px
}
.ncj-megaslides li.ncj-megaslides-pagination-item a:hover {
background-position: -135px -120px
}
.ncj-megaslides li.ncj-megaslides-pagination-item-selected a, .ncj-megaslides.mobile li.ncj-megaslides-pagination-item a:hover {
background-position: -150px -120px;
cursor: default
}
.fullCarousel .ncj-megaslides .section.nav-wrapper {
position: relative;
height: 0
}
.delivery-options {
margin: 0 0 1.5em 0;
padding: 0;
list-style-image: none;
list-style-type: none
}
.delivery-options li {
overflow: hidden
}
.delivery-options li input[type=radio] {
margin: 0
}
.delivery-options li label {
display: inline;
margin: 0 5px
}
.delivery-options li label span {
float: right;
font-weight: bold
}
.rtl .delivery-options {
padding: 0 !important
}
.rtl .delivery-options li label span {
float: left
}
.ie7 .delivery-options li label span {
float: none
}
.order-summary {
clear: both;
overflow: hidden
}
.order-summary ul {
font-size: 1.167em;
overflow: hidden;
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
list-style-image: none
}
.order-summary li {
clear: both;
margin: 0;
padding: 0
}
.order-summary li strong {
float: left;
width: 59.8%;
padding: 5px 2%
}
.order-summary li span {
float: right;
display: block;
width: 32%;
padding: 5px 2%;
text-align: right;
white-space: nowrap
}
.order-summary li.order-total {
clear: both;
overflow: hidden;
margin-top: 20px;
font-weight: bold;
background-color: #f4f4f4;
padding: 10px 2%;
border: 1px solid #ccc;
border-radius: 5px
}
.order-summary li.order-total span, .order-summary li.order-total strong {
padding: 0
}
.order-summary li.order-total .gst {
clear: both;
width: auto;
font-weight: normal;
margin-right: -0.35em
}
.order-summary .btn.checkout {
float: right
}
.rtl .order-summary li strong {
float: right
}
.rtl .order-summary li span {
float: left;
text-align: left
}
.rtl .order-summary .btn.checkout {
float: left
}
.order-summary-wrapper {
position: relative
}
.cart-back {
position: absolute;
bottom: 20px;
margin-bottom: 0;
left: 20px
}
.ie7 .cart-back {
bottom: 40px
}
.rtl .cart-back {
left: auto;
right: 0
}
@media screen and (max-width: 48em) {
.cart-back {
bottom: 0
}
}
.commerce.box fieldset h3 {
font-size: 1.167em;
margin-bottom: 10px
}
.commerce.box label {
font-weight: normal
}
.total {
font-weight: bold;
font-size: 16px
}
#content .tableCommerce {
width: 100%;
margin-bottom: 15px;
background-color: #fff;
border-collapse: collapse;
border: none
}
#content .tableCommerce thead th:first-child {
border-radius: 5px 0 0 0
}
#content .tableCommerce thead th:last-child {
border-radius: 0 5px 0 0
}
.rtl #content .tableCommerce thead th:first-child {
border-radius: 0 5px 0 0
}
.rtl #content .tableCommerce thead th:last-child {
border-radius: 5px 0 0 0
}
#content .tableCommerce thead th, #content .tableCommerce td {
border: none;
padding: 12px 10px
}
#content .tableCommerce td {
border-bottom: 1px solid #ddd;
min-height: 1.3em
}
#content .tableCommerce .right {
text-align: right
}
#content .tableCommerce .center {
text-align: center
}
.tableCommerce .input {
padding: 4px 2px;
width: 25px;
margin: 0 2px 5px 2px;
text-align: center
}
.tableCommerce td a {
font-weight: bold;
text-decoration: none
}
.tableCommerce td a:hover, .tableCommerce td a:focus {
text-decoration: underline
}
.tableCommerce td.shipped i {
display: block;
float: left;
width: 53px;
height: 25px;
margin-top: -5px;
background: transparent url(../images/assets/sprite_commerce.png) no-repeat 0 0
}
.tableCommerce .product-name img {
max-width: 100px;
height: auto;
float: left;
margin: 0 10px 5px 0
}
.tableCommerce .product-name p {
margin: 5px 0
}
.rtl .tableCommerce .product-name img {
float: right;
margin: 0 0 0 10px
}
.js .hideUpdate .btn.icon-update {
visibility: hidden;
opacity: 0;
transition: opacity 0.25s linear;
-webkit-transition: opacity 0.25s linear
}
.js .hideUpdate .showUpdate .btn.icon-update {
visibility: visible;
opacity: 1
}
.box address strong {
padding: 10px 0;
display: block
}
.box address strong:first-child {
padding-top: 0
}
.box address h3 {
font-size: 1.333em;
font-weight: lighter;
margin-bottom: 10px !important;
padding: 0;
line-height: normal
}
.basket-warning {
border: 1px solid #d9d9d9;
padding: 5px 5px 5px 40px;
margin: 5px 5px 5px 0;
max-width: 165px;
min-height: 28px;
text-align: left;
background: transparent url(../images/assets/icon-warning.png) 5px 5px no-repeat;
border-radius: 3px;
-webkit-border-radius: 3px
}
@media only screen and (max-width: 40em) {
.tableCommerce tbody, .tableCommerce th, .tableCommerce td, .tableCommerce tr, .tableCommerce tfoot {
display: block
}
.tableCommerce thead tr {
position: absolute;
left: -9999px
}
.tableCommerce tbody tr {
border: 2px solid #ddd;
margin-bottom: 15px;
border-radius: 3px
}
.tableCommerce td {
position: relative;
overflow: hidden;
border: none !important;
text-align: left !important;
padding: 7px 0 7px 130px !important
}
.tableCommerce td:before {
position: absolute;
top: 0;
left: 0;
width: 130px;
font-weight: bold;
padding: 7px 0 7px 7px
}
.tableCommerce td.product-name {
padding: 7px 0 !important
}
.tableCommerce td.product-name img {
margin: 0 20px 0 10px
}
.tableCommerce td.product-name:before {
display: none !important
}
.rtl .tableCommerce td {
text-align: right !important;
padding: 7px 130px 7px 0 !important
}
.rtl .tableCommerce td.product-name {
padding: 7px 0 !important
}
.rtl .tableCommerce td:before {
right: 0 !important;
padding: 7px 7px 7px 0
}
.rtl .tableCommerce td.product-name img {
margin: 0 10px 0 20px
}
.tableCommerce td:nth-of-type(1):before, .tableCommerce td:nth-of-type(2):before, .tableCommerce td:nth-of-type(3):before, .tableCommerce td:nth-of-type(4):before, .tableCommerce td:nth-of-type(5):before, .tableCommerce td:nth-of-type(6):before {
content: attr(data-label)
}
#content .tableCommerce td:nth-of-type(2n+2) {
background-color: #eee
}
.tableCommerce .not-mobile {
display: none
}
.order-summary .btn.checkout {
float: none
}
}
.commerce-template .logoBox {
padding: 0 2% 10px 2%;
margin: 0;
overflow: hidden;
width: 96%;
position: static !important
}
.commerce-template .logoBox img {
display: inline-block
}
.commerce-template .logoBox .logo {
float: left;
margin: 10px 0 0 0
}
.commerce-template .logoBox .secure {
float: right;
margin: 5px !important;
background-color: #fff;
padding: 5px
}
.commerce-template #topNav {
height: 10px;
padding: 0;
width: auto
}
.commerce-template .genericForm {
padding-bottom: 0
}
.commerce-template .genericForm fieldset {
width: auto;
margin-bottom: 0
}
.commerce-template .rtl .logoBox .logo {
float: right
}
.commerce-template .rtl .logoBox .secure {
float: left;
text-align: left
}
@media only screen and (max-width: 50em) {
.commerce-template #topNav {
height: 5px;
padding: 0
}
}
@media only screen and (max-width: 29.938em) {
.commerce-template .logoBox .logo img {
max-width: 160px
}
.commerce-template .logoBox .secure img {
max-width: 100px
}
}
.pregress-bar {
padding: 10px 0;
background: #fff;
margin-bottom: 1.5em
}
.pregress-bar .inner {
padding: 10px 5px 30px 5px;
background: #e5e5e5;
overflow: hidden;
border-radius: 3px
}
.pregress-bar .shape {
margin: 0 15%;
text-align: center;
padding: 8px 5px 3px 5px;
background-color: #fff;
border-radius: 50px;
border: 1px solid #dbdbdb;
font-size: 1.167em;
font-weight: bold
}
.ie7 .pregress-bar .shape {
width: 800px;
margin: 0 190px
}
.pregress-bar ol {
margin: 0 auto;
padding: 0;
list-style-type: none;
display: table
}
.pregress-bar ol li {
display: table-cell;
text-align: center;
margin: 0;
padding: 30px 0 10px 0;
width: 200px;
position: relative;
white-space: nowrap
}
.pregress-bar ol li span {
position: absolute;
width: 100%;
text-align: center;
top: 47px;
left: 0;
font-size: 1.15em;
text-transform: uppercase
}
.pregress-bar ol li i {
background: #fff url(../images/assets/sprite_commerce.png) no-repeat 0 0;
position: absolute;
display: block;
top: 0;
left: 50%;
margin-left: -15px;
width: 30px;
height: 30px
}
.ie7 .pregress-bar ol li {
float: left
}
.pregress-bar ol li.address i, .pregress-bar ol li.first i {
background-position: 0 -40px
}
.pregress-bar ol li.summary i, .pregress-bar ol li.second i {
background-position: -40px -40px
}
.pregress-bar ol li.payment i, .pregress-bar ol li.third i {
background-position: -80px -40px
}
.pregress-bar ol li.confirm i, .pregress-bar ol li.fourth i {
background-position: -120px -40px
}
.pregress-bar ol li.active {
color: #58b0e2
}
.pregress-bar ol li.active:before, .pregress-bar ol li:hover:before {
content: "";
position: absolute;
width: 14px;
height: 12px;
bottom: -3px;
left: 50%;
margin-left: -7px;
background: transparent url(../images/assets/sprite_commerce.png) no-repeat -66px 0
}
.pregress-bar ol li.address.active i, .pregress-bar ol li.address.done.hover:hover i, .pregress-bar ol li.first.active i {
background-position: 0 -80px
}
.pregress-bar ol li.summary.active i, .pregress-bar ol li.second.active i {
background-position: -40px -80px
}
.pregress-bar ol li.payment.active i, .pregress-bar ol li.third.active i {
background-position: -80px -80px
}
.pregress-bar ol li.confirm.active i, .pregress-bar ol li.fourth.active i {
background-position: -120px -80px
}
.pregress-bar ol li.done {
color: #9c9b9b
}
.pregress-bar ol li.done.hover:hover {
color: #58b0e2
}
.pregress-bar ol li.address.done i, .pregress-bar ol li.first.done i {
background-position: 0 -120px
}
.pregress-bar ol li.summary.done i, .pregress-bar ol li.second.done i {
background-position: -40px -120px
}
.pregress-bar ol li.payment.done i, .pregress-bar ol li.third.done i {
background-position: -80px -120px
}
.pregress-bar ol li.confirm.done i, .pregress-bar ol li.fourth.done i {
background-position: -120px -120px
}
@media only screen and (max-width: 50em) {
.pregress-bar .shape {
margin: 0 5%
}
}
@media only screen and (max-width: 40em) {
.pregress-bar .shape {
margin: 0;
font-size: 1em
}
}
@media only screen and (max-width: 30em) {
.pregress-bar .shape {
font-weight: normal
}
.pregress-bar {
padding: 10px 0
}
.pregress-bar ol li span {
display: none
}
.pregress-bar ol li.active span {
display: block
}
.pregress-bar ol li:last-child.active span {
right: 25px;
left: auto
}
.pregress-bar ol li.fourth.active span {
left: auto;
right: 0;
width: auto
}
}
.cart {
display: none
}
.tc-confirm {
position: relative;
margin: 20px 0
}
.tc-confirm a {
white-space: nowrap
}
.tc-confirm .tc-input {
position: absolute;
left: 0;
width: 20px;
top: 0;
margin: 0
}
.tc-confirm .tc-label {
display: block;
padding-left: 20px
}
.radioLabel {
display: inline-block !important;
margin: 0 20px 0 5px
}
.cart-overlay {
color: #333;
text-align: left;
display: none;
position: absolute;
z-index: 99999;
top: 50px;
right: 0;
background: #fff;
border-radius: 5px;
border: 1px solid #999;
width: 300px;
padding: 10px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4)
}
.cart-overlay .cart {
display: block;
background-color: #fff
}
.ie .cart-overlay {
padding: 0
}
.ie .cart-overlay .cart {
padding: 10px
}
.cart-overlay .cart-items {
display: block;
list-style: none;
padding: 0;
margin: 0;
background-color: #fff
}
.cart-overlay .cart-items li {
color: #333;
display: block !important;
clear: both;
position: relative;
padding: 10px 0 5px 0 !important;
margin: 7px 0 !important;
border-top: 1px dotted #ccc;
overflow: hidden
}
.cart-overlay .cart-items li:before {
display: none
}
.cart-overlay .cart-items li a {
color: #58B0E2
}
.cart-overlay .cart-items img {
float: left;
max-width: 70px;
height: auto
}
.cart-overlay .cart-items .info {
margin-left: 80px;
font-size: 1.15em
}
.cart-overlay .cart-items p {
margin-bottom: 0
}
.cart-overlay .cart-items .btn {
margin-top: 3px
}
.cart-overlay .cart-overview {
padding: 5px 0 0 0;
margin-top: 5px;
border-top: 2px solid #ccc;
overflow: hidden
}
.cart-overlay .cart-overview p {
margin-bottom: 5px
}
.cart-overlay .cart-pending {
position: absolute;
background: #000;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
z-index: -1
}
.cart-overlay .cart-pending.cart-show {
opacity: 0.25;
z-index: 999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
filter: alpha(opacity=25)
}
.cart-overlay .cart-pending.cart-show.cart-hide {
opacity: 0
}
.cart-overlay .cart-num-items, .cart-overlay .cart-subtotal {
font-size: 1.15em
}
.cart-overlay .cart-subtotal {
margin-bottom: 10px !important
}
.cart-overlay .cart-item {
transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
opacity: 1
}
.cart-overlay .cart-items-wrapper {
max-height: 240px;
overflow-y: auto;
overflow-x: hidden;
position: relative
}
.cart-overlay .cart-items-wrapper.cart-refreshing:before {
width: 100%;
height: 100%;
position: absolute;
background: rgba(100, 100, 100, 0.15);
z-index: 1;
content: '';
display: block
}
.cart-overlay .cart-items-wrapper.cart-refreshing:after {
width: 24px;
height: 24px;
background: url("../images/assets/preloader.gif") no-repeat;
position: absolute;
left: 50%;
top: 50%;
margin-top: -12px;
margin-left: -12px;
content: '';
display: block;
z-index: 999
}
.cart-overlay:after, .cart-overlay:before {
border-style: solid;
content: "";
display: block;
height: 0;
position: absolute;
width: 0;
bottom: auto;
left: auto
}
.cart-overlay:after {
border-width: 15px 10px;
z-index: 2;
border-color: transparent transparent #FFF;
right: 30px;
top: -30px;
transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease
}
.cart-overlay:before {
border-width: 16px 11px;
z-index: 1;
border-color: transparent transparent #ccc;
right: 29px;
top: -32px
}
.cart-overlay.cart-pending:after {
opacity: 0.75
}
.ie .cart-overlay.cart-pending:after {
border-bottom-color: #BFBFBF
}
.cart-overlay a.cart-close-x {
text-indent: -999em;
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 5px;
right: 5px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -240px -440px
}
.cart-overlay a.cart-close-x:hover {
background-position: -280px -440px
}
.cartUtilNav.links .cart-overlay a.cart-close-x {
padding: 0
}
.rtl .cart-overlay {
left: 0;
right: auto
}
.rtl .cart-overlay .cart-items img {
float: right
}
.rtl .cart-overlay .cart-items .info {
margin-left: 0;
margin-right: 80px;
text-align: right
}
.rtl .cart-overlay a.cart-close-x {
right: auto;
left: 5px
}
.rtl .cart-overlay .cart h3 {
text-align: right
}
.rtl .cart-overlay .cart-overview {
text-align: right
}
.add-cart-button {
display: inline-block;
height: 30px;
position: relative
}
.ie7 .add-cart-button {
display: inline
}
.add-cart-button-inactive {
display: none
}
.cart-pending .add-cart-button .add-cart-button-inactive {
display: inline-block;
background: #ccc;
border-radius: 60px;
height: 30px;
line-height: 1.5em;
font-weight: normal;
font-size: 16px;
text-transform: uppercase;
color: #333;
border-radius: 60px;
padding: 2px 40px 2px 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box
}
.cart-pending .add-cart-button input {
display: none
}
.add-cart-button .icon.adding {
display: none
}
.cart-pending-current .add-cart-button .icon.adding {
display: block;
position: absolute;
top: 3px;
right: 4px;
width: 22px;
height: 22px;
overflow: hidden;
text-indent: 99em;
background: #FFF url(../images/assets/button_anim.gif) no-repeat;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px;
-o-border-radius: 22px
}
.addToCartBoxSml .add-cart-button .add-to-cart {
min-width: 140px
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
.addToCartBoxSml .add-cart-button .add-cart-button-inactive {
min-width: 85px
}
@media screen and (max-width: 639px) {
.cart-overlay:after, .cart-overlay:before {
display: none
}
.cart-overlay .cart-items-wrapper {
max-height: none;
position: absolute;
top: 50px;
bottom: 100px;
left: 10px;
right: 10px
}
.cart-overview {
position: absolute;
left: 0;
right: 0;
bottom: 0;
min-height: 110px;
padding: 10px !important;
background: #fff;
margin-bottom: 20px
}
}
.iscrolled {
position: relative
}
.cartUtilNav .cartHolder .cart-overlay .cart a {
padding: 0
}
#masterHead .cart-overlay .cart .cart-items, #masterHead .cart-overlay .cart .cart-item {
float: none
}
body:after {
content: 'desktop';
display: none
}
@media screen and (max-width: 768px) {
body:after {
content: 'tablet'
}
}
@media screen and (max-width: 992px) {
body:after {
content: 'mobile'
}
}
.relatedItems {
padding-bottom: 20px;
padding-top: 20px;
border-top: 1px solid #CCC;
margin: 0 10px;
position: relative
}
.relatedItems:first-child {
border-top: none;
padding-top: 15px
}
.relatedItems h3 {
text-transform: uppercase;
width: 160px;
position: absolute;
left: 0;
top: 50%;
line-height: normal;
margin-top: -15px;
color: #373737;
direction: ltr
}
.relatedItems h4 {
font-size: 1.3em;
font-weight: lighter;
line-height: 1.3
}
.productSlider.ncj-simpleslider {
min-height: 100px;
margin: 0 20px 0 190px
}
.productSlider .imgOuter {
float: left;
max-width: 100px;
margin: 0 10px 10px 0
}
.rtl .productSlider .imgOuter {
margin: 0 0 10px 10px
}
.textWrapper {
overflow: hidden;
line-height: normal;
padding-top: 10px
}
.isCommerce .textWrapper {
padding-top: 0
}
.rtl .textWrapper {
text-align: right
}
.rtl .productSlider .imgOuter {
float: right
}
.productSlider.ncj-simpleslider {
display: none
}
.productSlider.ncj-simpleslider.ncj-widget-active, .no-js .productSlider.ncj-simpleslider {
display: block
}
.no-js .productSlider.ncj-simpleslider {
overflow-x: auto;
overflow-y: hidden;
height: auto
}
.no-js .productSlider.ncj-simpleslider ul {
list-style: none;
white-space: nowrap;
overflow: visible
}
.no-js .productSlider.ncj-simpleslider ul li {
display: inline-block
}
.productSlider.ncj-simpleslider li {
width: 250px;
float: none;
margin: 0;
min-height: 100px;
padding: 0;
background: transparent;
border: 0
}
.productSlider.isCommerce li {
width: 400px
}
.ie .productSlider li .imgOuter {
width: 100px
}
@media screen and (max-width : 3000px) {
.productSlider.isCommerce .relatedItems li {
width: 250px
}
}
@media screen and (max-width: 1024px) {
.productSlider li {
width: 245px
}
.productSlider.isCommerce li {
width: 250px
}
.relatedItems h3, .relatedItems:first-child h3 {
width: auto;
position: relative;
left: auto;
top: auto;
height: auto;
margin: 0 0 20px
}
.rtl .relatedItems h3 {
text-align: right
}
.relatedItems .ncj-simpleslider {
margin-left: 20px
}
}
@media screen and (max-width: 992px) {
.productSlider .imgOuter {
float: none !important
}
.rtl .productSlider.imgOuter {
max-width: 100%
}
.productSlider.ncj-simpleslider li {
width: 180px
}
}
.productSlider.imgFrame .frameSmBase {
margin-bottom: 0
}
.js .productSlider .ncj-simpleslider-ctrls {
-webkit-border-radius: 0px;
position: absolute;
top: 40%;
height: 35px;
width: 17px;
border: none;
cursor: pointer;
text-indent: -999em;
background: transparent url(../images/assets/sprite_icons.png) no-repeat 0 0;
padding: 0
}
.js .productSlider .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev {
left: -25px;
background-position: -160px 0
}
.js .productSlider .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next {
right: -25px;
background-position: -140px 0
}
.js .productSlider .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev:hover, .js .productSlider .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev:focus {
background-position: -200px 0
}
.js .productSlider .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next:hover, .js .productSlider .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next:focus {
background-position: -180px 0
}
.js .productSlider .ncj-simpleslider-ctrl-next.ncj-simpleslider-ctrl-disabled, .js .productSlider .ncj-simpleslider-ctrl-prev.ncj-simpleslider-ctrl-disabled {
display: none
}
.productSlider .ncj-simpleslider p {
margin-bottom: 5px !important
}
.productSlider .commerceBox .price {
font-size: 1.15em;
font-weight: bold;
margin: 0 !important
}
.productSlider .commerceBox .was {
color: #666666;
font-size: 0.85em;
text-decoration: line-through
}
.productSlider .commerceBox .add-cart-button {
display: inline-block;
clear: both;
margin: 0 0 0 10px;
height: auto
}
.productSlider .commerceBox .quantity {
margin-bottom: 5px
}
.productSlider .commerceBox .error {
width: 100%
}
.no-js .productSlider.ncj-simpleslider {
overflow-x: auto;
overflow-y: hidden;
height: auto
}
.no-js .productSlider.ncj-simpleslider ul {
list-style: none;
white-space: nowrap
}
.no-js .productSlider.ncj-simpleslider ul li {
display: inline-block
}
.no-js .productSlider.ncj-simpleslider ul li p, .no-js .productSlider.ncj-simpleslider ul li h4 {
white-space: normal
}
@media screen and (max-width: 1024px) {
.ncj-simpleslider .commerceBox .btn {
font-size: 12px !important;
padding: 0 30px 3px 7px !important
}
}
.bundles-slider.box h2 {
font-size: 1.5em;
margin-top: 10px
}
.bundles-slider .productSlider.ncj-simpleslider {
margin: 0 20px
}
.bundle .imgOuter img {
width: 100%;
margin-bottom: 10px
}
.bundle .add-cart-item {
border-top: 1px dotted #CCCCCC;
padding-top: 10px;
margin-top: 10px
}
.bundle .add-cart-item .add-cart-button {
margin: 5px 0
}
@media screen and (min-width: 480px) and (max-width: 768px) {
.bundle .imgOuter {
width: 33%;
float: left
}
.bundle .textWrapper {
width: 61%;
float: left;
padding-left: 4%
}
}
#media-carousel.mobilePromos .mobile {
padding: 0 10px
}
@media screen and (max-width: 992px) {
#media-carousel.mobilePromos {
margin-bottom: 0
}
.mobilePromos .wing {
display: none
}
.mobilePromos .fadeLine {
display: none
}
}
@media only screen and (max-width: 768px) {
.recipeOverview .body {
clear: both
}
}
.blogOverview .social, .blogHead .social {
overflow: hidden;
margin-bottom: 10px;
float: left
}
.blogOverview .social .label, .blogHead .social .label {
float: left;
height: 20px;
line-height: 20px;
font-weight: bold;
padding-right: 10px
}
.blogOverview .social ul, .blogHead .social ul {
list-style: none;
overflow: hidden;
display: inline;
margin: 0;
padding: 0
}
.blogOverview .social ul li, .blogHead .social ul li {
height: 27px;
float: left;
margin: 0 5px;
padding: 0
}
.blogHead {
overflow: hidden
}
.blogHead h3 {
float: left
}
.blogHead .social {
float: right
}
.blogOverview .print a {
float: right;
display: block;
height: 25px;
line-height: 25px;
text-decoration: none;
color: #000
}
.blogOverview .print .icon {
vertical-align: middle;
display: inline-block;
width: 25px;
height: 25px;
margin: 0 5px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -75px -85px
}
@media only screen and (max-width: 480px) {
.blogOverview .print {
display: none
}
}
.blogOverview .productSlider .ncj-simpleslider {
width: 100%
}
.blogOverview .productSlider .productSlider-inner {
padding: 0 30px
}
.blogOverview .productSlider li {
padding: 0 0 0 10px;
width: auto
}
.blogOverview .productSlider li:first-child {
padding: 0
}
.blogOverview .productSlider li a {
display: block;
margin: 0 auto;
width: 90px;
font-size: 11px;
font-weight: bold
}
.blogOverview .productSlider.style1 {
background: #f4f4f4;
box-shadow: none;
padding: 10px
}
.blogOverview .productSlider.style1 h3 {
padding: 0 10px;
margin-bottom: 10px
}
.blogOverview .productSlider .imgFrame .frameSm {
margin-bottom: 5px
}
.blogOverview .productSlider .ncj-simpleslider-ctrl-next, .blogOverview .productSlider .ncj-simpleslider-ctrl-prev {
top: 20%
}
.no-js .blogOverview .productSlider {
height: auto;
overflow-x: auto;
overflow-y: hidden
}
.no-js .blogOverview .productSlider ul {
list-style: none;
white-space: nowrap
}
.no-js .blogOverview .productSlider ul li {
display: inline-block;
white-space: normal;
vertical-align: top
}
.items .rateGroup {
margin: 5px 0 0
}
.no-js .promoTabs.ncj-tabs .tab-nav {
display: none
}
.promoTabs.ncj-tabs ul {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none
}
.js .promoTabs.ncj-tabs .tab-content h2 {
display: none
}
.js .promoTabs.ncj-tabs .tab-nav {
margin: 0;
padding: 0;
bottom: -1px;
position: relative;
list-style-type: none
}
.js .promoTabs.ncj-tabs .tab-nav li {
float: left;
margin: 0;
padding: 0;
font-weight: bold
}
.js .promoTabs.ncj-tabs .tab-nav li a {
display: block;
padding: 10px 7px;
margin-right: 2px;
font-size: 0.92em;
text-decoration: none;
background: #FFF;
border: 1px solid #dbdbdb;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-radius: 3px 3px 0 0;
font-weight: normal;
color: #666
}
.js .promoTabs.ncj-tabs li.tab-selected a, .js .promoTabs.ncj-tabs .tab-nav li a:hover {
background: #f2f2f2;
border-bottom: 1px solid #f2f2f2;
color: #000
}
.js .promoTabs.ncj-tabs .tab-nav li a:focus {
text-decoration: underline
}
.js .promoTabs.ncj-tabs .tab-content {
clear: both
}
.js .promoTabs.ncj-tabs .tab-panel {
display: none;
padding: 20px;
border: 1px solid #dbdbdb
}
.js .promoTabs.ncj-tabs .tab-selected {
display: block
}
.showHide .showHide-content {
display: none;
overflow: hidden
}
.showHide .showHide-btn {
font-size: 0.92em;
display: inline-block;
padding: 0 0 5px 25px;
color: #333;
font-weight: bold;
text-decoration: none;
background: transparent url(../images/assets/sprite_arrows.png) no-repeat 0 -1597px
}
.showHide.showHide-opened .showHide-btn {
background-position: 0 -1699px;
color: #58B0E2
}
.showHide .showHide-btn:hover, .showHide .showHide-btn:focus {
text-decoration: underline
}
.showHide.showHide-opened .showHide-content {
display: block
}
.showHide .showHide-btn.showHide-btn_small {
background-position: 0 -394px;
padding: 0 0 0 15px;
font-weight: normal
}
.showHide .showHide-btn.showHide-btn_small:hover, .showHide .showHide-btn.showHide-btn_small:focus {
background-position: 0 -794px
}
.showHide.showHide-opened .showHide-btn.showHide-btn_small {
background-position: -29px -494px
}
.showHide.showHide-opened .showHide-btn.showHide-btn_small:hover, .showHide.showHide-opened .showHide-btn.showHide-btn_small:focus {
background-position: 0 -894px
}
.no-js .showHide .showHide-content {
display: block
}
.noBottomSpace {
margin-bottom: 0 !important
}
.iconList {
margin: 0 0 5px 0;
padding: 0 !important;
overflow: hidden;
line-height: normal;
max-width: 500px
}
.iconList li {
position: relative;
padding: 5px 0;
list-style-type: none;
list-style-image: none;
float: left;
width: 50%
}
.iconList li:nth-child(2n+1) {
clear: both
}
.iconList li strong {
display: block
}
.iconList li .icon {
float: left;
width: 39px;
height: 39px;
margin: -5px 10px 0 0;
display: block;
background-image: url(../images/assets/sprite_icons.png);
background-repeat: no-repeat
}
.iconList li.reparationTime .icon {
background-position: 0 -992px
}
.iconList li.cookingTime .icon {
background-position: -50px -992px
}
.iconList li.serves .icon {
background-position: -100px -992px
}
.iconList li.course .icon {
background-position: -150px -992px
}
.rtl .iconList li {
float: right;
width: 50%
}
.rtl .iconList li .icon {
float: right;
margin: -5px 0 0 10px
}
@media only screen and (max-width: 22.5em) {
.iconList li {
float: none;
width: auto
}
}
.columns {
margin: -1em -10px 0 -10px;
overflow: hidden
}
.columns .pagination {
margin: 20px 2%
}
.columns:after {
display: none;
content: 'full'
}
.columns .column-menu {
display: none
}
.columns-width {
position: relative;
margin: 0 auto;
overflow: hidden
}
.columns-options {
overflow: visible;
position: relative;
min-width: 600px;
margin: 0 10px 10px 10px !important;
z-index: 1000
}
.js .columns-options {
margin: 0 15px 10px 20px !important
}
.columns-options-inner {
margin: 0;
padding: 6px 10px;
font-weight: bold;
border-bottom: 1px solid #E8E8E8;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAH0lEQVQImSXHMQEAMAwCMOrfKKjIjuVL2gLBzyHJtgd4lhceEjlrCgAAAABJRU5ErkJggg==) repeat 0 0;
position: relative;
z-index: 1001;
zoom: 1
}
.ie7 .columns-options-inner {
background: #F3F3F3
}
.columns-options-inner:after {
content: "";
display: table;
clear: both
}
.js .columns-options-inner label {
margin-right: 10px;
font-size: 1.2em;
float: left;
line-height: 32px
}
.ie7.js .columns-options-inner label {
line-height: 1.4em
}
.js .columns-options-inner .select-wrapper {
float: left;
margin-left: 10px;
padding: 8px 5px
}
.js.ie7 .columns-options-inner .select-wrapper {
padding: 6px 5px
}
.select-wrapper {
display: inline-block;
border: 1px solid #E8E8E8;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #FFF;
overflow: hidden;
vertical-align: middle;
zoom: 1;
*display: inline
}
.select-wrapper select {
border: none;
font-weight: bold;
font-size: 0.92em;
outline: none
}
.select-wrapper select:hover, .select-wrapper select:focus {
background-color: #FAFAFA
}
.js .columns-holder {
visibility: hidden
}
.js .column-filters {
float: right;
text-align: right;
white-space: nowrap;
font-size: 0;
position: relative;
z-index: 1002
}
.no-js .column-filters {
max-width: 600px;
margin: 10px
}
.no-js .column-filter-options ul {
margin-top: 10px
}
.no-js .column-filter-options ul li {
width: 150px;
line-height: 1.5
}
.column-filters .select-wrapper {
font-size: 12px;
font-size: 0.75rem
}
.column-filter {
font-size: 12px;
font-size: 0.75rem;
text-align: left;
display: inline-block;
border: 1px solid #d5d5d5;
height: 32px;
line-height: 32px;
padding: 0 10px 0 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
z-index: 1003;
margin-left: 10px;
background: #ffffff;
background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
zoom: 1;
*display: inline
}
.column-filter.column-menu a {
padding: 5px 0 5px 20px;
background: transparent url("../images/assets/sprite_icons.png") no-repeat -160px -600px
}
.column-filter.column-menu a:hover, .column-filter.column-menu a:focus {
text-decoration: underline
}
.column-filter.showHide .showHide-btn {
display: inline;
padding: 0 0 5px 20px
}
.showHide.column-filter.showHide-opened:after {
position: absolute;
display: block;
content: '';
height: 1px;
background: #FFF;
left: 0;
right: 0;
bottom: 0
}
.js .column-filter-options {
display: none;
position: absolute;
top: 31px;
right: -1px;
border: 1px solid #d5d5d5;
background: #FFF;
z-index: 0;
width: 340px;
padding: 20px;
z-index: 1004;
zoom: 1
}
.column-filter.column-filter_opened .column-filter-options {
display: block
}
.column-filter-options ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden
}
.column-filter-options ul li {
width: 48%;
float: left;
margin: 0 1% 0 0;
padding: 0;
font-weight: normal;
line-height: 32px
}
.column-filter a {
color: #333;
text-decoration: none
}
.column-rss {
float: right;
margin-right: 5px
}
.column-rss a {
display: block;
background: #fff url(../images/assets/sprite_icons.png) no-repeat -75px -600px;
width: 30px;
height: 32px;
border: 1px solid #d5d5d5;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
text-indent: -999em;
margin-left: 15px;
-webkit-box-shadow: 0 0 3px 0 rgba(200, 200, 200, 0.25);
box-shadow: 0 0 3px 0 rgba(200, 200, 200, 0.25)
}
.js .ready .columns-holder {
visibility: visible;
z-index: 1
}
.colItem {
width: 300px
}
.js .colItem {
position: absolute
}
.no-js .colItem {
float: left
}
.colItem-inner {
border: 1px solid #ddd;
margin: 10px
}
.colItem h4 {
font-size: 1.166666em
}
.colItem-body {
background: #FFF;
padding: 10px
}
.colItem-img {
width: 100%;
margin-bottom: 0.5em;
height: auto;
display: block
}
.coItem-copy {
margin-bottom: 1.5em
}
.colItem-foot {
background: #f7f7f7;
padding: 13px 10px 5px;
overflow: hidden;
clear: both
}
.no-js .colItem-foot {
background: transparent
}
.colItem-foot-date {
float: left;
color: #333;
padding-left: 21px;
position: relative
}
.colItem-foot-date:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
background: transparent url("../images/assets/sprite_icons.png") no-repeat -120px -605px
}
.colItem-foot .stars.rateGroup {
float: right;
margin-top: -2px
}
.template {
display: none
}
.columns-loading, .columns-end {
display: none;
position: relative;
text-align: center;
margin: 10px auto;
text-align: center;
overflow: visible
}
.columns-loading:before, .columns-end:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 10px;
right: 10px;
height: 1px;
background: #f0f0f0;
z-index: 1
}
.columns-end-content {
display: inline-block;
border: 1px solid #f0f0f0;
padding: 15px 10px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #FFF;
position: relative;
z-index: 2;
margin: 0;
-webkit-box-shadow: 0 0 3px 0 rgba(200, 200, 200, 0.25);
box-shadow: 0 0 3px 0 rgba(200, 200, 200, 0.25);
zoom: 1;
*display: inline
}
.columns-end-content a {
font-weight: bold;
text-decoration: none
}
.columns-end-content a:hover, .columns-end-content a:focus {
text-decoration: underline
}
.columns-end-top {
background: #FFF url(../images/assets/sprite_arrows.png) no-repeat 11px -1690px;
width: 34px;
height: 34px;
border: 1px solid #e6e6e6;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
text-indent: -999em;
display: block;
z-index: 1;
float: right;
position: relative;
margin-top: 6px;
margin-right: 10px
}
.columns-end-top:hover, .columns-end-top:focus {
background-position: 11px -2090px
}
.colItem-tags {
height: 1.4em;
position: relative;
z-index: 1;
margin-bottom: 2px
}
.no-js .colItem-tags {
height: auto
}
.colItem-tags-inner {
padding: 5px;
margin: -5px -5px 0;
background: #FFF;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #FFF;
border-color: rgba(215, 215, 215, 0);
transition: 0.4s border-color;
zoom: 1
}
.colItem-poster a {
text-decoration: none;
font-weight: bold
}
.colItem-poster a:hover, .colItem-poster a:focus {
text-decoration: underline
}
.showHide.showHide-opened .colItem-tags-inner {
border-color: #d7d7d7
}
.ie .showHide.showHide-opened .colItem-tags-inner {
border-color: #D7D7D7
}
.colItem-tags.showHide .showHide-btn {
float: right
}
.rtl .colItem-tags.showHide .showHide-btn {
float: left
}
.column-filters .overlay-close-x, .js .column-filters .button {
display: none
}
@media all and (max-width: 52em) {
.js .columns {
margin: 0
}
.js .columns:after {
display: none;
content: 'small'
}
.js .columns-view-by-label, .js .column-filters {
display: none
}
.columns-options, .columns-end, .columns-loading {
width: auto !important;
min-width: 0
}
.js .columns-options .column-filter.column-menu {
display: inline-block;
float: right
}
.js .column-filters {
text-align: left;
padding: 10px 40px 10px 10px;
font-size: 1em;
overflow: auto
}
.no-js .column-filter {
margin: 5px 0
}
.js .column-filters .button {
margin-bottom: 15px;
display: inline-block
}
.js .column-filter-options {
display: block;
position: static;
padding: 0;
width: auto;
border: none;
line-height: 32px
}
.js .column-filters .overlay-close-x {
display: block
}
.js .column-filter {
display: block;
margin: 0
}
.js .column-rss a {
margin-left: 5px
}
.no-js .columns-options-inner {
margin-top: 5px
}
.js .columns-options-inner {
padding: 6px 5px
}
.select-wrapper select {
padding: 8px 3px
}
.js .column-filters .select-wrapper {
margin: 10px 0 20px
}
}
.colItem-promo {
display: block;
padding: 10px;
position: relative;
text-decoration: none
}
.colItem-promo:hover, .colItem-promo:focus {
text-decoration: none
}
.colItem-promo img {
display: block;
width: 100%
}
.colItem-promo-body {
background: #000;
background: rgba(12, 38, 69, 0.7);
color: #FFF;
padding: 10px
}
.colItem-promo-body h4 {
color: #58B0E2;
text-transform: uppercase
}
.colItem-promo-body p {
margin: 0
}
.colItem-promo-cta {
display: block;
background-color: #0c2645;
text-decoration: none;
font-weight: bold;
padding-right: 10px
}
.colItem-promo-cta a {
display: inline-block;
text-decoration: none;
color: #fff;
padding: 10px 25px 10px 10px;
background: transparent url(../images/assets/sprite_arrows.png) no-repeat 100% -585px
}
.colItem-promo-cta a:hover, .colItem-promo-cta a:focus {
text-decoration: underline
}
.colItem-inner .banners {
margin: 0
}
.colItem-inner .box {
padding: 0px;
background: transparent !important;
box-shadow: none;
border: none;
margin: 0 !important
}
.colItem-inner .box .grad {
background: none;
border-radius: 0;
box-shadow: none;
padding: 10px
}
.colItem-inner .box .inner {
padding: 10px !important;
background: transparent !important;
border: none;
margin: 0 !important
}
.colItem-inner .box h2 {
padding: 10px 10px 0 10px;
margin: 0;
font-size: 1.333em
}
.colItem-inner .box table {
margin: 0 !important;
border: none !important
}
.colItem-inner .box table tr td {
margin: 0 !important;
border: none !important;
padding: 10px 0 10px 10px !important
}
.colItem-inner .box table tr td:first-child {
padding-left: 0 !important
}
.rtl .colItem-inner .box table tr td {
padding: 10px 10px 10px 0 !important
}
.rtl .colItem-inner .box table tr td:first-child {
padding-right: 0 !important
}
.colItem-inner .box table p {
margin-bottom: 5px
}
.colItem-inner .box table img {
max-width: 125px
}
.js .generic-overlay {
background: #FFF;
z-index: 99999;
position: fixed;
width: auto;
height: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
border: 5px solid #333;
float: none
}
.overlay-close-x {
background: url("../images/assets/sprite_icons.png") no-repeat scroll -240px -440px transparent;
display: block;
height: 40px;
position: absolute;
right: 0;
text-indent: -999em;
top: 5px;
width: 40px
}
.container#fullWidthImg {
margin: 0 auto;
padding: 0;
text-align: center;
background-color: #000;
overflow: hidden
}
.twoCol70-30.moveToTop .fadeLine {
display: none
}
.container#fullWidthImg img {
display: block;
margin: 0 auto
}
.twoCol70-30.moveToTop .colAside {
margin-top: -320px
}
.twoCol70-30.moveToTop .colMain {
margin-top: 20px
}
.twoCol70-30.moveToTop .box h1 {
width: auto
}
.twoCol70-30.moveToTop .box h2 {
margin-bottom: 0.75em
}
.filter-products {
overflow: hidden;
margin-bottom: 1.5em
}
.filter-products h2 {
float: left;
margin: 0
}
.filter-products .compareTools {
float: right;
margin: 0
}
@media only screen and (max-width: 600px) {
.filter-products h2, .filter-products .compareTools {
float: none;
text-align: left
}
.filter-products h2 {
margin: 0.5em 0
}
}
@media only screen and (max-width: 768px) {
.container#fullWidthImg {
display: none
}
.twoCol70-30.moveToTop .colAside {
margin-top: 20px !important
}
}
.content-intro {
clear: both;
overflow: hidden;
margin-bottom: 1.5em
}
.content-intro .big {
font-size: 1.333em
}
.content-intro .inner {
max-width: 600px
}
.jumpLink {
display: none
}
@media only screen and (max-width: 768px) {
.jumpLink.next {
display: block;
font-size: 1.15em;
background-position: 0 -597px
}
}
.whyRegister {
margin: 2em 0;
padding: 0 !important;
overflow: hidden;
list-style-type: none;
list-style-image: none;
max-width: 800px
}
.whyRegister p {
margin-bottom: 5px
}
.whyRegister h3 {
font-size: 1.3em;
margin-bottom: 5px;
font-weight: bold
}
.whyRegister li {
float: left;
width: 42%;
padding: 5px 0;
margin: 0 8% 1em 0
}
.whyRegister li:nth-child(2n+1) {
clear: both
}
.whyRegister li img {
float: left;
margin: -5px 10px 15px 0
}
.whyRegister li.icon-1:before, .whyRegister li.icon-2:before, .whyRegister li.icon-3:before, .whyRegister li.icon-4:before {
content: "";
width: 48px;
height: 48px;
float: left;
margin: -5px 10px 10px 0;
background: transparent url(../images/assets/sprite_commerce.png) no-repeat 0 0
}
.whyRegister li.icon-1:before {
background-position: 0 -160px
}
.whyRegister li.icon-2:before {
background-position: -50px -160px
}
.whyRegister li.icon-3:before {
background-position: -100px -160px
}
.whyRegister li.icon-4:before {
background-position: -150px -160px
}
.rtl .whyRegister li img {
float: right;
margin: -5px 0 10px 10px
}
.rtl .whyRegister li {
float: right;
margin: 0 0 0 10%
}
.rtl .whyRegister li:before {
float: right;
margin: 0 0 10px 10px
}
.colAside .whyRegister {
margin-bottom: 0
}
.colAside .whyRegister li {
clear: both;
float: none;
width: auto
}
@media only screen and (max-width: 600px) {
.whyRegister li {
clear: both;
float: none;
width: auto
}
}
.search-product {
clear: both;
margin-bottom: 1.5em;
border-bottom: 1px solid #E8E8E8;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAH0lEQVQImSXHMQEAMAwCMOrfKKjIjuVL2gLBzyHJtgd4lhceEjlrCgAAAABJRU5ErkJggg==) repeat 0 0;
zoom: 1
}
.search-product fieldset {
padding: 15px 10px 5px 15px;
margin: 0
}
.search-product fieldset input[type='text'] {
display: block;
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 3px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ie7 .search-product {
background: #F3F3F3
}
.ie7 .search-product fieldset input[type='text'] {
width: 97%
}
.search-product fieldset .fl {
float: left;
width: 60%;
min-width: 270px;
max-width: 400px;
margin: 6px 10px 0 0;
position: relative
}
.search-product-help {
margin: 15px 0;
padding: 15px 10px;
border: 2px solid #fff;
background-color: #ececec;
border-radius: 3px;
position: relative
}
.search-product-help h3 {
font-weight: bold;
padding: 0 40px 0.5em 0
}
.search-product-help h3:after {
content: "";
position: absolute;
width: 30px;
height: 30px;
top: 10px;
right: 10px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat 0 -2825px
}
.search-product-help *:last-child, .search-product fieldset *:last-child {
margin-bottom: 0
}
.search-product .tooltip {
margin-bottom: 10px
}
.search-product.faqs {
padding: 0 10px;
margin-bottom: 30px
}
.search-product .btn-reset {
position: absolute;
top: 5px;
right: 5px;
background: #fff url(../images/assets/sprite_icons.png) no-repeat -200px -992px;
margin: 0;
padding: 0;
border: none;
text-indent: -999em;
width: 20px;
height: 20px;
cursor: pointer
}
.search-product .btn-reset:hover, .search-product .btn-reset:focus {
background-position: -240px -992px
}
.rtl .search-product fieldset .fl {
float: right;
margin-right: 0;
margin-left: 10px
}
.rtl .search-product-help h3 {
padding: 0 0 0.5em 40px
}
.rtl .search-product-help h3:after {
right: auto;
left: 10px
}
::-webkit-input-placeholder {
font-size: 14px
}
:-moz-placeholder {
font-size: 14px
}
::-moz-placeholder {
font-size: 14px
}
:-ms-input-placeholder {
font-size: 14px
}
#content .tableProduct .tableProduct-name {
width: 40%
}
#content .tableProduct .tableProduct-model {
min-width: 100px
}
.tableProduct p {
margin-bottom: 10px
}
.tableProduct .tableProduct-name img {
max-width: 100px;
height: auto;
float: left;
margin: 0 10px 5px 0
}
.rtl .tableProduct .tableProduct-name img {
float: right;
margin: 0 0 0 10px
}
.rtl .tableProduct th {
text-align: right !important
}
.genericForm.addProduct {
overflow: hidden
}
.genericForm.addProduct fieldset {
clear: none;
float: right;
width: 57%;
max-width: none !important
}
.genericForm.addProduct .box {
clear: none;
float: left;
width: 40%
}
.genericForm.addProduct .box img {
display: block;
margin: 0 auto
}
.genericForm.addProduct .box h2 {
font-size: 1.25em
}
.genericForm.addProduct .block {
max-width: 380px
}
.genericForm.addProduct .field {
margin: 20px 0
}
.genericForm.addProduct .js-datepicker, .genericForm.addProduct .input-file, .genericForm.addProduct select.large {
width: 340px !important;
max-width: none
}
.genericForm.addProduct span.js-glossary {
float: right;
margin-top: -10px;
width: 30px;
height: 30px;
background: transparent url(../images/assets/tooltip_icon.png) no-repeat 0 0
}
@media only screen and (max-width: 767px) {
.genericForm.addProduct fieldset, .genericForm.addProduct .box {
float: none;
width: auto
}
}
@media only screen and (max-width: 479px) {
.genericForm.addProduct .js-datepicker, .genericForm.addProduct .input-file, .genericForm.addProduct select.large {
width: 250px !important
}
label.datepicker {
width: 100%
}
}
@media only screen and (max-width: 40em) {
.tableProduct td {
padding: 7px 0 7px 130px !important;
width: auto !important
}
.tableProduct td:before {
width: 130px
}
.tableProduct td.tableProduct-name {
padding: 7px 2px !important
}
.tableProduct td.tableProduct-name img {
margin: 0 20px 0 10px
}
.tableProduct td.tableProduct-name:before {
display: none !important
}
.rtl .tableProduct td {
text-align: right !important;
padding: 7px 130px 7px 0 !important
}
.rtl .tableProduct td.tableProduct-name {
padding: 7px 0 !important
}
.rtl .tableProduct td:before {
right: 0 !important;
padding: 7px 7px 7px 0
}
.rtl .tableProduct td.tableProduct-name img {
margin: 0 10px 0 20px
}
.tableProduct td:before {
content: attr(data-label)
}
#content .tableProduct td:nth-of-type(2n+2) {
background-color: #eee
}
}
.registered-product {
clear: both
}
.registered-product .registered-product-image {
float: left;
margin-right: 2%;
width: 45%
}
.registered-product .registered-product-image img {
display: block;
max-width: 100%
}
.registered-product h3 {
font-size: 1.333em
}
.registered-product-details {
overflow: hidden
}
.registered-product-details ul {
list-style-type: none;
margin: 1em 0;
padding: 0
}
.registered-product-details ul li {
clear: both;
overflow: hidden;
margin: 0 0 3px 0;
padding: 10px 0;
border-bottom: 1px solid #dbdbdb
}
.registered-product-details label {
float: left;
width: 40%;
font-weight: bold;
margin-right: 3%
}
.registered-product-details .detail {
float: left;
width: 55%
}
.registered-product-details .input-file {
float: left;
margin-top: 5px
}
.registered-product-details .file-name {
display: block
}
.registered-product .genericForm, .registered-product p {
margin-bottom: 0 !important
}
.rtl .registered-product .registered-product-image {
float: right;
margin-right: 0;
margin-left: 2%
}
.rtl .registered-product-details label {
float: right;
margin-left: 3%;
margin-right: 0
}
.rtl .registered-product-details .detail, .rtl .registered-product-details .input-file {
float: right
}
@media only screen and (max-width: 40em) {
.registered-product .registered-product-image {
float: none;
margin-bottom: 20px;
width: auto
}
}
@media only screen and (max-width: 29.938em) {
.registered-product-details label, .registered-product-details .detail {
float: none;
width: auto
}
}
.ncj-tooltip-popup {
z-index: 999999;
margin: 15px
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
text-align: center
}
.ui-datepicker-calendar thead {
text-transform: uppercase
}
.ui-datepicker .ui-datepicker-header {
padding: 5px 0
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
top: 2px;
width: 26px;
height: 26px;
border: none;
background-color: #58b0e2
}
.ui-datepicker .ui-datepicker-prev {
left: 3px
}
.ui-datepicker .ui-datepicker-next {
right: 3px
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
left: 6px !important;
margin-left: 0;
top: 6px !important;
margin-top: 0;
width: 26px;
height: 26px
}
.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w {
background: transparent url(../images/assets/sprite_arrows.png) no-repeat 8px -1394px !important
}
.ui-icon-circle-triangle-w {
background-position: 5px -1494px !important
}
.ui-datepicker-prev.ui-state-hover, .ui-datepicker-prev.ui-state-active, .ui-datepicker-next.ui-state-hover, .ui-datepicker-next.ui-state-active {
border: none;
background: #ccc !important
}
.rangeSlider {
padding: 10px 5px 10px 0
}
.rangeSlider-slider {
margin: 0 11px;
background: #d4d4d4;
border-radius: 0;
border: 0;
height: 12px
}
.rangeSlider-slider:before {
content: '';
position: absolute;
top: 0;
left: -6px;
width: 12px;
height: 12px;
background: #d4d4d4;
border-radius: 6px
}
.rangeSlider-slider:after {
content: '';
position: absolute;
top: 0;
right: -6px;
width: 12px;
height: 12px;
background: #d4d4d4;
border-radius: 6px
}
.rangeSlider-min {
font-weight: bold;
float: left;
margin-top: 10px
}
.rangeSlider-max {
font-weight: bold;
float: right;
margin-top: 10px
}
.rangeSlider-value {
font-weight: bold;
margin-top: 10px;
text-align: center
}
.ui-slider-range {
background: #5cbaed;
background: -moz-linear-gradient(top, #5cbaed 0%, #4e9ec9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5cbaed), color-stop(100%, #4e9ec9));
background: -webkit-linear-gradient(top, #5cbaed 0%, #4e9ec9 100%);
background: -o-linear-gradient(top, #5cbaed 0%, #4e9ec9 100%);
background: -ms-linear-gradient(top, #5cbaed 0%, #4e9ec9 100%);
background: linear-gradient(to bottom, #5cbaed 0%, #4e9ec9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbaed', endColorstr='#4e9ec9', GradientType=0)
}
.rangeSlider .ui-slider-handle {
cursor: pointer;
border: none;
width: 26px;
height: 26px;
margin: -3px -11px;
background: transparent url(../images/assets/sprite_commerce.png) -160px -40px no-repeat
}
.box.etale {
margin-bottom: 20px;
border: 1px solid #e0e0e0;
padding: 10px 15px
}
.box.etale h2 {
background: #fff;
padding-bottom: 0.5em;
box-shadow: none;
border-bottom: 1px solid #eee;
text-align: center
}
.etale-container {
position: relative;
overflow: hidden;
min-height: 130px;
margin: 0;
text-align: center
}
.ie .etale-container {
background-color: #fff !important
}
.etale-container iframe, .etale-container object, .etale-container embed {
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 100%
}
@media only screen and (max-width: 950px) {
.etale-container {
min-height: 230px
}
}
@media only screen and (max-width: 600px) {
.etale-container {
min-height: 220px
}
}
@media only screen and (max-width: 360px) {
.box.etale {
margin: 0 0 20px 0
}
.etale-container {
margin: 0 -10px
}
.etale-container {
min-height: 320px
}
}
div.media.etale iframe.etale {
width: 100%;
height: 400px
}
div.media.etale h3 {
padding-bottom: 0.5em;
margin-bottom: 0;
border-bottom: 1px solid #eee;
text-align: center
}
.no-js .jsOnly {
display: none
}
.js .noJsOnly {
display: none
}
.ko-template {
display: none
}
.js .js-productList, .js .js-productRefine {
display: none
}
.js .js-ready.js-productList, .js .js-ready.js-productRefine {
display: block
}
.no-js .list3col[data-bind] > li:nth-child(3n+1) {
clear: none;
margin: 0 0 2% 2%
}
.noResults {
text-align: center;
font-size: 20px
}
.noResults .announcement {
margin-bottom: 0;
font-weight: normal
}
.shop-loading {
text-align: center;
clear: both;
padding: 100px 0;
font-size: 20px
}
.shop-totals {
float: left;
padding: 11px 0 10px 5px
}
@media screen and (max-width: 768px) {
.shop-loading {
padding: 20px 0
}
}
.ui-autocomplete li.plain {
background: #FFF
}
.ui-autocomplete li.plain.ui-menu-item a {
padding: 0;
background: none;
outline: none;
border: none;
margin: 0
}
.custSuppItem {
padding: 5px 10px;
background: #F3F3F3
}
.custoSuppItem_start {
margin-top: 40px;
position: relative
}
.custSuppItem-collectionName {
position: absolute;
bottom: 100%;
left: 10px;
font-weight: bold;
font-size: 16px;
color: #000
}
.autocompleteLoadingIndicator {
position: absolute;
display: block;
width: 16px;
height: 16px;
margin-top: -8px;
right: 8px;
top: 50%;
background: transparent url(../images/assets/spinner.gif) no-repeat 0 0;
pointer-events: none;
z-index: 1;
visibility: hidden
}
#footer .section.radius3 {
background: none
}
@media screen and (min-width: 480px) {
body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit {
margin-right: 10px
}
body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink.dlgForgottenPassword {
margin-bottom: 10px
}
body #eucookielawcontainer .bannerbuttons .button a {
display: block
}
body .cart-pending-current .add-cart-button .icon.adding {
top: 12px;
right: 7px
}
body .category .button.grey a {
text-decoration: none !important
}
body .button i, body .button em, body .checkbox-button i, body label.checkbox-button span.icon {
display: none !important
}
body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword, body .dlgForgottenPassword, body a.btn.icon-edit, body button.btn.icon-edit, body .cta-link-normal, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: inherit
}
body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:hover, body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:active, body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:focus, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:active, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:focus, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:hover, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:active, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:focus, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:hover, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:active, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:focus, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:hover, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:active, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:focus, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:active, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:focus, body .dlgForgottenPassword:hover, body .dlgForgottenPassword:active, body .dlgForgottenPassword:focus, body a.btn.icon-edit:hover, body a.btn.icon-edit:active, body a.btn.icon-edit:focus, body button.btn.icon-edit:hover, body button.btn.icon-edit:active, body button.btn.icon-edit:focus, body .cta-link-normal:hover, body .cta-link-normal:active, body .cta-link-normal:focus, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:hover, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:active, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:visited, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:visited, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:visited, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:visited, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:visited, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:visited, body .dlgForgottenPassword:visited, body a.btn.icon-edit:visited, body button.btn.icon-edit:visited, body .cta-link-normal:visited, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
body .cta-link-normal__inherit {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: inherit;
font-size: inherit
}
body .cta-link-normal__inherit:hover, body .cta-link-normal__inherit:active, body .cta-link-normal__inherit:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
body .cta-link-normal__inherit:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
body .slide .slide-overlay p a, body .cta-link-uppercase {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: uppercase
}
body .slide .slide-overlay p a:hover, body .slide .slide-overlay p a:active, body .slide .slide-overlay p a:focus, body .cta-link-uppercase:hover, body .cta-link-uppercase:active, body .cta-link-uppercase:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
body .slide .slide-overlay p a:visited, body .cta-link-uppercase:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
body .button a, body .button input:not(input[type=submit]), body .button button {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-radius: 22.5px;
background: none !important;
padding: 0 35px !important;
height: 43px;
line-height: 43px;
text-decoration: none !important;
-webkit-appearance: none;
color: #58B0E2 !important;
border: 1px solid #58B0E2 !important;
width: auto;
outline: none
}
body .button a:hover, body .button input:not(input[type=submit]):hover, body .button button:hover {
color: #052644 !important;
border: 1px solid #052644 !important;
cursor: pointer
}
body a.btn.icon-buy, body input.btn.icon-buy, body button.btn.icon-buy, body .search-product .button input, body .features .pdr .pdr-block .cta-button a, body .introduction .center .content .button, body .btn-primary, body #ctl00_ContentPlaceHolderMain_SignInControl1_hyperlinkRegister, body .cart-pending .add-cart-button .add-cart-button-inactive, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_hyperlinkRegister, body a.btn.btn-xxl, body input.btn.btn-xxl, body button.btn.btn-xxl, body #eucookielawcontainer .bannerbuttons .button a, body #ctl00_ContentPlaceHolderMain_hyperlinkRetakePayment, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ButtonSubmit, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_GigyaLogin_createAccountButton_hyperlinkRegister, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_createAccountButton_hyperlinkRegister, body #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale, body .cta-primary-button, body .genericForm .button input, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_lnkWhereToBuy, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_panelMoreDetails .buynow-btn-show, body.isPdpPage .moredetails #buynowBtnWrapper a, body.isPdpPage .manualFaqSupport .search-product .button input {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border-radius: 36px !important;
background: none !important;
padding: 0 35px !important;
height: 45px;
line-height: 45px;
border: none !important;
outline: none;
text-decoration: none !important;
-webkit-appearance: none;
outline: none;
color: #fff !important;
background-color: #58B0E2 !important;
width: auto
}
body a.btn.icon-buy:hover, body input.btn.icon-buy:hover, body button.btn.icon-buy:hover, body .search-product .button input:hover, body .features .pdr .pdr-block .cta-button a:hover, body .introduction .center .content .button:hover, body .btn-primary:hover, body #ctl00_ContentPlaceHolderMain_SignInControl1_hyperlinkRegister:hover, body .cart-pending .add-cart-button .add-cart-button-inactive:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_hyperlinkRegister:hover, body a.btn.btn-xxl:hover, body input.btn.btn-xxl:hover, body button.btn.btn-xxl:hover, body #eucookielawcontainer .bannerbuttons .button a:hover, body #ctl00_ContentPlaceHolderMain_hyperlinkRetakePayment:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ButtonSubmit:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_GigyaLogin_createAccountButton_hyperlinkRegister:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_createAccountButton_hyperlinkRegister:hover, body #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale:hover, body .cta-primary-button:hover, body .genericForm .button input:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_lnkWhereToBuy:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_panelMoreDetails .buynow-btn-show:hover, body.isPdpPage .moredetails #buynowBtnWrapper a:hover, body.isPdpPage .manualFaqSupport .search-product .button input:hover {
background-color: #052644 !important;
cursor: pointer
}
body .button input[type=submit]#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_PromotionCodeDiscount1_buttonApplyCode, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_buttonBack, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_buttonSignIn, body #ctl00_ContentPlaceHolderMain_AddressSelectionControl_HyperLinkAddAddress, body #ctl00_ContentPlaceHolderMain_AddressAddEdit_buttonAddressCancel, body a.btn.checkout-back, body input.btn.checkout-back, body button.btn.checkout-back, body #ctl00_ContentPlaceHolderMain_hyperlinkContinueShopping, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ProductListing_HyperLinkCompareProduct, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_AddressEditForListing_buttonAddressCancel, body .cta-secondary-button {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-radius: 22.5px;
background: none !important;
padding: 0 35px !important;
height: 43px;
line-height: 43px;
text-decoration: none !important;
-webkit-appearance: none;
color: #58B0E2 !important;
border: 1px solid #58B0E2 !important;
width: auto;
outline: none
}
body .button input[type=submit]#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_PromotionCodeDiscount1_buttonApplyCode:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_buttonBack:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_buttonSignIn:hover, body #ctl00_ContentPlaceHolderMain_AddressSelectionControl_HyperLinkAddAddress:hover, body #ctl00_ContentPlaceHolderMain_AddressAddEdit_buttonAddressCancel:hover, body a.btn.checkout-back:hover, body input.btn.checkout-back:hover, body button.btn.checkout-back:hover, body #ctl00_ContentPlaceHolderMain_hyperlinkContinueShopping:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ProductListing_HyperLinkCompareProduct:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_AddressEditForListing_buttonAddressCancel:hover, body .cta-secondary-button:hover {
color: #052644 !important;
border: 1px solid #052644 !important;
cursor: pointer
}
.pullRight {
float: right;
margin: 0 0 10px 20px;
max-width: 100%
}
.pullLeft {
float: left;
margin: 0 20px 20px 0;
max-width: 100%
}
.box .pullRight {
margin: 0 0 5px 10px
}
.box .pullLeft {
margin: 6px 10px 0 0
}
h1 {
font-size: 2.167em
}
.section {
margin: 0 auto;
padding: 0 1.63934%;
max-width: 1180px
}
#content {
position: relative;
z-index: 10
}
#content .section {
z-index: 20
}
.oneCol {
clear: both
}
.twoCol50-50, .twoCol70-30, .twoCol30-70, .twoCol80-20, .twoCol20-80 {
width: 100%;
padding: 0
}
.colMain {
float: left;
margin: 0
}
.colAside {
float: right;
margin: 0
}
.twoCol50-50 .colMain, .twoCol50-50 .colAside {
width: 49.1525%
}
.colMain .twoCol50-50 .colMain {
margin: 0;
width: 49%
}
.colMain .twoCol50-50 .colAside {
width: 49%;
margin: 0 0 0 2%
}
.rtl .colMain .twoCol50-50 .colAside {
margin: 0 2% 0 0 !important
}
#productDetails.twoCol50-50 .colMain, #productDetails.twoCol50-50 .colAside {
width: 47%
}
.commerce-template .twoCol50-50 .colMain:first-child {
margin-right: 2%;
width: 48.5%
}
.ie7 .commerce-template .twoCol50-50 .colMain {
width: 48%;
margin: 0 1%
}
.commerce-template .rtl .twoCol50-50 .colMain:first-child {
margin-right: 0;
margin-left: 2%
}
.twoCol70-30 .colMain {
width: 66.1017%
}
.twoCol70-30 .colAside {
width: 32.2034%
}
.twoCol30-70 .colMain {
width: 63.9344%;
float: right;
margin: 0 0 1.6393% 0
}
.twoCol30-70 .colAside {
width: 31.1475%;
float: left;
margin: 0 0 1.6393% 0
}
.twoCol80-20 .colMain {
width: 74.5763%
}
.twoCol80-20 .colAside {
width: 23.7288%
}
.twoCol20-80 .colMain {
float: right;
width: 74.5763%;
margin: 0 0 1.63934% 0
}
.twoCol20-80 .colAside {
float: left;
width: 23.7288%;
margin: 0 0 1.63934% 0
}
.rtl .colMain {
float: right
}
.rtl .colAside {
float: left
}
.rtl .twoCol20-80 .colAside, .rtl .twoCol30-70 .colAside {
float: right
}
.rtl .twoCol20-80 .colMain, .rtl .twoCol30-70 .colMain {
float: left
}
.list2col > li, .list2col .col {
float: left;
width: 48.9%;
margin: 0 0 2% 2%;
padding: 0
}
.list2col > li.first, .list2col .col.first {
clear: both;
margin-left: 0
}
.list3col > li, .list3col div.col {
float: left;
width: 32%;
margin: 0 0 2% 2%;
padding: 0
}
.list3col > li.first, .list3col div.col:first-child {
clear: both;
margin-left: 0
}
.list3col > li:nth-child(3n+1) {
clear: both;
margin-left: 0
}
.ie .frame .list3col > li {
width: 31.5%
}
.ie7 .list3col > li, .ie7 .frame .list3col > li, .ie7 .list3col div.col {
width: 31%
}
.items.list2col > li {
margin-bottom: 15px;
padding-bottom: 15px
}
.items.list2col > li:nth-last-child(2) {
border: none
}
.items.list2col > li:nth-of-type(2n+1) {
clear: both
}
.list3col.js-synchHeights, .list2col.js-synchHeights, .list3col div.col, .list2col div.col {
margin-bottom: 0 !important;
margin-top: 0 !important;
overflow: hidden
}
.list4col li {
float: left;
width: 23.5%;
margin: 0 0 2% 2%;
padding: 0
}
.list4col li.first {
clear: both;
margin-left: 0
}
.rtl .list2col > li, .rtl .list2col .col, .rtl .list3col > li, .rtl .list3col div.col, .rtl .items.list2col > li, .rtl .list4col > li {
float: right;
margin: 0 2% 2% 0 !important;
position: relative
}
.rtl .list2col > li.first, .rtl .list2col .col.first, .rtl .list3col > li.first, .rtl .list4col > li.first, .rtl .list3col div.col:first-child {
margin: 0 0 2% 0 !important
}
.rtl .items.list2col > li {
margin: 0 0 2% 1% !important
}
.list2col li li, .list3col li li, .list4col li li, .rtl .list3col li li, .rtl .list4col li li {
float: none;
width: auto;
margin: 0
}
.listTwoCols li {
float: left;
width: 45%
}
.rtl .listTwoCols li {
float: right
}
ul.items.couple li {
border: none;
float: left;
width: 48%;
margin-left: 4%
}
ul.items.couple li.odd {
clear: both;
margin-left: 0
}
ul.items.four li {
border: none;
float: left;
width: 20%;
margin-left: 5%
}
ul.items.four li.odd {
clear: both;
margin-left: 0
}
ul.items.five li {
border: none;
float: left;
width: 17.9%;
margin: 0 1% 20px 1%
}
.rtl ul.items.couple li {
float: right;
margin-right: 2%;
margin-left: 0
}
.rtl ul.items.four li {
float: right;
margin-right: 5%;
margin-left: 0
}
.rtl ul.items.couple li.odd, .rtl ul.items.four li.odd {
margin-right: 0;
margin-left: 0
}
.gridStyle4cols {
margin: 0 -2% !important;
width: 104%;
border-top: 1px dotted #ccc
}
.gridStyle4cols li {
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.gridStyle4cols li {
float: left;
border-right: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
width: 25%
}
.gridStyle4cols li.first {
clear: both
}
.gridStyle4cols li:nth-child(4n) {
border-right: none
}
.rtl .gridStyle4cols li {
float: right;
border-right: none;
border-left: 1px dotted #ccc
}
.ie7 .gridStyle4cols li {
width: 24.84%
}
.blog-items .blog-header {
position: relative;
padding-right: 90px
}
.blog-items .blog-header .rateGroup {
position: absolute;
right: 0;
bottom: -5px
}
.rtl .blog-items .blog-header {
padding-right: 0;
padding-left: 90px
}
.rtl .blog-items .blog-header .rateGroup {
right: auto;
left: 0
}
#content .tabs:after, #overlay .tabs:after {
content: "";
display: block;
border-bottom: 2px solid #e7e9ea;
position: absolute;
bottom: 0;
width: 100%
}
#content .tabs li, #overlay .tabs li {
float: left;
margin: 0;
padding: 5px 0 0 0;
background: #e7e9ea url(../images/assets/bg_tab.png) repeat-x 0 0;
border-bottom: none
}
#content .tabs li:first-child, #overlay .tabs li:first-child {
border-radius: 3px 0 0 0;
padding-left: 5px
}
#content .tabs li:last-child, #overlay .tabs li:last-child {
border-radius: 0 3px 0 0;
padding-right: 7px
}
#content .tabs li a, #overlay .tabs li a {
padding: 12px 20px;
border-left: 1px solid #ccc;
color: #0c2645
}
#content .tabs .on a, #overlay .tabs .on a {
color: #58b0e2;
background-color: #fff;
border-radius: 3px 3px 0 0;
margin-right: -2px;
position: relative;
z-index: 20;
-moz-box-shadow: 0 0 3px #d5d6d8;
-webkit-box-shadow: 0 0 3px #d5d6d8;
box-shadow: 0 0 3px #d5d6d8
}
#content .tabs li:first-child a, #overlay .tabs li:first-child a, #content .tabs li.on a, #overlay .tabs li.on a {
border: none !important
}
.rtl #content .tabs li, .rtl #overlay .tabs li {
float: right
}
.rtl #content .tabs li a, .rtl #overlay .tabs li a {
border-left: none;
border-right: 1px solid #ccc
}
.rtl #content .tabs li:first-child, .rtl #overlay .tabs li:first-child {
border-radius: 0 3px 0 0;
padding-left: 0;
padding-right: 5px
}
.rtl #content .tabs li:last-child, .rtl #overlay .tabs li:last-child {
border-radius: 3px 0 0 0;
padding-right: 0;
padding-left: 7px
}
.ie7 #content .tabs {
border-bottom: 2px solid #e7e9ea
}
.ie7 .rtl #content .tabs, .ie7 .rtl #overlay .tabs {
direction: ltr
}
.socialTop {
top: 0;
right: 2%
}
.rtl .socialTop {
left: 2%;
right: auto
}
.shareLinks {
width: 340px
}
.shareLinks:before {
width: 340px
}
#footer .col, .sitemap .col {
float: left;
margin: 0 2% 0 0
}
#footer .colNo5 .col, .sitemap .colNo5 .col {
width: 18%
}
#footer .colNo4 .col, .sitemap .colNo4 .col {
width: 23%
}
#footer .colNo3 .col, .sitemap .colNo3 .col {
width: 31%
}
#footer .colNo2 .col, .sitemap .colNo2 .col {
width: 48%
}
#footer .colNo1 .col, .sitemap .colNo1 .col {
width: 98%
}
.rtl #footer .col, .rtl .sitemap .col {
float: right;
margin: 0 0 0 2%
}
#mobilefooter {
display: none
}
#footer-bottom .bl {
text-align: center;
margin: 0 auto
}
#footer-bottom .bl .bl-links {
background: url(../images/assets/bg_dot.gif) repeat-x 0 30%;
margin: 0 auto
}
#footer-bottom .bl ul {
display: inline-block
}
#footer-bottom .bl li {
border-left: 1px solid #888
}
#footer-bottom .bl li:first-child {
border: none
}
#footer-bottom .bl li a {
padding: 0 0.7em 0.2em 0.7em
}
#footer-bottom .bl .copy {
padding: 0;
margin: 0
}
.ie7 #footer-bottom .bl li {
float: none;
display: inline
}
.ie7 #footer-bottom .bl li a {
display: inline
}
#footer .utilNav {
display: none
}
.smallHero {
margin: 0 0 1em 0;
padding: 0
}
.smallHero h1 {
width: 55%;
float: left;
display: inline-block
}
.smallHero .button {
float: right
}
.smallHero .addToCartBox {
float: right;
text-align: right;
clear: right
}
.rtl .smallHero h1 {
float: right;
text-align: right
}
.rtl .smallHero .button {
float: left
}
.rtl .smallHero .addToCartBox {
float: left;
text-align: left;
clear: left
}
}
@media screen and (min-width: 480px) and (max-width: 800px) {
.smallHero .addToCartBox {
text-align: inherit;
width: auto
}
.smallHero h1 {
float: none;
width: auto
}
}
@media screen and (min-width: 480px) and (max-width: 992px) {
.smallHero h1 {
margin-right: 80px;
display: block
}
.rtl .smallHero h1 {
margin-left: 80px;
margin-right: 0
}
}
@media screen and (min-width: 480px) {
.largeHero {
position: relative;
padding: 0 140px 0 2%;
margin: 0;
background: #fff url(../images/assets/hero_fade.png) no-repeat 50% 0
}
.largeHero .heroContent {
min-height: 310px;
padding: 0;
width: 100%;
margin: 0;
background: transparent url(../images/assets/bg_hero_nav.png) no-repeat 100% 8px
}
.largeHero .heroImg {
float: right;
width: 44%;
margin: 50px 3% 0 0
}
.largeHero .heroText {
float: left;
padding-top: 55px;
width: 50%;
margin-right: 1%
}
.largeHero .heroNav {
position: absolute;
top: 10px;
right: 0;
width: 140px;
margin: 0
}
.largeHero .heroNav li {
padding: 0 20px 10px 20px;
float: none;
width: auto
}
.rtl .breadcrumbs {
margin: 15px 0 15px 80px
}
.rtl .breadcrumbs ol {
float: right
}
.rtl .breadcrumbs ol li {
float: right;
margin: 0 0 0 7px
}
.rtl .breadcrumbs ol li:before {
content: "<"
}
.rtl .breadcrumbs ol li:last-child:before {
display: none
}
.pagination ul {
float: right;
margin-top: 2px
}
.contentFilter p {
margin: 0 0 0 10px
}
.contentFilter .txt {
float: left
}
.contentFilter .button {
clear: none;
float: right;
margin: 0
}
.rtl .contentFilter p {
margin: 0 10px 0 0
}
.rtl .contentFilter .txt {
float: right
}
.rtl .contentFilter .button {
float: left
}
.sectionBox {
margin: 3% 0 !Important;
padding: 0 !important
}
.sectionBox li {
float: left;
width: 24.95%;
border: none;
margin: 0 0 -50em 0;
padding: 0 0 50em 0;
background: url(../images/assets/bg_dot.gif) repeat-y 0 0
}
.sectionBox li .inner {
padding: 0 20px
}
.sectionBox li.first {
background: none
}
.rtl .sectionBox li {
float: right;
background-position: 100% 0
}
.ie7 .rtl .sectionBox li {
position: relative;
background: none
}
.sliders.sectionBox li {
background: transparent
}
.intro.addTopBorder {
clear: both;
overflow: hidden;
margin: 38px 0 0 0;
padding: 1.5em 0 0 0;
background: transparent url(../images/assets/tab_fade.png) no-repeat 50% 0
}
.promotional.addLine {
background-image: url(../images/assets/tab_fade.png)
}
.category .button {
float: left
}
.compareTools {
float: right;
text-align: right
}
.inTheBox li {
float: left;
width: 44.9%;
margin: 0 0 8% 0
}
.inTheBox li.first {
clear: both;
margin-right: 10%
}
.rtl .inTheBox li {
margin: 0 0 8% 0
}
.rtl .inTheBox li.first {
margin-left: 8%;
margin-right: 0
}
.specs li strong {
width: 47%;
margin: 0 4%;
text-align: right
}
.specs li span {
width: 45%;
text-align: left
}
.rtl .specs li strong {
text-align: left
}
.rtl .specs li span {
text-align: right
}
.promotions li {
float: left;
margin-left: 1.9%
}
.promotions li.first {
clear: both;
margin-left: 0
}
.promotions li img {
float: left;
margin-right: 20px
}
.promotions li.promo-large img, .promotions li.promo-medium img {
margin-bottom: 5px
}
.rtl .promotions li {
float: right;
margin-left: 0;
margin-right: 1.9%
}
.rtl .promotions li.first {
margin-right: 0
}
.rtl .promotions li img {
float: right;
margin-right: 0;
margin-left: 20px
}
.promotions li.promo-large {
width: 99.9%;
margin-left: 0;
margin-right: 0
}
.promotions li.promo-medium {
width: 49%
}
.promotions li.promo-third {
width: 32%
}
.promotions li.promo-small {
width: 23.5%
}
.ie7 .promotions li.promo-medium {
width: 48.9%
}
.ie7 .promotions li.promo-small {
width: 23.4%
}
.promotions li:first-child, .colMain .promotions li.promo-small:nth-of-type(3n+1), .oneCol li.promo-small:nth-of-type(4n+1), .promotions li.promo-third:nth-of-type(3n+1) {
clear: both;
margin-left: 0
}
.rtl .promotions li:first-child, .rtl .colMain .promotions li.promo-small:nth-of-type(3n+1), .rtl .promotions li.promo-third:nth-of-type(3n+1), .rtl .oneCol li.promo-small:nth-of-type(4n+1) {
margin-right: 0
}
.colMain .promotions li.promo-small {
width: 32%
}
.ie7 .colMain .promotions li.promo-small {
width: 31.9%
}
.colMain .promotions li.promo-medium {
width: 66%
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.promotions li div.addShadow {
padding: 10px
}
}
@media screen and (min-width: 480px) and (min-width: 480px) and (max-width: 766px) {
.promotions li {
clear: both;
float: none;
width: auto !important;
margin-left: 0;
margin-right: 0
}
.promotions li img {
margin-right: 10px;
max-width: 240px
}
}
@media screen and (min-width: 480px) {
#globalLang .worldMap {
float: right;
width: 58%;
margin-left: 2%
}
#globalLang .regions {
float: left;
width: 40%;
margin-top: 1em;
overflow: hidden
}
#globalLang .regions ul.twoCol {
float: left;
width: 48%;
padding-right: 2%
}
#globalLang .regions .k3 {
float: left;
width: 48%;
padding-right: 2%
}
#globalLang .regions .k4 {
clear: none;
float: right;
width: 48%
}
#globalLang .regions .k1 {
clear: both
}
.findSchool {
padding: 15px 10px 0;
background-color: #fff
}
ol.mapresults li {
overflow: hidden;
word-spacing: -1em
}
ol.mapresults li.header {
display: block;
border: none;
position: relative;
padding-top: 7px;
padding-bottom: 7px;
background-color: #f2f2f2;
font-weight: bold
}
ol.mapresults li.header .tel {
text-align: center
}
ol.mapresults li.header .distance {
text-align: right
}
ol.mapresults div {
display: inline-block;
word-spacing: normal;
vertical-align: bottom
}
ol.mapresults span {
position: absolute;
left: -50000px;
top: -50000px
}
ol.mapresults .address {
width: 51%;
margin-bottom: 0;
padding-left: 2%
}
ol.mapresults .tel {
width: 25%;
margin: 0 2%;
text-align: center
}
ol.mapresults .distance {
width: 15.5%;
text-align: right
}
* html ol.mapresults div {
display: inline
}
.ie7 ol.mapresults div {
display: inline
}
.media .controls li a {
width: 16px;
height: 35px;
background: url(../images/assets/sprite_icons.png) no-repeat -160px 0;
position: absolute;
top: 180px
}
.media .controls li .btnNext {
background-position: -140px 0;
right: 10px;
left: auto
}
.media .controls li .btnPrev {
left: 10px
}
.media .controls li a:hover.btnNext {
background-position: -180px 0
}
.media .controls li a:hover.btnPrev {
background-position: -200px 0
}
.media .imageGallery .mediaFrame {
margin: 0 auto;
max-width: 470px
}
.media .imageGallery .frameLg .inner {
height: 330px
}
.ie7 .media .imageGalleryNav li {
display: inline
}
div.videoGallery iframe.youtube, div.media.frame iframe.youtube {
width: 992px;
height: 360px
}
div#swfContainer div#Frame {
width: 600px;
height: 400px
}
.zoomControls .button {
float: right
}
.skipLink {
position: absolute;
left: -99999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0
}
.genericForm > fieldset {
max-width: 410px
}
.colAside .genericForm > fieldset {
width: auto
}
.imageSlider {
display: block;
max-width: 880px;
position: relative;
margin: 0 0 40px 0
}
.imageSlider a:active {
outline: 0
}
.imageSlider .slides, .imageSlider ul {
margin: 0;
padding: 0;
list-style-image: none
}
.imageSlider ul li {
margin: 0;
padding: 0
}
.imageSlider .inner {
position: relative;
width: 100%;
margin: 0;
padding: 0;
background-color: #fff
}
.imageSlider .inner .slides {
zoom: 1
}
.imageSlider .inner .slides > li {
position: relative;
display: none
}
.imageSlider .inner .slides img {
max-width: 100%;
display: block
}
.imageSlider .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .imageSlider .slides {
display: block
}
* html .imageSlider .slides {
height: 1%
}
.no-js .imageSlider .slides > li:first-child {
display: block
}
.flex-caption {
background: none;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Cffffff, endColorstr=#7Cffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Cffffff, endColorstr=#7Cffffff);
zoom: 1
}
.flex-caption {
padding: 0;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.7);
color: #333
}
.flex-caption h3, .flex-caption h4 {
display: inline;
line-height: 1.8;
padding: 0 15px;
margin: 0;
color: #0c2645
}
.flex-caption h3 {
font-weight: lighter;
text-transform: uppercase;
font-size: 2.5em
}
.flex-caption h4 {
font-weight: normal;
font-size: 2em
}
.flex-direction-nav {
margin: 0;
padding: 0;
width: 100%;
list-style-image: none;
position: absolute;
top: 45%;
left: 0;
overflow: visible !important
}
.flex-direction-nav li a {
width: 16px;
height: 35px;
margin: 0;
display: block;
background: url(../images/assets/sprite_icons.png) no-repeat -160px 0;
position: absolute;
top: 0;
cursor: pointer;
text-indent: -9999em
}
.flex-direction-nav li .next {
background-position: -140px 0;
right: 10px
}
.flex-direction-nav li .prev {
left: 10px
}
.flex-direction-nav li a:hover.next {
background-position: -180px 0
}
.flex-direction-nav li a:hover.prev {
background-position: -200px 0
}
.flex-direction-nav li .disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default
}
.imageSlider .flex-control-nav {
position: absolute;
bottom: -10px;
right: 10px
}
.imageSlider .flex-control-nav li {
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
zoom: 1;
*display: inline
}
.imageSlider .flex-control-nav li:first-child {
margin: 0
}
.imageSlider .flex-control-nav li a {
width: 13px;
height: 13px;
display: block;
background: url(../images/assets/sprite_icons.png) no-repeat -120px -120px;
cursor: pointer;
text-indent: -9999px
}
.imageSlider .flex-control-nav li a:hover {
background-position: -135px -120px
}
.imageSlider .flex-control-nav li a.active {
background-position: -150px -120px;
cursor: default
}
.imageSlider .youTubeVideo .playerContainer {
display: inline-block;
width: 730px;
height: 345px
}
.imageSlider .youTubeVideo .videoButton {
position: absolute;
top: 45%;
left: 45%;
width: 40px;
height: 40px;
background: transparent url(../images/assets/sprite_icons.png) no-repeat -200px -400px;
border: none;
margin: 0;
padding: 0;
text-indent: -999em;
cursor: pointer
}
.homeCarousel {
display: block;
position: relative;
margin: 15px 0 0 0;
padding: 0
}
.homeCarousel a:active {
outline: 0
}
.homeCarousel ul.slides, .homeCarousel ul {
margin: 0;
padding: 0;
list-style-image: none
}
.homeCarousel ul li {
margin: 0;
padding: 0
}
.homeCarousel .inner {
position: relative;
width: 100%;
margin: 0;
padding: 0
}
.homeCarousel .inner .slides {
zoom: 1
}
.homeCarousel .inner .slides > li {
position: relative;
display: none
}
.homeCarousel .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .homeCarousel .slides {
display: block
}
* html .homeCarousel .slides {
height: 1%
}
.no-js .homeCarousel .slides > li:first-child {
display: block
}
.homeCarousel .flex-control-nav {
position: absolute;
bottom: -10px;
right: 10px
}
.homeCarousel .flex-control-nav li {
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
zoom: 1;
*display: inline
}
.homeCarousel .flex-control-nav li:first-child {
margin: 0
}
.homeCarousel .flex-control-nav li a {
width: 13px;
height: 13px;
display: block;
background: url(../images/assets/sprite_icons.png) no-repeat -120px -120px;
cursor: pointer;
text-indent: -9999px
}
.homeCarousel .flex-control-nav li a:hover {
background-position: -135px -120px
}
.homeCarousel .flex-control-nav li a.active {
background-position: -150px -120px;
cursor: default
}
.homeCarousel .slides .carouselTxt {
width: 38%;
margin: 0;
padding: 35px 2% 0 4%
}
.homeCarousel .slides li {
min-height: 360px;
background-repeat: no-repeat;
background-position: 100% 0
}
.homeCarousel .slides h1 {
color: #fff;
line-height: 1.1
}
.homeCarousel .slides h1 span {
display: block;
font-size: 0.444em
}
.homeCarousel .slides h2 {
color: #7a7a7a;
margin-bottom: 0.5em
}
.homeCarousel .slides .big {
font-size: 1.333em
}
.homeCarousel .slides .bgWhite {
background-color: #fff
}
.homeCarousel .slides .bgBlack {
background-color: #000;
color: #fff
}
.homeCarousel .slides .bgBlack h1 {
color: #fff
}
.homeCarousel .slides .bgBlack h2 {
color: #7a7a7a
}
.fadeLine {
display: block;
height: 15px;
margin-bottom: 0;
background: transparent url(../images/assets/tab_fade.png) no-repeat 50% 1px
}
.rtl .homeCarousel .flex-control-nav {
right: auto;
left: 10px
}
.rtl .homeCarousel .slides .carouselTxt {
text-align: right
}
.ie7 .rtl .homeCarousel .button {
float: right
}
.dynamicTabs {
border: none;
background-color: #fff
}
.dynamicTabs .tabs {
padding: 0;
overflow: visible !important;
bottom: -10px;
margin-bottom: 0 !important
}
.dynamicTabs .tabs:after {
border: none !important
}
.dynamicTabs .tabs a {
padding: 12px 6px !important
}
.dynamicTabs .tabs li:first-child a {
margin-left: 5px
}
.dynamicTabs .tabs li.tabs-selected a {
background-color: #fff !important;
color: #58b0e2 !important
}
.dynamicTabs .tabs-content {
clear: both
}
.dynamicTabs .tabs-content .inner {
background-color: #fff;
padding: 10px;
margin: 0
}
.dynamicTabs .tabs-panel {
display: none;
padding: 10px;
margin: 0;
background: #E7E9EA
}
.dynamicTabs .tabs-panel-selected {
display: block
}
.js .dynamicTabs .tabs {
display: block
}
.js .dynamicTabs .offscreen {
position: absolute
}
.ie7 .dynamicTabs {
position: relative
}
.rtl .dynamicTabs .tabs li:first-child a {
margin-left: 0;
margin-right: 5px
}
#eucookielawcontainer .bannerbuttons {
width: 20%;
float: right;
text-align: right
}
#eucookielawcontainer .bannercontent {
width: 75%;
float: left
}
.subCatCarousel {
display: block;
position: relative;
margin: 0 0 1.5em 0;
padding: 0;
-moz-box-shadow: 0px 0px 15px #ddd;
-webkit-box-shadow: 15px #ddd;
box-shadow: 0 0 15px #ddd
}
.ie7 .subCatCarousel, .ie8 .subCatCarousel {
border: 1px solid #eee
}
.subCatCarousel a:active {
outline: 0
}
.subCatCarousel ul.slides, .subCatCarousel ul {
margin: 0;
padding: 0;
list-style-image: none
}
.subCatCarousel ul li {
margin: 0;
padding: 0
}
.subCatCarousel .inner {
position: relative;
width: 100%;
margin: 0;
padding: 0
}
.subCatCarousel .inner .slides {
zoom: 1;
margin: 0;
padding: 0;
width: 100%;
height: 350px
}
.subCatCarousel .inner .slides > li {
position: relative;
display: none
}
.no-js .subCatCarousel .slides > li:first-child {
display: block
}
.no-js .subCatCarousel .flex-custom-nav {
display: none
}
.subCatCarousel .flex-custom-nav {
list-style: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 10px 0 5px 10px;
z-index: 100000;
background-color: #eee;
background-color: rgba(212, 212, 212, 0.8)
}
.subCatCarousel .flex-custom-nav li {
margin: 0;
padding: 0;
float: left
}
.subCatCarousel .flex-custom-nav li a {
display: block;
padding: 0 10px 5px 10px;
font-weight: bold;
font-size: 0.92em;
cursor: pointer;
color: #000;
text-decoration: none
}
.subCatCarousel .flex-custom-nav li.active a, .subCatCarousel .flex-custom-nav li a:hover, .subCatCarousel .flex-custom-nav li a.active {
color: #fff
}
.rtl .subCatCarousel .flex-custom-nav {
left: auto;
right: 0
}
.rtl .subCatCarousel .flex-custom-nav li {
margin: 0;
padding: 0;
float: right
}
.subCatCarousel .slides .carouselTxt {
float: left;
width: 36%;
margin: 0;
padding: 20px 0 0 4%
}
.subCatCarousel .slides .carouselImg {
float: right;
width: 60%;
padding: 0;
margin: 0
}
.subCatCarousel .slides .carouselImg img {
display: block;
max-height: 100%;
float: right
}
.subCatCarousel .slides h1 {
color: #cc092f;
line-height: 1.1
}
.subCatCarousel .slides h1 span {
display: block;
font-size: 0.444em
}
.subCatCarousel .slides h2 {
color: #7a7a7a;
margin-bottom: 0.3em
}
.subCatCarousel .slides .big {
font-size: 1.333em
}
.subCatCarousel .slides p {
margin-bottom: 1em
}
.subCatCarousel .slides p.button {
margin-bottom: 3px
}
.subCatCarousel .slides .bgWhite {
background-color: #fff
}
.subCatCarousel .slides .bgBlack {
background-color: #000;
color: #fff
}
.subCatCarousel .slides .bgBlack h1 {
color: #fff
}
.subCatCarousel .slides .bgBlack h2 {
color: #7a7a7a
}
.rtl .subCatCarousel .slides .carouselTxt {
text-align: right
}
.productsSlider ul li a {
width: 225px
}
.productsSlider h3 {
float: left;
width: 180px;
margin: 25px 0 0 0
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev {
left: 200px
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrls {
top: 35px
}
.gallerySlider {
padding: 15px 80px 0 100px
}
.gallerySlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev {
left: 20px
}
.gallerySlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-next {
right: 20px
}
.advertisement {
padding-top: 0px
}
#productDetails .moredetails .price {
float: left
}
.rtl #productDetails .moredetails .price {
float: right
}
#productDetails.twoCol50-50 {
background: transparent url(../images/assets/dotted_line_v.gif) repeat-y 50% 0
}
.utilContainer {
float: right;
margin-left: 140px;
min-height: 30px
}
#masterHead .utilNav {
display: block;
margin-top: 0;
padding-right: 15px;
width: auto
}
#masterHead .utilNav ul {
margin-top: 0
}
#masterHead .utilNav li {
display: block
}
#masterHead .utilNav li.toggleMenu, #masterHead .utilNav li.toggleSearch {
display: none
}
#masterHead .utilNav ul.util {
display: inline-block;
float: left
}
#masterHead .utilNav ul.util > li {
display: inline-block;
float: none
}
#masterHead .utilNav .mobile.toggleSearch, #masterHead .utilNav .mobile.toggleMenu {
display: none
}
#masterHead .utilNav li.mobile.active {
background-color: transparent
}
#masterHead .utilNav li.mobile.toggleLanguage > a.flag.selected {
text-align: left;
width: auto;
height: auto;
background-image: url(../images/assets/sprite_lang.png);
padding: 0 15px 0 25px;
margin-right: 5px
}
#masterHead .utilNav li.mobile > a:before {
display: none
}
#masterHead .utilNav li.mobile.toggleLanguage a.flag.selected span {
padding-top: 0;
line-height: 2;
font-size: 12px
}
#masterHead .utilNav li.mobile.flag.selected {
background-color: transparent
}
#masterHead .utilNav li.mobile.toggleLanguage a.flag.selected span.m {
display: none
}
#masterHead .utilNav li.mobile.toggleLanguage a.flag.selected span.d {
display: inline-block
}
.js #masterHead .utilNav li.mobile > a.flag.selected:after {
content: "";
width: 10px;
height: 5px;
position: absolute;
top: 10px;
right: 0;
background: transparent url(../images/assets/sprite_arrows.png) no-repeat 0 0
}
.js #masterHead .utilNav li.mobile > a.flag.selected.opened:after {
background-position: 0 -100px
}
.rtl .utilContainer {
float: left;
margin-right: 140px;
margin-left: 0
}
.rtl #masterHead .utilNav {
padding-left: 15px;
padding-right: 0
}
.rtl #masterHead .utilNav ul.util {
float: right
}
.rtl #masterHead .utilNav li.mobile.toggleLanguage > a.flag.selected {
margin-left: 15px
}
}
@media screen and (min-width: 480px) and (max-width: 992px) {
#masterHead .section {
padding: 10px 0 0 0 !important
}
#topNav {
margin: 0 !important
}
.utilContainer {
float: none !important
}
#masterHead .utilNav ul {
margin-top: 0 !important
}
#masterHead .utilNav ul.util {
float: right;
text-align: inherit
}
#masterHead .utilNav ul.util > li {
display: none
}
#masterHead .utilNav ul.util > li.mobile {
float: left
}
#masterHead .utilNav li.mobile.toggleLanguage a.flag.selected span {
line-height: normal !important;
font-size: 11px !important
}
.rtl #masterHead .utilNav ul.util {
float: left
}
.rtl #masterHead .utilNav ul.util > li.mobile {
float: right
}
}
@media screen and (min-width: 480px) {
#masterHead .utilNav .cartUtilNav {
border: none;
width: auto;
padding: 0;
display: inline-block
}
#masterHead .utilNav .cartUtilNav:before {
display: none
}
.cartBtn b {
display: inline-block;
font-weight: normal
}
.ie .mobile.lang.toggleLanguage {
display: inline-block !important
}
.ie7 #masterHead .utilNav ul {
float: right;
clear: none
}
.ie7 #masterHead .utilNav ul li {
float: right !important;
display: block !important;
margin: 0 10px
}
.ie7 #masterHead .utilNav ul li a {
cursor: pointer
}
.ie7 #masterHead .utilNav li.toggleMenu, .ie7 #masterHead .utilNav li.toggleSearch {
display: none !important
}
.ie7 .cartBtn a span {
height: auto
}
.siteSearch {
display: block;
width: 140px;
float: right;
top: 30px;
padding: 0 15px;
margin: 0;
background-color: transparent;
border-top: none
}
.siteSearch:before {
display: none
}
.siteSearch .inputTxt {
width: 120px;
border-bottom: 1px solid #8693a2;
background-color: transparent;
padding: 0 0 3px 0;
color: #8693a2;
float: left
}
.siteSearch .inputButton {
float: right;
margin: 0
}
.rtl .siteSearch .inputTxt {
float: right
}
.rtl .siteSearch {
clear: left;
float: left
}
#topNav {
clear: both;
border: none;
position: relative;
margin-left: 140px
}
#topNav .previewSpace {
display: block;
position: absolute;
width: 180px;
height: 150px;
top: 15px;
left: 0
}
#topNav .previewSpace img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
width: auto
}
#topNav .block {
margin-left: 180px;
min-height: 150px
}
#topNav .linksOnly .block {
margin-left: 0
}
.rtl #topNav {
margin-right: 140px;
margin-left: 0
}
.rtl #topNav .previewSpace {
left: auto;
right: 0
}
.rtl #topNav .block {
margin-right: 180px;
margin-left: 0
}
.rtl #topNav .linksOnly .block {
margin-right: 0
}
#topNav > ul > li {
border-top: none;
float: left;
position: relative;
margin-right: 2px
}
#topNav > ul > li.on > a, #topNav > ul > li:hover > a, #topNav > ul > li:focus > a {
background-color: #fff;
color: #0c2645;
text-decoration: none
}
#topNav > ul > li > a {
border-bottom: none;
padding: 12px 15px !important;
color: #fff;
position: relative
}
#topNav > ul > li > a:after {
display: none
}
#topNav > ul > li.on > a:before, #topNav > ul > li:hover > a:before {
content: "";
border-top: 3px solid #fff;
position: absolute;
top: 0;
left: 0;
width: 100%
}
.rtl #topNav > ul > li {
float: right;
margin-left: 2px;
margin-right: 0
}
.rtl #topNav > ul > li.on > a:before, .rtl #topNav > ul > li:hover > a:before {
right: 0
}
#topNav > ul > li.linksOnly > a {
color: #58B0E2
}
#topNav > ul > li.linksOnly.on > a:before, #topNav > ul > li.linksOnly:hover > a:before, #topNav > ul > li.linksOnly:focus > a:before {
border-color: #58B0E2
}
#topNav > ul > li.on.scheme-coffee > a, #topNav > ul > li.scheme-coffee:hover > a {
color: #6e452b
}
#topNav > ul > li.scheme-coffee.on > a:before, #topNav > ul > li.scheme-coffee:hover > a:before, #topNav > ul > li.scheme-coffee:focus > a:before {
border-color: #6e452b
}
#topNav > ul > li.on.scheme-kitchen > a, #topNav > ul > li.scheme-kitchen:hover > a {
color: #e6be68
}
#topNav > ul > li.scheme-kitchen.on > a:before, #topNav > ul > li.scheme-kitchen:hover > a:before, #topNav > ul > li.scheme-kitchen:focus > a:before {
border-color: #e6be68
}
#topNav > ul > li.on.scheme-homecare > a, #topNav > ul > li.scheme-homecare:hover > a {
color: #8b5f9c
}
#topNav > ul > li.scheme-homecare.on > a:before, #topNav > ul > li.scheme-homecare:hover > a:before, #topNav > ul > li.scheme-homecare:focus > a:before {
border-color: #8b5f9c
}
#topNav > ul > li.on.scheme-comfort > a, #topNav > ul > li.scheme-comfort:hover > a {
color: #90aed9
}
#topNav > ul > li.scheme-comfort.on > a:before, #topNav > ul > li.scheme-comfort:hover > a:before, #topNav > ul > li.scheme-comfort:focus > a:before {
border-color: #90aed9
}
}
@media screen and (min-width: 480px) and (min-width: 992px) {
#topNav > ul > li > a.expand-collapse {
display: none
}
}
@media screen and (min-width: 480px) {
#topNav .dropdown {
display: none;
width: 610px;
position: absolute;
overflow: hidden;
top: 42px;
left: -140px;
margin: 0;
padding-top: 15px;
border: 1px solid #0c2645;
border-bottom: 5px solid #0c2645;
border-top: none;
z-index: 100000
}
#topNav > ul > li:hover .dropdown, #topNav > ul > li:focus .dropdown {
display: block
}
#topNav .linksOnly .dropdown {
width: 400px
}
#topNav .block > ul > li {
float: left;
width: 48%;
margin-right: 2%
}
#topNav .block > ul > li:nth-child(2n+1) {
clear: both
}
.rtl #topNav .dropdown {
right: -140px;
left: auto
}
.rtl #topNav .block > ul > li {
float: right;
margin-right: 0;
margin-left: 2%
}
#topNav li li li a {
padding-bottom: 2px;
margin: 0;
zoom: 1
}
#topNav .foot {
clear: both;
zoom: 1
}
#topNav .foot ul li {
float: left;
margin: 10px
}
#topNav .foot ul li.button {
float: right;
margin: 0
}
#topNav .foot ul li.button a {
color: #fff !important;
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border-radius: 36px !important;
background: none !important;
padding: 0 35px !important;
height: 45px;
line-height: 45px;
border: none !important;
outline: none;
text-decoration: none !important;
-webkit-appearance: none;
outline: none;
color: #fff !important;
background-color: #58B0E2 !important;
width: auto
}
#topNav .foot ul li.button a:hover {
background-color: #052644 !important;
cursor: pointer
}
#topNav .foot ul li a {
color: #58b0e2
}
.rtl #topNav .foot ul li {
float: right
}
.rtl #topNav .foot ul li.button {
float: left
}
.utilNav .langCol {
float: left;
width: 50%
}
.utilNav .selectLang {
width: 400px;
top: 50px;
padding: 10px;
margin: 0
}
.rtl .utilNav .langCol {
float: right
}
#suggestions {
left: auto;
right: 0
}
.rtl #suggestions {
right: auto;
left: 0
}
}
@media only screen and (min-width: 480px) and (min-width: 641px) and (max-width: 1024px) {
.siteSearch {
clear: borh;
top: -10px
}
#topNav {
margin: 0 8px !important
}
#topNav > ul > li {
position: static
}
#topNav .dropdown {
width: 97%;
left: -1px;
border: none;
border: 1px solid #0c2645;
border-bottom: 5px solid #0c2645;
border-top: none
}
#topNav .linksOnly .dropdown {
width: 97%
}
#masterHead .utilNav li.mobile.toggleLanguage a.flag.selected span.m {
display: inline-block
}
#masterHead .utilNav li.mobile.toggleLanguage a.flag.selected span.d {
display: none
}
.rtl #topNav .dropdown {
left: auto;
right: -1px
}
}
@media only screen and (min-width: 480px) and (max-width: 992px) {
.utilContainer {
text-align: inherit;
margin: 0 !important
}
#masterHead .utilNav {
width: 100%;
margin-top: -8px;
display: block;
float: none
}
#masterHead .utilNav .cartUtilNav {
border-top: 2px solid #000;
width: 96%;
padding: 7px 2%
}
#masterHead .utilNav .cartUtilNav:before {
display: block;
content: "";
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 1px;
background-color: #133D6E
}
#masterHead .utilNav ul {
margin-top: -10px
}
.rtl #topNav {
margin-right: 0
}
.rtl #masterHead .utilNav .cartUtilNav:before {
left: auto;
right: 0
}
#masterHead .utilNav li {
display: none
}
#masterHead .utilNav li.mobile {
display: block !important
}
#masterHead .utilNav li.mobile > a {
text-indent: -999em;
width: 54px !important;
height: 80px !important
}
#masterHead .utilNav li.mobile > a:before {
display: block
}
#masterHead .utilNav li.toggleLanguage {
padding-left: 0;
background: none
}
#masterHead .utilNav li.mobile.toggleLanguage > a.flag.selected {
text-indent: 0;
text-align: center;
background: none;
padding: 0
}
#masterHead .utilNav li.mobile.toggleLanguage > a.flag.selected span {
display: inline-block;
padding-top: 52px;
font-weight: bold;
font-size: 1em
}
#masterHead .utilNav li.mobile.active {
background-color: #133d6e
}
#masterHead .utilNav li.mobile > a.flag.selected:after {
display: none
}
.utilNav .selectLang {
right: 0
}
.rtl #masterHead .utilNav li.toggleLanguage {
padding-right: 0
}
.rtl .utilNav .selectLang {
right: auto;
left: 0
}
#topNav > ul > li > a:before {
display: none
}
#topNav > ul > li > a {
color: #fff !important
}
#topNav > ul > li {
margin-right: 0
}
#topNav > ul > li.on > a, #topNav > ul > li:hover > a, #topNav > ul > li:focus > a {
background-color: transparent;
color: #58b0e2
}
#topNav .linksOnly .dropdown {
width: auto
}
#masterHead .utilNav li.mobile.toggleLanguage a.flag.selected span.m {
display: inline-block
}
#masterHead .utilNav li.mobile.toggleLanguage a.flag.selected span.d {
display: none
}
.siteSearch {
display: none;
clear: both !important;
float: none !important;
width: auto;
top: 0;
margin-right: 0;
padding: 15px 10px;
background-color: #0c2645;
border-top: 2px solid #000
}
.siteSearch:before {
display: block
}
.siteSearch .inputTxt {
width: 90%;
border: none;
background-color: #fff;
padding: 7px 5px
}
.siteSearch .inputButton {
margin: 8px 5px 0 5px
}
.rtl .siteSearch {
margin-left: 0
}
#topNav .previewSpace {
display: none
}
#topNav .block {
margin-left: 0;
margin-right: 0 !important;
min-height: 0
}
#topNav {
clear: both;
border-top: 2px solid #000
}
#topNav > ul > li {
border-top: 1px solid #133d6e;
float: none !important;
position: relative
}
#topNav > ul > li > a {
border-bottom: 2px solid #000;
padding: 13px 35px 13px 10px !important;
position: relative
}
#topNav > ul > li > a:after {
display: block
}
#topNav > ul > li.on > a {
background-color: transparent;
color: #fff
}
#topNav .dropdown {
display: block;
width: auto;
position: static;
padding: 10px;
margin: 10px;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
#topNav .block > ul > li > a {
padding: 0 0 5px 0
}
#topNav > ul > li:hover .dropdown, #topNav > ul > li:focus .drop-down {
display: none
}
.js #topNav .dropdown {
display: none
}
.js #topNav li.parent.hover .dropdown {
display: block
}
#topNav li li li {
text-transform: uppercase
}
#topNav ul ul ul {
margin: 5px 0 15px 0
}
#topNav li li li a {
padding-bottom: 3px
}
.rtl #topNav > ul > li > a {
padding-left: 35px !important;
padding-right: 10px !important
}
.rtl #topNav .foot ul li.button {
float: right
}
.utilNav .selectLang {
margin: 0 2%;
padding: 2%;
width: 91%;
top: 80px
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
#content .section {
min-height: 0
}
.colMain, .colAside, .rtl .colMain, .rtl .colAside {
float: none;
width: 96% !important;
margin: 0 2% !important
}
#productDetails.twoCol50-50 {
background-image: none
}
#footer .colNo5 .col, .sitemap .colNo5 .col {
width: 31%
}
#footer .colNo5 .col:nth-of-type(3n+1), .sitemap .colNo5 .col:nth-of-type(3n+1) {
clear: both
}
.list4col > li {
width: 32%
}
.list4col > li.first {
clear: none;
margin-left: 2%
}
.list4col > li:nth-child(3n+1) {
clear: both;
margin-left: 0
}
.rtl .list4col > li.first {
margin-right: 2%;
margin-left: 0
}
.rtl .list4col > li:nth-child(3n+1) {
margin-right: 0
}
.sectionBox li {
width: 50%
}
.sectionBox li:nth-child(2n+1) {
clear: both;
background: none
}
.inTheBox li {
width: auto;
margin: 0 20px 20px 0 !important
}
.inTheBox li.first {
clear: none
}
.rtl .inTheBox li {
margin: 0 0 20px 20px !important
}
ul.items.five li {
width: 31%;
margin: 0 1% 20px 1%
}
ul.items.five li:nth-child(3n+1) {
clear: both
}
.homeCarousel .slides li {
background-position: 120% 0
}
.homeCarousel .slides .big {
font-size: 1.15em
}
.homeCarousel .slides .carouselTxt {
background: rgba(255, 255, 255, 0.8);
width: 35%;
margin: 10px 0 10px 10px;
padding: 15px 10px 0 15px
}
.homeCarousel .slides .bgBlack .carouselTxt {
background: rgba(0, 0, 0, 0.7)
}
.subCatCarousel .slides .big {
font-size: 1.15em
}
.subCatCarousel .slides .carouselTxt {
background: rgba(255, 255, 255, 0.8);
width: 44%;
margin: 2% 1% 1% 3%;
padding: 1%
}
.subCatCarousel .slides .carouselImg {
width: 50%
}
.subCatCarousel .slides .carouselImg img {
margin-right: -100px
}
.subCatCarousel .slides .bgBlack .carouselTxt {
background: rgba(0, 0, 0, 0.7)
}
#globalLang .worldMap {
width: 50%
}
#globalLang .regions {
width: 48%
}
.smallHero {
padding-top: 10px
}
.smallHero .button {
float: left
}
.rtl .smallHero .button {
float: right
}
.productsSlider ul li a {
width: 190px
}
.productsSlider h3 {
float: none;
width: auto;
margin: 0 0 1em 0
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrls.ncj-simpleslider-ctrl-prev {
left: 0
}
.productsSlider.ncj-widget-active .ncj-simpleslider-ctrls {
top: 40%
}
#suggestions {
left: 10px;
right: auto
}
.rtl #suggestions {
right: 10px;
left: auto
}
}
@media only screen and (min-width: 480px) and (max-width: 992px) {
.advertisement {
padding-top: 45px
}
.pullRight img, .pullLeft img {
max-width: 220px
}
#footer .section {
margin: 20px 10px 0 10px;
width: auto
}
#footer .bl {
border-top: none;
padding: 10px 0
}
#footer .bl ul {
float: none;
text-align: left;
border-bottom: 5px solid #f2f2f2;
margin-bottom: 15px;
padding-bottom: 15px;
width: 100%
}
#footer .bl li {
display: block
}
#footer .bl li a {
padding-right: 0
}
#footer .bl li:after {
content: "";
padding-right: 0
}
#footer .bl .copy {
float: none;
width: auto
}
#mobilefooter {
display: block
}
#footer .utilNav {
display: block;
float: none
}
#footer .colNo5 .col, #footer .colNo4 .col, #footer .colNo3 .col, .sitemap .colNo5 .col, .sitemap .colNo4 .col, .sitemap .colNo3 .col {
clear: both;
float: none;
width: auto !important;
margin: 0
}
#content .tabs:after, #overlay .tabs:after {
border: none
}
#content .tabs li, #overlay .tabs li {
float: none;
padding: 0 !important;
background: #58b0e2;
border-bottom: 2px solid #fff;
border-radius: 0 !important
}
#content .tabs li a, #overlay .tabs li a {
color: #fff;
padding: 10px
}
#content .tabs .on a, #overlay .tabs .on a {
background-color: #0c2645;
color: #fff
}
.intro {
padding: 0 0 0.5em 0 !important
}
.list2col .col, .list2col > li {
float: none;
width: auto;
margin: 0 0 2% 0
}
.list4col > li {
width: 49%
}
.list4col > li:nth-child(3n+1) {
clear: none;
margin-left: 2%
}
.list4col > li:nth-child(2n+1) {
clear: both;
margin-left: 0
}
.list3col div.col {
float: none;
width: auto;
margin: 0;
padding: 0
}
.items.list2col li:nth-last-child(2) {
border-bottom: 1px dotted #ccc
}
.items.list2col li:nth-last-child {
border: none
}
.rtl .list4col > li:nth-child(3n+1) {
margin-left: 0;
margin-right: 2%
}
.rtl .list4col > li:nth-child(2n+1) {
clear: both;
margin-right: 0
}
.specs {
float: none;
width: auto;
margin-right: 0
}
ul.items.couple li {
float: none;
width: auto;
margin-left: 0
}
ul.items.four li {
width: 30%;
margin-left: 3%
}
ul.items.four li.odd {
clear: none;
margin-left: 3%
}
ul.items.four li:nth-child(3n+1) {
clear: both;
margin-left: 0
}
.rtl ul.items.four li.odd {
clear: none;
margin-left: 0;
margin-right: 3%
}
.rtl ul.items.four li:nth-child(3n+1) {
clear: both;
margin-right: 0
}
.breadcrumbs, .imageSlider {
display: none
}
.largeHero {
margin-bottom: 20px
}
.largeHero .heroText, .largeHero .heroImg {
clear: both;
margin: 0;
padding: 20px 0;
float: none;
width: auto
}
#compare .col {
width: 48%
}
#globalLang .worldMap, #globalLang .regions {
float: none;
width: auto
}
div.videoGallery iframe.youtube, div.media.frame iframe.youtube {
width: 480px;
height: 270px
}
div#swfContainer div#Frame {
width: 450px;
height: 300px
}
#eucookielawcontainer .bannerbuttons, #eucookielawcontainer .bannercontent {
width: auto;
float: none
}
.dynamicTabs {
border: 1px solid #dbdbdb !important;
background-color: #f2f2f2 !important
}
.dynamicTabs .tabs {
display: none !important
}
.dynamicTabs .tabs-content .inner {
margin: 10px !important
}
.dynamicTabs h2.offscreen, .dynamicTabs h3.offscreen {
position: static !important
}
.skipLink {
position: static;
width: auto;
height: auto;
margin-bottom: 1.5em
}
.homeCarousel, .subCatCarousel, .imageSlider {
display: none
}
.socialTop {
top: 10px;
right: 10px
}
}
@media screen and (min-width: 480px) {
#mediaTest {
width: 1px
}
}
@media only screen and (min-width: 480px) and (max-width: 500px) {
div.videoGallery iframe.youtube, div.media.frame iframe.youtube {
width: 380px;
height: 214px
}
div#swfContainer div#Frame {
width: 380px;
height: 253px
}
.media .imageGallery .frameLg .inner {
height: 280px
}
.filterOptions.list3col li {
float: none;
width: auto;
margin: 0 0 2% 0
}
.gridStyle4cols li {
width: 50%
}
.gridStyle4cols li.first {
clear: none
}
.gridStyle4cols li:nth-child(3n+1) {
clear: both
}
.gridStyle4cols li:nth-child(3n) {
border-right: none
}
.gridStyle4cols li:nth-child(4n) {
border-right: 1px dotted #ccc
}
#mediaTest {
width: 2px
}
}
@media screen and (min-width: 480px) {
.ie .section {
min-width: 1180px
}
.ie .shadow1 {
background-color: #f9f9f9
}
.ie .clearfix {
zoom: 1
}
.ie .box.style1 {
padding: 10px;
border: 1px solid #d9d9d9;
background-color: #f0f0f0;
-moz-box-shadow: inset 0 0 25px #cbcbcb;
-webkit-box-shadow: inset 0 0 25px #cbcbcb;
box-shadow: inset 0 0 25px #cbcbcb
}
.ie .box.style1 .inner {
padding: 10px
}
.ie7 .frame, .ie8 .frame {
border: 1px solid #ccc
}
}
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
cursor: pointer
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #fff;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #58b0e2
}
#pump-container .nav-container .navigation {
top: 1px !important
}
html, p, a, label, li, button, input, select, textarea, .button, .button a, .button input, .button button, div label.checkbox-button, .btn, .btn a, .btn input, .btn button, #masterHead, .breadcrumbs, #content .tabs, #overlay .tabs, .twoCol50-50.reviewModule label, .twoCol50-50.reviewModule strong, #content .reviews table, .leftNav a, .faq .js-header, .productInfo label, .navButtons, #productDetails .moredetails, .addToCartBox .prices, .useGuide, .ncj-imagezoom-controls span, .sitemap .block > ul > li > a, .pregress-bar ol li span, #footer-bottom .bl ul, blockquote .big, #suggestions p, .navButtons li:before, .cart-pending .add-cart-button .add-cart-button-inactive, #masterHead .utilNav, .hero .message .slogan, .hero .message p, .btn-holder .btn-play, .featured__title, .wrap p, .products__content .offer span, .products__content .title, .products__content .product-info .info, .products__content .price, .products__content .note, .why__title, .why .contents .item .title, .why .contents .item p, .heading-section .block a .title, .get-the-app .title, .get-the-app .section .msg-img .msg, #pump-container, #pump-container .block.third .boxdata, #pump-container .block.forth .textbox p, #pump-container #favourites.block.forth .glass span, #pump-container .block.fifth .textbox p, #dinamica-container .block.second .containerBox2 span, #dinamica-container .block.second .containerBox2 p, #dinamica-container, #dinamica-container .block.first1 A.models, #dinamica-container .block.forth .boxForth p, #dinamica-container .block.fifth .boxFifth .text p, #dinamica-container .block.sixt .boxSixt p, #primadonnac-container, #primadonnac-container .block.second .containerBox2 span, #primadonnac-container .block.second .containerBox2 p, #primadonnac-container .block.fifth .boxFifth .text p, #primadonnac-container .block.sixt .boxSixt p, #navMenu li, #PageMultifry h1, #PageMultifry p, #icona-container .textbox P, #icona-container, #icona-container .textbox P, #icona-container .hea, #icona-container .suba, .logo p, #icona-container .titleColor, #icona-container #extradownload .subb, #icona-container .howitworks .ele p, #avvolta-container, #avvolta-container .textbox P, #avvolta-container .block.first A.open-video2, #dehumidifiers-container .textbox P, #dehumidifiers-container, #dehumidifiers-container .glass div, #riscald-container .block.first .textLayer p, #riscald-container .block.second .headQ, #riscald-container .block.second .answerQ a, #riscald-container .block.third .rBlock .content .ctext p, #riscald-container, #riscald-container .block.forth .blockO .text P, #distinta-container, #distinta-container .textbox P, #getapp .hea, #getapp .suba, #getapp .subb, #distinta-container .firstBox P, #distinta-container .block.third .floatbox .textapp, #distinta-container .collectionbox P, #distinta-container .howitworks .ele p, .banner_content a, .nm-main-wrapper, .nm-prod-title.am-main, .nm-prod-title, .nm-terms p {
font-family: "notoregular" !important
}
h5, .wrap .gallery h5, h6, h6 a, .textbox strong {
font-family: 'notobold' !important;
font-weight: normal !important
}
h1, .nm-push-lefts h1, h2, .items h2, .twoCol50-50.reviewModule h2, .promotions li h2, #pump-container .block.first .textbox h2, #pump-container .block.forth .textbox h2, #pump-container .block.fifth .textbox h2, #dinamica-container .block h2, #primadonnac-container .block h2, #PageMultifry h2, #icona-container .textbox h2, #icona-container .titleline H2, #avvolta-container .textbox h2, #dehumidifiers-container h2, #riscald-container .block.third H2, #riscald-container .block.forth H2, #distinta-container .textbox h2, #distinta-container .firstBox H2, #distinta-container .titleline H2, .wrap .banner_wrap .banner_bg .banner_left h2, h3, .sitemap h3, .channelFilter .filterOptions h3, .slide .slide-overlay h3, .flex-caption h3, .box.style2 h3, .category h3, #compare h3, #footer h3, .productsSlider h3, .relatedItems h3, .specs h3, .promotions h3, .sectionBox li h3, .main-slider .item h3, #pump-container .block.first .textbox h3, #pump-container .block.forth .textbox h3, #pump-container .block.fifth .textbox h3, #dinamica-container .block h3, #primadonnac-container .block h3, #PageMultifry h3, #dehumidifiers-container .block.second2 H3, #riscald-container .block.forth H3, #riscald-container .block.third .rBlock .content h3, .wrap .service_wrap .section .service .service_block .service_right h3, h4, .flex-caption h4, #dinamica-container .block.fifth .boxFifth .text h4, #primadonnac-container .block.fifth .boxFifth .text h4, #riscald-container .block.forth .blockO .text H4, .wrap .service_wrap .section .service .slider_wrap h4 {
font-family: 'notobold' !important;
font-weight: normal !important
}
h4, .flex-caption h4, #dinamica-container .block.fifth .boxFifth .text h4, #primadonnac-container .block.fifth .boxFifth .text h4, #riscald-container .block.forth .blockO .text H4, .wrap .service_wrap .section .service .slider_wrap h4 {
text-transform: uppercase !important
}
body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit {
margin-right: 10px
}
body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink.dlgForgottenPassword {
margin-bottom: 10px
}
body #eucookielawcontainer .bannerbuttons .button a {
display: block
}
body .cart-pending-current .add-cart-button .icon.adding {
top: 12px;
right: 7px
}
body .category .button.grey a {
text-decoration: none !important
}
body .button i, body .button em, body .checkbox-button i, body label.checkbox-button span.icon {
display: none !important
}
body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword, body .dlgForgottenPassword, body a.btn.icon-edit, body button.btn.icon-edit, body .cta-link-normal, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: inherit
}
body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:hover, body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:active, body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:focus, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:active, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:focus, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:hover, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:active, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:focus, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:hover, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:active, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:focus, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:hover, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:active, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:focus, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:active, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:focus, body .dlgForgottenPassword:hover, body .dlgForgottenPassword:active, body .dlgForgottenPassword:focus, body a.btn.icon-edit:hover, body a.btn.icon-edit:active, body a.btn.icon-edit:focus, body button.btn.icon-edit:hover, body button.btn.icon-edit:active, body button.btn.icon-edit:focus, body .cta-link-normal:hover, body .cta-link-normal:active, body .cta-link-normal:focus, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:hover, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:active, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
body #ctl00_ContentPlaceHolderMain_SignInControl1_HyperlinkForgottenPassword:visited, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_HyperlinkForgottenPassword:visited, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkEdit:visited, body #ctl00_ContentPlaceHolderMain_AddressViewSummaryBillTo_HyperLinkChange:visited, body #ctl00_ContentPlaceHolderMain_HyperLinkEdit:visited, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_HyperlinkForgottenPassword:visited, body .dlgForgottenPassword:visited, body a.btn.icon-edit:visited, body button.btn.icon-edit:visited, body .cta-link-normal:visited, body .gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
body .cta-link-normal__inherit {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: inherit;
font-size: inherit
}
body .cta-link-normal__inherit:hover, body .cta-link-normal__inherit:active, body .cta-link-normal__inherit:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
body .cta-link-normal__inherit:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
body .slide .slide-overlay p a, body .cta-link-uppercase {
font-weight: 900;
font-size: 12px;
letter-spacing: 0.8px;
color: #58B0E2 !important;
border: 0;
padding: 0 0 2px !important;
border-bottom: 1px solid #58B0E2 !important;
background: none !important;
border-radius: 0 !important;
text-decoration: none !important;
height: auto;
line-height: normal !important;
text-transform: uppercase
}
body .slide .slide-overlay p a:hover, body .slide .slide-overlay p a:active, body .slide .slide-overlay p a:focus, body .cta-link-uppercase:hover, body .cta-link-uppercase:active, body .cta-link-uppercase:focus {
color: #052644 !important;
border-bottom: 1px solid #052644 !important;
cursor: pointer
}
body .slide .slide-overlay p a:visited, body .cta-link-uppercase:visited {
color: #1D56A2 !important;
border-bottom: 1px solid #1D56A2 !important
}
body .button a, body .button input:not(input[type=submit]), body .button button {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-radius: 22.5px;
background: none !important;
padding: 0 35px !important;
height: 43px;
line-height: 43px;
text-decoration: none !important;
-webkit-appearance: none;
color: #58B0E2 !important;
border: 1px solid #58B0E2 !important;
width: auto;
outline: none
}
body .button a:hover, body .button input:not(input[type=submit]):hover, body .button button:hover {
color: #052644 !important;
border: 1px solid #052644 !important;
cursor: pointer
}
body a.btn.icon-buy, body input.btn.icon-buy, body button.btn.icon-buy, body .search-product .button input, body .features .pdr .pdr-block .cta-button a, body .introduction .center .content .button, body .btn-primary, body #ctl00_ContentPlaceHolderMain_SignInControl1_hyperlinkRegister, body .cart-pending .add-cart-button .add-cart-button-inactive, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_hyperlinkRegister, body a.btn.btn-xxl, body input.btn.btn-xxl, body button.btn.btn-xxl, body #eucookielawcontainer .bannerbuttons .button a, body #ctl00_ContentPlaceHolderMain_hyperlinkRetakePayment, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ButtonSubmit, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_GigyaLogin_createAccountButton_hyperlinkRegister, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_createAccountButton_hyperlinkRegister, body #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale, body .cta-primary-button, body .genericForm .button input, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_lnkWhereToBuy, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_panelMoreDetails .buynow-btn-show, body.isPdpPage .moredetails #buynowBtnWrapper a, body.isPdpPage .manualFaqSupport .search-product .button input {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border-radius: 36px !important;
background: none !important;
padding: 0 35px !important;
height: 45px;
line-height: 45px;
border: none !important;
outline: none;
text-decoration: none !important;
-webkit-appearance: none;
outline: none;
color: #fff !important;
background-color: #58B0E2 !important;
width: auto
}
body a.btn.icon-buy:hover, body input.btn.icon-buy:hover, body button.btn.icon-buy:hover, body .search-product .button input:hover, body .features .pdr .pdr-block .cta-button a:hover, body .introduction .center .content .button:hover, body .btn-primary:hover, body #ctl00_ContentPlaceHolderMain_SignInControl1_hyperlinkRegister:hover, body .cart-pending .add-cart-button .add-cart-button-inactive:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin1_hyperlinkRegister:hover, body a.btn.btn-xxl:hover, body input.btn.btn-xxl:hover, body button.btn.btn-xxl:hover, body #eucookielawcontainer .bannerbuttons .button a:hover, body #ctl00_ContentPlaceHolderMain_hyperlinkRetakePayment:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ButtonSubmit:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_GigyaLogin_createAccountButton_hyperlinkRegister:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_createAccountButton_hyperlinkRegister:hover, body #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale:hover, body .cta-primary-button:hover, body .genericForm .button input:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_lnkWhereToBuy:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_panelMoreDetails .buynow-btn-show:hover, body.isPdpPage .moredetails #buynowBtnWrapper a:hover, body.isPdpPage .manualFaqSupport .search-product .button input:hover {
background-color: #052644 !important;
cursor: pointer
}
body .button input[type=submit]#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_PromotionCodeDiscount1_buttonApplyCode, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_buttonBack, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_buttonSignIn, body #ctl00_ContentPlaceHolderMain_AddressSelectionControl_HyperLinkAddAddress, body #ctl00_ContentPlaceHolderMain_AddressAddEdit_buttonAddressCancel, body a.btn.checkout-back, body input.btn.checkout-back, body button.btn.checkout-back, body #ctl00_ContentPlaceHolderMain_hyperlinkContinueShopping, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ProductListing_HyperLinkCompareProduct, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_AddressEditForListing_buttonAddressCancel, body .cta-secondary-button {
font-weight: 900;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border-radius: 22.5px;
background: none !important;
padding: 0 35px !important;
height: 43px;
line-height: 43px;
text-decoration: none !important;
-webkit-appearance: none;
color: #58B0E2 !important;
border: 1px solid #58B0E2 !important;
width: auto;
outline: none
}
body .button input[type=submit]#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_PromotionCodeDiscount1_buttonApplyCode:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_buttonBack:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_Signin2_buttonSignIn:hover, body #ctl00_ContentPlaceHolderMain_AddressSelectionControl_HyperLinkAddAddress:hover, body #ctl00_ContentPlaceHolderMain_AddressAddEdit_buttonAddressCancel:hover, body a.btn.checkout-back:hover, body input.btn.checkout-back:hover, body button.btn.checkout-back:hover, body #ctl00_ContentPlaceHolderMain_hyperlinkContinueShopping:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ProductListing_HyperLinkCompareProduct:hover, body #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_AddressEditForListing_buttonAddressCancel:hover, body .cta-secondary-button:hover {
color: #052644 !important;
border: 1px solid #052644 !important;
cursor: pointer
}
.dlIcon {
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
width: 30px;
height: 30px
}
.dlIcon.youtube {
background-image: url("../images/icons/youtube-tondo@3x.png")
}
.dlIcon.cart {
background-image: url("../images/icons/carrello@3x.png")
}
.dlIcon.phone {
background-image: url("../images/icons/contatti@3x.png")
}
.dlIcon.facebook {
background-image: url("../images/icons/facebook-tondo@3x.png")
}
.dlIcon.faq {
background-image: url("../images/icons/faq@3x.png")
}
.dlIcon.delivery {
background-image: url("../images/icons/icona-delivery@3x.png")
}
.dlIcon.return {
background-image: url("../images/icons/icona-return@3x.png")
}
.dlIcon.lock {
background-image: url("../images/icons/icona-secure@3x.png")
}
.dlIcon.instagram {
background-image: url("../images/icons/instagram-tondo@3x.png")
}
.dlIcon.locator {
background-image: url("../images/icons/locator@3x.png")
}
.dlIcon.maestro {
background-image: url("../images/icons/maestro@3x.png")
}
.dlIcon.manual {
background-image: url("../images/icons/manuali@3x.png")
}
.dlIcon.mastercard {
background-image: url("../images/icons/mastercard@3x.png")
}
.dlIcon.paypal {
background-image: url("../images/icons/paypal@3x.png")
}
.dlIcon.profile {
background-image: url("../images/icons/profilo@3x.png")
}
.dlIcon.zoomIn {
background-image: url("../images/icons/search@3x.png")
}
.dlIcon.search {
background-image: url("../images/icons/search_2@3x.png")
}
.dlIcon.share {
background-image: url("../images/icons/share@3x.png")
}
.dlIcon.visaCard {
background-image: url("../images/icons/visa@3x.png")
}
.dlIcon.visaDebitCard {
background-image: url("../images/icons/visa-debit@3x.png")
}
.dlIcon.next {
background-image: url("../images/icons/next@3x.png")
}
.dlIcon.prev {
background-image: url("../images/icons/prev@3x.png")
}
.dlIcon.checkedWhite {
background-image: url("../images/icons/line-2@3x.png")
}
.dlIcon.videoPlay {
background-image: url("../images/icons/play@3x.png")
}
.dlIcon.arrowUp {
background-image: url("../images/icons/next@3x.png");
transform: rotate(-90deg);
width: 15px;
height: 15px
}
.dlIcon.arrowDown {
background-image: url("../images/icons/next@3x.png");
transform: rotate(90deg);
width: 15px;
height: 15px
}
.dlIcon.minus {
position: relative;
width: 10px
}
.dlIcon.minus:before, .dlIcon.minus:after {
content: "";
position: absolute;
background-color: #242424;
transition: transform 0.25s ease-out
}
.dlIcon.minus:after {
top: 50%;
left: 0;
width: 100%;
height: 1.4px;
margin-top: -2px
}
.dlIcon.plus {
position: relative;
width: 11px;
height: 11px
}
.dlIcon.plus:before, .dlIcon.plus:after {
content: "";
position: absolute;
background-color: #242424;
transition: transform 0.25s ease-out
}
.dlIcon.plus:before {
top: 0;
left: 46%;
width: 1.4px;
height: 100%
}
.dlIcon.plus:after {
top: 50%;
left: 0;
width: 100%;
height: 1.4px;
margin-top: -1px
}
.dlIcon.close {
right: 32px;
top: 32px;
width: 32px;
height: 32px;
opacity: 0.3
}
.dlIcon.close:hover {
opacity: 1
}
.dlIcon.close:before, .dlIcon.close:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #333
}
.dlIcon.close:before {
transform: rotate(45deg)
}
.dlIcon.close:after {
transform: rotate(-45deg)
}
.dlIcon.loading {
border: 2px solid #f3f3f3;
border-top: 2px solid #3498db;
border-radius: 50%;
animation: spin 2s linear infinite
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.dlIcon.pdf {
background-image: url("../images/icons/bullet_pdf.gif");
width: 43px;
height: 53px
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before, .slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
embed, iframe, object {
max-width: 100% !important;
max-height: 100% !important
}
.is-showing-modal {
overflow: hidden
}
.isPdpPage .productDesc ul {
margin-left: 20px !important
}
.isPdpPage .section {
padding: 0 10px
}
.isPdpPage #content .section {
margin-bottom: 0
}
.isPdpPage #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_pnlWhereToBuy {
margin-top: 20px
}
.isPdpPage a {
text-decoration: none
}
.isPdpPage .cta-primary-button {
display: inline-block
}
.isPdpPage ul {
margin: 0;
padding: 0
}
.isPdpPage .is-desktop-only, .isPdpPage .is-mobile-only {
display: none
}
.isPdpPage #masterHead .section {
position: relative !important
}
.isPdpPage .whereToBuy {
margin-top: 40px
}
.isPdpPage .whereToBuy .sliders {
display: none
}
.isPdpPage .whereToBuy .cs-t2 .csWidget h3 {
border-bottom: none;
text-align: center
}
.isPdpPage .moredetails {
margin-top: 20px
}
.isPdpPage .moredetails #buynowBtnWrapper a {
display: inline-block
}
.isPdpPage .buy-now-embedded .button, .isPdpPage .buy-now-embedded .button a, .isPdpPage .buy-now-embedded .button a:active, .isPdpPage .buy-now-embedded .button a.checked {
color: inherit !important;
border: none !important;
text-transform: inherit !important;
font-weight: normal !important;
line-height: 1 !important
}
@media only screen and (min-width: 992px) {
.isPdpPage .is-desktop-only {
display: block
}
}
/*@media only screen and (max-width: 991px) {*/
/* .isPdpPage .is-mobile-only {*/
/* display: block*/
/* }*/
/* .isPdpPage .whereToBuy .cs-t2 .csWidget h3 {*/
/* font-size: 22px*/
/* }*/
/* .isPdpPage .buy-now-embedded ul {*/
/* margin: 0*/
/* }*/
/* .isPdpPage .buy-now-embedded li {*/
/* height: auto;*/
/* width: 100%;*/
/* display: block;*/
/* box-sizing: border-box;*/
/* margin: 0;*/
/* margin-bottom: 20px*/
/* }*/
/*}*/
.productColors ul, .cartPolicy ul {
list-style-image: none;
margin: 0;
padding: 0
}
.productSlidePresentation .imageType, .productSlidePresentation .videoType {
display: none
}
.productSlidePresentation.is-showing-image .imageType {
display: block
}
.productSlidePresentation.is-showing-video .videoType {
display: block
}
.bxSliderContainer .slickItemContainer iframe {
width: 100%;
height: 100%
}
.bxSliderContainer .slideItem.video-type .slickItemContainer:hover:after {
background: rgba(0, 0, 0, 0.4)
}
.bxSliderContainer .slideItem.video-type .slickItemContainer:after, .bxSliderContainer .slideItem.video-type .slickItemContainer:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 9
}
.bxSliderContainer .slideItem.video-type .slickItemContainer:before {
z-index: 13;
background-image: url(../images/icons/play@3x.png);
background-size: 59%;
background-repeat: no-repeat;
background-position: center
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.bxSliderContainer .slideItem.video-type .slickItemContainer:before {
background-size: 59%
}
}
/*@media only screen and (max-width: 991px) {*/
/* .bxSliderContainer .slideItem.video-type .slickItemContainer:before {*/
/* background-size: 100px*/
/* }*/
/*}*/
.bxSliderContainer .bxSliderNavigator {
text-align: center
}
.bxSliderContainer .slickDotsContainer {
position: relative;
display: inline-block
}
.bxSliderContainer .slickDotsContainer .slick-dots {
margin: 0;
padding: 0
}
.bxSliderContainer .slickDotsContainer .prev-container, .bxSliderContainer .slickDotsContainer .next-container {
position: absolute;
top: 2px;
bottom: 0;
margin: auto
}
.isIE .bxSliderContainer .slickDotsContainer .prev-container, .isEdge .bxSliderContainer .slickDotsContainer .prev-container, .isIE .bxSliderContainer .slickDotsContainer .next-container, .isEdge .bxSliderContainer .slickDotsContainer .next-container {
top: 3px
}
.bxSliderContainer .slickDotsContainer .prev-container i, .bxSliderContainer .slickDotsContainer .next-container i {
width: 20px;
height: 20px
}
.bxSliderContainer .slickDotsContainer .prev-container {
left: -57px
}
.bxSliderContainer .slickDotsContainer .next-container {
right: -57px
}
.bxSliderContainer .slick-dots {
text-align: center
}
.bxSliderContainer .slick-dots li {
display: inline-block;
margin-right: 10px
}
.bxSliderContainer .slick-dots li:last-child {
margin-right: 0
}
.bxSliderContainer .slick-dots li.slick-active button {
background: #58b0e2
}
.bxSliderContainer .slick-dots li button {
font-size: 0px;
width: 8px;
height: 8px;
background: #DDDDDD;
border-radius: 50%;
padding: 0;
border: none
}
.bxSliderContainer .slick-dots li button:hover {
cursor: pointer
}
@media only screen and (max-width: 419px) {
.bxSliderContainer .bxSliderNavigator {
max-width: 66%;
margin: auto
}
}
.sku-section {
margin-top: 30px
}
/*@media only screen and (max-width: 991px) {*/
/* .sku-section {*/
/* margin-top: 35px*/
/* }*/
/*}*/
.dlTabs {
margin-top: 100px
}
.dlTabs .container {
max-width: 1019px
}
.dlTabs .show-less-page, .dlTabs .show-more-page {
text-align: center;
display: block;
width: 100%;
position: relative;
top: -20px
}
.dlTabs .tab-page-content {
display: none
}
.dlTabs .tab-page-content.is-show {
display: block
}
.dlTabs .nagigator {
text-align: center;
margin-bottom: 60px
}
.dlTabs .nagigator li {
display: inline-block;
text-align: center
}
.dlTabs .nagigator li.is-active a, .dlTabs .nagigator li:hover a {
border-bottom: 2px solid #052644;
color: #052644;
font-family: 'notobold' !important
}
.dlTabs .nagigator li a {
font-size: 14px;
display: inline-block;
text-transform: uppercase;
padding-bottom: 2px;
margin-left: 30px;
margin-right: 30px
}
.dlTabs .tab-content {
display: none
}
.dlTabs .tab-content.is-active {
display: block
}
@media only screen and (min-width: 992px) {
.dlTabs .desktop-handler {
display: block
}
.dlTabs .mobile-handler {
display: none
}
}
/*@media only screen and (max-width: 991px) {*/
/* .dlTabs {*/
/* margin-top: 35px*/
/* }*/
/* .dlTabs .show-less-page, .dlTabs .show-more-page {*/
/* text-align: center;*/
/* margin-bottom: 10px;*/
/* margin-top: 30px;*/
/* clear: both;*/
/* position: relative;*/
/* top: -16px*/
/* }*/
/* .dlTabs .desktop-handler {*/
/* display: none*/
/* }*/
/* .dlTabs .mobile-handler {*/
/* display: block;*/
/* position: relative*/
/* }*/
/* .dlTabs .mobile-handler:after {*/
/* content: '';*/
/* display: block;*/
/* width: 20px;*/
/* height: 20px;*/
/* background-image: url(../images/icons/next@3x.png);*/
/* background-size: contain;*/
/* background-repeat: no-repeat;*/
/* position: absolute;*/
/* top: 15px;*/
/* right: 0;*/
/* transform: rotate(90deg);*/
/* transition: all 0.5s ease*/
/* }*/
/* .dlTabs .mobile-handler.is-active {*/
/* margin-bottom: 10px*/
/* }*/
/* .dlTabs .mobile-handler.is-active:after {*/
/* transform: rotate(-90deg);*/
/* top: 3px*/
/* }*/
/* .dlTabs .mobile-handler a {*/
/* font-size: 14px;*/
/* color: #58b0e2;*/
/* text-transform: uppercase;*/
/* display: block;*/
/* padding-top: 10px;*/
/* padding-bottom: 10px*/
/* }*/
/* .dlTabs .tab-content {*/
/* padding-bottom: 10px*/
/* }*/
/* .dlTabs .tab-content-container {*/
/* border-top: 1px solid #dddddd*/
/* }*/
/* .dlTabs .tab-content-group {*/
/* border-bottom: 1px solid #dddddd*/
/* }*/
/*}*/
.dlModal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 99999;
background-color: rgba(0, 0, 0, 0.5);
display: none;
overflow: auto
}
.dlModal.is-show {
display: block
}
.dlModal .close-modal {
position: absolute;
top: 10px;
right: 10px;
z-index: 9999999999
}
.dlModal .close-modal:hover {
cursor: pointer
}
.dlModal .dlModalContainer {
position: absolute;
left: 0;
right: 0;
top: 0;
background: #fff;
box-sizing: border-box;
overflow: hidden;
z-index: 99999;
bottom: 0;
width: 100%
}
.dlModal .dlModalContent {
padding: 5px 5px 20px 5px
}
.dlModal .productSlidePresentation {
margin-bottom: 20px
}
.dlModal .bxSliderContainer {
max-width: 360px;
margin: auto
}
.isPdpPage .breadcrumbs {
margin-bottom: 0
}
@media only screen and (max-width: 991px) {
.isPdpPage:not(.bridgingdesignbody) .breadcrumbs {
margin-top: 20px;
margin-bottom: 0
}
.isPdpPage .breadcrumbs {
display: block
}
.isPdpPage .breadcrumbs .here {
display: none
}
.isPdpPage .breadcrumbs ol {
margin: 0;
padding: 0;
list-style: none;
float: left
}
.isPdpPage .breadcrumbs ol li {
padding: 0
}
.isPdpPage .breadcrumbs ol li:before {
content: ">";
margin: 0 7px 0 0;
font-size: 0.9em;
color: #242424
}
.isPdpPage .breadcrumbs ol li:first-child:before {
display: none
}
.isPdpPage .breadcrumbs ol li a {
text-decoration: none
}
}
.dlProductSlider .slick-dots {
display: none !important
}
.dlProductSlider .slickItemContainer:hover {
cursor: pointer
}
.dlProductSlider .slickItemContainer img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: inline-block
}
.dlProductSlider .bxSliderNavigator {
text-align: center
}
.dlProductSlider .productSlideContent {
text-align: center;
padding: 10px
}
.dlProductSlider .productSlideContent .imageType, .dlProductSlider .productSlideContent .videoType {
margin: auto;
height: 480px;
position: relative;
overflow: hidden
}
.dlProductSlider .productSlideContent .currentImage {
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
.dlProductSlider .productSlideContent .videoType iframe {
width: 100%;
height: 400px;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto
}
.dlProductSlider .slideItem {
position: relative;
outline: none
}
.dlProductSlider .slideItem img {
max-width: 100%;
max-height: 100%
}
.dlProductSlider .zoomToEnlarge {
position: absolute;
z-index: 99999999;
margin-top: 10px;
text-align: center
}
.dlProductSlider .zoomToEnlarge i {
display: inline-block;
margin-right: 10px;
width: 20px;
height: 20px
}
.dlProductSlider .zoomToEnlarge a {
font-size: 13px;
color: #242424
}
@media only screen and (min-width: 992px) {
.dlProductSlider {
float: left;
width: 680px
}
.dlProductSlider .bxSliderContainer {
width: 75px;
float: left;
position: relative
}
.dlProductSlider .productSlidePresentation {
overflow: hidden
}
.dlProductSlider .slideItem {
width: 75px;
height: 73px;
border: 1px solid #ccc;
margin-bottom: 15px
}
.dlProductSlider .slideItem.is-active {
border: 1px solid #58b0e2
}
.dlProductSlider .bxSliderNavigator .prev {
position: absolute;
top: -26px;
left: 31px
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.dlProductSlider {
width: 650px
}
}
@media only screen and (max-width: 991px) {
.dlProductSlider .productSlidePresentation, .dlProductSlider .bxSliderNavigator {
display: none
}
.dlProductSlider .slideItem {
width: 100%;
height: auto;
text-align: center
}
.dlProductSlider .slideItem img {
display: inline-block
}
.dlProductSlider .slickItemContainer {
position: relative;
width: 100%;
height: 100%
}
.dlProductSlider .slickItemContainer img {
position: static;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%
}
.dlProductSlider .slick-dots {
margin-top: 0
}
}
@media only screen and (max-width: 812px) {
.dlProductSlider .slick-dots {
display: block !important
}
}
.productDetail .reevoo {
margin-top: 20px
}
.productDetail .add-to-basket {
margin-top: 40px
}
.productDetail .add-to-basket:after {
content: '';
display: block;
clear: both
}
.productDetail .add-to-basket .inputContainer, .productDetail .add-to-basket .btnContainer {
margin-bottom: 20px
}
.productDetail .add-to-basket .error {
display: block;
color: red
}
.productDetail .add-to-basket .error.is-hidden {
display: none
}
.productDetail .add-to-basket .is-mobile-only .error {
background: #fff;
padding: 10px 5px
}
.productDetail .add-to-basket .is-desktop-only .error {
color: red;
text-align: left;
clear: both;
margin-top: 10px
}
.productDetail .add-to-basket .is-desktop-only.add-cart-item {
overflow: hidden
}
.productDetail .add-to-basket .add-to-cart i {
margin-right: 5px;
width: 15px;
height: 15px;
display: none
}
.productDetail .add-to-basket .cart-pending-current .add-to-cart i {
display: inline-block
}
.productDetail .add-to-basket .inputContainer {
position: relative;
float: left;
width: 98px;
height: 45px;
margin-right: 10px;
line-height: 45px;
border: 1px solid #ccc;
border-radius: 60px
}
.productDetail .add-to-basket .inputContainer .minus-one, .productDetail .add-to-basket .inputContainer .quantity-display, .productDetail .add-to-basket .inputContainer .plus-one {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.productDetail .add-to-basket .inputContainer .minus-one, .productDetail .add-to-basket .inputContainer .plus-one {
width: 20px;
height: 45px;
user-select: none;
z-index: 99
}
.productDetail .add-to-basket .inputContainer .minus-one:hover, .productDetail .add-to-basket .inputContainer .plus-one:hover {
cursor: pointer
}
.productDetail .add-to-basket .inputContainer .minus-one {
left: 0;
text-align: left;
padding-left: 10px
}
.productDetail .add-to-basket .inputContainer .minus-one i {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 5px
}
.productDetail .add-to-basket .inputContainer .plus-one {
right: 0;
text-align: right;
padding-right: 10px
}
.productDetail .add-to-basket .inputContainer .plus-one i {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 15px
}
.productDetail .add-to-basket .inputContainer .quantity-display {
left: 0;
right: 0;
width: 70%;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 1.3px;
z-index: 88
}
.productDetail .add-to-basket .inputContainer .quantity-display input {
font-size: 16px;
font-weight: bold;
max-width: 30px;
border: none;
position: relative;
top: 10px;
left: 10px;
z-index: 88;
outline: none;
display: none
}
.productDetail .add-to-basket .btn-basket-mobile {
font-size: 16px
}
.productDetail .add-to-basket .btn-basket-mobile button {
display: block;
width: 100%;
border-radius: 0 !important;
font-size: 16px;
font-family: 'notobold' !important;
height: auto;
line-height: 1.43;
position: relative
}
.productDetail .add-to-basket .btn-basket-mobile .btnText {
display: inline-block;
max-width: 60%;
padding: 19px
}
.productDetail .add-to-basket .btn-basket-mobile select {
min-width: 35px;
margin-left: 30px;
padding: 14px 8px;
padding-right: 17px !important;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
overflow: hidden;
background-image: url("../images/icons/downWhite@3x.png");
background-repeat: no-repeat;
background-size: 11px 6px;
background-position: 30px center;
color: #fff;
vertical-align: middle
}
.productDetail .add-to-basket .btn-basket-mobile select:focus {
outline: none
}
.productDetail .productName {
width: 100%;
margin-right: 0;
margin-bottom: 6px;
font-size: 30px;
color: #052644;
text-transform: inherit;
line-height: 34px;
letter-spacing: -0.9px
}
.productDetail .productDesc {
margin-top: 22px;
line-height: 1.43;
color: #242424;
font-size: 14px
}
@media only screen and (min-width: 992px) {
.productDetail .productDesc {
height: 190px;
overflow-y: auto
}
}
.productDetail .productDesc ul {
list-style-type: disc;
list-style-image: none;
margin-left: 20px
}
.productDetail .productDesc ul li {
line-height: 1.43;
padding-bottom: 0
}
.productDetail .productType {
font-size: 14px;
color: #aeaeae;
text-transform: uppercase
}
.productDetail .productPrice {
margin-top: 25px;
font-weight: normal
}
.productDetail .productPrice .priceInfo, .productDetail .productPrice .priceInfo + .priceInfo {
margin: 0;
font-size: 15px !important;
display: inline-block
}
.productDetail .productPrice .priceInfo {
margin-top: 5px;
margin-bottom: 5px
}
.productDetail .productPrice .priceInfo + .priceInfo {
font-size: 15px !important
}
.productDetail .productPrice .currentPrice, .productDetail .productPrice .lastPrice, .productDetail .productPrice .savePercentage {
display: inline-block
}
.productDetail .productPrice .currentPrice {
font-size: 20px;
font-weight: 600;
color: #242424
}
.productDetail .productPrice .lastPrice {
font-size: 14px;
color: #aeaeae;
text-decoration: line-through;
margin-left: 25px
}
.productDetail .productPrice .savePercentage {
font-size: 14px;
color: #242424;
margin-left: 13px
}
.productDetail .productPrice .outOfStock {
color: #fff;
background-color: #052644;
font-size: 13px;
display: inline-block;
padding: 0px 5px;
margin: 0;
margin-left: 25px;
position: relative;
top: -2px
}
@media only screen and (min-width: 992px) {
.productDetail {
overflow: hidden
}
}
@media only screen and (max-width: 991px) {
.productDetail .add-to-basket {
position: fixed;
width: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 9999
}
.productDetail .productName {
font-size: 24px;
word-break: normal;
letter-spacing: 0;
line-height: 30px
}
.productDetail .productDesc {
margin-top: 30px
}
.productDetail .productHeading {
float: left;
max-width: 64%;
word-break: break-word
}
.productDetail .priceInfo, .productDetail .priceInfo + .priceInfo {
text-align: right !important
}
.productDetail .priceInfo + .priceInfo {
margin-top: 5px
}
.productDetail .productPrice {
overflow: hidden;
padding-top: 5px;
text-align: right
}
.productDetail .productPrice .currentPrice, .productDetail .productPrice .lastPrice, .productDetail .productPrice .savePercentage {
display: block;
text-align: right
}
.productDetail .productPrice .lastPrice {
margin-top: 10px
}
.productDetail .productPrice .outOfStock {
margin-top: 6px;
margin-left: 0
}
.productDetail .dlProductSlider {
clear: both
}
.productDetail .bxSliderContainer {
padding-top: 15px
}
}
.productColors {
margin-top: 30px
}
.productColors ul li {
padding: 0;
display: inline-block;
margin-right: 24px
}
.productColors ul li:last-child {
margin-right: 0
}
.productColors ul li a {
display: block
}
.productColors ul li img {
max-width: 75px;
max-height: 75px
}
.cartPolicy {
margin-top: 12px
}
.cartPolicy ul li {
display: inline-block;
text-align: center;
margin-right: 40px
}
.cartPolicy ul li:last-child {
margin-right: 0;
padding-right: 0
}
.cartPolicy ul li a {
color: #242424;
font-size: 13px;
text-decoration: underline
}
.cartPolicy ul li i, .cartPolicy ul li a {
display: block
}
.cartPolicy ul li i {
margin: auto;
margin-bottom: 4px
}
.cartPolicy ul li .delivery {
width: 35px;
height: 30px
}
.cartPolicy ul li .return {
width: 28.5px;
height: 30px
}
.cartPolicy ul li .lock {
width: 24px;
height: 30px
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.cartPolicy ul li {
max-width: 33%;
margin-right: 0;
padding-right: 20px;
box-sizing: border-box;
vertical-align: top;
word-break: break-word
}
}
@media only screen and (max-width: 991px) {
.cartPolicy:after {
content: '';
display: block;
clear: both
}
.cartPolicy ul li {
float: left;
width: 33.33%;
margin: 0;
word-break: break-word;
box-sizing: border-box;
padding-right: 10px
}
.cartPolicy ul li:last-child {
padding-right: 0
}
.cartPolicy ul li a {
display: inline-block
}
}
.bridgingdesignbody .policyModal h1 {
font-size: 26px !important;
font-family: 'notobold' !important
}
.bridgingdesignbody .policyModal h3, .bridgingdesignbody .policyModal h3 a {
font-size: 18px !important;
font-family: 'notoregular' !important;
line-height: normal
}
.bridgingdesignbody .policyModal h4, .bridgingdesignbody .policyModal h4 strong, .bridgingdesignbody .policyModal h2, .bridgingdesignbody .policyModal h2 strong {
font-size: 21.6px !important;
font-family: 'notoregular' !important;
line-height: normal
}
.policyModal .dlModalContainer {
position: absolute;
left: 0;
right: 0;
top: 0;
background: #fff;
margin: 50px auto;
box-sizing: border-box;
max-width: 810px;
z-index: 99999;
padding-top: 50px;
box-sizing: border-box
}
.policyModal .dlModalContent {
position: relative;
height: 100%;
box-sizing: border-box
}
.policyModal .dlModalMainContent {
overflow-y: auto;
height: 100%
}
.policyModal h1 {
color: #6e452b !important
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.policyModal .dlModalContainer {
margin: 50px auto
}
}
@media only screen and (max-width: 991px) {
.policyModal .dlModalContainer {
margin: 0
}
}
.productSliderModal .slick-dots {
display: none !important
}
.productSliderModal .slickItemContainer:hover {
cursor: pointer
}
.productSliderModal .dlModalContent {
padding: 0
}
.productSliderModal .productSlidePresentation {
margin-bottom: 0
}
.productSliderModal .productSlidePresentation .productSlideContent {
margin: auto
}
.productSliderModal .productSlidePresentation .imageType, .productSliderModal .productSlidePresentation .videoType {
max-width: 80%;
margin: auto;
text-align: center;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.productSliderModal .productSlidePresentation .imageType img.currentImage, .productSliderModal .productSlidePresentation .videoType img.currentImage {
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
.productSliderModal .productSlidePresentation .imageType iframe, .productSliderModal .productSlidePresentation .videoType iframe {
width: 100%;
height: 89%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto
}
@media only screen and (max-width: 991px) {
.productSliderModal .productSlidePresentation .imageType, .productSliderModal .productSlidePresentation .videoType {
max-width: 100%
}
}
.productSliderModal .bxSliderContainer {
width: 75px;
position: absolute;
top: 30%;
left: 20px;
margin: auto;
z-index: 9999999
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .prev, .productSliderModal .bxSliderContainer .bxSliderNavigator .next {
position: absolute;
margin: auto
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .prev {
top: -24px;
left: 0;
right: 0
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .next {
bottom: -12px;
left: 0;
right: 0
}
.productSliderModal .slideItem {
outline: none;
width: 75px;
height: 75px;
margin-bottom: 10px;
border: none;
overflow: hidden
}
.productSliderModal .slideItem.is-active .slickItemContainer {
border: 1px solid #58b0e2
}
.productSliderModal .slideItem .slickItemContainer {
border: 1px solid #cacaca;
text-align: center;
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box
}
.productSliderModal .slideItem img {
display: inline-block;
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
@media only screen and (max-width: 991px) {
.productSliderModal .bxSliderContainer {
bottom: 20px;
left: 0;
right: 0;
margin: auto;
height: 20px;
top: inherit;
width: auto
}
.productSliderModal .bxSliderContainer .slick-list {
display: none
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .prev, .productSliderModal .bxSliderContainer .bxSliderNavigator .next {
top: 0;
bottom: 0;
width: 40px;
height: 40px;
margin: auto;
position: fixed
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .prev a, .productSliderModal .bxSliderContainer .bxSliderNavigator .next a {
display: block;
width: 100%;
height: 100%
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .prev .dlIcon, .productSliderModal .bxSliderContainer .bxSliderNavigator .next .dlIcon {
width: 25px;
height: 25px
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .dlIcon {
width: 20px;
height: 20px
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .prev {
left: 0;
right: inherit
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .prev .dlIcon {
transform: rotate(-180deg)
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .next {
left: inherit;
right: 0
}
.productSliderModal .bxSliderContainer .bxSliderNavigator .next .dlIcon {
transform: rotate(0deg)
}
.productSliderModal .bxSliderContainer .slick-dots {
display: block !important
}
.productSliderModal .productSlidePresentation {
max-width: 100%
}
.productSliderModal .productSlidePresentation .imageType {
max-width: 100%;
height: 100% !important
}
.productSliderModal .productSlidePresentation .imageType img {
bottom: 0 !important;
right: 0 !important;
top: 0px !important;
left: 0px !important
}
}
.keyFeatures:after {
content: '';
display: block;
clear: both
}
.keyFeatures .keyFeature:after {
content: '';
display: block;
clear: both
}
.keyFeatures .featureImage {
float: left
}
.keyFeatures .featureImage img {
max-width: 165px;
max-height: 165px
}
.keyFeatures .featureContent {
overflow: hidden;
padding-left: 25px
}
.keyFeatures .title {
font-size: 20px;
font-family: 'notobold' !important;
color: #242424;
line-height: 1.43
}
.keyFeatures .desc {
font-size: 14px;
color: #242424;
line-height: 1.43
}
.keyFeatures .desc p {
margin-bottom: 0
}
@media only screen and (min-width: 992px) {
.keyFeatures .tab-page-content.is-show {
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap: wrap
}
.keyFeatures .keyFeature {
-webkit-box-flex: 50%;
-moz-box-flex: 50%;
width: 50%;
-webkit-flex: 50%;
-ms-flex: 50%;
flex: 50%;
margin-bottom: 40px;
max-width: 50%
}
.keyFeatures .keyFeature:nth-child(2n) .keyFeatureContainer {
padding-left: 60px
}
.keyFeatures .keyFeature:nth-child(2n+1) .keyFeatureContainer {
padding-right: 60px
}
}
@media only screen and (max-width: 991px) {
.keyFeatures .featureImage {
float: none
}
.keyFeatures .featureImage img {
max-width: 150px;
max-height: 150px
}
.keyFeatures .featureContent {
padding-left: 0;
margin-top: 20px
}
.keyFeatures .keyFeature {
margin-bottom: 30px
}
}
.specifications ul {
list-style-image: none;
font-size: 14px
}
.specifications li {
line-height: 1.6
}
.specifications li span {
font-family: 'notobold' !important
}
.manualFaqSupport ul {
list-style-type: disc;
list-style-image: none;
margin-left: 20px
}
.manualFaqSupport ul li {
line-height: 1.43;
padding-bottom: 0
}
.manualFaqSupport h2 {
font-size: 21px !important
}
.manualFaqSupport h4, .manualFaqSupport h4 a {
font-size: 16px !important
}
.manualFaqSupport .title {
text-transform: uppercase;
color: #58B0E2;
font-family: 'notobold' !important;
font-size: 14px
}
.manualFaqSupport .notice {
font-family: 'notobold' !important;
font-size: 14px
}
.manualFaqSupport .supportSection {
float: left;
width: 70%;
padding-right: 50px;
box-sizing: border-box
}
.manualFaqSupport .supportSection .box.style1 {
border: none;
margin: 0;
margin-top: 20px;
padding: 0
}
.manualFaqSupport .supportSection .search-product .button input:hover, .manualFaqSupport .supportSection .search-product .button input:active {
color: #fff !important
}
.manualFaqSupport .supportSection .search-product {
background: none;
border: none
}
.manualFaqSupport .supportSection .search-product, .manualFaqSupport .supportSection fieldset {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0
}
.manualFaqSupport .supportSection fieldset input[type='text'] {
padding: 13px 15px;
border-radius: 27px;
border: 1px solid #ddd;
color: #848484;
outline: none;
font-size: 13px;
height: 45px;
line-height: 45px
}
.manualFaqSupport .supportSection .fl {
margin-top: 0
}
.manualFaqSupport .supportSection h2 {
font-family: 'notobold' !important;
font-size: 14px;
margin-bottom: 0
}
.manualFaqSupport .supportSection label {
font-family: 'notobold' !important;
font-size: 14px;
margin-bottom: 20px;
display: block
}
.manualFaqSupport .manualSection {
overflow: hidden
}
.manualFaqSupport .manualSection .iconContainer {
float: left
}
.manualFaqSupport .manualSection .itemInformation {
overflow: hidden;
padding-left: 10px
}
.manualFaqSupport .manualSection .manual {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #f3efef
}
.manualFaqSupport .manualSection .manual:after {
content: '';
display: block;
clear: both
}
.manualFaqSupport .manualSection .manual:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0
}
.manualFaqSupport .manualSection .fileName {
font-family: 'notobold' !important;
color: #58B0E2;
margin-bottom: 5px;
display: inline-block
}
.manualFaqSupport .supportForm {
padding: 0 20px 0 0
}
.manualFaqSupport .supportForm label {
font-family: 'notobold' !important;
font-size: 14px;
margin-bottom: 20px;
display: block
}
.manualFaqSupport .supportForm input[type=text] {
height: 45px;
line-height: 45px;
width: 70%;
height: 45px;
width: 70%;
box-shadow: none;
border: 1px solid #ddd;
margin-right: 10px;
padding: 10px 15px;
box-sizing: border-box;
border-radius: 27px;
font-size: 13px;
color: #848484;
font-weight: normal;
outline: none
}
@media only screen and (max-width: 991px) {
.manualFaqSupport .supportSection {
float: none;
padding-right: 0;
width: 100%
}
.manualFaqSupport .supportSection .search-product fieldset input[type='text'] {
margin-bottom: 20px
}
.manualFaqSupport .supportSection, .manualFaqSupport .manualSection {
margin-top: 10px
}
.manualFaqSupport .supportForm input[type=text] {
width: 100%
}
.manualFaqSupport .supportForm input[type=submit] {
margin-top: 10px
}
}
.dlProductRelated {
margin-top: 40px;
margin-bottom: 100px
}
.dlProductRelated.is-not-show-navigator .bxSliderNavigator {
display: none
}
.dlProductRelated ul {
list-style-image: none
}
.dlProductRelated button {
border: none;
background: none
}
.dlProductRelated .section-title {
text-align: center;
font-size: 24px;
color: #052644
}
.dlProductRelated .productRelated {
margin-top: 48px
}
.dlProductRelated .productItem {
max-height: 300px;
outline: none
}
.dlProductRelated .productItem .productItemContainer {
max-width: 80%;
margin: auto;
text-align: center
}
.dlProductRelated .productItem .productName {
margin-right: 0;
margin-top: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.2;
max-height: 3.6rem
}
.dlProductRelated .productItem .productName a {
font-size: 14px;
font-family: 'notobold' !important;
color: #58B0E2;
line-height: normal
}
.dlProductRelated .productItem .productPrice {
margin-top: 2px
}
.dlProductRelated .productItem .productPrice .lastPrice {
font-size: 14px;
color: #aeaeae;
text-decoration: line-through;
margin-right: 16px
}
.dlProductRelated .productItem .productPrice .currentPrice {
font-size: 14px;
color: #242424;
font-weight: normal
}
.dlProductRelated .productItem .productPrice .priceInfo {
font-size: 12px;
color: #666
}
.dlProductRelated .productItem .outOfStock {
color: #fff;
background-color: #052644;
font-size: 13px;
display: inline-block;
padding: 0px 5px
}
.dlProductRelated .productItem .productImage {
text-align: center;
min-height: 192px;
position: relative
}
.dlProductRelated .productItem .productImage img {
display: inline-block;
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
@media only screen and (max-width: 991px) {
.dlProductRelated {
margin-top: 65px;
margin-bottom: 65px
}
.dlProductRelated .section-title {
font-size: 22px
}
.dlProductRelated .productItem {
max-height: 260px
}
.dlProductRelated .productItem .productImage {
min-height: 150px
}
.dlProductRelated .productItem .productImage img {
max-width: 150px;
max-height: 150px
}
.dlProductRelated .bxSliderNavigator {
margin-top: 20px
}
.dlProductRelated.is-not-show-navigator.it-has-3-items .bxSliderNavigator, .dlProductRelated.is-not-show-navigator.it-has-4-items .bxSliderNavigator {
display: block
}
}
#specifications, #support {
margin-bottom: 37px;
overflow: hidden
}
#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_panelMoreDetails .buynow-btn-show {
display: inline-block
}
#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_FAQSearch_panelFaqSearch #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_FAQSearch_SearchButton {
margin-top: 15px
}
@media only screen and (max-width: 479px) {
#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl02_panelFaqSearch .button {
margin-top: 10px
}
}
#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_panelAddressViewInner .button-group p {
line-height: 40px !important
}
#ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_panelAddressViewInner .button-group p + p {
margin-left: 20px
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, #ui-datepicker-div.ui-datepicker .ui-datepicker-next span {
left: 1px !important;
top: 1px !important
}
.button + .button {
margin-left: 15px
}
.breadcrumbs {
display: block;
overflow: hidden;
margin: 15px 0
}
@media only screen and (min-width: 992px) {
.breadcrumbs {
margin: 15px 80px 15px 0
}
}
.breadcrumbs ol {
margin: 0;
padding: 0;
list-style: none;
float: left
}
@media only screen and (max-width: 479px) {
.breadcrumbs ol {
font-size: 12px;
position: relative;
height: 2.6em
}
.breadcrumbs ol:after {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 19%;
height: 1.2em;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%)
}
}
.breadcrumbs ol li {
display: inline;
margin: 0 7px 0 0;
padding: 0;
color: #333
}
.breadcrumbs ol li:before {
content: ">";
margin: 0 7px 0 0;
font-size: 0.9em;
color: #666
}
.breadcrumbs ol li.first:before {
display: none
}
.breadcrumbs a.here {
display: none
}
.breadcrumbs ol a {
text-decoration: none;
color: #333
}
.breadcrumbs ol a:active, .breadcrumbs ol a:hover, .breadcrumbs ol a:focus {
text-decoration: underline
}
.gigya-screen-content div.gigya-screen .gigya-composite-control.gigya-composite-control-link.dlgLink {
margin-bottom: 15px
}
.siteSearch {
z-index: 2
}
.smallHero .addToCartBox .prices {
display: inline-block;
margin-top: 7px
}
.colAside ul.leftNav li a h6 {
font-size: inherit
}
.bridgingdesign .is-hidden {
display: none !important
}
.breadcrumbs ol li {
font-size: 12px;
font-weight: normal;
color: #052644;
margin: 0 5px 0 0
}
.breadcrumbs ol li:before {
color: #052644
}
.breadcrumbs ol li a {
font-size: 12px;
color: #58B0E2
}
.slide .slide-overlay p {
color: #fff
}
.slide .slide-overlay a {
color: #58b0e2
}
ul.leftNav li a h6, ul.leftNav li h6 {
font-size: 18px
}
.refine h6 {
font-size: 18px
}
h6.refine-title {
font-size: 18px
}
.dlgButton {
display: inline-block;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 35px;
border-radius: 22.5px;
border: 1px solid transparent;
cursor: pointer;
text-decoration: none !important;
height: 45px;
font-family: 'notobold' !important;
text-transform: uppercase;
box-sizing: border-box
}
.dlgButton:hover, .dlgButton:active, .dlgButton:focus {
text-decoration: none !important
}
.dlgButton.cta-dlgLink {
display: inline-block;
font-size: 12px;
font-family: 'notobold' !important;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: 0.8px;
padding: 0;
border: none;
color: #58B0E2;
border-bottom: 1px solid #58B0E2;
padding-bottom: 2px;
border-radius: 0;
height: auto;
cursor: pointer;
pointer-events: auto
}
.dlgButton.cta-dlgLink:hover, .dlgButton.cta-dlgLink:active, .dlgButton.cta-dlgLink:focus {
color: #052644;
border-bottom-color: #052644;
text-decoration: none !important
}
.dlgButton a {
text-decoration: none
}
.dlgButton.cta-secondary {
color: #58b0e2 !important;
background: #fff !important;
text-decoration: none !important;
text-align: center;
border-color: #58B0E2 !important;
line-height: 45px !important;
outline: none;
-webkit-appearance: none
}
.dlgButton.cta-secondary:hover {
border-color: #052644 !important;
color: #052644 !important;
text-decoration: none !important
}
.dlgButton.cta-principale {
color: #fff;
background: #58B0E2;
text-decoration: none !important;
text-align: center;
border: 1px solid #58b0e2;
line-height: 45px !important;
outline: none;
-webkit-appearance: none
}
.dlgButton.cta-principale:hover {
background: #052644;
border-color: #052644;
color: #fff;
text-decoration: none !important
}
.cta-dlgLink {
font-size: 12px;
font-family: 'notobold' !important;
letter-spacing: 0.8px;
text-transform: uppercase;
padding: 0;
border: none;
color: #58B0E2;
text-decoration: none;
cursor: pointer;
border-bottom: 2px solid #58B0E2;
line-height: 1;
padding-bottom: 2px;
border-radius: 0;
height: auto
}
.cta-dlgLink:hover, .cta-dlgLink:active, .cta-dlgLink:focus {
color: #052644;
border-bottom-color: #052644
}
body {
position: relative
}
body.modal-open {
overflow-y: hidden
}
body .cart-overlay__mask {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 60px;
z-index: 99;
background: rgba(0, 0, 0, 0.5)
}
@media only screen and (min-width: 992px) {
body .cart-overlay__mask {
top: 107px
}
}
.bridgingdesignbody.home p, .bridgingdesignbody.home label, .bridgingdesignbody.home li, .bridgingdesignbody.home span {
font-family: 'notoregular' !important;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: normal
}
.bridgingdesignbody h1, .bridgingdesignbody h1 a {
font-size: 26px;
font-family: 'notobold' !important;
line-height: 30px
}
@media screen and (min-width: 992px) {
.bridgingdesignbody h1, .bridgingdesignbody h1 a {
font-size: 30px;
line-height: 34px
}
}
.bridgingdesignbody h2, .bridgingdesignbody h2 a {
font-size: 24px;
font-family: 'notobold' !important;
line-height: 28px
}
@media screen and (min-width: 992px) {
.bridgingdesignbody h2, .bridgingdesignbody h2 a {
font-size: 28px;
line-height: 32px
}
}
.bridgingdesignbody h3, .bridgingdesignbody h3 a {
font-size: 22px;
font-family: 'notobold' !important;
line-height: 26px
}
@media screen and (min-width: 992px) {
.bridgingdesignbody h3, .bridgingdesignbody h3 a {
font-size: 24px;
line-height: 30px
}
}
.bridgingdesignbody h4, .bridgingdesignbody h4 a {
font-size: 20px;
font-family: 'notobold' !important;
line-height: 24px;
text-transform: uppercase
}
.bridgingdesignbody h5, .bridgingdesignbody h5 a {
font-size: 20px !important;
font-family: 'notobold' !important;
line-height: 24px
}
.bridgingdesignbody h6, .bridgingdesignbody h6 a {
font-size: 18px;
font-family: 'notobold' !important;
line-height: 22px
}
.close-icon {
width: 20px;
height: 20px
}
.close-icon .line {
width: 20px;
height: 1px;
background-color: #052644;
display: block
}
.close-icon .line:nth-child(1) {
-webkit-transform: translateY(5px) rotate(45deg);
-ms-transform: translateY(5px) rotate(45deg);
-o-transform: translateY(5px) rotate(45deg);
transform: translateY(5px) rotate(45deg)
}
.close-icon .line:nth-child(2) {
-webkit-transform: translateY(4px) rotate(-45deg);
-ms-transform: translateY(4px) rotate(-45deg);
-o-transform: translateY(4px) rotate(-45deg);
transform: translateY(4px) rotate(-45deg)
}
.bridgingdesign img {
width: 100%;
height: auto;
display: block
}
.bridgingdesign.container, .bridgingdesign .container {
padding: 0 10px;
box-sizing: border-box
}
@media only screen and (min-width: 992px) {
.bridgingdesign.container, .bridgingdesign .container {
max-width: 970px
}
}
@media only screen and (min-width: 1200px) {
.bridgingdesign.container, .bridgingdesign .container {
max-width: 1180px
}
}
.bridgingdesign .section {
padding: 0
}
.bridgingdesign button {
border: 0;
padding: 0
}
.bridgingdesign .grid-container {
width: 100%;
padding: 0
}
.bridgingdesign .grid-container .grid-item {
float: left
}
.homePage {
width: 100%;
margin: 0 auto;
font-family: 'notoregular' !important
}
.homePage .navBar {
height: 107px;
background-color: lavender
}
.bridgingdesign .section .container .list2col li.col, .bridgingdesign .section .container .list3col li.col, .bridgingdesign .section .container .list4col li.col {
margin-left: 0;
margin-bottom: 20px
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .container .list2col li.col, .bridgingdesign .section .container .list3col li.col, .bridgingdesign .section .container .list4col li.col {
margin-left: 25px
}
}
.bridgingdesign .section .container .list2col li.col.first, .bridgingdesign .section .container .list3col li.col.first, .bridgingdesign .section .container .list4col li.col.first {
margin-left: 0
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .container .list2col .col {
width: calc((100% - 25px) / 2)
}
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .container .list3col .col {
width: calc((100% - 50.22px) / 3)
}
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .container .list4col .col {
width: calc((100% - 75px) / 4)
}
}
.bridgingdesign .owl-theme .owl-dots .owl-dot span {
background: #aeaeae;
width: 8px;
height: 8px
}
.bridgingdesign .owl-navigation__container {
margin-top: 20px
}
.bridgingdesign .owl-navigation__container .custom-owl__dots {
display: inline-block;
vertical-align: middle
}
.bridgingdesign .owl-navigation__container .custom-owl__dots .owl-dot {
padding: 0;
border: 0;
margin-left: 10px;
background: none;
outline: none;
cursor: pointer
}
.bridgingdesign .owl-navigation__container .custom-owl__dots .owl-dot:first-child {
margin-left: 0
}
.bridgingdesign .owl-navigation__container .custom-owl__dots .owl-dot:hover, .bridgingdesign .owl-navigation__container .custom-owl__dots .owl-dot:active, .bridgingdesign .owl-navigation__container .custom-owl__dots .owl-dot:focus {
outline: none
}
.bridgingdesign .owl-navigation__container .custom-owl__dots .owl-dot span {
width: 8px;
height: 8px;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
background: #DDDDDD
}
.bridgingdesign .owl-navigation__container .custom-owl__dots .owl-dot.active span {
background: #58b0e2
}
.bridgingdesign .owl-navigation__container .custom-owl__nav {
display: inline-block;
width: 20px;
height: 20px;
background: url(../images/assets/x-small-arrow.png) no-repeat 0 center;
vertical-align: middle;
cursor: pointer
}
.bridgingdesign .owl-navigation__container .custom-owl__nav.disabled, .bridgingdesign .owl-navigation__container .custom-owl__nav:hover {
opacity: 0.75
}
.bridgingdesign .owl-navigation__container .custom-owl__nav.disabled {
cursor: auto
}
.bridgingdesign .owl-navigation__container .custom-owl__nav.owl-nav__prev {
background-position: 0 -20px;
margin-right: 25px
}
.bridgingdesign .owl-navigation__container .custom-owl__nav.owl-nav__next {
margin-left: 25px;
background-position: 0 0
}
.bridgingdesign .header-carousel {
margin-bottom: 40px
}
.bridgingdesign .header-carousel .next-section {
display: none;
margin: auto;
background: url(../images/assets/scroll-down.png) no-repeat 0 0;
background-size: cover;
width: 42px;
height: 42px
}
@media only screen and (min-width: 992px) {
.bridgingdesign .header-carousel .next-section {
display: none
}
}
.bridgingdesign .header-carousel .owl-dots .owl-dot.active span {
background: #58B0E2
}
.bridgingdesign .header-carousel .owl-dots .owl-dot span {
background: #fff
}
.bridgingdesign .header-carousel .header-carousel__wrapper .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
display: none
}
@media only screen and (min-width: 992px) {
.bridgingdesign .header-carousel .header-carousel__wrapper .owl-nav {
display: block
}
}
.bridgingdesign .header-carousel .header-carousel__wrapper .owl-nav button {
position: absolute;
top: 50%;
outline: none;
transform: translateY(-50%);
background: none;
border: 0;
background: url(../images/assets/medium-arow.png) no-repeat center center;
width: 36px;
height: 36px
}
.bridgingdesign .header-carousel .header-carousel__wrapper .owl-nav button:hover {
opacity: 0.75
}
.bridgingdesign .header-carousel .header-carousel__wrapper .owl-nav button.owl-prev {
left: 5px;
background-position: center -36px
}
.bridgingdesign .header-carousel .header-carousel__wrapper .owl-nav button.owl-next {
right: 5px;
background-position: center 0
}
.bridgingdesign .header-carousel .owl-item {
background-color: transparent
}
.bridgingdesign .header-carousel .owl-item .image {
clip-path: url(#squircle_mobile);
-webkit-clip-path: url(#squircle_mobile);
-o-clip-path: url(#squircle_mobile);
-ms-clip-path: url(#squircle_mobile)
}
@media only screen and (min-width: 992px) {
.bridgingdesign .header-carousel .owl-item .image {
clip-path: url(#squircle);
-webkit-clip-path: url(#squircle);
-o-clip-path: url(#squircle);
-ms-clip-path: url(#squircle)
}
}
.bridgingdesign .header-carousel .owl-item .slide-item__container {
margin: auto;
box-sizing: border-box
}
@media only screen and (min-width: 992px) {
.bridgingdesign .header-carousel .owl-item .slide-item__container {
position: relative;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
}
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container {
padding: 0 10px;
position: relative
}
@media only screen and (min-width: 992px) {
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container {
height: 100%
}
}
@media only screen and (max-width: 991px) {
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container {
padding: 0
}
}
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container .productInfo {
background-color: #fff;
padding: 20px 20px 6px
}
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container .productInfo.right {
right: 10px;
left: auto
}
@media only screen and (min-width: 768px) {
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container .productInfo {
padding: 20px
}
}
@media only screen and (min-width: 992px) {
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container .productInfo {
position: absolute;
left: 10px;
top: 50%;
margin-top: -150px;
width: 290px;
height: 240px;
background-color: #fff;
padding: 30px 45px;
text-align: left
}
}
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container .productInfo .productTitle {
font-size: 30px;
font-family: 'notobold' !important;
font-style: normal;
font-stretch: normal;
line-height: 1.13;
letter-spacing: normal;
color: #052644
}
@media only screen and (min-width: 992px) {
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container .productInfo .productTitle {
font-size: 30px
}
}
.bridgingdesign .header-carousel .owl-item .slide-item__container .product-info__container .productInfo .productDescription {
font-size: 14px;
line-height: 1.43;
color: #242424;
font-family: 'notoregular' !important;
padding: 20px 0
}
.bridgingdesign .header-carousel .owl-dots {
position: absolute;
top: 260px;
left: 50%;
transform: translatex(-50%);
padding: 0;
bottom: auto
}
@media only screen and (min-width: 992px) {
.bridgingdesign .header-carousel .owl-dots {
bottom: 20px;
top: auto
}
}
.bridgingdesign .header-carousel.owl-carousel .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%
}
.bridgingdesign .header-carousel.owl-carousel .owl-nav button {
position: absolute;
top: 50%;
outline: none;
margin-top: -18px;
width: 35px;
height: 35px;
background: url(../images/assets/small-arrow.png) no-repeat 0 0
}
.bridgingdesign .header-carousel.owl-carousel .owl-nav button:hover {
opacity: 0.75
}
.bridgingdesign .header-carousel.owl-carousel .owl-nav button:before {
content: none
}
.bridgingdesign .header-carousel.owl-carousel .owl-nav button.owl-prev {
left: 15px;
background-position: 0 -35px
}
.bridgingdesign .header-carousel.owl-carousel .owl-nav button.owl-next {
right: 15px
}
.bridgingdesign .collections {
margin-bottom: 60px;
overflow: hidden
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .grid-container .grid-item {
margin-left: 25px
}
.bridgingdesign .collections .grid-container .grid-item:first-child {
margin-left: 0
}
}
.bridgingdesign .collections .grid-container .product-info {
width: 100%
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .grid-container .product-info {
width: 33.33333%
}
}
@media only screen and (min-width: 1200px) {
.bridgingdesign .collections .grid-container .product-info {
width: calc(100% - (779px + 25px))
}
}
.bridgingdesign .collections .grid-container .variation-product__images {
width: 100vw;
margin-left: -10px
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .grid-container .variation-product__images {
width: calc(66.66666% - 25px);
margin-left: 0
}
}
@media only screen and (min-width: 1200px) {
.bridgingdesign .collections .grid-container .variation-product__images {
width: 779px
}
}
.bridgingdesign .collections .grid-container .variation-product__images .variation-product__images--slider .slick-arrow {
display: none !important
}
.bridgingdesign .collections .grid-container .slick-dots {
display: none
}
@media only screen and (min-width: 1200px) {
.bridgingdesign .collections {
display: block
}
.bridgingdesign .collections .info {
text-align: left;
padding-left: 0px
}
.bridgingdesign .collections .info .title {
font-size: 28px;
padding-right: 50px
}
.bridgingdesign .collections .info .description {
padding-right: 50px
}
.bridgingdesign .collections .buttonGroup {
text-align: left
}
.bridgingdesign .collections .buttonGroup .colorSelector {
margin: 0 0 50px 0
}
.bridgingdesign .collections .image {
height: 370px
}
}
.bridgingdesign .collections .info {
order: 1;
padding: 35px 0;
text-align: center
}
.bridgingdesign .collections .info .title {
font-size: 24px;
font-family: 'notobold' !important;
color: #052644;
margin-bottom: 15px;
line-height: 1.17;
text-align: center
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .info .title {
font-size: 28px;
line-height: 1.14;
text-align: left
}
}
.bridgingdesign .collections .info .description {
font-size: 14px;
line-height: 1.43;
color: #242424;
font-family: 'notoregular' !important;
text-align: center
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .info .description {
text-align: left
}
}
.bridgingdesign .collections .buttonGroup {
order: 3;
text-align: center
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .buttonGroup {
text-align: left
}
}
.bridgingdesign .collections .buttonGroup.hide_on_mobile {
display: none
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .buttonGroup.hide_on_mobile {
display: block
}
}
.bridgingdesign .collections .buttonGroup.hide_on_desktop {
display: block
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .buttonGroup.hide_on_desktop {
display: none
}
}
.bridgingdesign .collections .buttonGroup .colorSelector {
margin: 0 auto 30px auto;
height: 26px;
text-align: center
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .buttonGroup .colorSelector {
text-align: left
}
}
@media only screen and (max-width: 991px) {
.bridgingdesign .collections .buttonGroup .colorSelector {
margin-top: 20px
}
}
.bridgingdesign .collections .buttonGroup .colorSelector .checkBox {
display: inline-block;
margin-left: 8px;
width: 26px;
position: relative;
height: 26px
}
.bridgingdesign .collections .buttonGroup .colorSelector .checkBox:first-child {
margin-left: 0
}
.bridgingdesign .collections .buttonGroup .colorSelector .checkBox .checkBox-circle {
border-radius: 50%;
text-align: left;
cursor: pointer;
width: 20px;
height: 20px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
vertical-align: middle
}
.bridgingdesign .collections .buttonGroup .colorSelector .checkBox.slick-current .checkBox-circle {
width: 26px;
height: 26px;
margin-left: -13px;
margin-top: -13px
}
.bridgingdesign .collections .buttonGroup .colorSelector .checkBox.slick-current .checkBox-circle:before {
position: absolute;
content: '';
background: transparent;
z-index: 1;
display: inline-block;
transform: translateX(10px) translateY(6px) rotate(45deg);
height: 8px;
width: 4px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-list {
padding: 0 10px !important
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track {
width: auto !important;
text-align: center;
margin: auto;
transform: none !important;
display: inline-block;
max-width: calc(100% - 50px);
padding: 0 25px
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track {
padding: 0 50px
}
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .prev-button {
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background: url(../images/assets/x-small-arrow.png) no-repeat 0 center;
vertical-align: middle;
cursor: pointer;
background-position: 0 -20px;
margin-right: 25px
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .prev-button.disabled, .bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .prev-button:hover {
opacity: 0.75
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .prev-button.disabled {
cursor: auto
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .prev-button.owl-nav__prev {
background-position: 0 -20px;
margin-right: 25px
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .prev-button.owl-nav__next {
margin-left: 25px;
background-position: 0 0
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .next-button {
position: absolute;
right: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background: url(../images/assets/x-small-arrow.png) no-repeat 0 center;
vertical-align: middle;
cursor: pointer;
background-position: 0 0;
margin-left: 25px
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .next-button.disabled, .bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .next-button:hover {
opacity: 0.75
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .slick-track .next-button.disabled {
cursor: auto
}
.bridgingdesign .collections .buttonGroup .colorSelector.colorSelector-carousel .checkBox {
float: none;
outline: none
}
.bridgingdesign .collections .image {
order: 2;
margin-bottom: 15px;
display: block
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .image {
overflow: hidden;
margin-bottom: 0;
display: none
}
.bridgingdesign .collections .image:first-child {
display: block
}
}
.bridgingdesign .collections .image img {
width: 100vw
}
@media only screen and (min-width: 992px) {
.bridgingdesign .collections .image img {
width: 100%;
margin-left: -25px;
overflow: hidden
}
}
@media only screen and (min-width: 1200px) {
.bridgingdesign .collections .image img {
margin-left: 0
}
}
.bridgingdesign .section {
margin-bottom: 35px;
max-width: 100%
}
@media screen and (min-width: 480px) {
.bridgingdesign .section {
margin-bottom: 35px
}
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section {
margin-bottom: 55px
}
}
.bridgingdesign .section.header-carousel {
padding: 0;
margin-bottom: 0
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.header-carousel {
margin-bottom: 30px
}
}
@media only screen and (min-width: 1200px) {
.bridgingdesign .section.header-carousel {
margin-bottom: 40px
}
}
@media only screen and (min-width: 1681px) {
.bridgingdesign .section.header-carousel {
max-width: calc(100% - ((100% - 1180px) / 2))
}
}
.bridgingdesign .section.header-carousel .owl-nav button span {
display: none
}
.bridgingdesign .section .col {
position: relative
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.coffeee-matter__section .section-header {
max-width: 50%
}
}
.bridgingdesign .section.coffeee-matter__section .coffee-matters__carousel {
margin-bottom: 0
}
.bridgingdesign .section.coffeee-matter__section .coffee-matters__carousel li .productInfo {
height: 165px
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.coffeee-matter__section .coffee-matters__carousel li .productInfo {
padding-bottom: 0
}
}
.bridgingdesign .section.coffeee-matter__section .coffee-matters__carousel li .productInfo .productInfo-descriptions {
height: 110px;
width: calc(100% - 135px);
padding-bottom: 30px;
padding-top: 5px
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.bridgingdesign .section.coffeee-matter__section .coffee-matters__carousel li .productInfo .productInfo-descriptions {
height: auto
}
}
.bridgingdesign .section.coffeee-matter__section .coffee-matters__carousel li .productInfo .dlgButton {
left: 135px;
position: absolute;
bottom: 14px
}
.bridgingdesign .section.coffeee-matter__section .owl-navigation__coffee-matters {
display: block;
text-align: center
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.coffeee-matter__section .owl-navigation__coffee-matters {
display: none
}
}
.bridgingdesign .section .list2col li .frameWrap, .bridgingdesign .section .list3col li .frameWrap, .bridgingdesign .section .list4col li .frameWrap {
margin-bottom: 25px
}
.bridgingdesign .section .list2col li .productInfo-img__details, .bridgingdesign .section .list3col li .productInfo-img__details, .bridgingdesign .section .list4col li .productInfo-img__details {
float: left;
width: 110px;
margin-right: 25px
}
.bridgingdesign .section .list2col li .productInfo-img__details img, .bridgingdesign .section .list3col li .productInfo-img__details img, .bridgingdesign .section .list4col li .productInfo-img__details img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
display: block
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .list2col li .productInfo .dlgButton, .bridgingdesign .section .list3col li .productInfo .dlgButton, .bridgingdesign .section .list4col li .productInfo .dlgButton {
position: absolute;
bottom: 5px;
left: 0
}
}
.bridgingdesign .section .list2col li .productInfo .productInfo-descriptions, .bridgingdesign .section .list3col li .productInfo .productInfo-descriptions, .bridgingdesign .section .list4col li .productInfo .productInfo-descriptions {
float: left;
text-align: left;
padding-bottom: 0
}
.bridgingdesign .section .list2col li .productInfo .productInfo-descriptions h4.headerText, .bridgingdesign .section .list3col li .productInfo .productInfo-descriptions h4.headerText, .bridgingdesign .section .list4col li .productInfo .productInfo-descriptions h4.headerText {
margin-bottom: 5px;
display: block;
text-align: left;
font-size: 16px
}
@media only screen and (min-width: 1200px) {
.bridgingdesign .section .list2col li .productInfo .productInfo-descriptions h4.headerText, .bridgingdesign .section .list3col li .productInfo .productInfo-descriptions h4.headerText, .bridgingdesign .section .list4col li .productInfo .productInfo-descriptions h4.headerText {
font-size: 18px
}
}
.bridgingdesign .section .list2col li .productInfo .productInfo-descriptions h4.headerText a, .bridgingdesign .section .list3col li .productInfo .productInfo-descriptions h4.headerText a, .bridgingdesign .section .list4col li .productInfo .productInfo-descriptions h4.headerText a {
color: #052644;
text-decoration: none;
text-transform: uppercase;
font-size: 16px
}
@media only screen and (min-width: 1200px) {
.bridgingdesign .section .list2col li .productInfo .productInfo-descriptions h4.headerText a, .bridgingdesign .section .list3col li .productInfo .productInfo-descriptions h4.headerText a, .bridgingdesign .section .list4col li .productInfo .productInfo-descriptions h4.headerText a {
font-size: 18px
}
}
.bridgingdesign .section .list2col li .productInfo .productInfo-descriptions h4.headerText a:hover, .bridgingdesign .section .list3col li .productInfo .productInfo-descriptions h4.headerText a:hover, .bridgingdesign .section .list4col li .productInfo .productInfo-descriptions h4.headerText a:hover {
text-decoration: underline
}
.bridgingdesign .section .list2col li .productInfo .productInfo-descriptions p, .bridgingdesign .section .list3col li .productInfo .productInfo-descriptions p, .bridgingdesign .section .list4col li .productInfo .productInfo-descriptions p {
color: #242424;
margin-bottom: 5px;
text-align: left
}
.bridgingdesign .section .list2col li .productInfo .productInfo-descriptions:after, .bridgingdesign .section .list3col li .productInfo .productInfo-descriptions:after, .bridgingdesign .section .list4col li .productInfo .productInfo-descriptions:after {
clear: both
}
.bridgingdesign .section .section-header {
max-width: 100%;
margin: 0 auto 20px
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .section-header {
max-width: 42%
}
}
.bridgingdesign .section .section-header h2.headerText {
text-align: center;
color: #052644;
margin-bottom: 10px
}
.bridgingdesign .section .section-header p {
text-align: center
}
.bridgingdesign .section .owl-carousel.off {
display: block
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.bridgingdesign .section.our-products__section .container {
padding: 0 5px
}
}
.bridgingdesign .section.our-products__section .headerText {
margin-bottom: 15px
}
.bridgingdesign .section.our-products__section .productInfo-descriptions {
width: 100%
}
.bridgingdesign .section.our-products__section .productInfo-descriptions .headerText {
margin-bottom: 10px
}
.bridgingdesign .section.our-products__section .product-list {
margin-bottom: 0
}
.bridgingdesign .section.our-products__section .product-list li {
padding-bottom: 0
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.bridgingdesign .section.our-products__section .product-list li {
padding: 0
}
}
.bridgingdesign .section.our-products__section .product-list li .frameWrap {
margin-bottom: 25px
}
.bridgingdesign .section.our-products__section .product-list li .productInfo {
text-align: left;
height: 100px;
position: relative
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.our-products__section .product-list li .productInfo {
padding-bottom: 25px
}
}
.bridgingdesign .section.our-products__section .product-list.our-products__carousel li.col {
width: 100%
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.our-products__section .product-list.our-products__carousel li.col {
width: calc((100% - 75px) / 4)
}
}
.bridgingdesign .section.our-products__section .product-list.our-products__carousel.list3col li.col {
width: 100%
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.our-products__section .product-list.our-products__carousel.list3col li.col {
width: calc((100% - 50.4px) / 3)
}
}
.bridgingdesign .section.our-products__section .owl-navigation__our-products {
display: block;
text-align: center
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.our-products__section .owl-navigation__our-products {
display: none
}
}
.bridgingdesign .section .owl-navigation__highlight {
text-align: center
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .owl-navigation__highlight {
text-align: left
}
}
.bridgingdesign .section .highlight-carousel {
width: 100vw
}
@media only screen and (min-width: 1681px) {
.bridgingdesign .section .highlight-carousel {
width: calc(100% + ((100vw - 100%) / 2) / 2)
}
}
.bridgingdesign .section .highlight-carousel .slide-item {
display: inline-block;
position: relative;
overflow: hidden;
width: 100%;
box-sizing: border-box
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .highlight-carousel .slide-item {
width: 376px
}
}
.bridgingdesign .section .highlight-carousel .slide-item.rectangle {
width: 100%
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .highlight-carousel .slide-item.rectangle {
width: 677px
}
}
.bridgingdesign .section .highlight-carousel .slide-item.rectangle-button-right {
width: calc(100% - 20px)
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .highlight-carousel .slide-item.rectangle-button-right {
width: 677px
}
}
.bridgingdesign .section .highlight-carousel .slide-item.rectangle-button-right .dlgButton {
right: 30px;
left: auto
}
.bridgingdesign .section .highlight-carousel .slide-item.square .dlgButton {
left: 0;
transform: none;
position: relative;
bottom: 75px;
margin: auto
}
.bridgingdesign .section .highlight-carousel .slide-item .image {
float: none;
width: 100%;
position: relative;
font-size: 0
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .highlight-carousel .slide-item .image {
height: 370px
}
}
.bridgingdesign .section .highlight-carousel .slide-item .dlgButton {
position: relative;
left: 0;
transform: none;
bottom: 75px;
display: table;
height: 43px;
line-height: 43px !important;
margin: auto
}
@media only screen and (max-width: 799px) {
.bridgingdesign .section .highlight-carousel .slide-item .dlgButton {
min-width: 55%
}
}
@media only screen and (min-width: 992px) and (max-width: 768px) {
.bridgingdesign .section .highlight-carousel .slide-item .dlgButton {
bottom: 75px
}
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .highlight-carousel .slide-item .dlgButton {
left: 30px;
transform: none;
margin: 0
}
}
.bridgingdesign .section .highlight-carousel .slide-item .productInfo {
text-align: center
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .highlight-carousel .slide-item .productInfo {
text-align: left
}
}
.bridgingdesign .section .highlight-carousel .slide-item .productInfo .headerText a {
text-transform: uppercase
}
.bridgingdesign .section .highlight-carousel .slide-item .productInfo .product-subTitle {
margin-top: 50px;
font-family: 'notobold' !important;
font-size: 16px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #052644
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .highlight-carousel .slide-item .productInfo .product-subTitle {
margin-top: 10px
}
}
.bridgingdesign .section .highlight-carousel .slide-item .productInfo .productTitle {
font-family: 'notobold' !important;
font-size: 28px;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #052644
}
.bridgingdesign .section .highlight-carousel .slide-item .productInfo .productDescription {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
font-family: 'notoregular' !important;
line-height: 1.43;
letter-spacing: normal;
color: #052644
}
.bridgingdesign .section .highlight-carousel .slide-item .productInfo .product-price {
font-family: 'notobold' !important;
font-size: 16px;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
color: #052644
}
.bridgingdesign .section .highlight-carousel .slide-item .productInfo .product-price .cost {
font-size: 22px
}
.bridgingdesign .section .highlight-carousel .slide-item .image-author {
clear: both;
font-family: 'notoregular' !important;
font-size: 11px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
color: #aeaeae
}
.bridgingdesign .section .favourite-carousel .slide-item .image {
margin-bottom: 20px
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section .favourite-carousel .slide-item .productInfo .productTitle {
max-width: 75%;
margin: auto
}
}
.bridgingdesign .section .favourite-carousel .slide-item .productInfo .productTitle a {
font-family: 'notobold' !important;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #58b0e2;
text-decoration: none
}
.bridgingdesign .section .favourite-carousel .slide-item .productInfo .productTitle a:hover {
text-decoration: underline
}
.bridgingdesign .section.highlight-section {
overflow: hidden
}
@media only screen and (max-width: 991px) {
.bridgingdesign .section.highlight-section {
margin-bottom: 60px
}
}
.bridgingdesign .section.highlight-section .section-header {
text-align: left;
max-width: none;
display: block
}
.bridgingdesign .section.highlight-section .section-header h2.headerText {
text-align: left
}
.bridgingdesign .section.favourite-section .owl-navigation__container {
text-align: center;
margin-top: 20px
}
.bridgingdesign .section.favourite-section .section-header h3.headerText {
font-size: 22px;
text-align: center;
color: #052644
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.favourite-section .section-header h3.headerText {
font-size: 24px
}
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.latest-news__section {
margin-bottom: 40px
}
}
@media only screen and (max-width: 991px) {
.bridgingdesign .section.latest-news__section {
margin-bottom: 19px
}
}
.bridgingdesign .section.latest-news__section .section-header {
max-width: 100%
}
.bridgingdesign .section.latest-news__section .section-header h2 {
text-align: left
}
.bridgingdesign .section.latest-news__section .latest-news__carousel {
margin-bottom: 0
}
@media only screen and (max-width: 991px) {
.bridgingdesign .section.latest-news__section .latest-news__carousel li.col {
width: 275px;
margin-bottom: 0;
padding-bottom: 0
}
}
.bridgingdesign .section.latest-news__section .latest-news__carousel li.col .news-contents {
padding: 40px 30px 50px;
border: 1px solid #dddddd;
box-sizing: border-box;
height: 275px;
overflow: hidden
}
.bridgingdesign .section.latest-news__section .latest-news__carousel li.col .news-contents .headerText a {
font-family: 'notobold' !important;
font-size: 16px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
color: #052644;
text-decoration: none
}
@media only screen and (max-width: 991px) {
.bridgingdesign .section.latest-news__section .latest-news__carousel li.col .news-contents .headerText a {
font-size: 14px
}
}
.bridgingdesign .section.latest-news__section .latest-news__carousel li.col .news-contents .cta-dlgLink {
position: absolute;
left: 30px;
bottom: 30px
}
.bridgingdesign .section.latest-news__section .owl-navigation__latest-news {
display: block;
text-align: left
}
@media only screen and (min-width: 992px) {
.bridgingdesign .section.latest-news__section .owl-navigation__latest-news {
display: none
}
}
#masterHead.bridgingdesign {
background-color: #fff
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign {
position: relative;
z-index: 222
}
}
#masterHead.bridgingdesign .section {
margin-bottom: 0;
position: static;
padding-top: 0;
font-size: 0
}
#masterHead.bridgingdesign .navigation-section {
background-color: #fff;
box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.11);
position: relative
}
#masterHead.bridgingdesign .logoBox {
width: 130px;
height: 60px;
position: absolute;
left: 10px;
top: 0;
z-index: 9999
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .logoBox {
height: 60px;
width: 150px;
float: left;
position: relative;
top: auto;
left: 0;
margin-top: 0
}
}
#masterHead.bridgingdesign .logoBox .logo {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
#masterHead.bridgingdesign .hamburger:hover {
cursor: pointer
}
#masterHead.bridgingdesign .hamburger .line {
width: 30px;
height: 2px;
background-color: #052644;
display: block;
margin: 10px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
#masterHead.bridgingdesign .hamburger .line:first-child {
margin-top: 0
}
#masterHead.bridgingdesign .hamburger.active .line:nth-child(2) {
opacity: 0
}
#masterHead.bridgingdesign .hamburger.active .line:nth-child(1) {
-webkit-transform: translateY(14px) rotate(45deg);
-ms-transform: translateY(14px) rotate(45deg);
-o-transform: translateY(14px) rotate(45deg);
transform: translateY(14px) rotate(45deg)
}
#masterHead.bridgingdesign .hamburger.active .line:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(-45deg);
-ms-transform: translateY(-10px) rotate(-45deg);
-o-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg)
}
#masterHead.bridgingdesign .utilContainer {
margin-left: 0
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilContainer {
margin-top: 15px
}
}
@media only screen and (min-width: 1200px) {
#masterHead.bridgingdesign .utilContainer {
margin-top: 16px
}
}
#masterHead.bridgingdesign .top-menu--container {
border-bottom: 1px solid #dddddd;
display: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .top-menu--container {
display: block
}
}
#masterHead.bridgingdesign .top-menu--container .top-menu {
text-align: right
}
#masterHead.bridgingdesign .top-menu--container .top-menu li {
display: inline-block;
vertical-align: middle;
margin-left: 30px
}
#masterHead.bridgingdesign .top-menu--container .top-menu li a {
font-family: 'notoregular' !important;
font-size: 11px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #052644;
line-height: 23px
}
#masterHead.bridgingdesign .utilNav {
text-align: right;
padding: 0;
float: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav {
float: right;
text-align: left
}
}
#masterHead.bridgingdesign .utilNav ul {
float: none
}
#masterHead.bridgingdesign .utilNav .cartUtilNav {
float: none;
position: relative;
display: none;
text-align: left;
margin: 0;
padding: 0 10px;
list-style-image: none;
background-color: #fff;
border-top: 0;
margin-top: 5px
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .cartUtilNav {
background-color: #0c2645;
border-top: 2px solid #000;
box-shadow: none;
display: block;
float: right;
text-align: right;
margin-top: 0
}
}
#masterHead.bridgingdesign .utilNav .cartUtilNav li {
height: 45px;
text-align: left
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .cartUtilNav li {
height: auto;
border-top: 0
}
}
#masterHead.bridgingdesign .utilNav .cartUtilNav li a {
font-family: 'notobold' !important;
font-size: 15px;
font-style: normal;
font-stretch: normal;
line-height: 45px;
letter-spacing: 0.5px;
color: #052644;
display: block;
width: 100%
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .cartUtilNav li a {
color: #fff;
line-height: normal
}
}
#masterHead.bridgingdesign .utilNav .cartUtilNav li a:before {
content: none
}
#masterHead.bridgingdesign .utilNav .cartUtilNav:before {
content: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .cartUtilNav:before {
content: "";
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 1px;
background-color: #133D6E
}
}
#masterHead.bridgingdesign .utilNav .util {
padding: 15px 0;
position: relative;
margin-top: 0;
box-shadow: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .util {
padding: 0;
height: auto
}
}
#masterHead.bridgingdesign .utilNav .util > li {
height: 30px;
margin: 0 20px 0 0
}
@media only screen and (min-width: 480px) and (max-width: 992px) {
#masterHead.bridgingdesign .utilNav .util > li.mobile {
float: none;
display: inline-block !important
}
}
#masterHead.bridgingdesign .utilNav .util > li.mobile.hamburger {
display: inline-block;
height: 30px
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .util > li.mobile.hamburger {
display: none
}
}
#masterHead.bridgingdesign .utilNav .util > li.mobile.hamburger > a {
height: 30px;
margin-top: 2px
}
@media only screen and (min-width: 480px) and (max-width: 992px) {
#masterHead.bridgingdesign .utilNav .util > li.mobile > a {
width: 30px !important;
height: 30px !important
}
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch {
display: inline-block !important;
position: static
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch {
position: relative
}
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch a.icon:before {
content: none
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay {
display: none;
position: absolute;
padding: 30px 15px 15px;
top: 60px;
right: 0;
background: #fff;
border: 1px solid #ddd;
z-index: 9999;
max-width: 400px;
width: calc(100vw - 20px);
box-sizing: border-box;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4)
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay {
width: 400px;
top: 51px;
box-sizing: inherit
}
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-close {
background: none;
position: absolute;
right: 10px;
top: 10px;
width: 20px;
-webkit-mask-image: none;
height: 20px
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form .dlgButton {
padding: 0 20px;
vertical-align: middle
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form .dlgButton {
padding: 0 35px;
max-width: 150px
}
}
@media only screen and (min-width: 1200px) {
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form .dlgButton {
max-width: 140px
}
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form input[type="text"] {
width: 155px;
height: 40px;
border-radius: 22.5px;
color: #242424;
border: 1px solid #dddddd;
padding: 0 15px;
line-height: 40px;
margin-right: 10px;
vertical-align: middle;
font-family: 'notoregular' !important;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form input[type="text"] {
width: 200px
}
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form input[type="text"]:focus {
outline: none
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form input[type="text"] input[type="text"]::-webkit-input-placeholder {
color: #aeaeae
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form input[type="text"] input[type="text"]::-moz-placeholder {
color: #aeaeae
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form input[type="text"] input [type="text"]:-ms-input-placeholder {
color: #aeaeae
}
#masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form input[type="text"] input[type="text"]:-moz-placeholder {
color: #aeaeae
}
#masterHead.bridgingdesign .utilNav .util li {
margin-left: 30px;
margin-right: 0
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .util li {
margin-left: 25px
}
}
#masterHead.bridgingdesign .utilNav .util li.mobile.active {
background-color: transparent
}
#masterHead.bridgingdesign .utilNav .util li:first-child {
margin-left: 0
}
#masterHead.bridgingdesign .utilNav .util li.toggleMenu > a {
width: 30px;
height: 30px
}
#masterHead.bridgingdesign .utilNav .util li.toggleMenu > a:before {
content: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav .util li.toggleMenu {
display: none
}
}
#masterHead.bridgingdesign .utilNav .util li.toggleMenu a:after {
content: none
}
#masterHead.bridgingdesign .utilNav li {
display: inline-block;
float: none;
margin: 0;
position: relative;
vertical-align: middle;
text-align: left
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav li {
display: block;
float: left;
margin: 0;
position: relative;
height: auto
}
}
#masterHead.bridgingdesign .utilNav li.login {
float: left;
display: none;
margin: 0;
padding: 0;
margin-bottom: 12px;
margin-top: 20px;
padding-left: 0;
width: calc(100vw - 40px)
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav li.login {
margin-bottom: 0
}
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign .utilNav li.login {
float: none;
display: inline-block;
text-indent: -9999px;
margin-bottom: 0;
margin-top: 0;
margin-left: 30px;
width: 30px;
padding-left: 0
}
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav li.login {
margin-left: 25px
}
}
#masterHead.bridgingdesign .utilNav li.login.logged_in {
height: auto
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign .utilNav li.login.logged_in {
height: 30px
}
}
#masterHead.bridgingdesign .utilNav li.login.logged_in a.icon:after {
content: none
}
#masterHead.bridgingdesign .utilNav li.login.logged_in.dropdown-open a.icon .open-account:after {
transform: rotate(-180deg)
}
#masterHead.bridgingdesign .utilNav li.login.logged_in a.icon {
font-family: 'notobold' !important;
font-size: 15px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.5px;
color: #052644;
height: 30px;
line-height: 30px;
text-indent: 3px;
display: block
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign .utilNav li.login.logged_in a.icon {
background: #052644;
width: 30px;
margin-top: 2px;
border-radius: 100%;
display: block;
font-size: 0;
text-align: center;
color: #ffffff
}
#masterHead.bridgingdesign .utilNav li.login.logged_in a.icon:first-letter {
font-size: 15px;
text-indent: 6px
}
}
#masterHead.bridgingdesign .utilNav li.login .loggedin-overlay {
display: none;
background: #fff;
width: 100%;
box-sizing: border-box;
margin-top: 0
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign .utilNav li.login .loggedin-overlay {
top: 51px;
position: absolute;
right: 0;
padding: 25px;
z-index: 9999;
border: 1px solid #ddd;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
width: 200px
}
}
#masterHead.bridgingdesign .utilNav li.login .loggedin-overlay li {
margin-left: 0;
float: none;
display: block
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign .utilNav li.login .loggedin-overlay li {
margin-top: 20px
}
#masterHead.bridgingdesign .utilNav li.login .loggedin-overlay li:first-child {
margin-top: 0
}
}
#masterHead.bridgingdesign .utilNav li.login .loggedin-overlay li a {
font-family: 'notobold' !important;
font-size: 14px;
color: #052644;
text-align: left;
text-transform: uppercase;
text-decoration: none;
width: auto;
text-indent: 0;
height: 40px;
line-height: 40px
}
#masterHead.bridgingdesign .utilNav li.login .loggedin-overlay li a:before {
content: none
}
#masterHead.bridgingdesign .utilNav li.login .loggedin-overlay li a:hover, #masterHead.bridgingdesign .utilNav li.login .loggedin-overlay li a:focus, #masterHead.bridgingdesign .utilNav li.login .loggedin-overlay li a:active {
color: #58b0e2
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign .utilNav li.login .loggedin-overlay li a {
height: auto;
line-height: 1
}
}
#masterHead.bridgingdesign .utilNav li.login a.icon {
text-transform: uppercase;
background: none;
padding-left: 40px;
position: relative;
width: calc(100% - 20px);
text-indent: unset;
font-family: 'notobold' !important;
font-size: 15px;
font-style: normal;
font-stretch: normal;
letter-spacing: 0.5px;
color: #052644
}
#masterHead.bridgingdesign .utilNav li.login a.icon:before {
width: 30px;
height: 30px;
display: block;
content: ' ';
background: url(../images/assets/delonghi_account.png) no-repeat;
background-size: cover;
position: absolute;
left: 0;
z-index: 9999;
top: 0
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign .utilNav li.login a.icon {
text-indent: -9999px;
width: 30px;
height: 30px;
margin-top: -2px;
background: url(../images/assets/delonghi_account.png) no-repeat;
background-size: cover;
position: static;
padding-left: 0
}
#masterHead.bridgingdesign .utilNav li.login a.icon:before {
content: none
}
}
#masterHead.bridgingdesign .utilNav li.login a.icon .open-account {
border: none;
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 100%;
z-index: 99999;
background: none;
display: block
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign .utilNav li.login a.icon .open-account {
display: none
}
}
#masterHead.bridgingdesign .utilNav li.login a.icon .open-account:after {
background: url(../images/assets/down-arrow.png) no-repeat;
background-size: cover;
display: block;
height: 20px;
width: 20px;
position: absolute;
right: 0;
top: 10px;
content: ' ';
transition: all 0.4s ease
}
#masterHead.bridgingdesign .utilNav li.mobile {
vertical-align: middle;
display: inline-block
}
#masterHead.bridgingdesign .utilNav li > a {
text-indent: -999em;
width: 30px;
height: 30px;
color: #052644
}
#masterHead.bridgingdesign .utilNav li.active {
background-color: none
}
#masterHead.bridgingdesign .utilNav li.registerBtn {
display: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav li.registerBtn {
display: block
}
}
#masterHead.bridgingdesign .utilNav li.toggleSearch a {
background: url(../images/assets/delonghi_search.png) no-repeat;
background-size: cover;
width: 30px;
height: 30px;
color: #052644;
display: block
}
#masterHead.bridgingdesign .utilNav li.cartHolder {
display: inline-block;
vertical-align: middle;
position: static
}
#masterHead.bridgingdesign .utilNav li.cartHolder span.cartBtn-number-of-items {
position: absolute;
top: 0;
right: -5px;
color: #fff;
width: 14px;
height: 14px;
left: auto;
background: #58b0e2;
text-align: center;
line-height: 14px;
border-radius: 100%;
font-size: 10px;
font-family: 'notobold' !important
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cartBtnHolder > a {
top: 0
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cartBtnHolder.no-item a.cartBtn span.cartBtn-number-of-items {
display: none
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cartBtnHolder.no-item a.cartBtn:before {
background-position: 0 -30px
}
#masterHead.bridgingdesign .utilNav li.cartHolder a.cartBtn {
position: relative;
width: 30px;
height: 30px;
display: block
}
#masterHead.bridgingdesign .utilNav li.cartHolder a.cartBtn b {
display: none
}
#masterHead.bridgingdesign .utilNav li.cartHolder a.cartBtn:before {
background: url(../images/assets/delonghi_basket.png) no-repeat 0 0;
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
content: ' ';
display: block
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay {
padding: 30px 25px;
top: 60px;
position: absolute;
width: 100%;
border: 0;
box-sizing: border-box;
border-radius: 0;
width: 350px;
z-index: 999999
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay {
top: 51px
}
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay {
box-sizing: inherit
}
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay:before, #masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay:after {
content: none
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart {
position: relative
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items-wrapper {
position: static
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items-wrapper.cart-refreshing:before {
background: rgba(255, 255, 255, 0.15)
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .minicart-title {
font-family: 'notobold' !important;
font-size: 20px;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
color: #242424;
position: relative;
padding-left: 25px
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .minicart-title:before {
width: 18px;
height: 18px;
display: block;
content: ' ';
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
background: url(../images/assets/check.png) no-repeat
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items .cart-item h4 .cart-name {
font-family: 'notobold' !important;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #052644;
text-decoration: none
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items .cart-item h4 .cart-name:hover {
text-decoration: underline
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items .cart-item .cart-price, #masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items .cart-item .cart-quantity {
font-family: 'notoregular' !important;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: normal;
color: #242424
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items .cart-item .cart-remove {
font-family: 'notoregular' !important;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #58b0e2;
background: none;
text-decoration: underline;
text-transform: none;
height: auto;
padding: 0;
border-radius: 0;
border-bottom: 1px solid #58b0e2;
outline: none
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items .cart-item .cart-remove:hover, #masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items .cart-item .cart-remove:active, #masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-items .cart-item .cart-remove:focus {
color: #052644;
border-bottom-color: #052644;
outline: none
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-close {
position: absolute;
right: 0;
background: none;
width: 20px;
height: 20px;
z-index: 9999
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-close:before {
content: none
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview {
border-top-width: 1px;
position: static;
padding-top: 30px;
margin-top: 0
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview .dlgButton {
width: 100%;
box-sizing: border-box;
margin-top: 18px
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview .not-desktop {
display: none
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview .button i {
display: none
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview .cart-num-items, #masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview .cart-subtotal {
font-family: 'notobold' !important;
font-size: 16px;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
color: #242424;
margin-bottom: 20px
}
#masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview .cart-num-items .cart-subtotal-amount, #masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview .cart-num-items .cart-num-items-amount, #masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview .cart-subtotal .cart-subtotal-amount, #masterHead.bridgingdesign .utilNav li.cartHolder .cart-overlay .cart .cart-overview .cart-subtotal .cart-num-items-amount {
float: right
}
#masterHead.bridgingdesign .utilNav li a.icon {
display: block;
text-decoration: none;
color: #052644;
width: 30px;
height: 30px;
position: relative;
background-size: contain
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign .utilNav li a.icon {
color: #fff
}
}
#masterHead.bridgingdesign .utilNav li a.icon.cart-name {
color: #58B0E2;
font-weight: 700
}
#masterHead.bridgingdesign #topNav {
box-shadow: none;
float: none;
border-top: 0;
clear: none;
margin-left: 0;
position: static;
display: none
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
#masterHead.bridgingdesign #topNav {
margin-left: 0 !important;
margin-right: 0 !important
}
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign #topNav {
clear: both
}
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav {
float: left;
width: calc(100% - 350px);
box-shadow: none;
display: block;
clear: none
}
}
#masterHead.bridgingdesign #topNav .previewSpace {
width: 276px;
height: 160px;
top: 100px;
right: 0;
left: auto;
overflow: hidden;
display: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .previewSpace {
display: block
}
}
#masterHead.bridgingdesign #topNav .dropdown {
background-color: #fff;
padding: 0;
margin: 0;
display: none;
position: static;
overflow: hidden;
top: 60px;
left: 0;
margin: 0;
z-index: 100000;
box-shadow: none;
border: 0
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown {
width: 100%;
padding: 0;
position: absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15)
}
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown.menu-show {
display: block
}
}
#masterHead.bridgingdesign #topNav .dropdown .section {
padding-top: 0
}
#masterHead.bridgingdesign #topNav .dropdown .section, #masterHead.bridgingdesign #topNav .dropdown .container {
position: relative
}
#masterHead.bridgingdesign #topNav .dropdown .view-all {
height: 50px;
background: #f5f5f5;
text-align: center;
width: 100%;
display: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown .view-all {
display: block
}
}
#masterHead.bridgingdesign #topNav .dropdown .view-all .dlgLink, #masterHead.bridgingdesign #topNav .dropdown .view-all a {
color: #58b0e2 !important;
line-height: 50px;
text-transform: none
}
#masterHead.bridgingdesign #topNav .dropdown .view-all .dlgLink:hover, #masterHead.bridgingdesign #topNav .dropdown .view-all .dlgLink:active, #masterHead.bridgingdesign #topNav .dropdown .view-all .dlgLink:focus, #masterHead.bridgingdesign #topNav .dropdown .view-all a:hover, #masterHead.bridgingdesign #topNav .dropdown .view-all a:active, #masterHead.bridgingdesign #topNav .dropdown .view-all a:focus {
color: #052644 !important
}
#masterHead.bridgingdesign #topNav .dropdown .block {
padding-top: 10px
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown .block {
min-height: 260px;
padding-top: 30px
}
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header {
margin-bottom: 15px
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header {
margin-bottom: 0
}
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header ul {
margin: 0
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.hide-on__desktop {
display: block;
width: 100%
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.hide-on__desktop {
display: none
}
}
@media only screen and (min-width: 768px) {
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.hide-on__desktop {
width: auto
}
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.hide-on__desktop a {
font-family: 'notobold' !important;
font-size: 15px;
font-style: normal;
font-stretch: normal;
line-height: 18px;
letter-spacing: normal;
color: #58b0e2 !important;
height: auto
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.hide-on__desktop a:hover {
color: #052644 !important
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button {
padding-top: 0;
padding-bottom: 0;
margin: 0;
margin-bottom: 30px
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a {
line-height: 42px
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button input.dlgButton.cta-principale, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button button.dlgButton.cta-principale {
background: #58b0e2;
color: #fff !important;
border-color: #58b0e2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 42px
}
@media only screen and (max-width: 991px) {
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button input.dlgButton.cta-principale, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button button.dlgButton.cta-principale {
max-width: none;
font-size: 12px
}
}
@media only screen and (max-width: 479px) {
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button input.dlgButton.cta-principale, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button button.dlgButton.cta-principale {
font-size: 12px
}
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button input.dlgButton.cta-principale, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button button.dlgButton.cta-principale {
padding: 0 35px !important;
max-width: none
}
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale:hover, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button a.dlgButton.cta-principale:focus, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button input.dlgButton.cta-principale:hover, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button input.dlgButton.cta-principale:focus, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button button.dlgButton.cta-principale:hover, #masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent.button button.dlgButton.cta-principale:focus {
background: #052644 !important;
color: #fff !important;
border-color: #052644 !important
}
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent {
width: auto;
display: inline-block
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown .block .menu-header > li.parent {
margin-bottom: 30px;
margin-top: 30px
}
}
#masterHead.bridgingdesign #topNav .dropdown .block ul, #masterHead.bridgingdesign #topNav .dropdown .foot ul {
padding: 0
}
#masterHead.bridgingdesign #topNav .dropdown .block ul.menu-items > li.menu-item, #masterHead.bridgingdesign #topNav .dropdown .foot ul.menu-items > li.menu-item {
display: block;
vertical-align: top;
width: 100%;
float: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown .block ul.menu-items > li.menu-item, #masterHead.bridgingdesign #topNav .dropdown .foot ul.menu-items > li.menu-item {
display: inline-block;
vertical-align: top;
margin-right: 30px;
min-width: 200px;
width: auto
}
}
#masterHead.bridgingdesign #topNav .dropdown .block ul.menu-items > li.menu-item:nth-child(2n+1), #masterHead.bridgingdesign #topNav .dropdown .foot ul.menu-items > li.menu-item:nth-child(2n+1) {
clear: none
}
#masterHead.bridgingdesign #topNav .dropdown .block ul.menu-items > li.menu-item.parent > a, #masterHead.bridgingdesign #topNav .dropdown .foot ul.menu-items > li.menu-item.parent > a {
color: #aeaeae !important;
text-transform: uppercase;
font-family: 'notobold' !important;
font-size: 14px;
font-style: normal;
font-stretch: normal;
letter-spacing: normal
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown .block ul.menu-items > li.menu-item.parent > a, #masterHead.bridgingdesign #topNav .dropdown .foot ul.menu-items > li.menu-item.parent > a {
line-height: 1
}
}
#masterHead.bridgingdesign #topNav .dropdown .block ul.menu-items > li.menu-item.parent > a.dlgButton, #masterHead.bridgingdesign #topNav .dropdown .foot ul.menu-items > li.menu-item.parent > a.dlgButton {
color: #fff !important
}
#masterHead.bridgingdesign #topNav .dropdown .block ul.menu-items > li.menu-item ul li a, #masterHead.bridgingdesign #topNav .dropdown .foot ul.menu-items > li.menu-item ul li a {
text-transform: none
}
#masterHead.bridgingdesign #topNav .dropdown .block ul > li, #masterHead.bridgingdesign #topNav .dropdown .foot ul > li {
border: 0;
padding: 0
}
#masterHead.bridgingdesign #topNav .dropdown .block ul > li.parent > i, #masterHead.bridgingdesign #topNav .dropdown .foot ul > li.parent > i {
display: none
}
#masterHead.bridgingdesign #topNav .dropdown .block ul > li.parent > a.dlgButton, #masterHead.bridgingdesign #topNav .dropdown .foot ul > li.parent > a.dlgButton {
color: #fff !important
}
#masterHead.bridgingdesign #topNav .dropdown .block ul > li.parent ul li, #masterHead.bridgingdesign #topNav .dropdown .foot ul > li.parent ul li {
font-family: 'notoregular' !important;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2.67;
letter-spacing: normal;
color: #242424;
text-transform: none;
padding-bottom: 0
}
#masterHead.bridgingdesign #topNav .dropdown .block ul > li.parent ul li a, #masterHead.bridgingdesign #topNav .dropdown .foot ul > li.parent ul li a {
font-family: 'notoregular' !important;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #242424;
padding-bottom: 0
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .dropdown .block ul > li.parent ul li a, #masterHead.bridgingdesign #topNav .dropdown .foot ul > li.parent ul li a {
line-height: 1.73
}
}
#masterHead.bridgingdesign #topNav > ul {
padding: 0 10px
}
#masterHead.bridgingdesign #topNav > ul > li {
border-top: 1px solid #ddd;
position: relative;
text-transform: uppercase
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav > ul > li {
border-top: 2px solid #000;
box-shadow: none
}
}
#masterHead.bridgingdesign #topNav > ul > li > a {
border: 0;
padding: 0 !important
}
#masterHead.bridgingdesign #topNav > ul > li a {
font-family: 'notobold' !important;
font-size: 15px;
font-style: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0.5px;
color: #052644;
height: 40px;
border: 0
}
#masterHead.bridgingdesign #topNav > ul > li a:not(.dlgButton):hover, #masterHead.bridgingdesign #topNav > ul > li a:not(.dlgButton):active, #masterHead.bridgingdesign #topNav > ul > li a:not(.dlgButton):focus {
color: #58b0e2 !important;
background: none
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav > ul > li a {
height: auto;
line-height: 58px
}
}
#masterHead.bridgingdesign #topNav > ul > li a.dlgButton {
padding: 0 35px !important;
line-height: 40px
}
#masterHead.bridgingdesign #topNav > ul > li a.dlgButton:hover {
background-color: #052644;
border-color: #052644
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav > ul > li a.dlgButton {
padding: 0 35px !important
}
}
#masterHead.bridgingdesign #topNav > ul > li a.expand-collapse {
border: none;
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 100%;
z-index: 99999;
background: none;
display: block
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav > ul > li a.expand-collapse {
display: none
}
}
#masterHead.bridgingdesign #topNav > ul > li a.expand-collapse:after {
background: url(../images/assets/down-arrow.png) no-repeat;
background-size: cover;
display: block;
height: 20px;
width: 20px;
position: absolute;
right: 0;
top: 13px;
content: ' ';
transition: all 0.4s ease
}
#masterHead.bridgingdesign #topNav > ul > li.parent {
position: relative
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav > ul > li.parent {
position: static
}
}
#masterHead.bridgingdesign #topNav > ul > li:active, #masterHead.bridgingdesign #topNav > ul > li:hover, #masterHead.bridgingdesign #topNav > ul > li:focus {
outline: none
}
#masterHead.bridgingdesign #topNav > ul > li.hover a {
color: #58b0e2
}
#masterHead.bridgingdesign #topNav > ul > li.hover a:after {
transform: rotateZ(-180deg)
}
#masterHead.bridgingdesign #topNav ul {
clear: both
}
#masterHead.bridgingdesign #topNav ul:after {
clear: both;
content: ' '
}
#masterHead.bridgingdesign #topNav .mega-menu {
text-align: center;
padding: 0
}
@media screen and (min-width: 768px) {
#masterHead.bridgingdesign #topNav .mega-menu {
width: 100%
}
}
#masterHead.bridgingdesign #topNav .mega-menu > li {
margin-left: 0;
float: none;
display: block;
vertical-align: middle;
text-align: left;
margin-right: 0
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .mega-menu > li {
border-top: 0;
margin-left: 65px;
display: inline-block
}
#masterHead.bridgingdesign #topNav .mega-menu > li:first-child {
margin-left: 0
}
}
@media only screen and (max-width: 991px) {
#masterHead.bridgingdesign #topNav .mega-menu > li.parent > a {
height: 44px;
line-height: 44px
}
}
#masterHead.bridgingdesign #topNav .mega-menu > li.hide-on__desktop {
display: block
}
@media only screen and (min-width: 992px) {
#masterHead.bridgingdesign #topNav .mega-menu > li.hide-on__desktop {
display: none
}
}
#masterHead.bridgingdesign #topNav .mega-menu > li.customer-services a {
font-family: 'notoregular' !important;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #052644
}
#masterHead.bridgingdesign #topNav .mega-menu > li.parent > a:hover, #masterHead.bridgingdesign #topNav .mega-menu > li.parent > a:active, #masterHead.bridgingdesign #topNav .mega-menu > li.parent > a:focus {
text-decoration: none;
color: #58b0e2
}
#masterHead.bridgingdesign #topNav .mega-menu > li.parent.on > a:before {
border: 0
}
#masterHead.bridgingdesign #topNav .mega-menu > li a {
text-decoration: none
}
@media only screen and (min-width: 480px) and (max-width: 992px) {
#masterHead.bridgingdesign #topNav .mega-menu > li a {
color: #052644 !important
}
}
#masterHead.bridgingdesign #topNav .mega-menu > li a:-webkit-any-link {
text-decoration: none
}
#masterHead.bridgingdesign #topNav .mega-menu > li:hover a:before {
content: none
}
#masterHead.bridgingdesign #topNav .mega-menu .dropdown {
box-shadow: none
}
#masterHead.bridgingdesign #topNav .mega-menu .dropdown .block {
margin-left: 0
}
@media only screen and (max-width: 499px) {
#masterHead:not(.bridgingdesign) .cartHolder, #masterHead:not(.bridgingdesign) .cart-overlay .cart-items-wrapper, #masterHead:not(.bridgingdesign) .cart-overview {
position: static
}
#masterHead:not(.bridgingdesign) .cart-overlay .cart-items-wrapper.cart-refreshing:before {
width: 95%;
height: 86%
}
#masterHead:not(.bridgingdesign) .cart-overlay {
top: 0;
left: 0;
right: 0;
margin: auto;
width: auto;
max-width: 90%
}
#masterHead:not(.bridgingdesign) #ctl00_ContentPlaceHolderAll_ContentPlaceHolderHeaderArea_ctl00_Basket1_BasketOverlay1_HyperLinkYourBasketPage1 {
margin-bottom: 10px
}
#masterHead:not(.bridgingdesign) .button.mobile {
display: none;
width: 100%
}
#masterHead:not(.bridgingdesign) .button.mobile .cart-close {
width: 100%;
box-sizing: border-box
}
#masterHead:not(.bridgingdesign) .cart-overview {
margin-bottom: 0
}
}
.newsletter-section {
background: #052644
}
.newsletter-section .section {
padding: 0
}
.newsletter-section .newsletter-container {
height: auto;
text-align: center;
padding: 24px 0 28px
}
@media only screen and (min-width: 992px) {
.newsletter-section .newsletter-container {
text-align: center;
padding: 0
}
}
@media only screen and (min-width: 1200px) {
.newsletter-section .newsletter-container {
text-align: left
}
}
.newsletter-section .newsletter-container label, .newsletter-section .newsletter-container a.signup-newsletter {
display: block;
margin: 20px auto auto;
border: 0
}
@media only screen and (min-width: 992px) {
.newsletter-section .newsletter-container label, .newsletter-section .newsletter-container a.signup-newsletter {
display: inline-block;
vertical-align: middle;
margin-top: 0
}
}
.newsletter-section .newsletter-container a.signup-newsletter {
color: #052644 !important
}
.newsletter-section .newsletter-container .leadform-label {
margin-left: 0;
margin-top: 0;
margin-right: 0;
max-width: none;
padding: 0
}
@media only screen and (min-width: 992px) {
.newsletter-section .newsletter-container .leadform-label {
text-align: left
}
}
@media only screen and (min-width: 1024px) {
.newsletter-section .newsletter-container .leadform-label {
margin-left: 0;
padding: 24px 0;
max-width: 45%;
display: inline-block;
vertical-align: middle
}
}
@media only screen and (min-width: 1200px) {
.newsletter-section .newsletter-container .leadform-label {
margin-left: 174px;
text-align: left;
min-width: 35%
}
}
.newsletter-section .newsletter-container .leadform-label label {
font-family: 'notobold' !important;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #ffffff;
margin-top: 0
}
.newsletter-section .newsletter-container .leadform-label label.leadform-label__title {
line-height: 1.15;
font-size: 24px;
display: block
}
.newsletter-section .newsletter-container .leadform-label label.leadform-label__subtitle {
line-height: 1.15;
font-size: 14px;
margin-top: 10px;
font-family: 'notoregular' !important
}
.newsletter-section .newsletter-container a.signup-newsletter {
margin-top: 25px;
max-width: 300px;
height: auto !important;
padding: 12px 35px !important;
line-height: 1.2 !important
}
@media only screen and (max-width: 767px) {
.newsletter-section .newsletter-container a.signup-newsletter {
max-width: 70%
}
}
@media only screen and (min-width: 1200px) {
.newsletter-section .newsletter-container a.signup-newsletter {
margin-left: 128px;
margin-top: 10px;
margin-bottom: 10px
}
}
@media only screen and (max-width: 991px) {
.pre-footer__section.full-width__bg {
padding-left: 0;
padding-right: 0
}
}
@media only screen and (min-width: 992px) {
.pre-footer__section.full-width__bg {
background: #052644;
max-width: none
}
}
@media only screen and (min-width: 992px) {
.pre-footer__section.full-width__bg .newsletter-section {
max-width: 1180px;
margin: auto
}
}
#pre-footer {
padding: 0;
background: #f5f5f5;
text-align: center;
display: inline-block;
width: 100%;
position: relative
}
@media only screen and (max-width: 991px) {
#pre-footer {
min-height: 80px
}
}
@media screen and (min-width: 1024px) {
#pre-footer {
display: block;
padding: 22px 0
}
}
#pre-footer .gradient {
width: 135px;
height: 80px;
background-image: linear-gradient(to right, rgba(251, 251, 251, 0), #fff);
position: absolute;
right: 0;
top: 0;
z-index: 100;
pointer-events: none
}
@media only screen and (min-width: 992px) {
#pre-footer .gradient.hide-on__desktop {
display: none
}
}
#pre-footer .container {
overflow-x: scroll;
overflow-y: hidden;
scrollbar-width: 0;
-ms-overflow-style: none
}
@media screen and (min-width: 1024px) {
#pre-footer .container {
padding: 0 10px;
margin: 0 auto;
overflow-x: visible;
overflow-y: visible;
box-sizing: border-box
}
}
#pre-footer .our-services {
display: inline-flex;
float: left;
margin: 22px 0 22px;
padding: 0 0 0 1.5em
}
@media screen and (min-width: 1024px) {
#pre-footer .our-services {
display: block;
margin: auto;
width: auto;
float: none;
padding: 0
}
}
@media only screen and (min-width: 1200px) {
#pre-footer .our-services {
max-width: 80%;
margin: auto
}
}
#pre-footer .our-services li {
display: inline-block;
vertical-align: middle;
text-align: left;
margin-left: 52px;
width: 188px;
height: 35px;
padding: 0
}
@media screen and (min-width: 1024px) {
#pre-footer .our-services li {
vertical-align: middle;
text-align: left;
float: none;
margin-left: 35px;
width: auto;
height: auto;
padding: inherit
}
}
#pre-footer .our-services li:first-child {
margin-left: 0
}
@media only screen and (min-width: 992px) {
#pre-footer .our-services li {
max-width: 25%;
margin-left: 30px
}
}
@media only screen and (min-width: 1200px) {
#pre-footer .our-services li {
max-width: 15%;
margin-left: 65px
}
}
#pre-footer .our-services li a {
text-decoration: none
}
#pre-footer .our-services li span {
display: inline-block;
vertical-align: top
}
#pre-footer .our-services li span.icon {
margin-right: 10px;
width: 36px;
height: 36px
}
#pre-footer .our-services li span.icon.faq-icon {
background: url(../images/assets/delonghi_faq.png) no-repeat;
background-size: cover
}
#pre-footer .our-services li span.icon.instruction-manual--icon {
background: url(../images/assets/delonghi_manuals.png) no-repeat;
background-size: cover
}
#pre-footer .our-services li span.icon.contact-us--icon {
background: url(../images/assets/delonghi_contact.png) no-repeat;
background-size: cover
}
#pre-footer .our-services li span.icon.service-locator--icon {
background: url(../images/assets/delonghi_locator.png) no-repeat;
background-size: cover
}
#pre-footer .our-services li span.service-name {
display: inline-block;
font-family: 'notobold' !important;
font-size: 12px;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: 0.8px;
color: #58b0e2;
text-transform: uppercase;
width: 131px;
text-align: left
}
@media only screen and (min-width: 992px) {
#pre-footer .our-services li span.service-name {
display: inline-block;
max-width: 70%;
width: auto
}
}
#footer.bridgingdesign {
padding: 20px 0 0;
overflow: inherit;
background: #fff;
float: none
}
@media only screen and (max-width: 991px) {
#footer.bridgingdesign {
padding: 27px 0 0
}
}
#footer.bridgingdesign a {
color: #052644
}
#footer.bridgingdesign .colgroup.colNo6 .col {
width: 100%;
margin-left: 0;
margin-right: 0
}
#footer.bridgingdesign .colgroup.colNo6 .col:first-child {
margin-left: 0
}
@media only screen and (min-width: 768px) {
#footer.bridgingdesign .colgroup.colNo6 .col {
width: calc((100% - 75px) / 3);
margin-left: 25px
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
#footer.bridgingdesign .colgroup.colNo6 .col:nth-child(3n+1) {
margin-left: 0
}
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .colgroup.colNo6 .col {
width: calc((100% - 125px) / 6)
}
}
#footer.bridgingdesign .footer-logo img {
width: auto;
max-width: 120px
}
#footer.bridgingdesign .footer-logo.hide_on_mobile {
display: none
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .footer-logo.hide_on_mobile {
display: inline-block
}
}
#footer.bridgingdesign .social-sharing {
margin-top: 2px;
display: none
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .social-sharing {
display: block;
margin-left: 0
}
}
#footer.bridgingdesign .social-sharing li {
display: inline-block;
margin-left: 10px;
vertical-align: middle;
padding-bottom: 0
}
#footer.bridgingdesign .social-sharing li:first-child {
margin-left: 0
}
#footer.bridgingdesign .social-sharing li .icon {
display: block;
width: 36px;
height: 36px
}
#footer.bridgingdesign .social-sharing li .icon svg {
width: 36px;
height: 36px;
display: block
}
#footer.bridgingdesign .social-sharing li .icon svg path {
fill: #052644 !important
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .footer-navigation > li.parent {
padding: 0;
margin-bottom: 30px
}
#footer.bridgingdesign .footer-navigation > li.parent:last-child {
margin-bottom: 0
}
}
#footer.bridgingdesign .footer-navigation .social-container, #footer.bridgingdesign .footer-navigation .about-delonghi {
display: inline-block;
vertical-align: top;
width: 48%;
box-sizing: border-box
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .footer-navigation .social-container, #footer.bridgingdesign .footer-navigation .about-delonghi {
width: 100%
}
}
#footer.bridgingdesign .footer-navigation .social-container.hide-on__desktop, #footer.bridgingdesign .footer-navigation .about-delonghi.hide-on__desktop {
vertical-align: top
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .footer-navigation .social-container.hide-on__desktop, #footer.bridgingdesign .footer-navigation .about-delonghi.hide-on__desktop {
display: none
}
}
#footer.bridgingdesign .footer-navigation .social-container.hide-on__desktop .social-sharing, #footer.bridgingdesign .footer-navigation .about-delonghi.hide-on__desktop .social-sharing {
margin-left: 0;
display: block
}
#footer.bridgingdesign .company-address {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #dddddd;
font-family: 'notoregular' !important;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.42;
letter-spacing: normal;
color: #052644
}
#footer.bridgingdesign .company-address .company-address__column {
display: inline-block;
width: 48%;
padding-left: 10px;
vertical-align: top
}
#footer.bridgingdesign .company-address .company-address__column:first-child {
padding-left: 0
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .company-address .company-address__column {
display: block;
width: 100%;
box-sizing: border-box;
padding: 0
}
}
#footer.bridgingdesign .company-address address {
margin-bottom: 10px;
font-family: 'notoregular' !important;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.42;
letter-spacing: normal;
color: #052644;
vertical-align: top
}
#footer.bridgingdesign .company-address address:last-child {
margin-bottom: 0
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .company-address address {
display: block;
width: 100%
}
}
#footer.bridgingdesign .footer-navigation__container {
padding: 0
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .footer-navigation__container {
padding: 20px 0 0
}
}
#footer.bridgingdesign .footer-navigation__container .col.hide_on_mobile {
display: none
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .footer-navigation__container .col.hide_on_mobile {
display: inline-block
}
}
#footer.bridgingdesign .footer-navigation__container .about-company {
color: #242424
}
#footer.bridgingdesign .footer-navigation__container .about-company .about-company-name {
font-family: 'notoregular' !important;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.57;
letter-spacing: normal;
color: #aeaeae;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 15px
}
#footer.bridgingdesign .footer-navigation__container .about-company ul li {
font-family: 'notoregular' !important;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.54;
letter-spacing: normal;
color: #242424;
text-decoration: none;
padding: 0
}
#footer.bridgingdesign .footer-navigation__container .col h3 {
position: relative;
border-bottom: 1px solid #dddddd;
padding-bottom: 0;
margin-bottom: 0;
height: 44px
}
@media only screen and (min-width: 768px) {
#footer.bridgingdesign .footer-navigation__container .col h3 {
border: 0;
height: auto;
margin-bottom: 15px
}
}
#footer.bridgingdesign .footer-navigation__container .col h3 a {
font-family: 'notobold' !important;
font-size: 16px;
font-style: normal;
font-stretch: normal;
line-height: 44px;
letter-spacing: normal;
color: #052644;
text-decoration: none;
display: block
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .footer-navigation__container .col h3 a {
line-height: 1.5
}
}
#footer.bridgingdesign .footer-navigation__container .col h3 a:hover {
color: #052644
}
#footer.bridgingdesign .footer-navigation__container .col h3:last-child {
padding-right: 0
}
#footer.bridgingdesign .footer-navigation__container .col h3 .expand-collapse {
position: absolute;
left: 0;
top: 5px;
height: 40px;
width: 100%
}
@media only screen and (min-width: 768px) {
#footer.bridgingdesign .footer-navigation__container .col h3 .expand-collapse {
display: none
}
}
#footer.bridgingdesign .footer-navigation__container .col h3 .expand-collapse:after {
background: url(../images/assets/down-arrow.png) no-repeat;
background-size: cover;
display: block;
height: 15px;
width: 20px;
position: absolute;
right: 0;
top: 5px;
content: ' ';
transition: all 0.4s ease
}
#footer.bridgingdesign .footer-navigation__container .col h3.dropdown-open {
border-bottom: 0
}
#footer.bridgingdesign .footer-navigation__container .col h3.dropdown-open .expand-collapse:after {
transform: rotate(-180deg)
}
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation {
display: none;
border-bottom: 1px solid #dddddd;
margin-bottom: 0
}
@media only screen and (min-width: 768px) {
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation {
margin-bottom: 30px;
display: block;
border-bottom: 0
}
}
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation.about-delonghi__navigation {
display: block
}
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation.about-delonghi__navigation .social-container .social-sharing {
text-align: right
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation.about-delonghi__navigation .about-delonghi, #footer.bridgingdesign .footer-navigation__container .col .footer-navigation.about-delonghi__navigation .social-container {
width: 100%
}
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation.about-delonghi__navigation .about-delonghi .social-sharing, #footer.bridgingdesign .footer-navigation__container .col .footer-navigation.about-delonghi__navigation .social-container .social-sharing {
text-align: left
}
}
@media only screen and (max-width: 991px) {
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation > li {
padding: 0;
margin-bottom: 20px
}
}
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation > li.parent > a {
font-family: 'notoregular' !important;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.57;
letter-spacing: normal;
color: #aeaeae;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 5px
}
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation .footer-sub__navigation {
margin-bottom: 0
}
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation .footer-sub__navigation li {
padding-bottom: 0
}
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation .footer-sub__navigation li a {
font-family: 'notoregular';
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.54;
letter-spacing: normal;
color: #242424;
text-decoration: none
}
#footer.bridgingdesign .footer-navigation__container .col .footer-navigation .footer-sub__navigation li a:hover {
text-decoration: underline
}
#footer.bridgingdesign .social-section {
padding: 15px 0;
border: 0
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .social-section {
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd
}
}
#footer.bridgingdesign .social-section .social-container.twoCol20-80 .colAside, #footer.bridgingdesign .social-section .social-container.twoCol20-80 .colMain {
margin-bottom: 0;
float: none;
width: auto;
overflow: hidden
}
#footer.bridgingdesign .social-section .social-container.twoCol20-80 .colAside {
float: left;
margin-left: 0;
width: calc((100% - 125px) / 6)
}
#footer.bridgingdesign .social-section .join-our-family {
float: right
}
@media only screen and (max-width: 991px) {
#footer.bridgingdesign .social-section .join-our-family {
float: none;
text-align: center;
margin-top: 30px
}
#footer.bridgingdesign .social-section .join-our-family .form-container {
margin-top: 12px
}
}
#footer.bridgingdesign .social-section .join-our-family .jof-form-item, #footer.bridgingdesign .social-section .join-our-family .form-container {
display: inline-block
}
#footer.bridgingdesign .social-section .join-our-family .label {
font-family: 'notobold' !important;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
color: #052644;
margin-right: 13px
}
#footer.bridgingdesign .social-section .join-our-family input[type=text] {
border-radius: 22.5px;
border: 1px solid #dddddd;
padding: 10px 15px;
font-size: 12px;
max-width: 154px
}
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
#footer.bridgingdesign .social-section .join-our-family input[type=text] {
max-width: 80px
}
}
#footer.bridgingdesign .social-section .join-our-family button[type=submit] {
margin-left: 10px;
height: 40px;
line-height: 40px;
font-weight: normal;
max-width: 140px
}
#footer.bridgingdesign .social-section ul {
padding: 0;
font-size: 0
}
#footer.bridgingdesign .subscribers-container {
text-align: center;
margin-top: 30px
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .subscribers-container {
margin-top: 0;
text-align: right
}
}
#footer.bridgingdesign .subscribers-container label {
font-family: 'notobold' !important;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1px;
color: #052644;
text-transform: uppercase;
text-align: center;
margin-bottom: 10px;
display: block
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .subscribers-container label {
text-align: right;
margin-right: 13px;
margin-bottom: 0;
display: inline-block
}
}
#footer.bridgingdesign .subscribers-container input[type="email"] {
width: 170px;
height: 45px;
border-radius: 22.5px;
color: #848484;
border: 1px solid #dddddd;
padding: 0 15px;
line-height: 45px;
margin-right: 10px
}
#footer.bridgingdesign .subscribers-container input[type="email"]:focus {
outline: none
}
#footer.bridgingdesign .subscribers-container input[type="email"]::-webkit-input-placeholder {
color: #aeaeae
}
#footer.bridgingdesign .subscribers-container input[type="email"]::-moz-placeholder {
color: #aeaeae
}
#footer.bridgingdesign .subscribers-container input[type="email"]:-ms-input-placeholder {
color: #aeaeae
}
#footer.bridgingdesign .subscribers-container input[type="email"]:-moz-placeholder {
color: #aeaeae
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .subscribers-container .dlgButton {
padding: 0 35px
}
}
#footer.bridgingdesign .policy-section {
padding: 20px 0 10px
}
@media only screen and (max-width: 991px) {
#footer.bridgingdesign .policy-section {
padding-top: 0;
padding-bottom: 0
}
}
#footer.bridgingdesign .policy-section .twoCol20-80 .colMain {
text-align: center;
position: relative;
margin-bottom: 0
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .policy-section .twoCol20-80 .colMain {
text-align: left
}
}
#footer.bridgingdesign .policy-section .policy-navigation {
text-align: center;
font-size: 0;
margin-top: 5px;
padding-bottom: 5px
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .policy-section .policy-navigation {
text-align: right
}
}
#footer.bridgingdesign .policy-section .policy-navigation li {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #aeaeae;
margin-bottom: 10px;
padding-bottom: 0;
line-height: 0
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .policy-section .policy-navigation li {
margin-bottom: 0
}
}
#footer.bridgingdesign .policy-section .policy-navigation li:first-child {
border-left: 0;
margin-left: 0;
padding-left: 0
}
#footer.bridgingdesign .policy-section .policy-navigation li a {
font-family: 'notoregular' !important;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #aeaeae;
text-decoration: none
}
#footer.bridgingdesign .policy-section .policy-navigation li a:hover {
text-decoration: underline
}
#footer.bridgingdesign .descrive-section {
display: block;
margin-top: 10px
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .descrive-section {
display: none
}
}
#footer.bridgingdesign .descrive-section .company-address {
padding: 20px 0 0
}
#footer.bridgingdesign .descrive-section ul.about-delonghi__navigation, #footer.bridgingdesign .descrive-section ul.social-sharing {
margin-bottom: 0
}
#footer.bridgingdesign .languages-selector__container {
text-align: center;
position: relative;
margin-bottom: 30px
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .languages-selector__container {
text-align: left;
margin-bottom: 0
}
}
#footer.bridgingdesign .languages-selector {
display: inline-block;
overflow: unset;
text-align: left;
margin-bottom: 0
}
#footer.bridgingdesign .languages-selector li.toggleLanguage {
display: inline-block;
width: auto;
position: static;
padding-bottom: 0
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .languages-selector li.toggleLanguage {
position: relative
}
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .languages-selector li.toggleLanguage {
position: relative
}
}
#footer.bridgingdesign .languages-selector li.toggleLanguage .selectLang {
position: absolute;
left: 0;
bottom: calc(-100% + 60px);
z-index: 9999;
text-align: left;
width: calc(100vw - 20px);
max-width: 400px;
display: none
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .languages-selector li.toggleLanguage .selectLang {
width: 400px
}
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign .languages-selector li.toggleLanguage .selectLang {
width: 400px
}
}
#footer.bridgingdesign .languages-selector li.toggleLanguage .selectLang .languaes-list__contents {
position: relative;
background: #fff;
border: 1px solid #dddddd;
padding: 30px 15px 15px
}
#footer.bridgingdesign .languages-selector li.toggleLanguage .selectLang .languaes-list__contents .lang-selector__close {
position: absolute;
right: 10px;
top: 10px;
width: 20px;
height: 20px
}
#footer.bridgingdesign .languages-selector li.toggleLanguage .selectLang .langCol {
float: left;
width: calc((100% / 2) - 30px);
padding: 0 15px
}
#footer.bridgingdesign .languages-selector li.toggleLanguage .selectLang .langCol dd a {
color: #242424
}
#footer.bridgingdesign .languages-selector li.toggleLanguage.active a.flag.selected:after {
transform: rotate(-180deg)
}
#footer.bridgingdesign .languages-selector li > a {
display: inline-block;
width: auto
}
#footer.bridgingdesign .languages-selector li > a.flag.selected {
position: relative;
vertical-align: middle;
text-decoration: none;
font-family: 'notoregular' !important;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #848484
}
#footer.bridgingdesign .languages-selector li > a.flag.selected .m {
display: none
}
#footer.bridgingdesign .languages-selector li > a.flag.selected .d {
color: #848484;
text-decoration: none;
position: relative;
top: -2px
}
#footer.bridgingdesign .languages-selector li > a.flag.selected:after {
vertical-align: middle;
display: inline-block;
width: 8px;
background: url(../images/assets/down-arrow.png) no-repeat;
background-size: contain;
content: ' ';
height: 8px;
margin-left: 4px;
transition: all 0.4s ease;
position: relative;
top: -3px
}
#footer.bridgingdesign ul.secure-payment {
text-align: center
}
#footer.bridgingdesign ul.secure-payment.hide_on--mobile {
display: none
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign ul.secure-payment.hide_on--mobile {
display: inline-block
}
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign ul.secure-payment.hide_on--desktop {
display: none
}
}
@media only screen and (min-width: 992px) {
#footer.bridgingdesign ul.secure-payment {
float: left;
margin-left: 20px;
text-align: left
}
}
#footer.bridgingdesign ul.secure-payment li {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
padding-bottom: 0
}
#footer.bridgingdesign ul.secure-payment li:first-child {
margin-left: 0
}
#footer.bridgingdesign ul.secure-payment li .icon {
display: block;
width: 60px;
height: 40px;
overflow: hidden
}
#footer.bridgingdesign ul.secure-payment li .icon img {
width: 100%;
height: auto
}
.bridgingdesignbody .commerce-container {
padding-top: 20px
}
.bridgingdesignbody #page .container .section .dlgButton {
opacity: 1
}
.bridgingdesignbody #page .container .section .dlgButton.disabled {
opacity: 0.5;
cursor: auto;
pointer-events: none
}
.button {
display: inline-block;
vertical-align: middle;
margin-right: 15px
}
.category .label-new strong {
font-family: 'notobold' !important;
font-weight: normal
}
.product-price span {
display: inline-block;
vertical-align: middle;
color: #242424;
font-family: 'notoregular' !important;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.14;
letter-spacing: normal;
text-align: center
}
.product-price span.old-cost {
color: #aeaeae;
position: relative;
margin-right: 15px
}
.product-price span.old-cost:before {
height: 2px;
width: 100%;
background: #aeaeae;
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
content: " "
}
#compare .col h3.ab {
height: 80px !important
}
#compare .col h3.ab span {
position: static
}
#compare .col .frameLg {
position: relative;
padding: 0
}
#compare .col .frameLg .inner {
padding: 0
}
#compare .col .frameLg .remove {
top: -20px;
right: -17px
}
#compare .col .specs {
width: 100%
}
@media only screen and (min-width: 480px) {
.addLine #ctl00_ContentPlaceHolderAll_ContentPlaceHolderMain_ctl00_SubTitle {
max-width: 1180px;
margin-left: auto;
margin-right: auto
}
}
@media only screen and (max-width: 991px) {
#ctl00_ContentPlaceHolderAll_ContentPlaceHolderHeaderArea_ctl00_HeaderBridgingTopNavigation_RepeaterTopNavigation_ctl03_li > div > div.container {
display: block !important
}
#ctl00_ContentPlaceHolderAll_ContentPlaceHolderHeaderArea_ctl00_HeaderBridgingTopNavigation_RepeaterTopNavigation_ctl03_li > div > div.container .block {
min-height: inherit
}
}
body .checkout-login--container .box h2 {
font-size: 21px;
line-height: 29.4px
}
.social-section .secure-payment a:hover, .payment-method__list a:hover {
cursor: inherit
}
@media only screen and (min-width: 992px) {
#smallBannerBox {
padding: 0px 0 4px !important
}
}
body.is-sticky-header.is-stop-body-scrolling {
overflow: hidden
}
body.is-sticky-header.is-in-safezone #masterHead.bridgingdesign {
position: absolute
}
body.is-sticky-header #masterHead.bridgingdesign {
position: fixed;
transition: all 1s ease;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999
}
body.is-sticky-header #masterHead.bridgingdesign #topNav {
overflow-y: auto
}
body.is-sticky-header.sticky-out-animation.is-in-safezone #masterHead.bridgingdesign {
display: none
}
body.is-sticky-header.sticky-out-animation #masterHead.bridgingdesign {
transform: translateY(-100%);
transition: .25s ease .1s;
overflow: hidden
}
@media only screen and (min-width: 992px) {
body.is-sticky-header {
padding-top: 84px
}
}
@media only screen and (max-width: 991px) {
body.is-sticky-header {
padding-top: 62px
}
body.is-sticky-header #masterHead.bridgingdesign #topNav {
width: 100%
}
}
@media only screen and (max-width: 991px) {
#designstudio-button {
top: auto !important;
bottom: 100px !important
}
}
.render-scroll-top-button {
position: fixed;
bottom: 15px;
left: 50%;
width: 100%;
max-width: 1180px;
height: 0;
transform: translate3d(-50%, 0, 0);
padding-left: 10px;
padding-right: 10px;
z-index: 97;
box-sizing: border-box
}
@media only screen and (min-width: 992px) {
.render-scroll-top-button {
bottom: 50px
}
}
.render-scroll-top-button .scroll-top-button {
visibility: hidden;
display: block;
float: right;
width: 45px;
height: 45px;
background: url(../images/assets/up-arrow.png) no-repeat center;
margin-top: -50px;
cursor: pointer;
opacity: 0;
transition: opacity .3s ease, visibility .3s ease;
border: 1px solid #dddddd
}
.render-scroll-top-button .scroll-top-button.show {
opacity: 1;
visibility: visible
}
.absolute-herro__banner .ma1 section .del-hero__protagonist-title, .absolute-herro__banner .del-hero__protagonist-title {
text-transform: inherit;
width: 100%;
font-size: 42px !important;
line-height: 45px !important;
text-align: center !important;
color: #fff !important;
margin: 16px 0 24px !important
}
@media only screen and (min-width: 768px) {
.absolute-herro__banner .ma1 section .del-hero__protagonist-title, .absolute-herro__banner .del-hero__protagonist-title {
font-size: 50px !important;
line-height: 70px !important;
margin: 0 0 40px !important
}
}
.absolute-herro__banner #masterHead .navigation-section {
box-shadow: none
}
.absolute-herro__banner .del-maestosa, .absolute-herro__banner .del-specialista {
position: relative
}
.absolute-herro__banner .del-maestosa .del-hero__content h1.hidden-title, .absolute-herro__banner .del-specialista .del-hero__content h1.hidden-title {
text-indent: -9999px;
font-size: 0 !important;
margin: 0;
padding: 0;
line-height: 0;
width: 0
}
.absolute-herro__banner img#del-loader-page {
display: none
}
.absolute-herro__banner .smallHero {
display: none;
margin: 0;
padding: 0
}
.absolute-herro__banner .smallHero h1.categoryTextTop {
display: none
}
.absolute-herro__banner #content .section.hidden-section > .section {
margin-bottom: 0;
height: 0;
position: relative
}
.absolute-herro__banner #content .section.hidden-section > .section .breadcrumbs {
position: absolute
}
.absolute-herro__banner #content .section.hidden-section > .section .breadcrumbs ol li, .absolute-herro__banner #content .section.hidden-section > .section .breadcrumbs ol li a {
color: #fff
}
.absolute-herro__banner #content .section.hidden-section > .section .breadcrumbs ol li:before, .absolute-herro__banner #content .section.hidden-section > .section .breadcrumbs ol li a:before {
color: #fff
}
.billing-form {
display: none
}
.billing-form.show-billing__form {
display: block
}
.use-as-billing-address input[type="checkbox"] {
display: inline-block;
vertical-align: middle;
margin-right: 5px
}
.search-product.faqs p.button input[type="button"], .search-product.faqs p.button input[type="submit"] {
margin-top: 0 !important
}
body ul.faq li h4 a, .bridgingdesignbody ul.faq li h4 a {
text-transform: none;
font-size: 16px;
font-family: 'notobold' !important;
line-height: 24px
}
html[lang="fr"] #masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form .dlgButton {
padding: 0 10px
}
@media only screen and (min-width: 992px) {
html[lang="fr"] #masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form .dlgButton {
padding: 0 20px
}
}
@media only screen and (min-width: 1200px) {
html[lang="fr"] #masterHead.bridgingdesign .utilNav .util > li.toggleSearch .search-overlay .search-form .dlgButton {
padding: 0 30px
}
}
.unsubscribe-wrapper .unsubscribe-confirmed {
margin-top: 35px;
max-height: 0;
overflow-y: hidden;
-webkit-transition: max-height 1s ease-in-out;
-moz-transition: max-height 1s ease-in-out;
-o-transition: max-height 1s ease-in-out;
transition: max-height 1s ease-in-out;
max-height: 0;
overflow: hidden
}
.unsubscribe-wrapper .unsubscribe-confirmed.show {
max-height: 500px
}
@media only screen and (max-width : 2000px) {
html[lang="fr"] .registered-product .registered-product-details .genericForm .button-group .button {
margin-bottom: 10px !important
}
}
html[lang="fr"] .registered-product .registered-product-details .genericForm .button-group .button + .button {
margin-left: 0
}
html[lang="fr"] .registered-product .registered-product-details .genericForm .button-group .button input[type="submit"], html[lang="fr"] .registered-product .registered-product-details .genericForm .button-group .button input[type="button"] {
font-size: 10px;
padding: 0 20px !important
}
@media only screen and (max-width: 991px) {
html[lang="fr"] .registered-product .registered-product-details .genericForm .button-group .button input[type="submit"], html[lang="fr"] .registered-product .registered-product-details .genericForm .button-group .button input[type="button"] {
padding: 0 10px !important
}
}
.hidden {
display: none
}
.product-compare__lable, .compareTools label, .compareTools .products-sorting select {
line-height: 32px;
font-family: 'notobold' !important;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #242424
}
.compareTools .products-sorting select {
width: 176px;
height: 32px;
border: 1px solid #dddddd;
padding: 0 25px 0 15px;
outline: none;
float: right;
background: url(../images/icons/select-arrow.png) no-repeat;
background-position: right 5px center;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.compareTools .products-sorting select {
background: none
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.compareTools .products-sorting select {
padding-right: 0
}
}
@media only screen and (min-width: 992px) {
.product-list__container .category {
padding-left: 30px
}
}
.product-list__container .category ul#JumpToAllProducts {
margin-bottom: 20px !important
}
.product-list__container .category ul#JumpToAllProducts li {
border-bottom: 0;
position: relative;
width: calc((100% - 15.1px) / 2);
float: left;
margin-left: 15px;
height: 320px;
padding-bottom: 0;
margin-bottom: 20px
}
@media only screen and (min-width: 992px) {
.product-list__container .category ul#JumpToAllProducts li {
min-height: 345px
}
}
.product-list__container .category ul#JumpToAllProducts li.first {
clear: none
}
@media only screen and (min-width: 992px) {
.product-list__container .category ul#JumpToAllProducts li.first {
margin-left: 0
}
}
.product-list__container .category ul#JumpToAllProducts li:nth-child(2n+1) {
margin-left: 0
}
@media only screen and (min-width: 992px) {
.product-list__container .category ul#JumpToAllProducts li:nth-child(2n+1) {
margin-left: 15px
}
.product-list__container .category ul#JumpToAllProducts li:nth-child(2n+1).first {
margin-left: 0
}
}
@media only screen and (min-width: 992px) {
.product-list__container .category ul#JumpToAllProducts li {
width: calc((100% - 30.2px) / 3);
margin-left: 15px
}
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container {
position: relative;
border-width: 1px;
border-color: transparent;
background: #fff;
border-style: solid;
text-align: center;
padding: 0 10px 20px;
min-height: 245px
}
@media only screen and (min-width: 992px) {
.product-list__container .category ul#JumpToAllProducts li .product-info--container {
min-height: 320px
}
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-thumb {
overflow: hidden;
margin-bottom: 20px;
padding-top: 25px;
box-sizing: border-box
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-thumb img {
width: auto;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .label-new {
height: 36px;
text-align: center;
line-height: 36px;
padding: 0 10px;
background: #58B0E2
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:not(:checked), .product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:checked {
position: absolute;
left: -9999px
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:not(:checked) + label, .product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
color: #848484;
font-weight: normal;
font-family: 'notoregular';
display: inline-block
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:not(:checked) + label:before, .product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 13px;
height: 13px;
border: 1px solid #979797;
background: #fff;
border-radius: 100%
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:not(:checked) + label:after, .product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:checked + label:after {
content: '\2713\0020';
position: absolute;
top: -2px;
left: 3px;
font-size: 14px;
line-height: 1.14;
color: #979797;
transition: all .2s;
font-family: 'notoregular'
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0)
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1)
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:disabled:not(:checked) + label:before, .product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:disabled:checked + label:after {
color: #848484
}
.product-list__container .category ul#JumpToAllProducts li .product-info--container .product-campare [type="checkbox"]:disabled + label {
color: #848484
}
.product-list__container .category ul#JumpToAllProducts li .product-info .product-info__title {
font-family: 'notobold' !important;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #58b0e2;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 12px;
display: block
}
.product-list__container .category ul#JumpToAllProducts li .product-info .product-info__title:hover {
text-decoration: underline
}
.product-list__container .category ul#JumpToAllProducts li .product-info .product-info__title + .product-price {
margin-top: -12px
}
.product-list__container .category ul#JumpToAllProducts li .product-info .product-price {
margin-bottom: 12px
}
.product-list__container .category ul#JumpToAllProducts li .product-info .product-price .outofstock-tag {
padding: 0 5px;
background: #052644;
margin-top: 2px;
height: 17px;
font-size: 13px !important;
font-weight: normal !important;
font-style: normal;
font-stretch: normal;
line-height: 17px !important;
letter-spacing: normal;
font-family: 'notoregular' !important;
color: #fff !important
}
.product-list__container .category ul#JumpToAllProducts li .product-info .product-price span.priceInfo {
font-size: 12px
}
.product-list__container .category ul#JumpToAllProducts li .product-info .revoo-container {
min-height: 0;
margin: 0;
max-height: 50px
}
.product-list__container .category ul#JumpToAllProducts li .product-info .revoo-container iframe {
width: 100% !important
}
.product-list__container .category ul#JumpToAllProducts li .product-info .revoo-container reevoo-reviewable-badge {
display: block
}
.product-list__container .category ul#JumpToAllProducts li .moreInfo {
max-height: 0;
overflow: hidden;
transition: none;
text-align: center;
margin-bottom: 0
}
.product-list__container .category ul#JumpToAllProducts li .moreInfo dl.product-info__features {
margin-bottom: 15px
}
.product-list__container .category ul#JumpToAllProducts li .moreInfo dl.product-info__features dd {
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: center;
font-family: 'notoregular';
font-size: 12px;
color: #242424;
margin-top: 2px
}
.product-list__container .category ul#JumpToAllProducts li .moreInfo dl.product-info__features dd:first-child {
margin-top: 0
}
.product-list__container .category ul#JumpToAllProducts li .moreInfo .dlgButton {
margin-bottom: 15px
}
.product-list__container .category ul#JumpToAllProducts li:hover .product-info .revoo-container {
max-height: 40px
}
@media only screen and (min-width: 992px) {
.product-list__container .category ul#JumpToAllProducts li:hover .moreInfo {
max-height: 500px;
transition: all .75s ease-in-out
}
.product-list__container .category ul#JumpToAllProducts li:hover .product-info--container {
position: absolute;
left: 0;
top: 0;
min-height: 0;
width: calc(100% - 22px);
border-color: #e3e3e3;
z-index: 9999
}
}
.parent-tree__title, ul.leftNav > li a.parent-tree {
font-family: 'notoregular';
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.57;
letter-spacing: normal;
color: #aeaeae;
text-transform: uppercase;
border-bottom: 1px solid #dddddd
}
ul.leftNav {
border: 0
}
@media only screen and (min-width: 992px) {
ul.leftNav {
margin-top: 50px
}
}
ul.leftNav > li {
border: 0;
padding-top: 10px;
padding-bottom: 10px
}
ul.leftNav > li a.parent-tree {
padding: 0
}
ul.leftNav > li a.parent-tree:hover {
text-decoration: none
}
ul.leftNav > li ul {
padding: 10px 0 0;
margin: 0
}
ul.leftNav > li ul li {
padding-left: 15px
}
ul.leftNav > li ul li a {
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.73;
letter-spacing: normal;
color: #242424 !important;
text-decoration: none;
padding: 0 !important
}
ul.leftNav > li ul li a:hover, ul.leftNav > li ul li a:active, ul.leftNav > li ul li a:focus {
text-decoration: underline
}
ul.leftNav > li ul li.selected a {
font-family: 'notobold' !important;
color: #242424 !important
}
.products-list__navigation .refine-box__container {
border: 0;
padding-right: 0
}
.products-list__navigation .refine-box__container h6.refine-title {
font-size: 14px !important;
font-family: 'notobold' !important;
font-style: normal;
font-stretch: normal;
line-height: 1.29;
letter-spacing: normal;
color: #052644;
text-transform: uppercase;
border-bottom: 1px solid #dddddd;
margin: 0
}
#content.container .smallHero {
display: block
}
#content.container .smallHero h1 {
text-transform: none
}
#content.container .smallHero.products-list__hero {
text-align: center
}
#content.container .smallHero.products-list__hero h1 {
text-align: center;
color: #052644
}
#content.container .colAside.products-list__navigation {
display: none
}
@media only screen and (min-width: 992px) {
#content.container .colAside.products-list__navigation {
display: inline-block
}
}
#content.container .colAside.products-list__navigation .refine-box__container .refine p {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: normal;
color: #242424
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul {
margin-bottom: 20px
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr {
margin-top: 5px;
font-size: 14px !important
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:not(:checked), #content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:checked {
position: absolute;
left: -9999px
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:not(:checked) + label, #content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
color: #aeaeae;
font-weight: normal;
font-family: 'notoregular';
display: inline-block
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:not(:checked) + label:before, #content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 13px;
height: 13px;
border: 1px solid #979797;
background: #fff;
border-radius: 100%
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:not(:checked) + label:after, #content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:checked + label:after {
content: '\2713\0020';
position: absolute;
top: -2px;
left: 3px;
font-size: 14px;
line-height: 1.14;
color: #979797;
transition: all .2s;
font-family: 'notoregular'
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0)
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1)
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:disabled:not(:checked) + label:before, #content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:disabled:checked + label:after {
color: #aeaeae
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:disabled + label {
color: #aeaeae
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr:first-child {
margin-top: 0
}
#content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:not(:checked) + label:before, #content.container .colAside.products-list__navigation .refine-box__container .refine ul .filter-item__attr [type="checkbox"]:checked + label:before {
top: 2px
}
.search-result__category h3.product-name a {
font-family: 'notoregular' !important;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #58b0e2;
text-decoration: none
}
.smallHero h1.categoryTextTop {
font-family: 'notobold' !important;
display: block;
text-align: center;
width: 100%;
font-size: 30px;
font-style: normal;
font-stretch: normal;
line-height: 1.13;
letter-spacing: normal;
color: #052644
}
.socialTop li.print {
display: none
}
.pagination ul li.prevLink a:after {
background-position: 0 -699px
}
.pagination fieldset {
float: left;
margin: 0;
position: static
}
.pagination .pagination-pageList {
float: right;
margin-top: 0
}
.category.style2 .js-shopSort {
background-color: #fff;
border: 1px solid #ccc;
display: inline-block;
font-size: 1em;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts .frameWrap, .isVersion2 .list4col .frameWrap {
position: relative
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts .txt, .isVersion2 .list4col .txt {
text-align: left;
background: #fff url(../images/assets/frame_large.png) no-repeat 100% 100%;
padding: 30px 15px 5px 15px;
background-size: cover
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts .txt:before, .isVersion2 .list4col .txt:before {
content: "";
position: absolute;
top: 0;
left: 3px;
border-top: 5px solid #58b0e2;
display: block;
width: 97.5%
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts .txt:after, .isVersion2 .list4col .txt:after {
border-color: #58b0e2 transparent transparent;
border-style: solid;
border-width: 20px 12px;
top: 5px;
content: "";
display: block;
height: 0;
left: 45%;
position: absolute;
width: 0
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts ul, .isVersion2 .product-list__container .category ul#JumpToAllProducts p, .isVersion2 .list4col ul, .isVersion2 .list4col p {
padding-bottom: 10px
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts li:hover .moreInfo, .isVersion2 .list4col li:hover .moreInfo {
max-height: 0
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts li .frameWrap:hover .moreInfo, .isVersion2 .list4col li .frameWrap:hover .moreInfo {
max-height: inherit
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts li .moreInfo, .isVersion2 .list4col li .moreInfo {
background: #fff;
z-index: 999999;
position: absolute;
left: 0;
right: 0
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts li .moreInfo ul, .isVersion2 .list4col li .moreInfo ul {
margin: 0;
padding: 0 0 0 1.5em;
padding-bottom: 10px
}
.isVersion2 .product-list__container .category ul#JumpToAllProducts li .moreInfo li, .isVersion2 .list4col li .moreInfo li {
padding: 0 0 0.15em 0;
display: static;
margin: 0;
width: 100%;
height: auto;
min-height: 0
}
.isVersion2 .list4col li .frameWrap:hover .moreInfo {
height: auto
}
.isVersion2 .list4col li .moreInfo {
height: 0;
overflow: hidden
}
#content.container .isVersion2 .colAside.products-list__navigation {
display: block
}
@media only screen and (min-width: 480px) {
#content.container .isVersion2 .product-list__container .category ul#JumpToAllProducts > li {
float: left;
width: 32%;
margin: 0 0 2% 2%;
padding: 0
}
#content.container .isVersion2 .product-list__container .category ul#JumpToAllProducts > li:nth-child(3n+1) {
clear: both;
margin-left: 0
}
}
@media only screen and (max-width: 479px) {
#content.container .isVersion2 .product-list__container .category ul#JumpToAllProducts > li {
width: 100%;
height: auto;
box-sizing: border-box;
margin-left: 0
}
}
.isVersion2 .category h3, .isVersion2 .category h3 a {
font-family: 'notoregular' !important;
font-size: 14px;
line-height: normal
}
.isVersion2 .category .moreInfo .txt ul li {
font-weight: bold;
font-size: 11px
}
.isVersion2 .category .moreInfo .txt ul li a, .isVersion2 .category .moreInfo .txt ul li p, .isVersion2 .category .moreInfo .txt ul li span, .isVersion2 .category .moreInfo .txt ul li strong {
font-size: 11px
}
body .isVersion2 .box h2, body .isVersion2 .box h2 a {
font-family: 'notoregular' !important;
font-size: 21px;
line-height: 29.4px
}
body .search-result__category ul.items li h3, body .search-result__category ul.items li h3 a, body .search-result__category ul.items li h3 span {
font-size: 14px;
line-height: normal;
font-family: 'notoregular' !important
}
body .search-result__category.recipies ul li h3, body .search-result__category.recipies ul li h3 a, body .search-result__category.recipies ul li h3 span {
font-size: 14px;
font-family: 'notobold';
line-height: normal
}
body .search-result__category h3.product-name span {
line-height: 16px
}
body #PageMultifry h1, body #PageMultifry h2, body #PageMultifry h3 {
line-height: normal
}
.basket-container {
padding: 20px 10px;
background: #f5f5f5;
margin-left: -10px;
margin-right: -10px
}
@media only screen and (min-width: 992px) {
.basket-container {
margin-left: 0;
margin-right: 0
}
}
@media only screen and (min-width: 1200px) {
.basket-container {
padding: 25px 30px
}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.basket-container .twoCol70-30 .colAside {
width: 40%;
margin-left: 20px
}
.basket-container .twoCol70-30 .colMain {
width: calc(60% - 20px)
}
}
.basket-container .basket-table__list {
background: #FFF;
padding: 20px;
margin-bottom: 10px
}
@media only screen and (min-width: 992px) {
.basket-container .basket-table__list {
margin-bottom: 0;
padding: 20px
}
}
.basket-container .basket-table__list h3.cart-title {
font-size: 24px;
line-height: 30px
}
.basket-container .cart-items__list {
padding: 0;
margin: 0
}
@media only screen and (min-width: 992px) {
.basket-container .cart-items__list {
margin: 0 0 15px
}
}
.basket-container .cart-items__list .cart-item {
border-top: 1px solid #dddddd;
padding: 25px 0 0;
margin: 25px 0 0
}
.basket-container .cart-items__list .cart-item:first-child {
border-top: 0;
margin-top: 0
}
.basket-container .cart-items__list .cart-item .product-thumb {
width: 110px;
height: 110px;
border: 1px solid #dddddd;
overflow: hidden;
box-sizing: border-box;
margin-right: 15px;
float: left;
position: relative
}
@media only screen and (min-width: 768px) {
.basket-container .cart-items__list .cart-item .product-thumb {
margin-right: 40px;
width: 155px;
height: 155px
}
}
@media only screen and (min-width: 1200px) {
.basket-container .cart-items__list .cart-item .product-thumb {
margin-right: 80px
}
}
.basket-container .cart-items__list .cart-item .product-thumb img, .basket-container .cart-items__list .cart-item .product-thumb picture {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: auto;
display: block
}
.basket-container .cart-items__list .cart-item .product-thumb img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
.basket-container .cart-items__list .cart-item .cart-item__info {
float: left;
width: calc(100% - 110px - 15px)
}
@media only screen and (min-width: 768px) {
.basket-container .cart-items__list .cart-item .cart-item__info {
width: calc(100% - 155px - 40px)
}
}
@media only screen and (min-width: 1200px) {
.basket-container .cart-items__list .cart-item .cart-item__info {
width: calc(100% - 155px - 80px)
}
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__name {
margin-bottom: 20px
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__name a {
font-size: 14px;
font-family: 'notobold' !important;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: normal;
color: #052644;
text-decoration: none;
display: block;
text-transform: uppercase
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__name a:hover {
text-decoration: underline
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__name .category-name {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.57;
letter-spacing: normal;
font-family: 'notoregular';
color: #aeaeae;
text-transform: uppercase
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price {
float: right;
width: 75px;
text-align: right
}
@media only screen and (min-width: 992px) {
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price {
width: 120px
}
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price {
margin-top: 10px;
font-size: 0
}
@media only screen and (min-width: 768px) {
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price {
margin-top: 15px
}
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price span {
display: block
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price .old-cost, .basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price .cost, .basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price .saved-percentage__cost {
margin-right: 0;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
text-align: right
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price .cost {
margin-bottom: 5px;
font-family: 'notobold' !important;
color: #242424
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price .old-cost {
font-family: 'notoregular';
color: #aeaeae;
margin-bottom: 5px;
display: inline-block
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price .saved-percentage__cost {
font-family: 'notoregular';
color: #242424
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__price .product-price .saved-percentage__cost.saved-percentage__green {
color: #26B867
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity {
float: left;
margin-bottom: 0;
max-width: calc(100% - 75px)
}
@media only screen and (min-width: 768px) {
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity {
max-width: none;
float: left
}
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer {
float: none !important;
display: inline-block;
vertical-align: middle
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .update-product__button {
display: none;
vertical-align: middle;
padding-left: 20px !important;
padding-right: 20px !important;
transition: all 0.4s ease;
margin-top: 10px
}
@media only screen and (min-width: 768px) {
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .update-product__button {
margin-top: 0
}
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity.show-update__button .update-product__button {
display: inline-block
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity label, .basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity select.quantity {
display: inline-block;
vertical-align: middle;
font-size: 14px !important;
font-weight: normal !important;
font-style: normal;
font-stretch: normal;
line-height: 1.43 !important;
letter-spacing: normal;
font-family: 'notoregular' !important;
color: #242424 !important;
margin-right: 0
}
@media only screen and (min-width: 768px) {
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity label, .basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity select.quantity {
margin-right: 10px
}
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity select.quantity {
box-sizing: border-box;
font-size: 16px;
font-family: 'notobold' !important;
font-style: normal;
font-stretch: normal;
letter-spacing: 1.3px;
outline: none;
padding: 0 20px 0 0px;
background: url(../images/icons/select-arrow.png) no-repeat;
background-position: right 0px center;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
border: 0
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity select.quantity {
background: none
}
}
@media only screen and (max-width: 767px) {
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity select.quantity {
padding-right: 20px !important;
border: 0
}
}
@media only screen and (min-width: 768px) {
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity select.quantity {
border: 1px solid #cccccc;
width: 100px;
border-radius: 22.5px;
height: 45px;
line-height: 45px;
background-position: right 10px center;
padding: 0 40px 0 20px
}
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer {
position: relative;
float: left;
width: 98px;
height: 45px;
margin-right: 10px;
line-height: 45px;
border: 1px solid #ccc;
border-radius: 60px
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .minus-one, .basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .quantity-display, .basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .plus-one {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .minus-one, .basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .plus-one {
width: 20px;
height: 45px;
user-select: none;
z-index: 99
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .minus-one:hover, .basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .plus-one:hover {
cursor: pointer
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .minus-one {
left: 0;
text-align: left;
padding-left: 10px
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .minus-one i {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 5px
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .plus-one {
right: 0;
text-align: right;
padding-right: 10px
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .plus-one i {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 15px
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .quantity-display {
left: 0;
right: 0;
width: 70%;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 1.3px;
z-index: 88
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .inputContainer .quantity-display input {
font-size: 16px;
font-weight: bold;
max-width: 30px;
border: none;
position: relative;
top: 10px;
left: 10px;
z-index: 88;
outline: none;
display: none
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .remove-product {
margin-top: 22px
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .remove-product .remove-product__button {
border: 0;
padding: 0;
background: none;
font-family: 'notoregular';
cursor: pointer;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: normal;
color: #58b0e2;
text-decoration: underline
}
.basket-container .cart-items__list .cart-item .cart-item__info .cart-item__quantity .remove-product .remove-product__button:hover {
color: #052644
}
.basket-container .cart-right__navigation.box.style1.v2 {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 10px
}
@media only screen and (min-width: 992px) {
.basket-container .cart-right__navigation.box.style1.v2 {
margin-bottom: 20px
}
}
.basket-container .cart-right__navigation.box.style1.v2 h3.cart-navigation__title {
margin-bottom: 25px;
font-size: 24px;
line-height: 30px
}
.basket-container .cart-right__navigation h3.cart-navigation__title {
margin-bottom: 25px;
font-size: 24px;
line-height: 30px
}
.basket-container .cart-right__navigation .inner {
padding-left: 20px;
padding-right: 20px;
border: 0 !important
}
.basket-container .cart-right__navigation .inner input[type="submit"].checkout {
width: 100%
}
.basket-container .cart-right__navigation .inner fieldset h5 {
font-size: 20px !important;
line-height: 24px
}
.basket-container .cart-right__navigation .delivery-options input[type=radio], .basket-container .cart-right__navigation .delivery-options label {
font-size: 14px !important;
font-weight: normal !important;
font-style: normal;
font-stretch: normal;
line-height: 1.43 !important;
letter-spacing: normal;
font-family: 'notoregular' !important;
color: #242424 !important;
vertical-align: middle
}
.basket-container .cart-right__navigation .promotion-code__field .has-code__label, .basket-container .cart-right__navigation .tax-calculator__field .has-code__label {
font-size: 14px !important;
color: #242424 !important;
position: relative;
display: inline-block;
padding-right: 20px;
font-size: 14px !important;
font-weight: normal !important;
font-style: normal;
font-stretch: normal;
line-height: 1.43 !important;
letter-spacing: normal;
font-family: 'notoregular' !important;
color: #242424 !important
}
.basket-container .cart-right__navigation .promotion-code__field .has-code__label.input-code__box--open:after, .basket-container .cart-right__navigation .tax-calculator__field .has-code__label.input-code__box--open:after {
transform: rotate(-180deg)
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box, .basket-container .cart-right__navigation .tax-calculator__field .input-code__box {
margin-bottom: 10px
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box input[type="text"], .basket-container .cart-right__navigation .promotion-code__field .input-code__box input[type="submit"], .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input[type="text"], .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input[type="submit"] {
display: inline-block;
vertical-align: middle;
box-shadow: none
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box input[type="submit"].dlgButton, .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input[type="submit"].dlgButton {
padding: 0 15px !important;
box-shadow: none;
height: 40px !important;
line-height: 40px !important;
border-radius: 22.5px;
outline: none;
pointer-events: auto
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box input[type="submit"].dlgButton.disabled, .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input[type="submit"].dlgButton.disabled {
pointer-events: none;
cursor: auto;
opacity: 0.5
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box input[type="text"]::-webkit-input-placeholder, .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input[type="text"]::-webkit-input-placeholder {
color: #aeaeae
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box input[type="text"]::-moz-placeholder, .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input[type="text"]::-moz-placeholder {
color: #aeaeae
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box input [type="text"]:-ms-input-placeholder, .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input [type="text"]:-ms-input-placeholder {
color: #aeaeae
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box input[type="text"]:-moz-placeholder, .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input[type="text"]:-moz-placeholder {
color: #aeaeae
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box input[type="text"], .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input[type="text"] {
padding: 0 12px;
height: 40px;
border: 1px solid #dddddd;
border-radius: 22.5px;
outline: none;
line-height: 40px;
box-sizing: border-box;
font-size: 13px;
color: #242424;
box-shadow: none;
width: 120px;
margin-right: 10px
}
@media only screen and (min-width: 992px) {
.basket-container .cart-right__navigation .promotion-code__field .input-code__box input[type="text"], .basket-container .cart-right__navigation .tax-calculator__field .input-code__box input[type="text"] {
width: 150px
}
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box .highlight, .basket-container .cart-right__navigation .tax-calculator__field .input-code__box .highlight {
background-color: transparent;
border: 0;
color: #FF0000 !important
}
.basket-container .cart-right__navigation .promotion-code__field .input-code__box .highlight-success, .basket-container .cart-right__navigation .tax-calculator__field .input-code__box .highlight-success {
color: #26B867 !important;
margin-top: 10px;
font-size: 14px !important
}
.basket-container .cart-right__navigation .promotion-code__field.inputted-promo-code .has-code__label, .basket-container .cart-right__navigation .promotion-code__field.inputted-tax-postcode .has-code__label, .basket-container .cart-right__navigation .tax-calculator__field.inputted-promo-code .has-code__label, .basket-container .cart-right__navigation .tax-calculator__field.inputted-tax-postcode .has-code__label {
cursor: auto
}
.basket-container .cart-right__navigation .promotion-code__field.inputted-promo-code .has-code__label.input-code__box--open:after, .basket-container .cart-right__navigation .promotion-code__field.inputted-tax-postcode .has-code__label.input-code__box--open:after, .basket-container .cart-right__navigation .tax-calculator__field.inputted-promo-code .has-code__label.input-code__box--open:after, .basket-container .cart-right__navigation .tax-calculator__field.inputted-tax-postcode .has-code__label.input-code__box--open:after {
transform: none
}
.basket-container .cart-right__navigation .promotion-code__field.inputted-promo-code .input-code__box, .basket-container .cart-right__navigation .promotion-code__field.inputted-tax-postcode .input-code__box, .basket-container .cart-right__navigation .tax-calculator__field.inputted-promo-code .input-code__box, .basket-container .cart-right__navigation .tax-calculator__field.inputted-tax-postcode .input-code__box {
display: block !important
}
.basket-container .goto-history {
margin-top: 20px
}
.basket-container .goto-history.hide-on__mobile {
display: none
}
@media only screen and (min-width: 992px) {
.basket-container .goto-history.hide-on__mobile {
display: inline-block
}
}
@media only screen and (min-width: 992px) {
.basket-container .goto-history.hide-on__desktop {
display: none
}
}
#content.container .colAside .box .order-summary {
margin-bottom: 0
}
#content.container .colAside .box .order-summary ul {
margin-bottom: 0
}
#content.container .colAside .box .order-summary ul li {
margin-top: 10px
}
#content.container .colAside .box .order-summary ul li:first-child {
margin-top: 0
}
#content.container .colAside .box .order-summary ul li * {
padding: 0;
font-size: 14px !important;
font-weight: normal !important;
font-style: normal;
font-stretch: normal;
line-height: 1.43 !important;
letter-spacing: normal;
font-family: 'notoregular' !important;
color: #242424 !important;
display: inline-block
}
#content.container .colAside .box .order-summary ul li.order-total {
padding: 10px 0;
border: 0;
border-top: 1px solid #dddddd;
background: none;
border-radius: 0;
margin-top: 0
}
#content.container .colAside .box .order-summary ul li.order-total * {
font-size: 20px !important;
font-family: 'notobold' !important;
color: #242424;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
display: inline-block
}
#content.container .colAside .box .order-summary ul li.order-total .gst {
font-size: 14px !important;
margin-right: 0
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions label {
cursor: pointer
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions label .shipping-tooltip {
width: 14px;
height: 14px;
background: #aeaeae;
border-radius: 100%;
text-align: center;
font-family: 'notobold' !important;
font-size: 10px !important;
line-height: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff !important
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions {
font-size: 14px !important;
font-weight: normal !important;
font-style: normal;
font-stretch: normal;
line-height: 1.43 !important;
letter-spacing: normal;
font-family: 'notoregular' !important;
color: #242424 !important;
max-height: 0;
transition: max-height 0.4s ease-out;
overflow: hidden
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions.hide {
max-height: 0 !important
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions .tooltip__descriptions-contents {
padding: 15px 15px 0;
border: 1px solid #dddddd;
margin-top: 5px;
margin-bottom: 10px;
font-size: 0 !important;
position: relative
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions .tooltip__descriptions-contents.empty-shipping-tooltip-content {
display: none
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions .tooltip__descriptions-contents .close-restrictions {
width: 15px;
height: 15px;
position: absolute;
right: 5px;
top: 8px;
display: block
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions .tooltip__descriptions-contents .close-restrictions .line {
width: 15px
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions p, #content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions p span {
font-size: 14px !important;
font-weight: normal !important;
font-style: normal;
font-stretch: normal;
line-height: 1.43 !important;
letter-spacing: normal;
font-family: 'notoregular' !important;
color: #242424 !important;
white-space: initial;
float: none;
width: 100%;
text-align: left;
margin-bottom: 10px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions p, #content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions p span {
white-space: normal
}
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions p span {
margin-bottom: 0
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions .shipping-tooltip__descriptions p strong {
font-family: 'notobold' !important;
display: block
}
#content.container .colAside .box .order-summary ul li.shipping-restrictions.is-show__tooltip:hover .shipping-tooltip__descriptions {
max-height: 500px;
transition: max-height 0.75s ease-in
}
#content.container .colAside .box.payment-method__box {
padding: 20px;
background: #fff;
margin-bottom: 0
}
#content.container .colAside .box.payment-method__box h5 {
margin-bottom: 10px;
font-size: 20px !important;
font-family: 'notobold' !important;
line-height: 24px
}
#content.container .colAside .box.payment-method__box ul.payment-method__list {
font-size: 0
}
#content.container .colAside .box.payment-method__box ul.payment-method__list li {
margin-right: 10px;
list-style: none;
display: inline-block;
vertical-align: middle;
padding: 0;
margin-bottom: 10px
}
#content.container .colAside .box.payment-method__box ul.payment-method__list li a {
width: 60px;
height: 40px;
display: block
}
#content.container .colAside .box.payment-method__box ul.payment-method__list li img {
float: none;
margin: 0;
display: block
}
#MarketingPreferencesDiv .consent-update__message {
padding: 15px 35px 15px 15px;
border: 2px solid transparent;
display: none;
position: absolute;
top: 20px;
left: 50%;
background: #fff;
z-index: 9999;
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
width: 80%
}
@media only screen and (min-width: 768px) {
#MarketingPreferencesDiv .consent-update__message {
right: 20px;
left: auto;
transform: none;
width: auto
}
}
#MarketingPreferencesDiv .consent-update__message p {
font-size: 17.6px;
font-weight: bold;
line-height: 1.2;
margin: 0
}
@media only screen and (min-width: 768px) {
#MarketingPreferencesDiv .consent-update__message p {
line-height: 45px
}
}
#MarketingPreferencesDiv .consent-update__message .checkmark-bg {
position: relative;
padding-left: 60px;
min-height: 45px
}
#MarketingPreferencesDiv .consent-update__message .checkmark-bg:before {
height: 45px;
width: 45px;
position: absolute;
background: url(../images/assets/checkmark-bg.png) no-repeat 0 0;
content: ' ';
left: 0;
top: 0
}
#MarketingPreferencesDiv .consent-update__message.success {
border-color: #21a551
}
#MarketingPreferencesDiv .consent-update__message.success .checkmark-bg:before {
background-position: 0 0
}
#MarketingPreferencesDiv .consent-update__message.success .checkmark-bg p {
color: #21a551
}
#MarketingPreferencesDiv .consent-update__message.error {
border-color: red
}
#MarketingPreferencesDiv .consent-update__message.error .checkmark-bg:before {
background-position: 0 -45px
}
#MarketingPreferencesDiv .consent-update__message.error .checkmark-bg p {
color: red
}
#MarketingPreferencesDiv .gigya-profile-form .consent-update__container {
display: none;
margin-top: 20px
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-composite-control.dlgButton.fadeout {
opacity: 0.3 !important;
pointer-events: none;
cursor: auto
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-composite-control.cancel-preferences {
cursor: pointer
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-composite-control.confirm-preferences {
float: right;
padding: 0;
margin: 0
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-composite-control.confirm-preferences .gigya-input-submit {
font-weight: bold;
padding: 0 50px;
height: 30px;
font-size: 11px;
line-height: 30px;
text-decoration: none !important;
color: #fff !important;
cursor: pointer;
white-space: nowrap;
width: auto;
background: #58B0E2;
box-shadow: none;
outline: none;
border: 0;
border-radius: 25px
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-composite-control.confirm-preferences .gigya-input-submit:hover {
background: #052644;
font-size: 11px
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-composite-control.communications-descriptions {
display: block;
font-weight: 400;
font-size: 12px;
margin-left: 0 !important;
padding: 0
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-composite-control.consent-ready__confirm--message {
padding: 0
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-composite-control.consent-uncheck__warning--message {
padding: 0;
margin-bottom: 20px
}
#MarketingPreferencesDiv .gigya-profile-form h2.gigya-composite-control.gigya-composite-control-header.communications-title {
text-align: left;
font-size: 15px !important
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container {
margin-top: 20px;
text-align: center
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .dlgButton {
display: block !important;
background: none;
margin-top: 20px;
text-align: center
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .dlgButton:after {
content: none
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .dlgButton input[type="submit"], #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .dlgButton input[type="button"] {
background: #58B0E2;
height: 30px;
line-height: 30px;
border-radius: 25px;
cursor: pointer
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .dlgButton input[type="submit"]:hover, #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .dlgButton input[type="button"]:hover {
background: #052644
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container.fadeout {
opacity: 0.3;
pointer-events: none
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container.fadeout .gigya-braun-checkbox, #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container.fadeout .gigya-delonghi-checkbox, #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container.fadeout .gigya-kenwood-checkbox {
margin-right: 25px
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container.fadeout .gigya-braun-checkbox .gigya-input-checkbox + label, #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container.fadeout .gigya-delonghi-checkbox .gigya-input-checkbox + label, #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container.fadeout .gigya-kenwood-checkbox .gigya-input-checkbox + label {
cursor: auto
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container.fadeout .dlgButton {
pointer-events: none
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control {
margin-left: 25px
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control:first-child {
margin-left: 0
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control.hide-show {
margin-left: 0
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control.gigya-custom-checkbox {
margin-left: 0;
margin-bottom: 15px
}
@media only screen and (min-width: 768px) {
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control.gigya-custom-checkbox {
float: left
}
}
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control.gigya-braun-checkbox, #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control.gigya-delonghi-checkbox, #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control.gigya-kenwood-checkbox {
margin-left: 0;
margin-right: 0
}
@media only screen and (min-width: 768px) {
#MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control.gigya-braun-checkbox, #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control.gigya-delonghi-checkbox, #MarketingPreferencesDiv .gigya-profile-form .fade_animation--container .gigya-composite-control.gigya-kenwood-checkbox {
margin-right: 25px
}
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-braun-checkbox, #MarketingPreferencesDiv .gigya-profile-form .gigya-delonghi-checkbox, #MarketingPreferencesDiv .gigya-profile-form .gigya-kenwood-checkbox {
display: inline-block !important;
vertical-align: top;
padding: 0;
margin: 0;
width: 194px;
text-align: center
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-braun-checkbox .gigya-input-checkbox, #MarketingPreferencesDiv .gigya-profile-form .gigya-delonghi-checkbox .gigya-input-checkbox, #MarketingPreferencesDiv .gigya-profile-form .gigya-kenwood-checkbox .gigya-input-checkbox {
position: absolute;
opacity: 0
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-braun-checkbox .gigya-input-checkbox + label, #MarketingPreferencesDiv .gigya-profile-form .gigya-delonghi-checkbox .gigya-input-checkbox + label, #MarketingPreferencesDiv .gigya-profile-form .gigya-kenwood-checkbox .gigya-input-checkbox + label {
position: relative;
cursor: pointer;
padding: 0;
margin: 0;
text-align: center
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-braun-checkbox .gigya-input-checkbox + label .gigya-checkbox-text, #MarketingPreferencesDiv .gigya-profile-form .gigya-delonghi-checkbox .gigya-input-checkbox + label .gigya-checkbox-text, #MarketingPreferencesDiv .gigya-profile-form .gigya-kenwood-checkbox .gigya-input-checkbox + label .gigya-checkbox-text {
display: block;
font-size: 0;
width: 196px;
padding: 10px;
border: 2px solid transparent;
box-sizing: border-box;
height: 66px;
background: url(../images/assets/brands-logo.png) no-repeat 0 center;
margin-bottom: 10px
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-braun-checkbox .gigya-input-checkbox + label:before, #MarketingPreferencesDiv .gigya-profile-form .gigya-delonghi-checkbox .gigya-input-checkbox + label:before, #MarketingPreferencesDiv .gigya-profile-form .gigya-kenwood-checkbox .gigya-input-checkbox + label:before {
content: none !important
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-braun-checkbox .gigya-input-checkbox + label:after, #MarketingPreferencesDiv .gigya-profile-form .gigya-delonghi-checkbox .gigya-input-checkbox + label:after, #MarketingPreferencesDiv .gigya-profile-form .gigya-kenwood-checkbox .gigya-input-checkbox + label:after {
content: '';
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: url(../images/assets/checkbox.png) no-repeat 0 0
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-braun-checkbox .gigya-input-checkbox:checked + label:after, #MarketingPreferencesDiv .gigya-profile-form .gigya-delonghi-checkbox .gigya-input-checkbox:checked + label:after, #MarketingPreferencesDiv .gigya-profile-form .gigya-kenwood-checkbox .gigya-input-checkbox:checked + label:after {
background-position: 0 -20px
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-braun-checkbox .gigya-input-checkbox:checked + label .gigya-checkbox-text, #MarketingPreferencesDiv .gigya-profile-form .gigya-delonghi-checkbox .gigya-input-checkbox:checked + label .gigya-checkbox-text, #MarketingPreferencesDiv .gigya-profile-form .gigya-kenwood-checkbox .gigya-input-checkbox:checked + label .gigya-checkbox-text {
border-color: #000
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-delonghi-checkbox .gigya-input-checkbox + label .gigya-checkbox-text {
background-position: -194px center
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-kenwood-checkbox .gigya-input-checkbox + label .gigya-checkbox-text {
background-position: -388px center
}
#MarketingPreferencesDiv .gigya-profile-form .ui-sortablew .dlgButton {
display: block;
margin-left: 0
}
#MarketingPreferencesDiv .gigya-profile-form .ui-sortablew .dlgButton input[type="submit"] {
margin: auto;
display: block
}
#MarketingPreferencesDiv .gigya-profile-form .gigya-composite-control.gigya-composite-control-submit.dlgButton {
display: block;
text-align: center;
margin-top: 20px
}
.leadform-generation__container {
font-size: 0;
padding-top: 36px;
padding-right: 10px
}
@media only screen and (min-width: 768px) {
.leadform-generation__container {
padding-top: 0
}
}
.leadform-generation__container .image-thumbnail {
display: none
}
@media only screen and (min-width: 768px) {
.leadform-generation__container .image-thumbnail {
display: inline-block;
vertical-align: top;
margin-right: 40px;
height: 504px;
width: 184px;
overflow: hidden
}
.leadform-generation__container .image-thumbnail img {
display: block;
width: 100%;
height: auto
}
}
@media only screen and (min-width: 768px) {
.leadform-generation__container .image-thumbnail {
margin-right: 40px
}
}
@media screen and (max-device-width: 991px) and (orientation: landscape) {
.leadform-generation__container .image-thumbnail {
height: 350px;
overflow-y: hidden
}
}
.leadform-generation__container .leadform-generation__contents {
display: block;
text-align: center;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
height: calc(500px - 36px)
}
@media only screen and (min-width: 768px) {
.leadform-generation__container .leadform-generation__contents {
display: inline-block;
vertical-align: top;
text-align: left;
width: calc(100% - 184px - 40px);
height: calc(504px - 36px);
margin: 34px 0 0
}
}
@media screen and (max-device-width: 991px) and (orientation: landscape) {
.leadform-generation__container .leadform-generation__contents {
height: 350px;
overflow-y: auto;
padding-bottom: 40px
}
}
.leadform-generation__container .leadform-generation__contents h2.thankyou-title {
color: #052644;
margin-bottom: 15px;
text-align: left;
font-size: 24px
}
.leadform-generation__container .leadform-generation__contents .lead-form__contents {
position: relative;
max-width: 280px;
margin: auto
}
@media only screen and (min-width: 768px) {
.leadform-generation__container .leadform-generation__contents .lead-form__contents {
max-width: 300px;
margin: 0
}
}
.leadform-generation__container .leadform-generation__contents #leadform-third h2.thankyou-title {
margin-bottom: 34px;
text-align: center
}
.leadform-generation__container .leadform-generation__contents #leadform-third .description {
margin-bottom: 15px
}
.leadform-generation__container .leadform-generation__contents #leadform-third .description p {
text-align: center
}
.leadform-generation__container .leadform-generation__contents .description {
margin-bottom: 24px
}
.leadform-generation__container .leadform-generation__contents .description p {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: normal;
color: #242424;
font-family: 'notoregular';
margin-bottom: 0;
color: #242424;
text-align: left
}
.leadform-generation__container .leadform-generation__contents .dlgButton {
margin-top: 20px;
width: 100%
}
.leadform-generation__container .leadform-generation__contents #leadform-third {
text-align: center;
max-width: 245px;
margin: 35px auto auto;
display: none
}
@media only screen and (min-width: 768px) {
.leadform-generation__container .leadform-generation__contents #leadform-third {
margin: 20px auto auto
}
}
.leadform-generation__container .leadform-generation__contents #leadform-third .dlgButton {
width: auto;
margin: 20px auto auto
}
.leadform-generation__container .leadform-generation__contents #leadform-third .dlgButton.continue-shopping__button {
max-width: 100%;
overflow: hidden;
box-sizing: border-box;
display: block
}
@media only screen and (min-width: 768px) {
#page .lead_form_generation-wrapper#newsletter_overlay > .inner {
max-width: none !important
}
}
@media only screen and (min-width: 1024px) {
#page .unsubscribe-wrapper {
width: 100%;
margin: 0;
max-width: none
}
}
#page .unsubscribe-wrapper .leadform-generation__container {
padding-top: 0;
padding-right: 0
}
@media only screen and (min-width: 1024px) {
#page .unsubscribe-wrapper .leadform-generation__container .image-thumbnail {
width: 495px
}
}
@media only screen and (min-width: 1024px) {
#page .unsubscribe-wrapper .leadform-generation__contents {
width: auto;
max-width: calc(100% - 495px - 40px)
}
}
#page .unsubscribe-wrapper .leadform-generation__contents .thankyou-title {
text-align: left !important;
font-size: 24px
}
#page .unsubscribe-wrapper .leadform-generation__contents .description p {
text-align: left
}
#page .unsubscribe-wrapper .leadform-generation__contents .unsubscribe-confirmed .dlgButton, #page .unsubscribe-wrapper .leadform-generation__contents .gigya-unsubscribe__form .dlgButton {
width: auto;
font-size: 12px;
text-transform: uppercase
}
#page .unsubscribe-wrapper .lead-form__contents {
max-width: none
}
.lead_form_generation-wrapper {
width: 100%
}
@media screen and (max-device-width: 991px) and (orientation: landscape) {
.lead_form_generation-wrapper {
top: 150px !important;
margin-top: 0 !important
}
}
.lead_form_generation-wrapper #newsletter_overlay {
margin: auto;
height: auto;
background: #fff;
box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.5);
max-width: 360px
}
@media only screen and (min-width: 768px) {
.lead_form_generation-wrapper #newsletter_overlay {
width: 600px;
max-width: none
}
}
@media screen and (max-device-width: 991px) and (orientation: landscape) {
.lead_form_generation-wrapper #newsletter_overlay {
margin-top: calc((300px - 100%)/4) !important;
height: 90%
}
}
.lead_form_generation-wrapper #newsletter_overlay .inner {
position: relative
}
.lead_form_generation-wrapper #newsletter_overlay .inner .close {
line-height: normal;
top: 10px;
right: 10px;
height: 18px;
width: 18px;
text-align: center;
font-size: 0;
color: transparent;
position: absolute
}
.lead_form_generation-wrapper #newsletter_overlay .inner .close:after {
display: block;
content: "\00d7";
width: 18px;
height: 18px;
color: #848484;
background: none;
line-height: 18px;
font-size: 35px
}
.lead_form_generation-wrapper #newsletter_overlay .inner .close:hover, .lead_form_generation-wrapper #newsletter_overlay .inner .close:active, .lead_form_generation-wrapper #newsletter_overlay .inner .close:focus {
text-decoration: none
}
.lead_form_generation-wrapper #newsletter_overlay.show-third_popup .leadform-generation__container .image-thumbnail {
height: 400px
}
.lead_form_generation-wrapper #newsletter_overlay.show-third_popup .leadform-generation__container .leadform-generation__contents {
height: calc(400px - 40px)
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control {
padding-bottom: 0;
width: 100%
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-spacer, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-spacer, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-spacer {
display: none
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"], .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"], .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"] {
margin: 0;
height: 35px;
border-radius: 17.5px;
border: solid 1px #dbdbdb;
padding: 0 15px;
box-sizing: border-box;
color: #242424;
font-size: 13px !important;
line-height: 35px;
box-shadow: none;
max-width: 280px
}
@media only screen and (min-width: 768px) {
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"], .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"], .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"] {
max-width: 350px
}
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:focus, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:active, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:focus, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:active, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:focus, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:active, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:focus, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:active, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:focus, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:active, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:focus, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:active {
box-shadow: none
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]::-webkit-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]::-webkit-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]::-webkit-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]::-webkit-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]::-webkit-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]::-webkit-input-placeholder {
color: #848484
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]::-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]::-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]::-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]::-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]::-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]::-moz-placeholder {
color: #848484
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:-ms-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:-ms-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:-ms-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:-ms-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:-ms-input-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:-ms-input-placeholder {
color: #848484
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="text"]:-moz-placeholder, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control input[type="email"]:-moz-placeholder {
color: #848484
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton {
margin: 17px 0 0px;
width: 100%;
background: none
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton:after, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton:after, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton:after {
background: none
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="submit"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="button"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="submit"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="button"], .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="submit"], .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="button"] {
width: 100%;
box-sizing: border-box;
max-width: 280px
}
@media only screen and (min-width: 768px) {
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="submit"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="button"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="submit"], .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="button"], .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="submit"], .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.dlgButton input[type="button"] {
max-width: 286px
}
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox {
margin-top: 20px
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox {
position: absolute;
opacity: 0
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox + label, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox + label, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox + label {
position: relative;
cursor: pointer;
margin: 0;
padding: 0 0 0 30px;
box-sizing: border-box
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox + label .gigya-checkbox-text, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox + label .gigya-checkbox-text, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox + label .gigya-checkbox-text {
display: block;
vertical-align: top;
font-size: 12px
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox + label:before, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox + label:before, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox + label:before {
content: '';
margin-right: 10px;
display: block;
left: 0;
position: absolute;
width: 20px;
height: 20px;
background: url(../images/assets/checkbox.png) no-repeat 0 0
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox:checked + label:before, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox:checked + label:before, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox .gigya-input-checkbox:checked + label:before {
background-position: 0 -20px
}
.lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox label.gigya-label, .lead_form_generation-wrapper .gigya-newsletter__form #newsletter-container-div-inject-gigya-form .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox label.gigya-label, .lead_form_generation-wrapper .gigya-newsletter__form #liteRegistrationDiv .gigya-screen-content .gigya-screen .gigya-composite-control.gigya-custom-checkbox label.gigya-label {
margin-left: 0
}
@media only screen and (max-width: 767px) {
html[lang="ru"] .pre-footer__section {
margin-left: -10px;
padding-right: 0
}
}
#page #content .newsletter-template__page.section {
padding-bottom: 0;
margin-bottom: 0
}
.unsubscribe-wrapper .unsubscribe-confirmed {
margin-top: 35px;
max-height: 0;
overflow-y: hidden;
-webkit-transition: max-height 0.3s ease-in-out;
-moz-transition: max-height 0.3s ease-in-out;
-o-transition: max-height 0.3s ease-in-out;
transition: max-height 0.3s ease-in-out;
max-height: 0;
overflow: hidden
}
.unsubscribe-wrapper .unsubscribe-confirmed.show {
max-height: 500px
}
.unsubscribe-wrapper .unsubscribe-confirmed .unsubscribe-confirmed__container {
color: #242424;
padding: 30px 20px 35px;
position: relative
}
.unsubscribe-wrapper .unsubscribe-confirmed .unsubscribe-confirmed__container .unsubscribe-confirmed__title {
font-size: 24px;
line-height: 1.2
}
.unsubscribe-wrapper .leadform-generation__container .leadform-generation__contents .lead-form__contents .unsubscribe-title {
font-size: 24px;
margin-bottom: 25px;
text-align: center
}
@media only screen and (min-width: 992px) {
.unsubscribe-wrapper .leadform-generation__container .leadform-generation__contents .lead-form__contents .unsubscribe-title {
font-size: 30px;
text-align: left
}
}
.unsubscribe-wrapper .leadform-generation__container .leadform-generation__contents .lead-form__contents .gigya-unsubscribe__form .description {
text-align: center
}
@media only screen and (min-width: 992px) {
.unsubscribe-wrapper .leadform-generation__container .leadform-generation__contents .lead-form__contents .gigya-unsubscribe__form .description {
text-align: left
}
}
.unsubscribe-wrapper .leadform-generation__container .leadform-generation__contents .lead-form__contents .gigya-unsubscribe__form .description p {
text-align: center
}
@media only screen and (min-width: 992px) {
.unsubscribe-wrapper .leadform-generation__container .leadform-generation__contents .lead-form__contents .gigya-unsubscribe__form .description p {
text-align: left
}
}