/* Yuk! CSS Hack for IE6 3 pixel bug :( */
@font-face {
font-family: 'FrutigerLTStd65Bold';
src: url('font/frutigerltstd-bold-webfont.eot');
src: url('font/frutigerltstd-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/frutigerltstd-bold-webfont.woff') format('woff'), url('font/frutigerltstd-bold-webfont.ttf') format('truetype'), url('font/frutigerltstd-bold-webfont.svg#FrutigerLTStd65Bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FrutigerLTStd55Roman';
src: url('font/frutigerltstd-roman-webfont.eot');
src: url('font/frutigerltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('font/frutigerltstd-roman-webfont.woff') format('woff'), url('font/frutigerltstd-roman-webfont.ttf') format('truetype'), url('font/frutigerltstd-roman-webfont.svg#FrutigerLTStd55Roman') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FrutigerLTStd45Light';
src: url('font/frutigerltstd-light-webfont.eot');
src: url('font/frutigerltstd-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/frutigerltstd-light-webfont.woff') format('woff'), url('font/frutigerltstd-light-webfont.ttf') format('truetype'), url('font/frutigerltstd-light-webfont.svg#FrutigerLTStd55Roman') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'new_baskervillebold_italic';
src: url('font/new_baskerville_bold_italic-webfont.eot');
src: url('font/new_baskerville_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('font/new_baskerville_bold_italic-webfont.woff') format('woff'), url('font/new_baskerville_bold_italic-webfont.ttf') format('truetype'), url('font/new_baskerville_bold_italic-webfont.svg#new_baskervillebold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nothing_you_could_doregular';
src: url('font/nothingyoucoulddo-webfont.eot');
src: url('font/nothingyoucoulddo-webfont.eot?#iefix') format('embedded-opentype'), url('font/nothingyoucoulddo-webfont.woff') format('woff'), url('font/nothingyoucoulddo-webfont.ttf') format('truetype'), url('font/nothingyoucoulddo-webfont.svg#nothing_you_could_doregular') format('svg');
font-weight: normal;
font-style: normal;
}
/***********************************************
* RESET *
***********************************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
color: #ffffff;
}
body {
margin: 0;
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #241a17;
color: #fff;
text-shadow: none;
}
::selection {
background: #241a17;
color: #fff;
text-shadow: none;
}
a {
color: #cc9d49;
cursor: pointer;
}
a:hover {
color: #cc9d49;
}
a:hover,
a:active {
color: #cc9d49;
outline: 0;
}
a:focus {
outline: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cbc1b3;
margin: 1.5em 0;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: "";
content: none;
}
small {
font-size: 85%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul,
ol {
margin: 1em 0;
padding: 0 0 0 40px;
}
dd {
margin: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
outline: none;
}
button,
input {
line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:invalid,
textarea:invalid {
background-color: #f0dddd;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: black;
padding: 0.2em 0;
}
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
*line-height: 0;
}
.ir br {
display: none;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.bi {
display: block;
}
.lt-ie7 .clearfix {
height: 1%;
overflow: visible;
}
.lt-ie8 .clearfix {
min-height: 1%;
}
.clearfix {
zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
zoom: 1;
}
.clearfix:after {
clear: both;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
ul.unstyled,
ol.unstyled {
list-style: none;
margin: 0;
padding: 0;
}
.centered {
text-align: center;
}
.strike {
text-decoration: line-through;
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
/* Black prints faster: h5bp.com/s */
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
/* Don't show links for images, or javascript/internal links */
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
/* h5bp.com/t */
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspScrollable {
outline: none;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspVerticalBar .jspArrow {
height: 16px;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}
.jspCap {
display: none;
}
.jspTrack {
background: #dde;
position: relative;
}
.jspDrag {
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}
.common-blocks-nespresso-is-here .block {
padding: 20px 0;
}
.common-blocks-nespresso-is-here .block.white {
background-color: #ccc;
color: #000;
}
.common-blocks-nespresso-is-here .block h2:first-child {
font-style: 24px;
text-transform: uppercase;
}
.did-you-now-block {
height: 90px;
background: #cccccc url(img/confirmation-payment-info-bottom-bg.png) 0 0 repeat-x;
color: #4c4c4c;
}
.did-you-now-block .title,
.did-you-now-block .text {
float: left;
}
.did-you-now-block .text {
line-height: 20px;
margin: 25px 0 0 50px;
width: 680px;
}
.did-you-now-block .title {
background: #cccccc url(img/confirmation-payment-info-bottom-btn-bg.png) 0 0 repeat-x;
border-right: 1px solid #c1c1c1;
font-size: 10px;
font-weight: bold;
height: 35px;
margin: 0;
padding: 55px 0 0 0;
position: relative;
text-align: center;
text-transform: uppercase;
width: 140px;
}
.did-you-now-block .title .ico {
display: block;
height: 21px;
left: 50%;
margin-left: -15px;
position: absolute;
top: 25px;
width: 27px;
}
.mstr-player-container {
width: 648px;
height: 398px;
background: transparent url(img/coffees/player-video/shadow.png) center bottom no-repeat;
margin: 0 0 0 0;
}
.mstr-player {
width: 648px;
height: 385px;
background-color: #000;
position: relative;
}
.mstr-social {
border-top: 1px dotted #292929;
color: #2a2c2c;
margin: 0;
padding: 10px 0;
position: relative;
width: 333px;
zoom: 1;
font-size: 11px;
font-weight: 400;
line-height: 21px;
}
.mstr-social:before,
.mstr-social:after {
display: table;
content: "";
zoom: 1;
}
.mstr-social:after {
clear: both;
}
.mstr-social.extend {
width: auto;
}
.mstr-social .icon-arrow {
background: transparent url(img/share-arrow.png) 0 0 no-repeat;
display: block;
margin: 5px 5px 0 0;
vertical-align: middle;
float: left;
height: 7px;
width: 4px;
}
.mstr-social .email-icon {
margin-right: 10px;
float: left;
}
.mstr-social .share-icon {
display: inline-block;
margin: 0 0 0 10px;
overflow: hidden;
position: relative;
vertical-align: middle;
height: 21px;
width: 21px;
}
.mstr-social .share-icon img {
left: 0;
position: absolute;
top: 0;
}
.mstr-social .share-icon:hover img {
bottom: 0;
top: auto;
}
.mstr-social .social-icons.right {
position: absolute;
top: 10px;
right: 0;
}
.mstr-social .share-email {
color: #888;
}
.mstr-social .share-email img {
margin-right: 10px;
}
.mstr-delivery-footer {
background: #dfdfdf url(img/delivery-footer-bg.png) 0 0 repeat-x;
padding: 0 20px;
zoom: 1;
height: 60px;
width: auto;
line-height: 60px;
color: #2f2f2f;
}
.mstr-delivery-footer .error {
color: #cd5655;
}
.mstr-delivery-footer .moar {
margin: 0;
}
.mstr-delivery-footer .moar a {
color: #000;
}
.mstr-delivery-footer .btn {
margin-top: 12px;
}
.mstr-delivery-footer .multiline {
line-height: 18px;
}
.lt-ie8 .mstr-delivery-footer .multiline {
margin-top: 12px;
}
.mstr-delivery-footer.bg3 {
background: #dfdfdf url(img/delivery-footer-bg-3.gif) 0 0 repeat-x;
}
.m0 {
margin: 0;
padding: 0;
}
.mv10 {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
.mv15 {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}
.mv20 {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
}
.mv25 {
margin: 0 0 25px 0;
padding: 0 0 25px 0;
}
.mv30 {
margin: 0 0 30px 0;
padding: 0 0 30px 0;
}
.mv35 {
margin: 0 0 35px 0;
padding: 0 0 35px 0;
}
.mv40 {
margin: 0 0 40px 0;
padding: 0 0 40px 0;
}
.mv45 {
margin: 0 0 45px 0;
padding: 0 0 45px 0;
}
.mv50 {
margin: 0 0 50px 0;
padding: 0 0 50px 0;
}
.mv55 {
margin: 0 0 55px 0;
padding: 0 0 55px 0;
}
.mb5 {
margin: 0 0 5px 0;
}
.mb10 {
margin: 0 0 10px 0;
}
.mb15 {
margin: 0 0 15px 0;
}
.mb20 {
margin: 0 0 20px 0;
}
.mb25 {
margin: 0 0 25px 0;
}
.mb30 {
margin: 0 0 30px 0;
}
.mb35 {
margin: 0 0 35px 0;
}
.mb40 {
margin: 0 0 40px 0;
}
.mb45 {
margin: 0 0 45px 0;
}
.mb50 {
margin: 0 0 50px 0;
}
.mb55 {
margin: 0 0 55px 0;
}
.mb60 {
margin: 0 0 60px 0;
}
.mb65 {
margin: 0 0 65px 0;
}
.mb70 {
margin: 0 0 70px 0;
}
.mt5 {
margin: 5px 0 0 0;
}
.mt10 {
margin: 10px 0 0 0;
}
.mt15 {
margin: 15px 0 0 0;
}
.mt20 {
margin: 20px 0 0 0;
}
.mt25 {
margin: 25px 0 0 0;
}
.mt30 {
margin: 30px 0 0 0;
}
.mt35 {
margin: 35px 0 0 0;
}
.mt40 {
margin: 40px 0 0 0;
}
.mt45 {
margin: 45px 0 0 0;
}
.mt50 {
margin: 50px 0 0 0;
}
.mt55 {
margin: 55px 0 0 0;
}
.mt60 {
margin: 60px 0 0 0;
}
.mt65 {
margin: 65px 0 0 0;
}
.mt70 {
margin: 70px 0 0 0;
}
.pt5 {
padding: 5px 0 0 0;
}
.pt10 {
padding: 10px 0 0 0;
}
.pt15 {
padding: 15px 0 0 0;
}
.pt20 {
padding: 20px 0 0 0;
}
.pt25 {
padding: 25px 0 0 0;
}
.pt30 {
padding: 30px 0 0 0;
}
.pt35 {
padding: 35px 0 0 0;
}
.pt40 {
padding: 40px 0 0 0;
}
.pt45 {
padding: 45px 0 0 0;
}
.pt50 {
padding: 50px 0 0 0;
}
.pt55 {
padding: 55px 0 0 0;
}
.pt60 {
padding: 60px 0 0 0;
}
.pt65 {
padding: 65px 0 0 0;
}
.pt70 {
padding: 70px 0 0 0;
}
.color-black-text {
color: #505050;
color: rgba(0, 0, 0, 0.8);
}
.color-white-text {
color: #fff;
}
.mstr-title-arrow {
background: transparent url(img/mstr/title-arrow-white.png) bottom center no-repeat;
text-align: center;
color: #505050;
color: rgba(0, 0, 0, 0.8);
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.mstr-title-arrow .title {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
}
.mstr-title-arrow.black {
background: transparent url(img/mstr/title-arrow-black.gif) bottom center no-repeat;
color: #fff;
}
.mstr-title-dash {
background: transparent url(img/mstr/title-dash-black.gif) 0 100% no-repeat;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 16px;
}
.mstr-title-dash.white,
.mstr-title-dash.grey,
.mstr-title-dash.lightgrey {
color: #fff;
}
.mstr-title-dash.hardgrey,
.mstr-title-dash.black {
color: #505050;
color: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 0 #ffffff;
}
.mstr-title-dash.white {
background-image: url(img/mstr/title-dash-white.gif);
}
.mstr-title-dash.lightgrey {
background-image: url(img/mstr/title-dash-lightgrey.gif);
}
.mstr-title-dash.grey {
background-image: url(img/mstr/title-dash-grey.gif);
}
.mstr-title-dash.hardgrey {
background-image: url(img/mstr/title-dash-hardgrey.gif);
}
.mstr-title-dash.black {
background-image: url(img/mstr/title-dash-black.gif);
}
.mstr-input {
clear: both;
height: 44px;
margin: 0 0 10px 0;
color: #6c6c6c;
}
.mstr-input input,
.mstr-input label {
height: 40px;
line-height: 40px;
}
.mstr-input label {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 40px;
position: relative;
letter-spacing: -1px;
}
.mstr-input input {
border: 2px solid #ccced1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
padding: 0 10px;
color: #6c6c6c;
}
.mstr-input.error input {
border-color: #cd5655 !important;
color: #cd5655;
}
.mstr-input.error label {
font-weight: bold;
}
.mstr-input.inline input {
float: right;
}
.mstr-input.inline label {
float: left;
}
.mstr-input.error.inline .msg-label {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 11px;
position: absolute;
top: 30px;
left: 0;
}
.mstr-input.vertical,
.mstr-input.vertical label {
height: auto;
line-height: inherit;
}
.mstr-input.vertical label,
.mstr-input.vertical input,
.mstr-input.vertical .msg-label {
display: block;
}
.mstr-input.vertical {
margin-bottom: 30px;
}
.mstr-input.vertical label {
margin-bottom: 5px;
}
.mstr-input.vertical .msg-label {
margin: 5px 0 0 0;
}
.mstr-cbox {
position: relative;
}
.mstr-cbox label,
.mstr-cbox a.alias {
float: left;
font-size: 14px;
height: 18px;
line-height: 18px;
cursor: pointer;
}
.mstr-cbox a.alias {
background: transparent url(img/checkbox-sprite.png) 0 -17px no-repeat;
display: inline-block;
*zoom: 1;
*display: inline;
margin: 0 10px 0 0;
height: 18px;
width: 15px;
}
.mstr-cbox a.alias.checked {
background-position: 0 1px !important;
}
.mstr-cbox.error,
.mstr-cbox.mstr-cradio.error {
color: #cd5655;
}
.mstr-cbox.error a.alias,
.mstr-cbox.mstr-cradio.error a.alias {
background-position: 0 -35px;
}
.mstr-cbox input {
display: none;
}
.mstr-cbox.right a.alias {
margin: 0 0 0 10px;
}
.mstr-cbox.mstr-cradio a.alias {
background: transparent url(img/radiobutton-sprite.png) 0 -17px no-repeat;
}
/***********************************************
* HEADER *
***********************************************/
.top-notification {
background: #383838 url(img/notification-bg.png) 0 0 repeat-x;
margin-top: -39px;
height: 39px;
width: auto;
}
.top-notification .wrapper {
position: relative;
}
.top-notification p {
color: #c2c2c2;
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 39px;
}
.top-notification p span {
color: #cc9d49;
}
.top-notification .close {
background: transparent url(img/notification-close.png) 0 0 no-repeat;
margin: -10px 0 0 0;
position: absolute;
right: 0;
top: 50%;
height: 19px;
width: 19px;
}
.header {
background-color: #000000;
position: relative;
white-space: nowrap;
z-index: 1000;
zoom: 1;
height: 81px;
width: 100%;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 14px;
}
.header:before,
.header:after {
display: table;
content: "";
zoom: 1;
}
.header:after {
clear: both;
}
.header .wrapper {
position: relative;
z-index: 10;
}
.header .logo {
margin: 0;
position: relative;
top: 26px;
float: left;
height: 33px;
width: 175px;
}
.header .phonespresso {
margin: 0;
padding: 14px 0 0 30px;
zoom: 1;
height: 26px;
width: 170px;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 15px;
}
.header .phonespresso:before,
.header .phonespresso:after {
display: table;
content: "";
zoom: 1;
}
.header .phonespresso:after {
clear: both;
}
.header .phonespresso .icon {
margin-right: 5px;
height: 15px;
width: 15px;
}
.header .user {
padding: 8px 0 0 325px;
height: auto;
width: 190px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 21px;
}
.header .user .caps-icon {
margin-right: 10px;
}
.header .user .pass-loss {
margin-left: 10px;
text-decoration: underline;
float: right;
}
.header .user .toggle {
margin-top: 10px;
float: right;
height: 19px;
width: 19px;
}
.header .user .login-form {
margin-top: 10px;
position: relative;
vertical-align: top;
}
.header .user .login-form input {
border: none;
color: #252525;
padding: 0 8px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 21px;
}
.header .user .login-form input.login-email {
background: transparent url(img/login-email-bg.png) 0 0 no-repeat;
height: 21px;
width: 164px;
}
.header .user .login-form input.login-password {
background: transparent url(img/login-pass-bg.png) 0 0 no-repeat;
height: 21px;
width: 96px;
}
.header .user .login-form .btn {
font-weight: 400;
}
.header .user .user-menu-trigger {
background: transparent url(img/grey-block-bg.png) 0 0 no-repeat;
color: #fff;
display: block;
padding-left: 20px;
position: absolute;
right: 10px;
text-decoration: none;
top: 0;
z-index: 1;
height: 23px;
width: 210px;
}
.header .user .user-menu-trigger .border {
background: transparent url(img/grey-block-border.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
z-index: 1;
height: 23px;
width: 11px;
}
.header .user .user-menu-trigger .toggle {
background: transparent url(img/toggle-icon.png) 0 0 no-repeat;
position: absolute;
margin: 0;
right: -9px;
top: 2px;
z-index: 2;
height: 19px;
width: 19px;
}
.header .user .user-menu-trigger.active {
background-position: 0 -23px;
}
.header .user .user-menu-trigger.active .border {
background-position: 0 -23px;
}
.header .user .user-menu-trigger.active .toggle {
background-position: 0 -19px;
}
.header .user .user-menu-open {
background: #1a1a1a url(img/cart-bg.jpg) 0 0 no-repeat;
display: none;
padding: 30px 0 20px;
position: absolute;
right: 0;
top: 0;
white-space: normal;
height: auto;
width: 245px;
font-size: 11px;
font-weight: 400;
line-height: 18px;
}
.header .user .user-menu-open h3 {
margin: 5px 0;
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-weight: 400;
line-height: 18px;
}
.header .user .user-menu-open h4 {
margin: 0 25px;
text-align: center;
font-family: 'new_baskervillebold_italic', Georgia, serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.header .user .user-menu-open .separator {
background-color: #4e4e4e;
border-bottom: 1px solid #000;
margin: 0;
height: 1px;
width: auto;
}
.header .user .user-menu-open .separator.margin {
margin: 20px 0;
}
.header .user .user-menu-open .user-login {
margin: 0 20px;
}
.header .user .user-menu-open .user-login input {
background: transparent url(img/login-input-bg.png) 0 0 no-repeat;
border: none;
margin: 0 0 4px;
height: 21px;
width: 196px;
}
.header .user .user-menu-open .user-login .user-login-submit {
height: auto;
width: 196px;
}
.header .user .user-menu-open .user-login .user-login-submit .cbox {
margin-top: 5px;
}
.header .user .user-menu-open .user-login .user-login-submit .cbox .alias {
margin-right: 5px;
}
.header .user .user-menu-open .user-login .user-login-submit .btn {
margin-top: 10px;
}
.header .user .user-menu-open .user-login .pass-forgotten {
color: #fff;
text-decoration: underline;
}
.header .user .user-menu-open .user-options li {
border-bottom: 1px solid #3e3e3e;
height: 26px;
}
.header .user .user-menu-open .user-options a {
color: #fff;
display: block;
padding: 0 0 0 30px;
font-size: 11px;
font-weight: 400;
line-height: 26px;
}
.header .user .user-menu-open .user-progress {
margin: 16px 16px 0;
position: relative;
height: 21px;
width: 215px;
}
.header .user .user-menu-open .user-progress div {
background: transparent url(img/user-progress-bg.png) 0 0 no-repeat;
color: #2a2c2c;
font-style: italic;
left: 0;
position: absolute;
text-indent: 10px;
top: 0;
white-space: nowrap;
z-index: 0;
height: 21px;
width: 215px;
font-size: 11px;
font-weight: 400;
line-height: 21px;
}
.header .user .user-menu-open .user-progress div.top {
background-position: 0 -21px;
color: #fff;
overflow: hidden;
z-index: 2;
}
.header .user .user-menu-open .moar {
margin: 10px 20px;
}
.header .user .user-menu-open .moar a {
text-decoration: underline;
}
.header .user .user-menu-open .re-order {
padding-top: 20px;
}
.header .user .user-menu-open .btn {
color: #2a2c2c;
text-decoration: none;
}
.header .cart {
color: #fff;
height: 40px;
width: 300px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 40px;
}
.header .cart .icon {
margin: 0 18px 0 0;
overflow: hidden;
position: relative;
height: 32px;
width: 22px;
}
.header .cart .icon img {
margin: 0;
padding: 0;
position: absolute;
top: 0;
z-index: 1;
}
.header .cart .icon img.light {
bottom: 0;
display: none;
top: auto;
z-index: 2;
}
.header .cart .icon.active img {
top: -32px;
}
.header .cart .sep {
color: #fff;
}
.header .cart .cart-info {
background: transparent url(img/grey-block-bg.png) 0 0 no-repeat;
cursor: pointer;
line-height: 23px;
margin-top: 7px;
margin-right: 11px;
padding: 0 47px 0 36px;
position: relative;
}
.header .cart .cart-info .orange {
color: #cc9d49;
}
.header .cart .cart-info .border {
background: transparent url(img/grey-block-border.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
z-index: 1;
height: 23px;
width: 11px;
}
.header .cart .cart-info .toggle {
background: transparent url(img/toggle-icon.png) 0 0 no-repeat;
position: absolute;
right: -9px;
top: 2px;
z-index: 2;
height: 19px;
width: 19px;
}
.header .cart .cart-info.active {
background-position: 0 -23px;
}
.header .cart .cart-info.active .border {
background-position: 0 -23px;
}
.header .cart .cart-info.active .toggle {
background-position: 0 -19px;
}
.header .lang {
position: relative;
}
.header .lang .country-name {
color: #cccccc;
margin: 6px 20px 0 10px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.header .lang .first-time {
color: #cc9d49;
left: 0;
margin-top: 9px;
position: absolute;
top: 0;
white-space: nowrap;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 21px;
}
.header .lang .first-time a {
color: #fff;
display: inline;
text-decoration: underline;
}
.header .lang ul {
margin-top: 13px;
}
.header .lang a {
color: #fff;
display: block;
margin: 0 3px;
text-align: center;
height: 15px;
width: 19px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 15px;
}
.header .lang a.active {
background: transparent url(img/lang-active.png) top left no-repeat;
}
.header .lang img {
margin: 6px 0 0 6px;
}
.header a {
text-decoration: none;
}
.header .cart-open {
background: #1a1a1a url(img/cart-bg.jpg) 0 0 no-repeat;
display: none;
padding-top: 40px;
position: absolute;
right: 0;
top: 40px;
z-index: -1;
height: auto;
width: 272px;
}
.header .cart-open.fixed {
position: fixed;
margin-right: -498px;
right: 50%;
top: 5px;
}
.header .cart-open h3 {
margin: 0 0 10px 0;
text-align: center;
font-family: 'new_baskervillebold_italic', Georgia, serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.header .cart-open h3.margin {
margin-top: 10px;
}
.header .cart-open .message {
border-bottom: 1px solid #4e4e4e;
padding: 10px 0 5px;
text-align: center;
}
.header .cart-open .message h3 {
margin: 0;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 14px;
}
.header .cart-open .message p {
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 14px;
}
.header .cart-open .new-item {
margin: 10px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.header .cart-open .new-item h3 {
margin: 0 0 10px 0;
text-align: center;
font-family: 'new_baskervillebold_italic', Georgia, serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.header .cart-open .new-item .thumb {
text-align: center;
}
.header .cart-open .new-item .info h4 {
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.header .cart-open .new-item .info p {
color: #7a7a7a;
margin: 0;
height: auto;
width: 120px;
}
.header .cart-open .new-item .price {
margin: 0;
padding: 14px 0 0 0;
text-align: right;
height: auto;
width: 120px;
}
.header .cart-open .checkout {
padding: 20px 10px;
text-align: center;
}
.header .cart-open .checkout .cart-tooltip {
background: #eeeeee url(img/cart-tooltip-bg.png) 0 0 repeat-x;
color: #2a2c2c;
margin: 0 0 25px 0;
padding: 0 10px;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 38px;
width: auto;
}
.header .cart-open .checkout .cart-tooltip .total {
padding: 5px 0;
text-align: left;
text-transform: uppercase;
}
.header .cart-open .checkout .cart-tooltip .total small {
display: block;
text-transform: none;
}
.header .cart-open .checkout .cart-tooltip .price {
padding: 5px 0;
text-align: right;
}
.header .cart-open .checkout .cart-tooltip .arrow {
background: transparent url(img/cart-tooltip-arrow.png) 0 0 no-repeat;
bottom: -4px;
display: block;
left: 50%;
margin-left: -4px;
position: absolute;
height: 4px;
width: 7px;
}
.header .cart-open hr {
background-color: #333;
border-top: none;
border-bottom: 1px solid #292929;
height: 1px;
margin: 0 5px;
}
.header .cart-open .cart-details {
background: transparent url(img/cart-details-bg.png) 0 0 repeat-y;
margin: 20px 10px;
}
.header .cart-open .cart-details .name {
width: 121px;
}
.header .cart-open .cart-details .quantity {
width: 58px;
}
.header .cart-open .cart-details th {
color: #888;
padding-bottom: 10px;
text-align: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: 400;
line-height: 14px;
}
.header .cart-open .cart-details td {
color: #fff;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.header .cart-open .cart-details td img {
margin-right: 10px;
}
.header .cart-open .cart-details td .dark {
color: #595959;
}
.header .cart-open .cart-details td.alignright {
text-align: right;
}
.header .cart-open .moar {
margin: 10px;
}
.header .cart-open .empty-cart {
margin: 10px;
text-align: center;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.header .cart-open .push {
border-top: 1px solid #414141;
border-bottom: 1px solid #000;
margin-bottom: 10px;
}
.header .cart-open .push li {
border-top: 1px solid #000;
border-bottom: 1px solid #414141;
height: 55px;
width: auto;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 55px;
}
.header .cart-open .push li a {
background: transparent url(img/cart-push-bg.png) 0 0 repeat-x;
color: #fff;
display: block;
padding: 0 10px;
height: 55px;
width: 252px;
}
.header .cart-open .push li a:hover {
text-decoration: underline;
}
.header .cart-open .push li a:active {
background-position: 0 -55px;
}
.header .cart-open .push li img {
margin: 0 15px 0 5px;
}
.header .cart-open .push li strong {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 55px;
}
.fixed-header {
background-color: #000000;
display: none;
left: 0;
position: fixed;
top: 0;
white-space: nowrap;
z-index: 10000;
zoom: 1;
height: 45px;
width: 100%;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 14px;
}
.fixed-header:before,
.fixed-header:after {
display: table;
content: "";
zoom: 1;
}
.fixed-header:after {
clear: both;
}
.fixed-header .logo {
margin: 0;
position: relative;
top: 7px;
float: left;
height: 33px;
width: 175px;
}
.fixed-header .cart {
margin-top: 3px;
width: 200px;
}
.fixed-header .cart .icon {
margin-right: 10px;
}
.fixed-header .cart .cart-info {
padding: 0 18px 0 12px;
}
.fixed-header .user {
height: 35px;
padding: 0 50px 0 40px;
width: 370px;
font-size: 11px;
font-weight: 400;
line-height: 21px;
}
.fixed-header .user .orange {
color: #cc9d49;
}
.fixed-header .user a {
color: #fff;
text-decoration: underline;
}
.fixed-header .user a:hover {
text-decoration: none;
}
.fixed-header .user .pipe {
padding: 0 5px;
}
.fixed-header .user .login-form {
margin-top: 10px;
}
.fixed-header .page-info {
background: transparent url(img/grey-block-bg.png) 0 0 no-repeat;
cursor: pointer;
line-height: 23px;
margin-top: 10px;
margin-right: 11px;
padding: 0 18px 0 12px;
position: relative;
z-index: 10;
}
.fixed-header .page-info .orange {
color: #cc9d49;
}
.fixed-header .page-info .border {
background: transparent url(img/grey-block-border.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
z-index: 1;
height: 23px;
width: 11px;
}
.fixed-header .page-info .toggle {
background: transparent url(img/toggle-icon.png) 0 0 no-repeat;
position: absolute;
right: -9px;
top: 2px;
z-index: 2;
height: 19px;
width: 19px;
}
.fixed-header .page-info.active {
background-position: 0 -23px;
}
.fixed-header .page-info.active .border {
background-position: 0 -23px;
}
.fixed-header .page-info.active .toggle {
background-position: 0 -19px;
}
.fixed-header .anchors {
display: none;
left: 0;
position: absolute;
top: 0;
z-index: 5;
}
.fixed-header .anchors li {
border-bottom: 1px solid #444341;
border-top: 1px solid #5f5e5d;
height: 22px;
width: 200px;
}
.fixed-header .anchors li a {
background-color: #51504e;
color: #ccc;
display: block;
padding: 0 15px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 22px;
}
.fixed-header .anchors li a:hover {
background-color: #636260;
}
.fixed-header .anchors li.first {
border-top: none;
margin-right: 11px;
position: relative;
width: 189px;
}
.fixed-header .anchors li.first a {
background: transparent url(img/header-dropdown-top.png) -11px 0 no-repeat;
}
.fixed-header .anchors li.first a .border {
background: transparent url(img/header-dropdown-top.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
height: 23px;
width: 11px;
}
.fixed-header .anchors li.first a:hover {
background-position: -11px -24px;
}
.fixed-header .anchors li.first a:hover .border {
background-position: 0 -24px;
}
.fixed-header .anchors li.last {
border-bottom: none;
margin-right: 11px;
position: relative;
width: 189px;
}
.fixed-header .anchors li.last a {
background: transparent url(img/header-dropdown-bottom.png) -11px -1px no-repeat;
}
.fixed-header .anchors li.last a .border {
background: transparent url(img/header-dropdown-bottom.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: -1px;
height: 23px;
width: 11px;
}
.fixed-header .anchors li.last a:hover {
background-position: -11px -25px;
}
.fixed-header .anchors li.last a:hover .border {
background-position: 0 -24px;
}
.main-nav {
position: absolute;
z-index: 100;
height: 58px;
width: 100%;
}
.main-nav ul,
.main-nav ol {
list-style: none;
list-style-image: none;
margin: 0 auto;
padding: 0;
}
.main-nav .buttons {
display: table;
margin: 0 auto;
height: 59px;
width: 996px;
}
.main-nav .buttons td {
background: #000000 url(img/nav-sprite.png) 0 -38px repeat-x;
border-right: 1px solid #252525;
border-top: 1px solid #555555;
padding: 0;
height: 57px;
width: 9%;
}
.main-nav .buttons td a {
color: #fff;
display: block;
text-decoration: none;
}
.main-nav .buttons td a .icon {
display: block;
overflow: hidden;
padding: 1px 0 0;
position: relative;
height: 32px;
width: 32px;
}
.main-nav .buttons td a .icon img {
left: 0;
position: absolute;
top: 0;
}
.main-nav .buttons td:hover .icon img,
.main-nav .buttons td:active .icon img,
.main-nav .buttons td.active .icon img {
bottom: 0;
top: auto;
}
.main-nav .buttons td.store {
background-position: 0 0;
}
.main-nav .buttons td.extra {
background-position: 0 -76px;
}
.main-nav .buttons td.order:hover,
.main-nav .buttons td.order.active {
background-position: 0 -114px;
}
.main-nav .buttons td.order:active {
background-position: 0 -152px;
}
.main-nav .buttons td.coffees:hover,
.main-nav .buttons td.coffees.active {
background-position: 0 -190px;
}
.main-nav .buttons td.coffees:active {
background-position: 0 -228px;
}
.main-nav .buttons td.machines:hover,
.main-nav .buttons td.machines.active {
background-position: 0 -266px;
}
.main-nav .buttons td.machines:active {
background-position: 0 -304px;
}
.main-nav .buttons td.accessories:hover,
.main-nav .buttons td.accessories.active {
background-position: 0 -342px;
}
.main-nav .buttons td.accessories:active {
background-position: 0 -380px;
}
.main-nav .buttons td.chocolates:hover,
.main-nav .buttons td.chocolates.active {
background-position: 0 -418px;
}
.main-nav .buttons td.chocolates:active {
background-position: 0 -456px;
}
.main-nav .buttons td.services:hover,
.main-nav .buttons td.services.active {
background-position: 0 -494px;
}
.main-nav .buttons td.services:active {
background-position: 0 -532px;
}
.main-nav .buttons td.find-us:hover,
.main-nav .buttons td.find-us.active {
background-position: 0 -570px;
}
.main-nav .buttons td.find-us:active {
background-position: 0 -608px;
}
.main-nav .buttons td.ecolaboration:hover,
.main-nav .buttons td.ecolaboration.active {
background-position: 0 -646px;
}
.main-nav .buttons td.ecolaboration:active {
background-position: 0 -684px;
}
.main-nav .buttons td.help:hover,
.main-nav .buttons td.help.active {
background-position: 0 -722px;
}
.main-nav .buttons td.help:active {
background-position: 0 -760px;
}
.main-nav .buttons td:hover .item-name,
.main-nav .buttons td.active .item-name {
background-color: #fff;
color: #2a2c2c;
}
.main-nav .icon {
margin: 3px auto 2px;
}
.main-nav .item-name {
background-color: #000;
display: block;
height: 20px;
text-align: center;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 20px;
}
.main-nav .submenu-wrapper {
margin: 0 auto;
position: relative;
height: auto;
width: 996px;
}
.main-nav .submenu {
background: transparent url(img/submenu-dropshadow.png) 0 100% repeat-x;
display: none;
left: 0;
position: absolute;
top: 0;
height: 307px;
width: 996px;
/*.submenu-dropshadow{
background: transparent url(img/submenu-dropshadow.png) 0 0 repeat-x;
bottom: -10px;
left: 0;
position: absolute;
.size(996px, 10px);
}*/
}
.main-nav .submenu .submenu-ctn {
background: #ffffff url(img/submenu-bg.png) 0 0 repeat-x;
border-bottom: 1px solid #c6c6c6;
color: #2a2c2c;
zoom: 1;
height: auto;
width: 996px;
}
.main-nav .submenu .submenu-ctn:before,
.main-nav .submenu .submenu-ctn:after {
display: table;
content: "";
zoom: 1;
}
.main-nav .submenu .submenu-ctn:after {
clear: both;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart {
overflow: hidden;
position: relative;
float: left;
height: 238px;
width: 747px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart.half {
height: 119px;
width: 747px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart.half table {
height: 120px;
width: 749px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart table {
position: absolute;
left: -1px;
top: -1px;
height: 240px;
width: 749px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart td,
.main-nav .submenu .submenu-ctn .submenu-leftpart tr {
margin: 0;
padding: 0;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart a {
display: block;
position: relative;
text-decoration: none;
z-index: 1000;
height: 100%;
width: 100%;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart h4,
.main-nav .submenu .submenu-ctn .submenu-leftpart p {
margin: 0;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart h4 {
color: #2a2c2c;
margin: 0 0 5px 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart h4.order {
color: #056609;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart p {
color: #737373;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .small {
border: 1px solid #e6e6e6;
position: relative;
height: 118px;
width: 250px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .small a {
background: transparent url(img/submenu-small-hover.png) 0 0 no-repeat;
height: 118px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .small a:hover {
background-position: 0 -121px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .small a:active {
background-position: 0 -242px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .small .info {
left: 100px;
margin: 0;
position: absolute;
top: 35px;
height: auto;
width: 140px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .medium {
text-align: center;
height: auto;
width: 33%;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .medium a {
background: transparent url(img/submenu-medium-hover.png) 0 0 no-repeat;
height: 242px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .medium a:hover {
background-position: 0 -242px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .medium a:active {
background-position: 0 -484px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .medium.shadow {
background: #ffffff url(img/submenu-medium-shadow.png) 0 0 repeat-y;
/*&:hover{
background: transparent url(img/submenu-medium-hover.png) top right no-repeat;
background-position-y: -242px;
}
&:active{
background: transparent url(img/submenu-medium-hover.png) top right no-repeat;
background-position-y: -484px;
}*/
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .medium img {
margin: 30px 0 15px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .medium h4 {
text-transform: uppercase;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .medium .info {
margin: 0 25px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .big {
text-align: center;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .big a {
background: transparent url(img/submenu-big-hover.png) 0 0 no-repeat;
height: 242px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .big a:hover {
background-position: 0 -242px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .big a:active {
background-position: 0 -484px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .big img {
margin: 30px 0 15px;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .big h4 {
text-transform: uppercase;
}
.main-nav .submenu .submenu-ctn .submenu-leftpart .big .info {
margin: 0 25px;
text-align: left;
}
.main-nav .submenu .submenu-ctn .push {
background-color: #000;
border: 5px solid #676767;
float: right;
height: auto;
width: 239px;
}
.main-nav .submenu .submenu-footer {
background: #ffffff url(img/nav-submenu-footer.png) 0 0 repeat-x;
color: #2a2c2c;
zoom: 1;
height: 58px;
width: 996px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 58px;
}
.main-nav .submenu .submenu-footer:before,
.main-nav .submenu .submenu-footer:after {
display: table;
content: "";
zoom: 1;
}
.main-nav .submenu .submenu-footer:after {
clear: both;
}
.main-nav .submenu .submenu-footer p {
margin: 0;
text-indent: 20px;
float: left;
height: auto;
width: 250px;
}
.main-nav .submenu .submenu-footer a {
color: #888;
text-decoration: underline;
}
.main-nav .submenu .submenu-footer ul {
float: left;
height: auto;
width: 745px;
}
.main-nav .submenu .submenu-footer ul li {
height: auto;
width: 248px;
float: left;
}
.main-nav-dropdown {
background: #ffffff url(img/white-gradient-small.png) top left repeat-x;
color: #2a2c2c;
margin: 0 auto;
border-bottom: 2px solid #fff;
height: 188px;
width: 996px;
display: none;
}
.main-nav-dropdown .third {
border-right: 1px dotted #ccc;
margin-top: 40px;
height: 110px;
width: 330px;
}
.main-nav-dropdown .third.no-border {
border-right: none;
}
.main-nav-dropdown h3 {
margin: 0 0 15px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.main-nav-dropdown ul {
list-style: disc inside none;
margin: 0 0 15px;
}
.main-nav-dropdown a {
color: #2a2c2c;
text-decoration: none;
}
.main-nav-dropdown .medal-nespresso {
margin: 0 20px;
height: 64px;
width: 70px;
}
.main-nav-dropdown .medal-cup {
margin: 0 20px;
height: 64px;
width: 70px;
}
.main-nav-dropdown .medal-caps {
margin: 0 20px;
height: 64px;
width: 70px;
}
.main-nav-dropdown .third-paragraph {
width: 200px;
}
.input-password .password {
display: none;
}
/***********************************************
* FOOTER *
***********************************************/
.footer-block {
width: 996px;
margin: 0 auto 0;
padding-bottom: 20px;
}
.footer-block .footer {
width: 996px;
margin: 0 auto;
height: 495px;
background: #252525 url(img/footer-bg-black.png) 0 100% repeat-x;
}
.footer-block .footer-column {
background: transparent url(img/footer-separator.png) 0 0 repeat-y;
float: left;
margin-top: 15px;
margin-bottom: 20px;
padding-left: 40px;
height: 460px;
width: 158px;
}
.footer-block .footer-column h4 {
margin: 0 0 18px 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 11px;
color: #fff;
text-transform: uppercase;
}
.footer-block .footer-column h5 {
margin: 0 0 3px 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 11px;
color: #fff;
font-style: italic;
}
.footer-block .footer-column ul {
margin: 0 0 37px 0;
padding: 0;
}
.footer-block .footer-column ul li {
margin: 0;
list-style-position: inside;
color: #cccccc;
height: 16px;
}
.footer-block .footer-column ul li a {
color: #cccccc;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
}
.footer-block .footer-column ul li a:hover {
text-decoration: underline;
}
.footer-block .footer-column.first {
background: none;
}
.footer-block .footer-column.last {
float: right;
margin: 0;
height: 475px;
border-left: #c0c0c0 solid 1px;
background: none;
padding: 0;
width: 249px;
}
.footer-block .footer-column.last .footer-column-content {
margin-left: 1px;
margin-top: 1px;
background: #cccccc url(img/footer-last-bg.png) no-repeat top left;
height: 100%;
}
.footer-block .footer-column.last .footer-column-content h4 {
padding-top: 18px;
margin-bottom: 20px;
text-align: center;
}
.footer-block .footer-column.last .footer-column-content h4 img {
vertical-align: bottom;
}
.footer-block .footer-column.last .footer-column-content form {
text-align: center;
}
.footer-block .footer-column.last .footer-column-content form input[type=text] {
width: 209px;
height: 32px;
text-align: center;
background: transparent url(img/newsletter-input-bg.png) no-repeat top left;
border: none;
color: #1e1e20;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 11px;
}
.footer-block .footer-column.last .footer-column-content form input[type=submit] {
width: 144px;
height: 40px;
background: #cccccc url(img/newsletter-submit-bg.png) no-repeat top left;
border: none;
color: #1e1e20;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 11px;
padding-left: 40px;
}
.footer-block .footer-column.last .footer-column-content .credit-cards {
width: 209px;
height: 115px;
margin: auto;
background: transparent url(img/credit-cards.png) no-repeat center center;
}
.footer-block .footer-extra {
color: #888;
line-height: 19px;
margin-top: 14px;
zoom: 1;
}
.footer-block .footer-extra:before,
.footer-block .footer-extra:after {
display: table;
content: "";
zoom: 1;
}
.footer-block .footer-extra:after {
clear: both;
}
.footer-block .footer-extra ul {
float: right;
}
.footer-block .footer-extra ul li {
border-right: 1px solid #333;
line-height: 19px;
display: inline-block;
padding: 0 10px;
}
.footer-block .footer-extra ul li a {
color: #fff;
}
.footer-block .footer-extra ul li a:hover {
text-decoration: none;
}
.footer-block .footer-extra ul li a:active {
color: #888;
text-decoration: underline;
}
.footer-block .footer-extra ul li.back2top {
border-right: none;
padding: 0 0 0 20px;
position: relative;
}
.footer-block .footer-extra ul li.back2top img {
display: block;
left: 10px;
position: absolute;
top: 5px;
height: 8px;
width: 7px;
}
.footer-block .footer-extra ul li.back2top a {
color: #888;
text-decoration: none;
}
/***********************************************
* GENERAL *
***********************************************/
html {
height: 100%;
}
body {
background: #000;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.wrapper {
margin: 0 auto;
height: auto;
width: 918px;
}
::-webkit-input-placeholder {
color: #c9c9c9;
}
input:-moz-placeholder {
color: #c9c9c9;
}
.btn {
background: transparent url(img/btn-bg.png) -12px 0 no-repeat;
border: 0px solid transparent;
color: #2a2c2c;
display: inline-block;
margin-right: 12px;
padding: 0 14px 0 27px;
position: relative;
height: 37px;
text-align: center;
text-decoration: none;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 37px;
}
.btn.submit input {
background: transparent;
}
.btn .border {
background: transparent url(img/btn-bg.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -12px;
top: 0;
height: 37px;
width: 12px;
}
.btn:hover {
background-position: -12px -37px;
color: #2a2c2c;
}
.btn:hover .border {
background-position: 0 -37px;
}
.btn:active {
background-position: -12px -74px;
}
.btn:active .border {
background-position: 0 -74px;
}
.btn.small {
background: transparent url(img/btn-bg-small.png) -12px 0 no-repeat;
height: 27px;
margin-right: 11px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 27px;
}
.btn.small .border {
background-image: url(img/btn-bg-small.png);
height: 27px;
}
.btn.small:hover {
background-position: -12px -27px;
color: #2a2c2c;
}
.btn.small:hover .border {
background-position: 0 -27px;
}
.btn.small:active {
background-position: -12px -54px;
}
.btn.small:active .border {
background-position: 0 -54px;
}
.btn.two-parts {
padding: 0 14px 0 67px;
}
.btn.two-parts .left-part {
display: block;
left: 3px;
position: absolute;
text-shadow: 0 1px 1px #000;
top: 2px;
height: 30px;
width: 40px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 30px;
}
.btn.disabled {
background: transparent url(img/btn-bg.png) -12px -111px no-repeat;
color: #1e1e20 !important;
height: 37px;
width: auto;
}
.btn.disabled .border {
background: transparent url(img/btn-bg.png) 0 -111px no-repeat;
}
.btn.disabled:hover {
color: #1e1e20 !important;
}
.btn.disabled:active {
color: #1e1e20 !important;
}
.btn.disabled .left-part {
background: transparent url(img/btn-spacer-grey.png) top right repeat-y;
}
.btn.black {
background: transparent url(img/btn-bg-black.png) -12px 0 no-repeat;
color: #fff;
height: 37px;
width: auto;
}
.btn.black .border {
background: transparent url(img/btn-bg-black.png) 0 0 no-repeat;
}
.btn.black:hover {
background-position: -12px -37px;
color: #fff;
}
.btn.black:hover .border {
background-position: 0 -37px;
}
.btn.black:active {
background-position: -12px -74px;
color: #d0d0d0;
}
.btn.black:active .border {
background-position: 0 -74px;
}
.btn.black.small {
background: transparent url(img/btn-bg-black-small.png) -12px 0 no-repeat;
height: 27px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 27px;
}
.btn.black.small .border {
background-image: url(img/btn-bg-black-small.png);
height: 27px;
}
.btn.black.small:hover {
background-position: -12px -27px;
}
.btn.black.small:hover .border {
background-position: 0 -27px;
}
.btn.black.small:active {
background-position: -12px -54px;
}
.btn.black.small:active .border {
background-position: 0 -54px;
}
.btn.black.xsmall {
padding: 0 5px 0 20px;
}
.btn.gold {
background: transparent url(img/btn-bg-gold.png) -12px 0 no-repeat;
color: #fff;
height: 37px;
width: auto;
}
.btn.gold .border {
background: transparent url(img/btn-bg-gold.png) 0 0 no-repeat;
}
.btn.gold:hover {
background-position: -12px -37px;
color: #fff;
}
.btn.gold:hover .border {
background-position: 0 -37px;
}
.btn.gold:active {
background-position: -12px -74px;
color: #d0d0d0;
}
.btn.gold:active .border {
background-position: 0 -74px;
}
.btn.yellow {
background: transparent url(img/btn-bg-yellow.png) -12px 0 no-repeat;
color: #040505;
height: 37px;
width: auto;
}
.btn.yellow .border {
background: transparent url(img/btn-bg-yellow.png) 0 0 no-repeat;
}
.btn.yellow:hover {
background-position: -12px -37px;
color: #040505;
}
.btn.yellow:hover .border {
background-position: 0 -37px;
}
.btn.yellow:active {
background-position: -12px -74px;
color: #040505;
}
.btn.yellow:active .border {
background-position: 0 -74px;
}
.btn.red {
background: transparent url(img/btn-bg-red.png) -12px 0 no-repeat;
color: #fff;
height: 37px;
width: auto;
}
.btn.red .border {
background: transparent url(img/btn-bg-red.png) 0 0 no-repeat;
}
.btn.red:hover {
background-position: -12px -37px;
color: #fff;
}
.btn.red:hover .border {
background-position: 0 -37px;
}
.btn.red:active {
background-position: -12px -74px;
color: #fff;
}
.btn.red:active .border {
background-position: 0 -74px;
}
.btn.green {
background: transparent url(img/btn-bg-green.png) -12px 0 no-repeat;
color: #fff;
height: 37px;
width: auto;
}
.btn.green .border {
background: transparent url(img/btn-bg-green.png) 0 0 no-repeat;
}
.btn.green:hover {
background-position: -12px -37px;
color: #fff;
}
.btn.green:hover .border {
background-position: 0 -37px;
}
.btn.green:active {
background-position: -12px -74px;
color: #fff;
}
.btn.green:active .border {
background-position: 0 -74px;
}
.btn.green .left-part {
background: transparent url(img/btn-spacer-green.png) top right repeat-y;
}
.btn.green.disabled {
cursor: default;
color: #99a396 !important;
}
.btn.green.disabled,
.btn.green.disabled.green.desactive:hover {
background-position: -12px -110px;
}
.btn.green.disabled .border,
.btn.green.disabled.green.desactive:hover .border {
background-position: 0 -110px;
}
.btn.green.txt-shadow {
text-shadow: 1px 1px 0 #1f3a15;
}
.btn.green.txt-shadow.disabled {
text-shadow: 0 1px 1px #546b4c;
}
.moar .orange {
color: #cc9d49;
}
.moar a {
color: #fff;
}
.moar a:hover {
color: #cc9d49;
}
.moar a:active {
color: #e2be7e;
}
.moar.black a {
color: #000;
}
.moar.black a:hover {
color: #cc9d49;
}
.moar.black a:active {
color: #e2be7e;
}
.qty-select {
background: transparent url(img/grey-block-bg.png) 0 0 no-repeat;
cursor: pointer;
line-height: 23px;
margin: 0 11px 0 0;
padding: 5px 20px 5px 18px;
position: relative;
width: 15px;
z-index: 5;
}
.qty-select.middle {
margin-top: 20px;
}
.qty-select .border {
background: transparent url(img/grey-block-border.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
z-index: 1;
height: 23px;
width: 11px;
}
.qty-select .qty-icon {
background: transparent url(img/grey-block-qty.png) 0 0 no-repeat;
position: absolute;
right: -9px;
top: 2px;
z-index: 7;
height: 19px;
width: 19px;
}
.qty-select.active {
background-position: 0 -23px;
}
.qty-select.active .border {
background-position: 0 -23px;
}
.qty-select.active .toggle {
background-position: 0 -19px;
}
.qty-list {
border: none !important;
display: none;
left: 0;
position: absolute;
text-align: left;
top: 0;
z-index: 5;
}
.qty-list li {
border-bottom: 1px solid #373635 !important;
border-top: 1px solid #5f5e5d !important;
height: 23px !important;
margin: 0;
padding: 0;
text-transform: none !important;
width: 64px;
}
.qty-list li a {
background-color: #51504e;
color: #ccc;
display: block;
margin: 0;
padding: 0 0 0 18px;
text-decoration: none;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 23px;
}
.qty-list li a:hover {
background-color: #636260;
}
.qty-list li.first {
border-top: none !important;
margin-right: 11px;
position: relative;
width: 53px;
}
.qty-list li.first a {
background: transparent url(img/header-dropdown-top.png) -11px 0 no-repeat;
}
.qty-list li.first a .border {
background: transparent url(img/header-dropdown-top.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
height: 25px;
width: 11px;
}
.qty-list li.first a:hover {
background-position: -11px -24px;
}
.qty-list li.first a:hover .border {
background-position: 0 -24px;
}
.qty-list li.last {
border-bottom: none !important;
border-top: none !important;
margin-right: 11px;
position: relative;
width: 53px;
}
.qty-list li.last a {
background: transparent url(img/header-dropdown-bottom.png) -11px 0px no-repeat;
}
.qty-list li.last a .border {
background: transparent url(img/header-dropdown-bottom.png) 0 -1px no-repeat;
border-top: 1px solid #5f5e5d;
display: block;
position: absolute;
right: -11px;
top: 0px;
height: 22px;
width: 11px;
}
.qty-list li.last a:hover {
background-position: -11px -25px;
}
.qty-list li.last a:hover .border {
background-position: 0 -24px;
}
.slider-range-ctn {
background: #0f0d0d url(img/filter-ruler-bg.png) bottom left repeat-x;
border: 1px solid #313131;
display: inline-block;
height: 9px;
padding: 0 7px 0 6px;
width: 220px;
}
#amount {
display: none;
}
.slider-range {
position: relative;
height: 9px;
width: 220px;
}
.slider-range a {
background: #b7b7b7 url(img/filter-ruler.png) 0 0 no-repeat;
display: block;
margin: 1px 0 0 -5px;
position: absolute;
text-decoration: none;
top: 0;
z-index: 5;
height: 7px;
width: 11px;
}
.slider-range a.second-handle {
background: #b7b7b7 url(img/filter-ruler.png) 0 -7px no-repeat;
}
.slider-range a .handle-value {
background-color: #b7b7b7;
color: #2a2c2c;
display: block;
left: -2px;
position: absolute;
text-align: center;
top: 15px;
height: 12px;
width: 17px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 9px;
font-weight: 400;
line-height: 12px;
}
.slider-range a .arrow {
background: transparent url(img/filter-ruler-arrow.png) 0 0 no-repeat;
display: block;
left: 3px;
position: absolute;
top: 11px;
height: 4px;
width: 7px;
}
.first-value,
.last-value {
color: #313131;
display: inline-block;
vertical-align: top;
width: 14px;
font-size: 9px;
font-weight: 400;
line-height: 12px;
}
.last-value {
text-align: right;
}
.ui-slider-range {
background-color: rgba(255, 255, 255, 0.08);
height: 9px;
position: absolute;
top: 0;
z-index: 3;
}
.slider {
margin-bottom: 10px;
overflow: hidden;
position: relative;
text-align: center;
height: 470px;
width: 100%;
}
.slider .slider-wrapper {
height: 470px;
width: 100%;
position: relative;
overflow: hidden;
}
.slider .slider-wrapper .slider-window {
position: relative;
width: 600%;
}
.slider .slider-wrapper .slider-window .slider-item {
height: 470px;
width: 100%;
float: left;
overflow: hidden;
position: relative;
}
.slider .slider-wrapper .slider-window .slider-item .call-to-action {
display: none;
left: 50%;
margin-left: -400px;
position: absolute;
text-align: center;
top: 250px;
z-index: 3;
height: 470px;
width: 800px;
}
.slider .slider-wrapper .slider-window .slider-item .call-to-action .btn {
margin: 20px;
}
.slider .slider-wrapper .slider-window .slider-item .visual {
position: absolute;
top: 0;
left: 50%;
margin-left: -950px;
}
.slider .slider-nav-ctn {
bottom: 0;
left: 0;
position: absolute;
height: 103px;
width: 100%;
}
.slider .slider-nav {
bottom: 0;
left: 50%;
margin: 0 0 0 -498px;
padding: 0;
position: absolute;
text-align: center;
height: 33px;
width: 996px;
}
.slider .slider-nav li {
cursor: pointer;
display: inline-block;
margin: 9px 5px;
position: relative;
height: 14px;
width: 14px;
}
.slider .slider-nav li a {
background: transparent url(img/slider-nav.png) 0 0 no-repeat;
color: #fff;
display: block;
position: relative;
text-decoration: none;
height: 14px;
width: 14px;
}
.slider .slider-nav li a .hover {
background: transparent url(img/slider-nav-hover.png) 0 0 no-repeat;
display: none;
left: 0;
position: absolute;
top: 0;
z-index: 1;
height: 14px;
width: 14px;
}
.slider .slider-nav li a:hover .hover {
display: block;
}
.slider .slider-nav li.active a {
background-position: 0 -14px;
}
.slider .slider-nav li .selector {
border: 11px solid #fff;
display: none;
position: absolute;
opacity: 0.15;
-ms-filter: "alpha(opacity=15);";
filter: alpha(opacity=15);
height: 70px;
width: 143px;
}
.slider .slider-nav li.prev,
.slider .slider-nav li.next {
margin: 0 5px;
height: 33px;
width: 32px;
}
.slider .slider-nav li .thumbnail {
background: transparent url(img/slider-nav-thumb-bottom.png) left bottom no-repeat;
bottom: 14px;
display: none;
left: -53px;
position: absolute;
height: 85px;
width: 119px;
}
.slider .slider-nav li .thumbnail img {
border: 1px solid #1e1b1a;
display: block;
margin: 0 auto;
}
.slider .slider-nav li .thumbnail p {
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 18px;
}
.slider .slider-nav li:hover .thumbnail {
display: block;
}
.gray-block {
background-color: #1b1b1b;
}
.gray-block-transparent {
background-color: rgba(255, 255, 255, 0.1);
margin-bottom: 20px;
}
.new-products {
padding-bottom: 20px;
height: auto;
width: 644px;
}
.products-block {
margin-right: 20px;
}
.products-block h2 {
color: #fff;
margin: 0;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 50px;
}
.products-block td {
position: relative;
padding-left: 0;
padding-top: 0;
}
.products-block td a {
color: #fff;
text-decoration: none;
}
.products-block td.last {
padding-right: 0;
}
.products-block .prod-ctn {
position: relative;
}
.products-block .prod-ctn a {
border: 5px solid #000;
display: block;
}
.products-block .prod-ctn a:hover {
border-color: #272727;
/*.icon{
display: block;
}*/
}
.products-block .prod-info {
bottom: 10px;
left: 10px;
position: absolute;
width: 100%;
}
.products-block .prod-info .sep {
color: #525252;
margin: 0 3px;
}
.products-block .prod-info em {
color: #cc9d49;
}
.products-block .prod-info small {
color: #888;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: 400;
line-height: inherit;
}
.products-block .icon {
background: transparent url(img/icon-info.png) 0 0 no-repeat;
display: none;
position: absolute;
right: 15px;
top: 15px;
height: 21px;
width: 21px;
}
.products-block .add-to-cart {
bottom: 10px;
position: absolute;
right: 10px;
height: 20px;
width: 20px;
}
.articles {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 16px;
}
.articles h2 {
margin: 0;
padding: 0 20px;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 50px;
}
.articles .moar {
margin: 0 20px 0 0;
}
.articles .moar a {
line-height: 50px;
}
.articles .moar .orange {
color: #cc9d49;
}
.articles .article-front .thumbs {
padding: 0 20px;
width: 300px;
}
.articles .article-front .thumbs li {
margin-bottom: 10px;
}
.articles .article-front .article-front-content {
padding: 0 20px;
width: 300px;
}
.articles .article-front h3 {
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 30px;
}
.articles .article-front h4 {
margin: 0 0 15px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 30px;
}
.articles .article-front .gray {
color: #ccc;
}
.articles .article-front .btn {
margin: 30px 0;
}
.articles .article-block {
padding: 0 18px;
width: 125px;
}
.articles .article-block.separator {
border-right: 1px dotted #515151;
}
.articles .article-block h3 {
margin: 5px 0 15px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 14px;
}
.articles .article-block p {
color: #ccc;
margin: 0 0 15px;
}
.articles .article-block ul {
list-style: disc inside;
padding: 0;
}
.articles .article-block.wide {
width: 292px;
}
.articles-home {
height: auto;
width: 332px;
}
.articles-products {
background-color: #101010;
margin-bottom: 20px;
}
.articles-products .article-front {
background-color: #1a1a1a;
}
.horizontal-separator {
border-top: 1px dotted #515151;
margin: 0 20px;
height: 0;
width: auto;
}
/* Google place API style */
.pac-container {
background: transparent url(img/geoloc-dropdown-bottom.png) bottom left no-repeat;
border: none !important;
}
.pac-container::after {
padding: 3px 10px 0 0 !important;
}
.pac-item-refresh, .pac-item {
background: transparent url(img/geoloc-dropdown-item.png) 0 0 no-repeat;
color: #b2b2b2;
height: 32px;
width: 244px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 32px;
padding: 0 20px;
}
.pac-item-refresh:hover, .pac-item:hover {
background-position: 0 -32px;
}
.pac-selected {
color: #000 !important;
}
/*.pac-container::after {
content:"";
}*/
.geoloc {
background: #101010 url(img/geoloc-bg.png) top left repeat-x;
color: #ccc;
margin: 0 auto 10px;
position: relative;
height: 69px;
width: 996px;
}
.geoloc .romaner {
color: #797979;
}
.geoloc .geoloc-head {
height: 68px;
width: 996px;
}
.geoloc .logo-club {
margin: 23px 25px 0 20px;
height: 22px;
width: 160px;
}
.geoloc .baseline-club {
color: #a66f0c;
margin: 0;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 68px;
}
.geoloc .separator {
left: 249px;
position: absolute;
top: 1px;
height: 67px;
width: 35px;
}
.geoloc .notification {
margin: 0;
padding: 20px 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16px;
}
.geoloc .notification strong {
color: #cc9d49;
font-weight: 400;
text-transform: uppercase;
}
.geoloc .geoloc-form {
position: relative;
float: right;
}
.geoloc .geoloc-input {
background: transparent url(img/geoloc-input.png) top left no-repeat;
border: none;
color: #7f7f7f;
letter-spacing: 1px;
margin: 18px 28px 0 38px;
padding: 5px 22px 5px 22px;
float: left;
height: 22px;
width: 200px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 22px;
}
.geoloc .geoloc-input.active {
background: url(img/geoloc-dropdown-top.png) top left;
}
.geoloc .geoloc-active-input {
background: transparent url(img/geoloc-active-input.png) top left no-repeat !important;
padding-left: 42px;
height: 22px;
width: 180px;
}
.geoloc .geoloc-active-input.active {
background: url(img/geoloc-active-dropdown-top.png) top left !important;
}
.geoloc .btn {
margin: 18px 64px 0 0;
}
.geoloc .arrow {
background: transparent url(img/geoloc-small-arrow.png) top left no-repeat;
left: 50%;
margin-left: -7px;
position: absolute;
top: 68px;
height: 8px;
width: 15px;
}
.geoloc .toggle {
bottom: 16px;
position: absolute;
right: 16px;
height: 19px;
width: 19px;
display: none;
cursor: pointer;
}
.geoloc .geoloc-dropdown {
display: none;
left: 0;
margin: 50px 28px 0 38px;
position: absolute;
top: 0;
z-index: 5;
}
.geoloc .geoloc-dropdown li {
background: transparent url(img/geoloc-dropdown-item.png) 0 0 no-repeat;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 32px;
height: 32px;
width: 244px;
}
.geoloc .geoloc-dropdown li a {
color: #b2b2b2;
display: block;
padding: 0 20px;
text-decoration: none;
height: 32px;
width: 204px;
}
.geoloc .geoloc-dropdown li:hover {
background-position: 0 -32px;
}
.geoloc .geoloc-dropdown li.first {
background: transparent url(img/geoloc-dropdown-top.png) 0 0 no-repeat;
}
.geoloc .geoloc-dropdown li.first:hover {
background-position: 0 -32px;
}
.geoloc .geoloc-dropdown li.first a {
color: #717171;
}
.geoloc .geoloc-dropdown li.last {
background: transparent url(img/geoloc-dropdown-bottom.png) 0 0 no-repeat;
}
.geoloc .geoloc-dropdown li.last:hover {
background-position: 0 -32px;
}
.geoloc .geoloc-results {
zoom: 1;
height: 176px;
width: auto;
display: none;
}
.geoloc .geoloc-results:before,
.geoloc .geoloc-results:after {
display: table;
content: "";
zoom: 1;
}
.geoloc .geoloc-results:after {
clear: both;
}
.geoloc .geoloc-results .quarter {
border-right: 1px dotted #484848;
margin: 22px 0 24px;
position: relative;
float: left;
height: 130px;
width: 248px;
}
.geoloc .geoloc-results .quarter.last {
border-right: none;
}
.geoloc .geoloc-results .orange {
color: #a66f0c;
}
.geoloc .geoloc-results h3 {
margin: 0 0 15px;
padding-left: 20px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 24px;
}
.geoloc .geoloc-results h3 .icon {
margin-right: 10px;
float: left;
height: 25px;
width: 25px;
}
.geoloc .geoloc-results ul {
padding-left: 35px;
}
.geoloc .geoloc-results a {
color: #fff;
text-decoration: underline;
}
.geoloc .geoloc-results .moar {
bottom: 0;
padding-left: 20px;
position: absolute;
}
.products-list {
background: #dcdfe4 url(img/products-list-bg.png) 0 0 repeat-x;
margin: 0;
position: relative;
height: auto;
width: 292px;
}
.products-list .prod-sort {
background-color: #000;
position: relative;
zoom: 1;
}
.products-list .prod-sort:before,
.products-list .prod-sort:after {
display: table;
content: "";
zoom: 1;
}
.products-list .prod-sort:after {
clear: both;
}
.products-list .prod-sort h3 {
background-image: none !important;
border-top: none;
height: 27px;
width: 200px !important;
float: left;
}
.products-list .prod-sort .sort-order {
float: right;
}
.products-list .prod-sort .order-asc,
.products-list .prod-sort .order-desc {
border-left: 1px solid #1a1a1a;
display: block;
position: relative;
float: left;
height: 27px;
width: 28px;
}
.products-list .prod-sort .order-asc .arrow,
.products-list .prod-sort .order-desc .arrow {
background: transparent url(img/prod-sort-arrows.png) 0 0 no-repeat;
display: block;
left: 0;
position: absolute;
top: 0;
height: 27px;
width: 28px;
}
.products-list .prod-sort .order-asc .arrow {
background-position: 0 0;
}
.products-list .prod-sort .order-asc:hover .arrow {
background-position: 0 -27px;
}
.products-list .prod-sort .order-asc.active {
background: transparent url(img/prod-sort-bg.png) 0 0 no-repeat;
}
.products-list .prod-sort .order-asc.active .arrow {
background-position: 0 -54px;
}
.products-list .prod-sort .order-desc .arrow {
background-position: -28px 0;
}
.products-list .prod-sort .order-desc:hover .arrow {
background-position: -28px -27px;
}
.products-list .prod-sort .order-desc.active {
background: transparent url(img/prod-sort-bg.png) 0 0 no-repeat;
}
.products-list .prod-sort .order-desc.active .arrow {
background-position: -28px -54px;
}
.products-list .product-list-title {
background: #000000 url(img/prod-list-title.png) top left repeat-x;
position: relative;
height: 27px;
width: 292px;
}
.products-list .product-list-title .reset {
color: #888;
position: absolute;
right: 10px;
top: 0;
font-size: 9px;
font-weight: 400;
line-height: 27px;
}
.products-list .product-list-title .reset .icon {
background: transparent url(img/icon-close.png) 0 0 no-repeat;
display: inline-block;
margin-right: 5px;
height: 5px;
width: 5px;
}
.products-list .product-list-title .pager {
border: none !important;
color: #fff;
position: absolute;
right: 10px;
top: 0;
zoom: 1;
}
.products-list .product-list-title .pager:before,
.products-list .product-list-title .pager:after {
display: table;
content: "";
zoom: 1;
}
.products-list .product-list-title .pager:after {
clear: both;
}
.products-list .product-list-title .pager li {
border: none !important;
height: 27px !important;
float: left;
}
.products-list .product-list-title .pager li a {
color: #898989;
margin: 0 3px;
text-decoration: none;
font-size: 9px;
font-weight: 400;
line-height: 27px;
}
.products-list .product-list-title .pager li a.prev {
margin: 0 12px 0 0;
}
.products-list .product-list-title .pager li a.next {
margin: 0 0 0 12px;
}
.products-list .product-list-title .pager li a:hover,
.products-list .product-list-title .pager li a.active {
color: #fff;
}
.products-list h3 {
background: #000000 url(img/prod-list-title.png) top left repeat-x;
border-top: 1px solid #565150;
color: #fff;
margin: 0;
text-align: center;
text-transform: uppercase;
height: 26px;
width: 292px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 26px;
}
.products-list .product-filter {
background-color: #1d1b1b;
border-bottom: 1px solid #060505;
border-top: 1px solid #292727;
color: #fff;
padding: 0 10px;
position: relative;
z-index: 10;
height: 62px;
width: auto;
}
.products-list .product-filter p {
margin: 0;
text-transform: uppercase;
font-size: 9px;
font-weight: 400;
line-height: 25px;
}
.products-list .product-filter .qty-select {
display: block;
line-height: 13px;
height: 13px;
width: 222px;
}
.products-list .product-filter .qty-list li {
height: auto;
width: 271px;
}
.products-list .product-filter .qty-list li.first,
.products-list .product-filter .qty-list li.last {
height: auto;
width: 260px;
}
.products-list .product-filter .consumption {
border: none;
margin-left: 10px;
zoom: 1;
}
.products-list .product-filter .consumption:before,
.products-list .product-filter .consumption:after {
display: table;
content: "";
zoom: 1;
}
.products-list .product-filter .consumption:after {
clear: both;
}
.products-list .product-filter .consumption li {
background: #e9e9e9 url(img/caps-consumption-filter.jpg) 0 0 repeat-x;
border: none;
margin-right: 1px;
height: 27px;
width: 62px;
float: left;
}
.products-list .product-filter .consumption li a {
color: #2a2c2c;
display: block;
text-decoration: none;
text-transform: none;
height: 27px;
width: 62px;
font-size: 9px;
font-weight: 400;
line-height: 27px;
}
.products-list .product-filter .consumption li.active {
background: #303030 url(img/caps-consumption-filter.jpg) 0 -27px repeat-x;
}
.products-list .product-filter .consumption li.active a {
color: #d6d6d6;
}
.products-list .product-filter .consumption li:first-child {
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.products-list .product-filter .consumption li:last-child {
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
.products-list ul {
border-bottom: 1px solid #fff;
border-top: 1px solid #bbb;
}
.products-list li {
border-bottom: 1px solid #bbb;
border-top: 1px solid #fff;
color: #2a2c2c;
text-transform: uppercase;
height: 71px;
width: auto;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 43px;
}
.products-list li img {
margin: 0 10px;
vertical-align: middle;
}
.products-list li em {
color: #614c28;
}
.products-list .product-item {
cursor: pointer;
}
.add-to-cart {
background: transparent url(img/add-to-cart-gray.png) 0 0 no-repeat;
color: #87898c;
height: 24px;
width: 24px;
display: inline-block;
margin: 0 10px 0 0;
text-align: center;
text-decoration: none;
vertical-align: middle;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.add-to-cart:hover,
.add-to-cart.active {
background-position: 0 -24px;
color: #fff;
}
.add-to-cart.quantity {
color: #3e3c3f;
font-size: 10px;
}
.add-to-cart.quantity:hover,
.add-to-cart.quantity.active {
color: #fff;
}
.nespressoclub {
background: #000000 url(img/nespressoclub-bg.png) top left repeat-x;
color: #fff;
margin: 0 auto 0;
height: 149px;
width: 996px;
/*.logo{
margin: 15px 25px 0 20px;
.size(160px, 22px);
//.sprite(0, -360px);
}*/
}
.nespressoclub .nespressoclub-head {
zoom: 1;
}
.nespressoclub .nespressoclub-head:before,
.nespressoclub .nespressoclub-head:after {
display: table;
content: "";
zoom: 1;
}
.nespressoclub .nespressoclub-head:after {
clear: both;
}
.nespressoclub .baseline-club {
margin: 0 0 0 20px;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 48px;
}
.nespressoclub .moar {
display: block;
margin: 0;
padding: 16px 20px 0 0;
text-align: right;
height: 26px;
width: 170px;
float: right;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 15px;
}
.nespressoclub .moar .orange {
color: #cc9d49;
}
.nespressoclub .fifth {
border-right: 1px solid #1d2224;
margin-top: 1px;
float: left;
height: 100px;
width: 198px;
}
.nespressoclub .fifth.last {
border-right: none;
}
.nespressoclub .fifth .icon {
margin: 20px 0 0 20px;
position: relative;
height: 54px;
width: 54px;
}
.nespressoclub .fifth .icon.heart span {
color: #a98e8c;
}
.nespressoclub .fifth .icon.gift span {
color: #689e92;
}
.nespressoclub .fifth .icon.box span {
color: #c88c48;
}
.nespressoclub .fifth .icon.bag span {
color: #af9465;
}
.nespressoclub .fifth .icon.lock span {
color: #b1a13d;
}
.nespressoclub .fifth .icon p {
position: absolute;
left: 65px;
top: 0;
width: 110px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 12px;
}
.social {
color: #c0c3c6;
margin: 0 auto;
padding: 25px 0;
position: relative;
height: auto;
width: 996px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 25px;
}
.social .logo {
left: 20px;
margin-top: -23px;
position: absolute;
top: 50%;
height: 49px;
width: 60px;
}
.social .social-item {
margin: 0 200px;
text-align: center;
}
.social .social-item a {
color: #69b0dd;
font-style: italic;
text-decoration: underline;
}
.social .social-item a:hover {
text-decoration: none;
}
.social .social-info {
color: #666666;
font-style: italic;
margin-top: -27px;
position: absolute;
right: 20px;
text-align: right;
top: 50%;
width: 150px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 25px;
}
.social .social-info a {
color: #666666;
display: block;
font-size: 13px;
text-decoration: none;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 25px;
}
.social .quote {
color: #606263;
font: 400 47px/17px Georgia, Arial, Helvetica, sans-serif;
margin: 0 10px;
position: relative;
top: 15px;
}
.social.facebook .social-item a {
color: #3B5998;
}
.social.youtube .social-item a {
color: #e31f29;
}
.social.pinterest .social-item a {
color: #e31f29;
}
.social-links {
background: #eeeeee url(img/social-block-bottom-bg.png) top left repeat-x;
border-bottom: 1px solid #cfcfcf;
color: #3D3B3B;
vertical-align: bottom;
zoom: 1;
height: 60px;
width: 996px;
}
.social-links:before,
.social-links:after {
display: table;
content: "";
zoom: 1;
}
.social-links:after {
clear: both;
}
.social-links .quarter {
border-right: 1px solid #cfcfcf;
border-left: 1px solid #fff;
padding-top: 18px;
text-align: center;
float: left;
height: 42px;
width: 247px;
}
.social-links .quarter.first {
border-left: none;
height: 42px;
width: 248px;
}
.social-links .quarter.last {
border-right: none;
height: 42px;
width: 248px;
}
.social-links .quarter .logo {
margin-right: 25px;
}
.social-links .quarter .fb-ctn {
display: inline-block;
width: 75px;
text-align: left;
vertical-align: middle;
}
.social-links .quarter .counter {
background: transparent url(img/counter-bg.png) 0 0 no-repeat;
border-right: 1px solid #d1d1d1;
display: inline-block;
height: 18px;
line-height: 18px;
padding: 0 10px 0 15px;
vertical-align: middle;
}
.social-block {
color: #3d3b3b;
margin: 0 auto 10px auto;
height: 251px;
width: 996px;
/*p{
margin: 0;
#font > .bold(400, 11px, 11px);
}
.facebook{
margin: 0;
.size(62px, 20px);
//.sprite(0, -390px);
}
.twitter{
margin: 0;
.size(62px, 20px);
//.sprite(-90px, -390px);
}
.youtube{
margin: 0;
.size(62px, 20px);
//.sprite(-180px, -390px);
}
.social-ctn{
margin-top: 24px;
}
.facebook-zone {
h5 {
color: #3b5998;
}
}
.twitter-zone {
h5 {
color: #2f99ca;
}
}*/
}
.social-block .social-ctn {
background: #eeeeee url(img/social-bg.png) bottom left repeat-x;
border-top: 1px solid #fff;
}
.social-block .nespresso-world {
border-right: 1px solid #cfcfcf;
padding-top: 5px;
text-align: center;
float: left;
height: 245px;
width: 331px;
}
.social-block .nespresso-world h4 {
color: #585858;
margin: 5px 0;
text-shadow: 1px 1px 1px #fff;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 30px;
}
.social-block .nespresso-world li {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
.social-block .mobile-apps {
border-right: 1px solid #cfcfcf;
float: left;
height: 250px;
width: 414px;
}
.social-block .mobile-apps p {
margin: 5px 0;
}
.social-block .mobile-apps a {
position: relative;
z-index: 5;
}
.social-block .mobile-apps a .qr-code-ctn {
background: transparent url(img/qr-bg.png) 0 0 no-repeat;
display: none;
position: absolute;
right: -160px;
top: -70px;
z-index: 3;
height: 154px;
width: 167px;
}
.social-block .mobile-apps a .qr-code-ctn img {
display: block;
margin: 13px 0 0 25px;
}
.social-block .mobile-apps a:hover .qr-code-ctn {
display: block;
}
.social-block .mobile-apps .ios {
border-bottom: 1px solid #cfcfcf;
border-left: 1px solid #fff;
height: 109px;
padding-top: 15px;
}
.social-block .mobile-apps .ios .visual {
display: table-cell;
text-align: center;
vertical-align: middle;
float: left;
height: auto;
width: 214px;
}
.social-block .mobile-apps .ios .info {
padding-right: 10px;
}
.social-block .mobile-apps .ios strong {
color: #009ee0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.social-block .mobile-apps .android {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
height: 109px;
padding-top: 15px;
}
.social-block .mobile-apps .android .visual {
display: table-cell;
text-align: center;
vertical-align: middle;
float: left;
height: auto;
width: 214px;
}
.social-block .mobile-apps .android .info {
padding-right: 10px;
}
.social-block .mobile-apps .android strong {
color: #f43d8b;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.social-block .block-right {
float: left;
}
.social-block .block-right p {
margin: 5px 0;
}
.social-block .block-right a {
position: relative;
}
.social-block .block-right a .qr-code-ctn {
background: transparent url(img/qr-bg-left.png) 0 0 no-repeat;
display: none;
position: absolute;
left: -160px;
top: -70px;
z-index: 3;
height: 154px;
width: 167px;
}
.social-block .block-right a .qr-code-ctn img {
display: block;
margin: 13px 0 0 14px;
}
.social-block .block-right a:hover .qr-code-ctn {
display: block;
}
.social-block .block-right .windows-phone {
border-bottom: 1px solid #cfcfcf;
border-left: 1px solid #fff;
height: 109px;
padding-top: 15px;
float: left;
}
.social-block .block-right .windows-phone .visual {
display: table-cell;
text-align: center;
vertical-align: middle;
float: left;
height: auto;
width: 214px;
}
.social-block .block-right .windows-phone .info {
padding-right: 10px;
}
.social-block .block-right .windows-phone strong {
color: #368632;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.social-block .mobile-site {
background: transparent url(img/mobile-glow.png) top center no-repeat;
border-left: 1px solid #fff;
text-shadow: 1px 1px 1px #fff;
float: left;
height: 250px;
width: 247px;
}
.social-block .mobile-site .visual {
display: block;
margin: 0 auto;
padding: 22px 0;
}
.social-block .mobile-site p {
margin: 0 auto;
position: relative;
height: auto;
width: 155px;
}
.social-block .mobile-site p .arrow {
left: -35px;
position: absolute;
top: -5px;
}
.social-block .mobile-site p .line {
background-color: #000;
bottom: -5px;
display: block;
left: 8px;
position: absolute;
height: 1px;
width: 10px;
}
.social-block .mobile-site strong {
display: block;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 18px;
}
.social-block.five-items .mobile-apps {
height: 250px;
width: 330px;
}
.social-block.five-items .block-right {
height: 250px;
width: 332px;
}
.social-block.five-items .block-right .windows-phone .visual {
height: auto;
width: 169px;
}
.social-block.five-items .android,
.social-block.five-items .ios,
.social-block.five-items .windows-phone {
width: 332px;
}
.social-block.five-items .android .visual,
.social-block.five-items .ios .visual,
.social-block.five-items .windows-phone .visual {
height: auto;
width: 169px;
}
.social-block.five-items .mobile-site {
background: transparent url(img/mobile-glow.png) -60px center no-repeat;
border-left: 1px solid #fff;
overflow: hidden;
text-shadow: 1px 1px 1px #fff;
float: left;
height: 125px;
width: 332px;
}
.social-block.five-items .mobile-site .visual {
display: block;
margin: 0 47px;
padding: 12px 0;
float: left;
}
.social-block.five-items .mobile-site p {
margin-top: 15px;
width: 140px;
float: left;
}
.social-block.five-items .mobile-site strong {
display: block;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 18px;
}
.banners {
margin-bottom: 20px;
}
.ad-newsletter {
background-color: #252525;
margin-bottom: 0;
padding: 20px 0 20px 20px;
}
.ad-newsletter .ad {
height: 200px;
width: 624px;
}
.ad-newsletter .newsletter {
background: #000000 url(img/nespressoclub-bg.png) top left repeat-x;
padding: 0 0 0 20px;
height: 200px;
width: 312px;
/*&.error{
.newsletter-title,
p,
.btn{
.opacity(.5);
}
input[type=text]{
color: #888;
}
}*/
}
.ad-newsletter .newsletter .newsletter-title {
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 48px;
}
.ad-newsletter .newsletter p {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 15px;
margin-top: 20px;
}
.ad-newsletter .newsletter p .orange {
color: #cc9d49;
}
.ad-newsletter .newsletter input[type=text] {
background: transparent url(img/input-bg.png) 0 0 no-repeat;
border: none;
color: #2a2c2c;
font-weight: 700;
line-height: 21px;
padding: 0 10px;
height: 21px;
width: 176px;
}
.ad-newsletter .newsletter .message {
background: transparent url(img/icon-cross.png) 0 0 no-repeat;
margin: 15px 0 0 0;
padding-left: 20px;
text-transform: uppercase;
opacity: 1;
-ms-filter: "alpha(opacity=100);";
filter: alpha(opacity=15);
}
.ad-newsletter .newsletter .success {
background: transparent url(img/icon-check.png) top center no-repeat;
margin: 35px 0 0 0;
padding-top: 30px;
text-align: center;
text-transform: uppercase;
text-decoration: underline;
}
.product-page {
margin: 58px 0 20px;
}
.product-page .products-list.big {
margin-top: 20px;
}
.product-page .products-list.big h3 {
padding: 0 10px;
text-align: left;
height: auto;
width: 272px;
}
.product-page .products-list.big li {
background: transparent url(img/product-list-hover.png) 0 71px repeat-x;
height: 71px;
line-height: 20px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.product-page .products-list.big li:hover {
background-position: 0 0;
}
.product-page .products-list.big li:active {
background-position: 0 -71px;
}
.product-page .products-list.big li.active {
background-position: 0 -142px;
}
.product-page .products-list.big li .thumb {
margin: 5px 0 0;
}
.product-page .products-list.big li .title {
padding: 20px 0 0;
position: relative;
height: auto;
width: 100px;
font-size: 12px;
font-weight: 700;
line-height: 14px;
}
.product-page .products-list.big li .title .intensity {
color: #929394;
left: 0;
position: absolute;
top: 42px;
font-size: 8px;
font-weight: 400;
line-height: 8px;
}
.product-page .products-list.big li .title .intensity .number {
margin-right: 10px;
}
.product-page .products-list.big li .title .intensity .dot {
background: #dcdedf url(img/prod-list-intensity.png) 0 0 no-repeat;
display: inline-block;
margin: 0 1px;
height: 4px;
width: 3px;
}
.product-page .products-list.big li .title .intensity .dot.active {
background: #8c8d8d url(img/prod-list-intensity.png) 0 -4px no-repeat;
}
.product-page .products-list.big li .title .color {
color: #929394;
left: 0;
margin-top: 0;
position: absolute;
top: 42px;
height: auto;
width: 150px;
font-size: 8px;
font-weight: 400;
line-height: 8px;
}
.product-page .products-list.big li .title .color img {
margin: 0 -1px;
}
.product-page .products-list.big li .title .color img.milk {
margin: 0 0 0 5px;
}
.product-page .products-list.big li .grey {
color: #929394;
display: block;
text-transform: none;
}
.product-page .products-list.big li .price {
margin: 0 10px 0 0;
padding: 20px 0 0;
text-align: right;
height: auto;
width: 85px;
}
.product-page .products-list.big li .price strong {
text-align: right;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 14px;
}
.product-page .products-list.big li .price small {
color: #929394;
display: block;
text-align: right;
font-size: 10px;
font-weight: 400;
line-height: 14px;
}
.product-page .products-list.big li .add-to-cart {
margin: 22px 10px 0 0;
padding: 0;
}
.product-page .page-header {
position: relative;
height: 377px;
width: 684px;
}
.product-page .page-header .collection {
left: 0;
position: absolute;
top: 20px;
}
.product-page .page-header .play-btn,
.product-page .page-header .threedee-btn,
.product-page .page-header .zoom-btn {
bottom: 20px;
display: block;
position: absolute;
z-index: 3;
height: 33px;
width: 33px;
}
.product-page .page-header .play-btn:hover,
.product-page .page-header .threedee-btn:hover,
.product-page .page-header .zoom-btn:hover {
background-position: 0 -33px;
}
.product-page .page-header .play-btn {
background: transparent url(img/icon-prod-play.png) 0 0 no-repeat;
right: 66px;
}
.product-page .page-header .threedee-btn {
background: transparent url(img/icon-prod-3d.png) 0 0 no-repeat;
right: 33px;
}
.product-page .page-header .zoom-btn {
background: transparent url(img/icon-prod-zoom.png) 0 0 no-repeat;
right: 0px;
}
.product-page .page-header .visuals {
position: relative;
height: 377px;
width: 684px;
}
.product-page .page-header .visuals img {
left: 0;
position: absolute;
top: 0;
}
.product-page .page-header .color-selector {
bottom: 20px;
position: absolute;
left: 0;
text-align: center;
height: 34px;
width: 100%;
}
.product-page .page-header .color-selector .color-nav {
background: transparent url(img/color-select-bg.png) 0 0 no-repeat;
display: inline-block;
height: 25px;
margin-right: 12px;
padding: 7px 0 0 12px;
position: relative;
vertical-align: bottom;
}
.product-page .page-header .color-selector .color-nav li {
display: inline-block;
}
.product-page .page-header .color-selector .color-nav li a {
display: block;
position: relative;
height: 18px;
width: 18px;
}
.product-page .page-header .color-selector .color-nav li a img {
left: 1px;
position: absolute;
top: 0px;
}
.product-page .page-header .color-selector .color-nav li a .selector {
background: transparent url(img/color-active.png) 0 0 no-repeat;
display: none;
left: -1px;
position: absolute;
top: -1px;
z-index: 3;
height: 19px;
width: 19px;
}
.product-page .page-header .color-selector .color-nav li.active .selector {
display: block;
}
.product-page .page-header .color-selector .color-nav .border {
background: transparent url(img/color-select-bg.png) top right no-repeat;
display: block;
position: absolute;
right: -12px;
top: 0;
height: 30px;
width: 12px;
}
.product-page .page-header .color-selector .prev,
.product-page .page-header .color-selector .next {
background: transparent url(img/prod-slider-nav.png) 0 0 no-repeat;
display: inline-block;
margin: 0 10px;
vertical-align: bottom;
height: 34px;
width: 34px;
}
.product-page .page-header .color-selector .prev:hover,
.product-page .page-header .color-selector .next:hover {
background-position: 0 -68px;
}
.product-page .page-header .color-selector .next {
background-position: 0 -34px;
}
.product-page .page-header .color-selector .next:hover {
background-position: 0 -102px;
}
.product-page .product-info {
color: #fff;
color: rgba(255, 255, 255, 0.8);
height: auto;
width: 684px;
}
.product-page .product-info .products-list {
background-color: #1c1c1c;
background-image: none;
padding-top: 1px;
height: auto;
width: 272px;
}
.product-page .product-info .products-list h3 {
background: #494949 url(img/prod-list-title-grey.png) 0 0 repeat-x;
border-bottom: 1px solid #1e1e1e;
border-top: 1px solid #757575;
padding: 0 10px;
text-align: left;
height: auto;
width: 252px;
}
.product-page .product-info .products-list li {
text-transform: none;
}
.product-page .product-info .products-list li.product-item {
cursor: pointer;
}
.product-page .product-info .products-list li.product-item:hover {
background-color: #151515;
}
.product-page .product-info .products-list li.product-item:active {
background-color: #1f1f1f;
}
.product-page .product-info .products-list .list-color {
margin: 0 5px 0 0;
}
.product-page .product-info .products-list .thumb {
margin: 0 5px 0 10px;
}
.product-page .product-info .products-list .conso {
background: #131313 url(img/conso-bg.png) 0 0 no-repeat;
zoom: 1;
}
.product-page .product-info .products-list .conso:before,
.product-page .product-info .products-list .conso:after {
display: table;
content: "";
zoom: 1;
}
.product-page .product-info .products-list .conso:after {
clear: both;
}
.product-page .product-info .products-list .conso li {
border: none;
float: left;
height: 81px;
width: 67px;
}
.product-page .product-info .products-list .conso li .mode {
color: #929394;
display: block;
margin: 0;
text-align: center;
text-transform: none;
height: 81px;
width: 67px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 16px;
}
.product-page .product-info .products-list .conso li .mode .icon {
display: block;
margin: 0 auto;
height: 56px;
width: 52px;
}
.product-page .product-info .products-list .conso li .mode.ristretto .icon {
background: transparent url(img/icon-ristretto.png) 0 0 no-repeat;
}
.product-page .product-info .products-list .conso li .mode.espresso .icon {
background: transparent url(img/icon-espresso.png) 0 0 no-repeat;
}
.product-page .product-info .products-list .conso li .mode.lungo .icon {
background: transparent url(img/icon-lungo.png) 0 0 no-repeat;
}
.product-page .product-info .products-list .conso li .mode.milk .icon {
background: transparent url(img/icon-milk.png) 0 0 no-repeat;
}
.product-page .product-info .products-list .conso li.active .mode {
color: #fff;
}
.product-page .product-info .products-list .conso li.active .mode .icon {
background-position: 0 -56px;
}
.product-page .product-info .products-list .conso li.separator {
background-color: #383838;
margin-top: 15px;
height: 50px;
width: 1px;
}
.product-page .product-info .products-list .prod-suggest {
padding: 10px;
}
.product-page .product-info .products-list .prod-suggest:hover {
background-color: #151515;
}
.product-page .product-info .products-list .prod-suggest:active {
background-color: #1f1f1f;
}
.product-page .product-info .products-list .prod-suggest .suggestion-img {
padding: 10px 0;
text-align: center;
height: auto;
width: 123px;
}
.product-page .product-info .products-list .prod-suggest .suggestion-info h4 {
margin: 10px 0 0 0;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 14px;
}
.product-page .product-info .products-list .prod-suggest .suggestion-info p {
margin: 0;
}
.product-page .product-info .products-list .prod-suggest .suggestion-info p.light {
color: #929394;
}
.product-page .product-info .products-list .prod-suggest .suggestion-info .suggestion-price {
margin-top: 10px;
}
.product-page .product-info .products-list .prod-suggest .suggestion-info .suggestion-price .price {
color: #cc9d49;
margin-right: 10px;
text-align: right;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.product-page .product-info .products-list .prod-suggest .suggestion-info .suggestion-price .price small {
color: #929394;
display: block;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 8px;
font-weight: 400;
line-height: 12px;
}
.product-page .product-info .products-list .caracteristics {
line-height: 30px;
padding: 0 15px;
text-align: center;
}
.product-page .product-info .products-list .caracteristics li {
border: none;
display: inline-block;
line-height: 30px;
margin: 5px 0;
height: 30px;
width: 30px;
}
.product-page .product-info .products-list .caracteristics img {
margin: 0;
}
.product-page .product-info .products-list ul {
border-bottom: 1px solid #191919;
border-top: 1px solid #242424;
}
.product-page .product-info .products-list li {
border-bottom: 1px solid #242424;
border-top: 1px solid #191919;
color: #cccccc;
height: 44px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 43px;
}
.product-page .product-info .products-list li em {
color: #cc9d49;
margin-right: 10px;
}
.product-page .product-info .products-list .product-intensity {
padding: 10px;
}
.product-page .product-info .products-list .product-intensity .number {
color: #cc9d49;
margin-right: 10px;
}
.product-page .product-info .products-list .product-intensity .dot {
background-color: #fff;
display: inline-block;
margin-right: 3px;
height: 5px;
width: 5px;
}
.product-page .product-info .products-list .same-profile-ctn {
overflow: hidden;
height: auto;
width: 272px;
}
.product-page .product-info .products-list .same-profile {
margin-left: -1px;
}
.product-page .product-info .products-list .same-profile td {
background: #1a1a1a url(img/same-profile-bg.jpg) 1px 5px no-repeat;
border: 1px solid #242424;
margin: 0;
padding: 0;
height: 60px;
width: 67px;
}
.product-page .product-info .products-list .same-profile td a {
display: block;
text-align: center;
height: 60px;
width: 67px;
}
.product-page .product-info .products-list .same-profile td a:hover {
background-color: #151515;
}
.product-page .product-info .products-list .same-profile td a:active {
background-color: #1f1f1f;
}
.product-page .product-info .prod-list-footer {
/*background: #000 url(img/prod-list-footer.png) 0 0 repeat-x;*/
margin-bottom: 20px;
}
.product-page .product-info .prod-list-footer .moar {
margin: 0;
padding: 25px 10px;
}
.product-page .product-title {
background: transparent url(img/product-title-bg.png) 0 0 repeat-x;
padding: 14px 20px;
height: 32px;
width: auto;
}
.product-page .product-title .thumb {
margin-right: 10px;
}
.product-page .product-title h1,
.product-page .product-title h2 {
color: #010000;
margin: 0;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 32px;
}
.product-page .product-title .color {
padding: 5px 10px 0 0;
}
.product-page .product-title .qty-selector {
margin: 0 10px 0 0;
text-align: center;
height: auto;
width: 100px;
}
.product-page .product-title .qty-selector p {
color: #000;
margin: 0;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 14px;
}
.product-page .product-title .qty-selector .qty-select {
background: transparent url(img/grey-block-bg.png) 0 0 no-repeat;
cursor: pointer;
line-height: 23px;
margin: 0 11px 0 0;
padding: 5px 20px 5px 18px;
position: relative;
width: 15px;
z-index: 5;
}
.product-page .product-title .qty-selector .qty-select .border {
background: transparent url(img/grey-block-border.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
z-index: 1;
height: 23px;
width: 11px;
}
.product-page .product-title .qty-selector .qty-select .qty-icon {
background: transparent url(img/grey-block-qty.png) 0 0 no-repeat;
position: absolute;
right: -9px;
top: 2px;
z-index: 7;
height: 19px;
width: 19px;
}
.product-page .product-title .qty-selector .qty-select.active {
background-position: 0 -23px;
}
.product-page .product-title .qty-selector .qty-select.active .border {
background-position: 0 -23px;
}
.product-page .product-title .qty-selector .qty-select.active .toggle {
background-position: 0 -19px;
}
.product-page .product-title .qty-selector .qty-list {
display: none;
left: 0;
position: absolute;
text-align: left;
top: 0;
z-index: 5;
}
.product-page .product-title .qty-selector .qty-list li {
border-bottom: 1px solid #444341;
border-top: 1px solid #5f5e5d;
height: 22px;
margin: 0;
padding: 0;
width: 64px;
}
.product-page .product-title .qty-selector .qty-list li a {
background-color: #51504e;
color: #ccc;
display: block;
margin: 0;
padding: 0 0 0 18px;
text-decoration: none;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 23px;
}
.product-page .product-title .qty-selector .qty-list li a:hover {
background-color: #636260;
}
.product-page .product-title .qty-selector .qty-list li.first {
border-top: none;
margin-right: 11px;
position: relative;
width: 53px;
}
.product-page .product-title .qty-selector .qty-list li.first a {
background: transparent url(img/header-dropdown-top.png) -11px 0 no-repeat;
}
.product-page .product-title .qty-selector .qty-list li.first a .border {
background: transparent url(img/header-dropdown-top.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
height: 23px;
width: 11px;
}
.product-page .product-title .qty-selector .qty-list li.first a:hover {
background-position: -11px -24px;
}
.product-page .product-title .qty-selector .qty-list li.first a:hover .border {
background-position: 0 -24px;
}
.product-page .product-title .qty-selector .qty-list li.last {
border-bottom: none;
margin-right: 11px;
position: relative;
width: 53px;
}
.product-page .product-title .qty-selector .qty-list li.last a {
background: transparent url(img/header-dropdown-bottom.png) -11px 0px no-repeat;
}
.product-page .product-title .qty-selector .qty-list li.last a .border {
background: transparent url(img/header-dropdown-bottom.png) 0 0 no-repeat;
border-top: 1px solid #5f5e5d;
display: block;
position: absolute;
right: -11px;
top: -1px;
height: 23px;
width: 11px;
}
.product-page .product-title .qty-selector .qty-list li.last a:hover {
background-position: -11px -25px;
}
.product-page .product-title .qty-selector .qty-list li.last a:hover .border {
background-position: 0 -24px;
}
.product-page .product-title .price {
color: #121212;
margin: 0 10px 0 0;
text-align: right;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 20px;
}
.product-page .product-title .price p {
margin: 0;
}
.product-page .product-title .price strong {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 20px;
}
.product-page .product-title .price small {
color: #888;
display: block;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 10px;
}
.product-page .product-description {
background: #000000 url(img/product-desc-bg.jpg) 0 0 no-repeat;
padding-bottom: 20px;
height: auto;
width: 412px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 19px;
}
.product-page .product-description h3 {
color: #cc9d49;
margin: 35px 0 0 40px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 18px;
}
.product-page .product-description p {
margin-left: 40px;
height: auto;
width: 275px;
}
.product-page .product-description p.moar {
margin: 30px 0 0 40px;
}
.product-page .product-description ul {
list-style: disc inside;
}
.product-page .product-description .readmore-trigger {
color: #fff;
}
.product-page .product-description .readmore-content {
display: none;
}
.product-page .product-description .social {
border-top: 1px dotted #292929;
margin: 120px 0 0 40px;
padding: 10px;
width: 333px;
zoom: 1;
font-size: 11px;
font-weight: 400;
line-height: 21px;
}
.product-page .product-description .social:before,
.product-page .product-description .social:after {
display: table;
content: "";
zoom: 1;
}
.product-page .product-description .social:after {
clear: both;
}
.product-page .product-description .social .icon-arrow {
background: transparent url(img/share-arrow.png) 0 0 no-repeat;
display: block;
margin: 5px 5px 0 0;
vertical-align: middle;
float: left;
height: 7px;
width: 4px;
}
.product-page .product-description .social .email-icon {
margin-right: 10px;
float: left;
}
.product-page .product-description .social .share-icon {
display: inline-block;
margin: 0 0 0 10px;
overflow: hidden;
position: relative;
vertical-align: middle;
height: 21px;
width: 21px;
}
.product-page .product-description .social .share-icon img {
left: 0;
position: absolute;
top: 0;
}
.product-page .product-description .social .share-icon:hover img {
bottom: 0;
top: auto;
}
.product-page .product-description .social .share-email {
color: #888;
}
.product-page .product-description .social .share-email img {
margin-right: 10px;
}
.product-slider {
border-top: 1px dotted #1a1a1a;
margin-bottom: 20px;
width: 684px;
}
.product-slider h4 {
color: #fff;
margin: 20px 0 20px;
text-align: center;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.product-slider .tabs {
border: 1px solid #1a1a1a;
overflow: hidden;
position: relative;
zoom: 1;
}
.product-slider .tabs:before,
.product-slider .tabs:after {
display: table;
content: "";
zoom: 1;
}
.product-slider .tabs:after {
clear: both;
}
.product-slider .tabs li {
background: #000;
border-right: 1px solid #1a1a1a;
text-align: center;
float: left;
height: 26px;
width: 135px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 26px;
}
.product-slider .tabs li.active,
.product-slider .tabs li:hover {
background-color: #1a1a1a;
}
.product-slider .tabs li a {
color: #c1c1c1;
display: block;
text-decoration: none;
text-transform: uppercase;
height: 100%;
width: 100%;
}
.product-slider .tabs li a img {
display: none;
}
.product-slider .slide-group {
border: 1px solid #1a1a1a;
display: none;
height: auto;
width: 682px;
}
.product-slider .slide-group.slide-group-1 {
display: block;
}
.product-slider .slide-group .slides-ctn {
border-bottom: 1px solid #1a1a1a;
position: relative;
height: 383px;
width: 682px;
}
.product-slider .slide-group .slides-ctn .slide-item {
left: 0;
position: absolute;
top: 0;
height: 383px;
width: 682px;
}
.product-slider .slide-nav {
margin: 20px;
position: relative;
}
.product-slider .slide-nav ul {
padding: 1px;
text-align: center;
}
.product-slider .slide-nav li {
border: 1px solid #1a1a1a;
display: inline-block;
margin-left: -1px;
height: 46px;
width: 83px;
}
.product-slider .slide-nav li.active,
.product-slider .slide-nav li:hover {
border: 1px solid #fff;
}
.product-slider .slide-nav .slide-prev,
.product-slider .slide-nav .slide-next {
display: block;
position: absolute;
margin-top: -15px;
top: 50%;
height: 34px;
width: 34px;
}
.product-slider .slide-nav .slide-prev {
background: transparent url(img/prod-slider-nav.png) 0 0 no-repeat;
left: 0;
}
.product-slider .slide-nav .slide-prev:hover {
background-position: 0 -68px;
}
.product-slider .slide-nav .slide-next {
background: transparent url(img/prod-slider-nav.png) 0 -34px no-repeat;
right: 0;
}
.product-slider .slide-nav .slide-next:hover {
background-position: 0 -102px;
}
.product-slider.wide {
zoom: 1;
height: auto;
width: 996px;
}
.product-slider.wide:before,
.product-slider.wide:after {
display: table;
content: "";
zoom: 1;
}
.product-slider.wide:after {
clear: both;
}
.product-slider.wide .tabs {
border: none;
float: left;
height: auto;
width: 312px;
}
.product-slider.wide .tabs li {
background: #000000 url(img/prod-slider-tab-bg.png) 0 0 repeat-x;
line-height: 76px;
padding: 0 10px;
text-align: left;
height: 76px;
width: 292px;
font-size: 10px;
font-weight: 400;
line-height: 77px;
}
.product-slider.wide .tabs li img {
display: inline !important;
margin-right: 10px;
}
.product-slider.wide .tabs li.active,
.product-slider.wide .tabs li:hover {
background-color: #1A1A1A;
background-image: none;
}
.product-slider.wide .slide-group-ctn {
height: auto;
width: 682px;
float: left;
}
.xsell {
margin-bottom: 20px;
}
.xsell .products-block {
background-color: #1a1a1a;
height: 258px;
margin: 0;
padding: 0 19px;
}
.xsell .products-block h4 {
color: #fff;
margin: 20px 0 20px;
text-align: center;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.product-video iframe {
border: 1px solid #1a1a1a;
}
.product {
width: 996px;
height: 630px;
margin: 0 auto;
}
.product .video-block {
background: transparent url(img/video-placeholder.png) no-repeat top left;
width: 624px;
height: 333px;
margin-top: 160px;
float: left;
}
.product .product-detail-block {
float: right;
width: 333px;
height: 430px;
margin-top: 160px;
background: transparent url(img/tmp-product-detail.png) no-repeat top right;
}
.product-accessories {
padding-bottom: 20px;
height: auto;
width: 664px;
}
.product-accessories h2 {
color: #fff;
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 50px;
}
.product-accessories h2 em {
color: #cc9d49;
font-weight: normal;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 50px;
}
.articles-product {
height: auto;
width: 664px;
}
.articles-product h2 {
color: #fff;
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 50px;
}
.articles-product h2 em {
color: #cc9d49;
font-weight: normal;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 50px;
}
.select {
background: transparent url(img/contact-select.png) 0 0 no-repeat;
cursor: pointer;
display: inline-block;
width: 230px;
height: 44px;
border: none;
outline: none;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: #313131;
margin-left: 2px;
float: left;
position: relative;
z-index: 1;
}
.select.error {
background-position: 0 -44px;
}
.select select {
display: none;
}
.select .select-value {
padding-left: 10px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 44px;
}
.select .select-value img {
margin-right: 5px;
}
.select .dropdown {
position: absolute;
right: -10px;
top: 44px;
visibility: hidden;
z-index: 1;
height: auto;
width: 263px;
}
.select .dropdown .list-ctn {
outline: none;
height: 90px;
width: 263px;
}
.select .dropdown ul {
background: none !important;
float: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
.select .dropdown ul li {
background: transparent url(img/dropdown-bg.png) 0 -10px no-repeat;
color: #2a2c2c;
cursor: pointer;
list-style: none;
margin: 0 !important;
padding: 0 11px 0 33px !important;
height: 30px !important;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 30px;
}
.select .dropdown ul li.active {
font-weight: 700;
}
.select .dropdown ul li:hover {
background-position: 0 -40px;
}
.select .dropdown .top {
background: transparent url(img/dropdown-bg.png) 0 0 no-repeat;
left: 0;
position: absolute;
top: -10px;
height: 10px;
width: 263px;
}
.select .dropdown .bottom {
background: transparent url(img/dropdown-bg.png) 0 -70px no-repeat;
bottom: -10px;
left: 0;
position: absolute;
height: 10px;
width: 263px;
}
.select .jspVerticalBar {
background-color: transparent;
height: 100%;
width: 3px;
}
.select .jspTrack {
background-color: #dee1e5;
cursor: pointer;
position: absolute;
right: 15px;
top: 0;
height: 100%;
width: 3px;
}
.select .jspTrack:hover {
right: 13px;
width: 7px;
}
.select .jspTrack:hover .jspDrag {
right: 0px;
width: 7px;
}
.select .jspTrack .jspDrag {
background-color: #000;
width: 3px;
}
.select.w120 {
background: transparent url(img/contact-select-120.png) 0 0 no-repeat;
height: 44px;
width: 130px;
}
.select.w120.error {
background-position: 0 -44px;
}
.select.w120 .dropdown {
width: 150px;
}
.select.w120 .dropdown .list-ctn {
width: 150px;
}
.select.w120 .dropdown .top,
.select.w120 .dropdown .bottom,
.select.w120 .dropdown ul li {
background-image: url(img/dropdown-bg-120.png);
}
.select.w120 .dropdown .top,
.select.w120 .dropdown .bottom {
width: 150px;
}
.select.w245 {
background: transparent url(img/contact-select-245.png) 0 0 no-repeat;
height: 44px;
width: 248px;
}
.select.w245.error {
background-position: 0 -44px;
}
.select.w245 .dropdown {
width: 268px;
}
.select.w245 .dropdown .list-ctn {
width: 268px;
}
.select.w245 .dropdown .top,
.select.w245 .dropdown .bottom,
.select.w245 .dropdown ul li {
background-image: url(img/dropdown-bg-245.png);
}
.select.w245 .dropdown .top,
.select.w245 .dropdown .bottom {
width: 268px;
}
.select.xsmall {
background: transparent url(img/contact-select-xsmall.png) 0 0 no-repeat;
height: 44px;
width: 88px;
}
.select.xsmall.error {
background-position: 0 -44px;
}
.select.xsmall .dropdown {
width: 108px;
}
.select.xsmall .dropdown .list-ctn {
width: 108px;
}
.select.xsmall .dropdown .top,
.select.xsmall .dropdown .bottom,
.select.xsmall .dropdown ul li {
background-image: url(img/dropdown-bg-xsmall.png);
}
.select.xsmall .dropdown .top,
.select.xsmall .dropdown .bottom {
width: 108px;
}
.select.xxsmall {
background: transparent url(img/contact-select-xxsmall.png) 0 0 no-repeat;
height: 44px;
width: 75px;
}
.select.xxsmall .select-value {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 44px;
}
.select.xxsmall.error {
background-position: 0 -44px;
}
.select.xxsmall .dropdown {
width: 95px;
}
.select.xxsmall .dropdown .list-ctn {
width: 95px;
}
.select.xxsmall .dropdown .top,
.select.xxsmall .dropdown .bottom,
.select.xxsmall .dropdown ul li {
background-image: url(img/dropdown-bg-xxsmall.png);
}
.select.xxsmall .dropdown .top,
.select.xxsmall .dropdown .bottom {
width: 95px;
}
.select.small {
background: transparent url(img/contact-select-small.png) 0 0 no-repeat;
height: 44px;
width: 154px;
}
.select.small.error {
background-position: 0 -44px;
}
.select.small .dropdown {
width: 174px;
}
.select.small .dropdown .list-ctn {
width: 174px;
}
.select.small .dropdown .top,
.select.small .dropdown .bottom,
.select.small .dropdown ul li {
background-image: url(img/dropdown-bg-small.png);
}
.select.small .dropdown .top,
.select.small .dropdown .bottom {
width: 174px;
}
.select.wide {
background: transparent url(img/contact-select-wide.png) 0 0 no-repeat;
height: 44px;
width: 315px;
}
.select.wide.error {
background-position: 0 -44px;
}
.select.wide .dropdown {
width: 335px;
}
.select.wide .dropdown .list-ctn {
width: 335px;
}
.select.wide .dropdown .top,
.select.wide .dropdown .bottom,
.select.wide .dropdown ul li {
background-image: url(img/dropdown-bg-wide.png);
}
.select.wide .dropdown .top,
.select.wide .dropdown .bottom {
width: 335px;
}
.select.thin {
background: transparent url(img/dropdown-bg-thin-small.png) 0 0 no-repeat;
height: 34px;
/*&.error{
background-position: 0 -44px;
}*/
}
.select.thin .select-value {
line-height: 34px;
}
.select.thin .dropdown {
top: 34px;
}
.select.thin.small {
height: 34px;
width: 114px;
}
.cbox {
position: relative;
}
.cbox a.alias {
width: 15px;
height: 17px;
background: transparent url(img/checkbox-sprite.png) 0 -17px no-repeat;
display: inline-block;
margin: 5px 15px 0 0;
position: relative;
top: 3px;
}
.cbox a.alias.checked {
background-position: 0 1px !important;
}
.cbox.error {
color: #cd5655;
}
.cbox.error a.alias {
background-position: 0 -35px;
}
.cbox input {
display: none;
}
.cradio {
position: relative;
}
.cradio a {
width: 15px;
height: 18px;
background: transparent url(img/radiobutton-sprite.png) 0 -17px no-repeat;
display: inline-block;
margin: 5px 15px 0 0;
position: relative;
top: 3px;
}
.cradio a.checked {
background-position: 0 1px !important;
}
.cradio input {
display: none;
}
.delivery-title {
background: #dedede url(img/checkout-title-bg.png) 0 0 repeat-x;
padding: 0 20px;
height: 60px;
width: auto;
color: #2f2f2f;
}
.delivery-title.border {
height: 59px;
width: auto;
border-bottom: #b5b5b5 solid 1px;
}
.delivery-title h2 {
margin: 0;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 60px;
}
.delivery-title.f20 h2 {
font-size: 20px;
}
.delivery-title .error {
color: #cd5655;
margin-left: 10px;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 60px;
}
.delivery-title .btn {
margin-top: 12px;
}
.delivery-title .select {
margin: 11px 0 0 5px;
float: right;
font-size: 11px;
font-weight: 400;
line-height: 37px;
}
.delivery-title .select.delivery-filter .dropdown {
top: 0;
right: 0;
}
.delivery-title .select.delivery-filter .dropdown .list-ctn {
background: #ffffff url(img/delivery-filter-bg.png) 0 100% repeat-x;
width: auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.delivery-title .select.delivery-filter .dropdown ul {
border-top: 1px solid #dddee1;
border-left: 1px solid #dddee1;
border-right: 1px solid #dddee1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.delivery-title .select.delivery-filter .dropdown li {
background: transparent url(img/white-dot.png) 0 0 repeat-x;
border-bottom: 1px solid #dddee1;
height: 34px !important;
line-height: 34px;
padding: 0 11px 0 9px !important;
width: auto;
}
.delivery-title .select.delivery-filter .dropdown li:first-child {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.delivery-title .select.delivery-filter .dropdown li:last-child {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.delivery-title .select.delivery-filter .dropdown li:hover {
background-color: #e6e7eb;
background-image: none;
}
.delivery-title .select.delivery-filter .dropdown li img {
margin-right: 5px;
}
.delivery-title .select.delivery-filter .top,
.delivery-title .select.delivery-filter .bottom {
background: none;
height: auto;
width: auto;
}
.delivery-title .select.where {
background: transparent url(img/dropdown-bg-where.png) 0 0 no-repeat;
height: 37px;
width: 209px;
}
.delivery-title .select.where .dropdown {
height: auto;
width: 209px;
}
.delivery-title .select.when {
background: transparent url(img/dropdown-bg-when.png) 0 0 no-repeat;
height: 37px;
width: 171px;
}
.delivery-title .select.when .dropdown {
height: auto;
width: 171px;
}
.delivery-title .select .select-value {
font-size: 11px;
font-weight: 400;
line-height: 37px;
}
.delivery-title strong {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 60px;
}
.home-prod .social {
border-top: 1px dotted #292929;
color: #2a2c2c;
margin: 0;
padding: 10px 0;
width: 333px;
zoom: 1;
font-size: 11px;
font-weight: 400;
line-height: 21px;
}
.home-prod .social:before,
.home-prod .social:after {
display: table;
content: "";
zoom: 1;
}
.home-prod .social:after {
clear: both;
}
.home-prod .social .icon-arrow {
background: transparent url(img/share-arrow.png) 0 0 no-repeat;
display: block;
margin: 5px 5px 0 0;
vertical-align: middle;
float: left;
height: 7px;
width: 4px;
}
.home-prod .social .email-icon {
margin-right: 10px;
float: left;
}
.home-prod .social .share-icon {
display: inline-block;
margin: 0 0 0 10px;
overflow: hidden;
position: relative;
vertical-align: middle;
height: 21px;
width: 21px;
}
.home-prod .social .share-icon img {
left: 0;
position: absolute;
top: 0;
}
.home-prod .social .share-icon:hover img {
bottom: 0;
top: auto;
}
.home-prod .social .share-email {
color: #888;
}
.home-prod .social .share-email img {
margin-right: 10px;
}
.home-pixie {
background: #000000 url(img/home-pixie-bg.jpg) top center no-repeat;
}
.home-machine-nav {
background: #0a0a0a url(img/home-machine-nav-bg.jpg) 50% 100% no-repeat;
padding-top: 60px;
position: relative;
height: 365px;
width: auto;
}
.home-machine-nav h2 {
margin: 30px 0 15px;
text-align: center;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 25px;
}
.home-machine-nav h2 em {
font-weight: 400;
}
.home-machine-nav .btn {
position: absolute;
right: 20px;
top: 80px;
}
.home-machine-nav p {
margin: 0 0 40px;
padding: 0 150px;
text-align: center;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.home-machine-nav .machines-nav {
text-align: center;
}
.home-machine-nav .machines-nav li {
border-right: 1px solid #4e4e4e;
display: inline-block;
padding: 0 1px;
position: relative;
height: 90px;
width: 118px;
}
.home-machine-nav .machines-nav li.last {
border-right: none;
}
.home-machine-nav .machines-nav a {
background: transparent url(img/machines-nav-hover.png) 0 -125px repeat-x;
display: block;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 90px;
width: 118px;
}
.home-machine-nav .machines-nav a:hover {
background-position: 0 0;
}
.home-machine-nav .machines-nav .name {
bottom: -20px;
color: #fff;
display: block;
left: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
height: auto;
width: 118px;
}
.home-machine-title {
background-color: #000;
height: 66px;
width: auto;
}
.home-machine-title h2 {
margin: 0;
padding: 13px 0 0 10px;
}
.home-pixie-slider {
position: relative;
height: 423px;
width: auto;
}
.home-pixie-slider ul {
bottom: 40px;
left: 0;
position: absolute;
z-index: 1;
height: 20px;
width: 996px;
}
.home-pixie-slider ul li {
display: inline;
margin: 0 5px;
}
.home-pixie-slider .machine-img {
display: none;
left: 50%;
margin-left: -170px;
position: absolute;
top: -139px;
}
.home-pixie-slider .machine-img.active {
display: inline;
}
.home-head {
background-color: #f1f1f1;
color: #2a2c2c;
padding: 0 0 50px;
text-align: center;
}
.home-head h1,
.home-head h2 {
margin: 0;
text-transform: uppercase;
}
.home-head h1 {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 40px;
}
.home-head h2 {
margin: 5px 0 15px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.home-head p {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.home-title {
background-color: #f1f1f1;
color: #2a2c2c;
text-align: center;
}
.home-title .top {
background: transparent url(img/home-title-bg-top.png) 50% 50px no-repeat;
padding: 60px 0 10px;
position: relative;
}
.home-title .top img {
bottom: 0px;
left: 50%;
margin-left: -40px;
position: absolute;
}
.home-title .bottom {
background: transparent url(img/home-title-bg-bottom.png) 0 0 repeat-x;
line-height: 4px;
margin: 0 80px 0;
height: 4px;
width: auto;
}
.home-title .bottom img {
vertical-align: top;
}
.home-title h3 {
margin: 6px 0 20px;
font-family: 'new_baskervillebold_italic', Georgia, serif;
font-size: 28px;
font-weight: 400;
line-height: 30px;
}
.pixie-color {
background-color: #f1f1f1;
color: #2a2c2c;
padding: 20px 80px 130px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.pixie-color .left-part,
.pixie-color .right-part {
height: auto;
width: 400px;
}
.pixie-color .right-part {
padding-top: 20px;
}
.pixie-color h4 {
font-style: italic;
margin: 0 0 5px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 20px;
}
.pixie-color blockquote {
color: #9cb241;
font-style: italic;
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 30px;
}
.pixie-fast {
background-color: #dae2e6;
border-bottom: 1px solid #d2d8dc;
border-top: 1px solid #d2d8dc;
color: #2a2c2c;
height: 287px;
padding: 80px 0 0 300px;
position: relative;
}
.pixie-fast .bird-big {
background: transparent url(img/home-pixie-bird-big.png) 0 0 no-repeat;
left: 50px;
position: absolute;
top: -100px;
z-index: 1;
height: 314px;
width: 351px;
}
.pixie-fast .bird-small {
background: transparent url(img/home-pixie-bird-small.png) 0 0 no-repeat;
left: 445px;
position: absolute;
top: -40px;
z-index: 1;
height: 100px;
width: 110px;
}
.pixie-fast .number {
background: transparent url(img/home-pixie-25.png) 0 0 no-repeat;
left: 260px;
position: absolute;
top: -65px;
z-index: 2;
height: 117px;
width: 148px;
}
.pixie-fast .seconds {
background: transparent url(img/home-pixie-seconds.png) 0 0 no-repeat;
left: 442px;
position: absolute;
top: -6px;
z-index: 2;
height: 22px;
width: 37px;
}
.pixie-fast .number-shadow {
background: transparent url(img/home-pixie-25-shadow.png) 0 0 no-repeat;
left: 230px;
position: absolute;
top: 80px;
z-index: 0;
height: 100px;
width: 320px;
}
.pixie-fast .paragraph {
margin-right: 40px;
float: left;
height: auto;
width: 180px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.pixie-fast h2 {
margin: 100px 0 0;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 28px;
}
.pixie-fast h3 {
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 18px;
}
.pixie-fast p {
margin: 0;
}
.pixie-fast em {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.pixie-fast .moar a {
color: #2a2c2c;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 14px;
}
.pixie-fast hr {
background-color: transparent;
border-top: 1px dotted #a1a6a9;
margin: 22px 0 20px;
}
.pixie-ergo {
background-color: #f1f1f1;
color: #2a2c2c;
padding: 70px 0;
position: relative;
height: 500px;
width: auto;
}
.pixie-ergo .key-features {
padding: 10px 40px 0 80px;
float: left;
height: auto;
width: 180px;
}
.pixie-ergo .key-features li {
border-bottom: 1px solid #e5e5e5;
padding: 10px 0;
}
.pixie-ergo .key-features li:last-child {
border-bottom: none;
}
.pixie-ergo .info {
padding: 10px 40px 0 0;
float: left;
height: auto;
width: 180px;
}
.pixie-ergo .info hr {
background-color: transparent;
border-top: 1px dotted #a1a6a9;
margin: 22px 0 20px;
}
.pixie-ergo .info .moar a {
color: #2a2c2c;
}
.pixie-ergo .quote {
color: #d85a32;
padding: 80px 40px 0 0;
float: left;
height: auto;
width: 180px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 30px;
}
.pixie-ergo .quote blockquote {
margin: 0;
padding: 0;
}
.pixie-ergo .quote blockquote strong {
display: block;
}
.pixie-ergo .big-arrow {
position: absolute;
right: 220px;
top: 180px;
height: 422px;
width: 37px;
}
.pixie-ergo .big-arrow .top {
background: transparent url(img/home-pixie-big-arrow.png) 0 0 no-repeat;
bottom: 211px;
left: 0;
position: absolute;
height: 0px;
width: 37px;
}
.pixie-ergo .big-arrow .bottom {
background: transparent url(img/home-pixie-big-arrow.png) 0 100% no-repeat;
left: 0;
position: absolute;
top: 211px;
height: 0px;
width: 37px;
}
.pixie-ergo .caps-pile {
background: #f1f1f1 url(img/home-pixie-caps-shadow.jpg) 0 0 no-repeat;
position: absolute;
right: 0;
top: 450px;
height: 182px;
width: 213px;
}
.pixie-ergo .caps-pile img {
position: absolute;
}
.pixie-ergo .caps-pile img.cap-1 {
bottom: 32px;
left: 67px;
}
.pixie-ergo .caps-pile img.cap-2 {
bottom: 78px;
left: 71px;
}
.pixie-ergo .caps-pile img.cap-3 {
bottom: 126px;
left: 70px;
}
.pixie-ergo .caps-pile img.cap-4 {
bottom: 182px;
left: 67px;
}
.pixie-ergo .caps-pile img.cap-5 {
bottom: 237px;
left: 67px;
}
.pixie-ergo .caps-pile img.cap-6 {
bottom: 282px;
left: 67px;
}
.pixie-ergo .caps-pile img.cap-7 {
bottom: 332px;
left: 67px;
}
.pixie-ergo .caps-pile img.cap-8 {
bottom: 382px;
left: 67px;
}
.home-machine-video-ctn {
background-color: #e6e6e6;
position: relative;
height: 560px;
width: 996px;
}
.home-machine-video-ctn .jp-play {
display: block;
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.home-machine-video-ctn .jp-play:hover span {
display: block !important;
}
.home-machine-video-ctn .jp-play span {
background: transparent url(img/home-video-play-pause.png) 0 0 no-repeat;
display: none;
left: 50%;
margin: -15px 0 0 -16px;
position: absolute;
top: 50%;
height: 32px;
width: 30px;
}
.home-machine-video-ctn .jp-pause {
display: block;
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.home-machine-video-ctn .jp-pause:hover span {
display: block !important;
}
.home-machine-video-ctn .jp-pause span {
background: transparent url(img/home-video-play-pause.png) 0 -32px no-repeat;
display: none !important;
left: 50%;
margin: -15px 0 0 -16px;
position: absolute;
top: 50%;
height: 32px;
width: 30px;
}
.home-machine-video-ctn .home-machine-video {
height: 505px;
width: 996px;
}
.home-machine-video-controls-wrapper {
background-color: #fbfbfb;
position: relative;
height: 70px;
width: 100%;
}
.home-machine-video-controls {
background: transparent url(img/home-video-progress.png) 0 0 no-repeat;
left: 50%;
margin-left: -338px;
padding: 0 115px;
position: absolute;
top: -20px;
height: 72px;
width: 460px;
}
.home-machine-video-controls .jp-seek-bar {
height: 72px;
width: auto;
}
.home-machine-video-controls .play-bar-ctn {
left: 114px;
position: absolute;
top: 0;
height: 55px;
width: 460px;
}
.home-machine-video-controls .jp-play-bar {
background: transparent url(img/home-video-progress-bar.png) 0 0 no-repeat;
left: 0;
position: absolute;
top: 0;
z-index: 5;
height: 55px;
width: auto;
}
.home-machine-video-controls .jp-chapters {
zoom: 1;
height: 55px;
width: 460px;
}
.home-machine-video-controls .jp-chapters:before,
.home-machine-video-controls .jp-chapters:after {
display: table;
content: "";
zoom: 1;
}
.home-machine-video-controls .jp-chapters:after {
clear: both;
}
.home-machine-video-controls .jp-chapters li {
background: transparent url(img/home-video-chapter-bg.png) 0 0 repeat-y;
color: #2a2c2c;
position: relative;
text-align: center;
text-shadow: 1px 1px 1px #fff;
z-index: 10;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 55px;
}
.home-machine-video-controls .jp-chapters li.first {
background: none;
}
.home-machine-video-controls .draggable-item {
background: transparent url(img/home-video-draggable.png) 0 0 no-repeat;
bottom: -28px;
position: absolute;
right: -41px;
z-index: 15;
height: 35px;
width: 86px;
}
.water-level {
background: #4f7cb5 url(img/home-pixie-water-bg.png) 0 0 repeat-x;
padding-top: 40px;
position: relative;
height: 660px;
width: auto;
}
.water-level .home-title {
background-color: transparent;
left: 0;
position: absolute;
top: 60px;
height: 130px;
width: 996px;
}
.water-level .bubbles {
position: relative;
}
.water-level .bubble-1 {
background: transparent url(img/home-pixie-bubble-1.png) 0 0 no-repeat;
display: block;
position: absolute;
height: 17px;
width: 17px;
}
.water-level .bubble-2 {
background: transparent url(img/home-pixie-bubble-2.png) 0 0 no-repeat;
display: block;
position: absolute;
height: 10px;
width: 10px;
}
.water-level .water-mask-ctn {
left: 0;
position: absolute;
top: 0;
height: 39px;
width: 996px;
}
.water-level .water-mask-push {
background-color: #fbfbfb;
height: 0px;
width: 996px;
}
.water-level .water-mask {
background: transparent url(img/home-pixie-water-mask.png) 0 0 repeat-x;
height: 39px;
width: 996px;
}
.water-level .water-level-leds {
position: absolute;
top: 215px;
height: auto;
width: 179px;
}
.water-level .water-level-leds.left {
left: 80px;
}
.water-level .water-level-leds.right {
right: 80px;
}
.water-level .water-level-leds span {
background: transparent url(img/home-pixie-water-led.png) 0 0 no-repeat;
display: block;
margin-bottom: 15px;
height: 12px;
width: 179px;
}
.water-level .water-level-leds span.red {
background-position: 0 -12px;
}
.water-level .water-level-info {
color: #2a2c2c;
left: 50%;
margin-left: -200px;
position: absolute;
top: 215px;
height: auto;
width: 400px;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.water-level .water-level-info h4 {
font-style: italic;
font-weight: 700;
margin: 0 0 20px;
}
.water-level .water-level-info .blue-text {
color: #97c8ff;
font-style: italic;
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.water-level .water-level-info .separator {
border-top: 1px dotted #2a2c2c;
margin: 20px 0 10px;
height: 0;
width: 100%;
}
.water-level .water-level-info .moar a {
color: #2a2c2c;
}
.home-compare {
background-color: #fff;
border-bottom: 1px solid #d3d4d7;
color: #2a2c2c;
margin-bottom: 20px;
padding: 40px 20px;
}
.home-compare .home-compare-ctn {
border: 3px solid #e7e7e7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.home-compare .home-compare-left,
.home-compare .home-compare-right {
position: relative;
height: 368px;
width: 475px;
}
.home-compare .home-compare-right {
background: transparent url(img/home-compare-right-bg.png) 0 0 repeat-y;
}
.home-compare .home-compare-right .home-compare-carac {
background: transparent url(img/home-compare-right-bg.png) 0 0 repeat-y;
}
.home-compare .home-compare-header {
height: 40px;
}
.home-compare .home-compare-header p {
margin: 0;
padding: 0 0 0 15px;
font-size: 11px;
font-weight: 400;
line-height: 40px;
}
.home-compare .home-compare-nav {
zoom: 1;
font-size: 11px;
font-weight: 400;
line-height: 40px;
}
.home-compare .home-compare-nav:before,
.home-compare .home-compare-nav:after {
display: table;
content: "";
zoom: 1;
}
.home-compare .home-compare-nav:after {
clear: both;
}
.home-compare .home-compare-nav li {
background: #000000 url(img/home-compare-nav-bg.png) 0 -40px repeat-x;
color: #fff;
margin-right: 1px;
text-align: center;
float: left;
height: 40px;
width: 130px;
}
.home-compare .home-compare-nav li a {
color: #8e8e8e;
display: block;
text-decoration: none;
height: 40px;
width: 130px;
}
.home-compare .home-compare-nav li.active {
background-position: 0 0;
}
.home-compare .home-compare-nav li.active a {
color: #fff;
}
.home-compare h2 {
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
margin: 0;
padding: 0 0 0 42px;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 68px;
}
.home-compare .thumbnail {
position: absolute;
right: 0;
text-align: center;
top: 0;
zoom: 1;
}
.home-compare .thumbnail:before,
.home-compare .thumbnail:after {
display: table;
content: "";
zoom: 1;
}
.home-compare .thumbnail:after {
clear: both;
}
.home-compare .thumbnail img {
display: block;
margin: 15px 0;
}
.home-compare .thumbnail .btn {
margin-right: 30px;
float: right;
}
.home-compare .arguments {
padding: 0 0 0 60px;
height: auto;
width: 180px;
font-size: 13px;
font-weight: 400;
line-height: 20px;
}
.home-compare .home-compare-carac {
background-color: #fff;
border-top: 1px solid #e7e7e7;
bottom: 0;
left: 0;
position: absolute;
zoom: 1;
height: 66px;
width: 475px;
}
.home-compare .home-compare-carac:before,
.home-compare .home-compare-carac:after {
display: table;
content: "";
zoom: 1;
}
.home-compare .home-compare-carac:after {
clear: both;
}
.home-compare .colors {
margin: 25px 0 0 30px;
float: left;
}
.home-compare .colors li {
margin: 0px;
float: left;
}
.home-compare .options {
margin: 20px 30px 0 0;
float: right;
}
.home-compare .options li {
margin: 0 3px;
float: left;
}
.home-discover {
background: #000000 url(img/discover-aeroccino-bg.png) 0 0 repeat-x;
color: #2a2c2c;
padding: 105px 80px 0;
position: relative;
height: 195px;
width: auto;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.home-discover .discover-aeroccino {
background: transparent url(img/discover-aeroccino.png) 0 0 no-repeat;
left: 50%;
margin-left: -132px;
position: absolute;
text-align: center;
top: -100px;
height: 264px;
width: 264px;
}
.home-discover .discover-aeroccino .light {
background: transparent url(img/discover-aeroccino-white.png);
left: 0;
position: absolute;
top: 0;
opacity: 0;
-ms-filter: "alpha(opacity=0);";
filter: alpha(opacity=15);
height: 264px;
width: 264px;
}
.home-discover .discover-aeroccino h3 {
color: #fff;
margin: 115px 0 10px;
position: relative;
text-transform: uppercase;
z-index: 1;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.home-discover .discover-aeroccino .btn {
font-size: 11px;
position: relative;
z-index: 1;
}
.home-discover h4 {
font-style: italic;
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 30px;
}
.home-discover .left-part,
.home-discover .right-part {
height: auto;
width: 330px;
}
.home-discover .right-part {
padding-top: 30px;
}
.home-discover .right-part ul li {
margin: 0 5px 0 0;
float: left;
}
.home-accessory-slider {
margin: -23px 0 0 -20px;
position: relative;
z-index: 2;
height: 180px;
width: 1036px;
}
.home-accessory-slider .prev {
color: transparent;
display: block;
left: 650px;
padding: 20px;
position: absolute;
top: 60px;
z-index: 1;
}
.home-accessory-slider .prev span {
background: transparent url(img/home-accessory-slider-nav.png) 0 -19px no-repeat;
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
*line-height: 0;
height: 19px;
width: 10px;
}
.home-accessory-slider .next {
color: transparent;
display: block;
left: 340px;
padding: 20px;
position: absolute;
top: 60px;
z-index: 1;
}
.home-accessory-slider .next span {
background: transparent url(img/home-accessory-slider-nav.png) 0 0 no-repeat;
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
*line-height: 0;
height: 19px;
width: 10px;
}
.home-accessory-slider ul {
background: transparent url(img/home-accessory-slider-bg.png) 50% 100% no-repeat;
position: relative;
height: 180px;
width: 1036px;
}
.home-accessory-slider li {
position: absolute;
top: 0;
height: 180px;
width: 180px;
}
.home-accessory-slider .thumb {
cursor: pointer;
}
.home-accessory-slider .on {
display: none;
left: -100px;
position: absolute;
top: -35px;
height: auto;
width: 380px;
}
.home-accessory-slider .on .visual {
text-align: center;
}
.home-accessory-slider .on .desc {
color: #2a2c2c;
font-style: italic;
left: 0;
position: absolute;
text-align: center;
top: 280px;
height: auto;
width: 100%;
}
.home-accessory-slider .on .desc h2 {
margin: 0 !important;
padding: 0 !important;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.home-accessory-slider .on .desc p {
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
ul.home-accessory-slider-pager {
margin: 120px 0 0 0;
position: relative;
text-align: center;
z-index: 2;
}
ul.home-accessory-slider-pager li {
background: transparent url(img/home-accessory-slider-pager.png) 0 0 no-repeat;
display: inline-block;
margin: 0 8px;
height: 18px;
width: 18px;
}
ul.home-accessory-slider-pager li a {
display: block;
height: 18px;
width: 18px;
}
ul.home-accessory-slider-pager li.active {
background-position: 0 -18px;
}
.home-accessory .home-header-image {
background: #000000 url(img/home-accessory-header.jpg) 50% 0 no-repeat;
height: 1730px;
width: auto;
}
.home-accessory .home-header-image h2 {
padding: 115px 0 0 0;
margin: 0;
}
.home-accessory .home-accessory-wrapper {
margin-top: -1333px;
}
.home-accessory .home-head {
background-color: #fff;
padding-top: 180px;
position: relative;
}
.home-accessory .home-head .accessory-push {
position: absolute;
right: 20px;
top: 20px;
}
.home-accessory .home-head h1 {
font-size: 28px;
margin: 0 0 20px;
}
.home-accessory .home-head p {
margin: 0 auto;
width: 640px;
}
.home-accessory .home-head .social {
margin: 30px auto 0;
padding: 20px 20px 0;
height: auto;
width: 400px;
}
.home-accessory .home-head .bottom {
background: transparent url(img/home-title-bg.png) 0 0 repeat-x;
line-height: 4px;
margin: 30px 80px 0;
text-align: center;
height: 4px;
width: auto;
}
.home-accessory .home-head .bottom img {
vertical-align: top;
}
.home-accessory .pixie-cup {
background-color: #fff;
color: #2a2c2c;
padding-bottom: 140px;
zoom: 1;
}
.home-accessory .pixie-cup:before,
.home-accessory .pixie-cup:after {
display: table;
content: "";
zoom: 1;
}
.home-accessory .pixie-cup:after {
clear: both;
}
.home-accessory .pixie-cup .cap-cup {
margin: 0 48px;
position: relative;
float: left;
height: 200px;
width: 180px;
}
.home-accessory .pixie-cup .cap-cup .info-img {
left: 0;
position: absolute;
top: 190px;
}
.home-accessory .pixie-cup .cup-info {
float: left;
height: auto;
width: 440px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.home-accessory .pixie-cup .cup-info h3 {
margin: 0 0 20px;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.home-accessory .pixie-cup .aside {
font-style: italic;
margin-right: 80px;
padding-top: 40px;
float: right;
height: auto;
width: 170px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 12px;
}
.home-accessory .pixie-cup .aside h4 {
margin: 0 0 15px;
}
.home-accessory .home-pixie-parallax {
background: #ffffff url(img/home-pixie-collection-parallax-bg.png) 0 0 repeat-x;
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #e4e4e4;
color: #2a2c2c;
padding: 50px 40px;
zoom: 1;
}
.home-accessory .home-pixie-parallax:before,
.home-accessory .home-pixie-parallax:after {
display: table;
content: "";
zoom: 1;
}
.home-accessory .home-pixie-parallax:after {
clear: both;
}
.home-accessory .home-pixie-parallax .aside {
font-style: italic;
margin-left: 35px;
text-align: right;
float: left;
height: auto;
width: 170px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 12px;
}
.home-accessory .home-pixie-parallax .aside img {
margin-bottom: 20px;
}
.home-accessory .home-pixie-parallax .aside h4 {
margin: 0 0 15px;
}
.home-accessory .home-pixie-parallax .visual {
position: relative;
float: right;
height: 367px;
width: 686px;
}
.home-accessory .home-pixie-parallax .visual .caps-layer-1,
.home-accessory .home-pixie-parallax .visual .caps-layer-2 {
position: absolute;
}
.home-accessory .home-pixie-parallax .visual .caps-layer-1 {
background: transparent url(img/home-accessory-caps-layer-1.png) 0 0 no-repeat;
left: -10px;
top: -52px;
height: 428px;
width: 686px;
}
.home-accessory .home-pixie-parallax .visual .caps-layer-2 {
background: transparent url(img/home-accessory-caps-layer-2.png) 0 0 no-repeat;
left: -285px;
top: -57px;
height: 487px;
width: 1046px;
}
.home-accessory .home-pixie-tray {
background-color: #fff;
color: #2a2c2c;
padding: 110px 80px;
zoom: 1;
}
.home-accessory .home-pixie-tray:before,
.home-accessory .home-pixie-tray:after {
display: table;
content: "";
zoom: 1;
}
.home-accessory .home-pixie-tray:after {
clear: both;
}
.home-accessory .home-pixie-tray .left-part {
height: auto;
width: 400px;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.home-accessory .home-pixie-tray .left-part h3 {
margin: 0 0 20px;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.home-accessory .home-pixie-tray .left-part blockquote {
color: #c9201f;
font-style: italic;
margin: 30px 0 30px -30px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 30px;
}
.home-accessory .home-pixie-tray .right-part {
position: relative;
float: right;
height: auto;
width: 400px;
}
.home-accessory .home-pixie-tray .right-part .visual-caption {
position: absolute;
left: 270px;
top: 290px;
height: auto;
width: 170px;
}
.home-accessory .home-pixie-tray .right-part .visual-caption h4 {
margin: 0;
}
.home-accessory .home-pixie-tray .right-part .visual-caption p {
margin: 0 0 20px;
}
.home-accessory .home-pixie-tray .right-part .visual-caption .moar a {
color: #2a2c2c;
}
.home-accessory .home-pixie-tray .right-part .visual-caption .arrow {
background: transparent url(img/home-pixie-tray-arrow.png) 0 0 no-repeat;
left: -50px;
position: absolute;
top: -100px;
height: 112px;
width: 34px;
}
.home-accessory .home-pixie-dispenser {
background: #ffffff url(img/home-pixie-dispenser-bg.png) 0 0 repeat-x;
border-top: 1px solid #e4e4e4;
padding: 0 0 90px;
zoom: 1;
}
.home-accessory .home-pixie-dispenser:before,
.home-accessory .home-pixie-dispenser:after {
display: table;
content: "";
zoom: 1;
}
.home-accessory .home-pixie-dispenser:after {
clear: both;
}
.home-accessory .home-pixie-dispenser .left-part {
margin: -10px 0 0 -140px;
float: left;
height: auto;
width: 676px;
}
.home-accessory .home-pixie-dispenser .right-part {
margin-right: 80px;
padding-top: 60px;
float: right;
height: auto;
width: 360px;
}
.home-accessory .home-pixie-dispenser .product-push {
color: #2a2c2c;
margin-bottom: 50px;
zoom: 1;
}
.home-accessory .home-pixie-dispenser .product-push:before,
.home-accessory .home-pixie-dispenser .product-push:after {
display: table;
content: "";
zoom: 1;
}
.home-accessory .home-pixie-dispenser .product-push:after {
clear: both;
}
.home-accessory .home-pixie-dispenser .product-push .thumb {
text-align: center;
height: auto;
width: 110px;
float: left;
}
.home-accessory .home-pixie-dispenser .product-push .info {
height: auto;
width: 250px;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 15px;
}
.home-accessory .home-pixie-dispenser .product-push .info h4 {
margin: 0 0 15px;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 15px;
}
.home-accessory .home-pixie-dispenser .product-push .info .moar a {
color: #2a2c2c;
font-size: 11px;
font-weight: 700;
line-height: 18px;
}
.home-accessory .home-discover {
background-color: #fff;
background-image: none;
border-top: 1px solid #f2f2f2;
height: 100px;
}
.home-accessory .discover-pixie {
background: transparent url(img/home-discover-pixie.png) 0 0 no-repeat;
left: 50%;
margin-left: -132px;
position: absolute;
text-align: center;
top: -80px;
height: 264px;
width: 264px;
}
.home-accessory .discover-pixie .light {
background: transparent url(img/discover-aeroccino-white.png);
left: 0;
position: absolute;
top: 0;
opacity: 0;
-ms-filter: "alpha(opacity=0);";
filter: alpha(opacity=15);
height: 264px;
width: 264px;
}
.home-accessory .discover-pixie h3 {
color: #fff;
margin: 115px 0 10px;
position: relative;
text-transform: uppercase;
z-index: 1;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.home-accessory .discover-pixie .btn {
font-size: 11px;
position: relative;
z-index: 1;
}
.home-accessory .home-compare {
border: none;
margin-bottom: 0;
}
.home-accessory .home-compare-left,
.home-accessory .home-compare-right {
height: 320px;
}
.home-accessory .home-categories {
background-color: #fff;
color: #2a2c2c;
margin-bottom: 20px;
padding: 0 0 50px;
}
.home-accessory .home-categories h3 {
margin: 0;
text-align: center;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 50px;
}
.home-accessory .home-categories .home-categories-list {
background: #ffffff url(img/home-accessory-categories-bg.png) 0 0 no-repeat;
padding: 2px 21px 0;
height: 128px;
width: auto;
}
.home-accessory .home-categories .home-categories-list table {
height: 116px;
width: 100%;
}
.home-accessory .home-categories .home-categories-list td {
background: transparent url(img/home-accessories-categories-spacer.png) 100% 0 repeat-y;
height: 116px;
text-align: center;
}
.home-accessory .home-categories .home-categories-list td.last {
background: none;
}
.home-accessory .home-categories .home-categories-list td a {
color: #2a2c2c;
display: block;
padding: 0 18px;
text-decoration: none;
height: 100%;
width: auto;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 14px;
}
.hp-machines {
margin-top: 58px;
}
.hp-machines .hp-machines-ctn {
background-color: #121215;
padding: 20px;
}
.hp-machines .hp-machines-title {
margin: 0 auto;
text-align: center;
height: auto;
width: 550px;
}
.hp-machines .hp-machines-title h1 {
margin: 15px 0;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 30px;
}
.hp-machines .hp-machines-list {
border-collapse: separate;
margin: 0 30px;
height: auto;
width: 878px;
}
.hp-machines .hp-machines-list th {
background: #1a1a1c url(img/hp-machines-th-bg.png) 0 0 repeat-x;
border-left: 1px solid #1e1e21;
border-right: 1px solid #1a1a1c;
}
.hp-machines .hp-machines-list th.col-1 {
height: 55px;
width: 270px;
}
.hp-machines .hp-machines-list th.col-2 {
height: 55px;
width: 78px;
}
.hp-machines .hp-machines-list th.col-3 {
height: 55px;
width: 78px;
}
.hp-machines .hp-machines-list th.col-4 {
height: 55px;
width: 98px;
}
.hp-machines .hp-machines-list th.col-5 {
height: 55px;
width: 106px;
}
.hp-machines .hp-machines-list th.col-6 {
height: 55px;
width: 236px;
}
.hp-machines .hp-machines-list td {
background: #2a2a2d url(img/hp-machines-line-bg.png) 0 0 repeat-x;
border-left: 1px solid #222225;
border-right: 1px solid #000;
zoom: 1;
height: 190px;
width: auto;
}
.hp-machines .hp-machines-list td:before,
.hp-machines .hp-machines-list td:after {
display: table;
content: "";
zoom: 1;
}
.hp-machines .hp-machines-list td:after {
clear: both;
}
.hp-machines .hp-machines-list td .thumb {
margin: 20px 0 0;
float: left;
}
.hp-machines .hp-machines-list td .right-part {
float: right;
height: auto;
width: 125px;
}
.hp-machines .hp-machines-list td h2 {
margin: 40px 0 0;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.hp-machines .hp-machines-list td .price {
background: transparent url(img/hp-machines-price-bg.png) 0 0 no-repeat;
color: #2a2c2c;
margin: 15px 0 0;
padding: 5px 10px 0 0;
text-align: right;
white-space: nowrap;
height: 48px;
width: 105px;
}
.hp-machines .hp-machines-list td .price strong {
display: inline;
font-size: 20px;
font-weight: 400;
line-height: 18px;
}
.hp-machines .hp-machines-list td .price small {
color: #888;
display: block;
font-size: 10px;
font-weight: 400;
line-height: 18px;
}
.hp-machines .hp-machines-list td .colors {
margin: 25px 0 0;
zoom: 1;
}
.hp-machines .hp-machines-list td .colors:before,
.hp-machines .hp-machines-list td .colors:after {
display: table;
content: "";
zoom: 1;
}
.hp-machines .hp-machines-list td .colors:after {
clear: both;
}
.hp-machines .hp-machines-list td .colors li {
float: left;
}
.hp-machines .hp-machines-list td .type {
margin: 60px 0 0;
text-align: center;
}
.hp-machines .hp-machines-list td .milk {
margin: 80px 5px 0;
}
.hp-machines .hp-machines-list td .milk strong {
color: #fff;
display: block;
font-size: 13px;
font-weight: 700;
line-height: 18px;
}
.hp-machines .hp-machines-list td .milk span {
color: #cccccc;
font-size: 9px;
font-weight: 400;
line-height: 18px;
}
.hp-machines .hp-machines-list td .dimensions {
padding: 60px 0 0 10px;
}
.hp-machines .hp-machines-list td .dimensions li {
color: #cccccc;
margin: 5px 0;
font-size: 9px;
font-weight: 400;
line-height: 18px;
}
.hp-machines .hp-machines-list td .dimensions li strong {
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.hp-machines .hp-machines-list td .dimensions li img {
margin-right: 5px;
}
.hp-machines .hp-machines-list td .energy {
display: block;
margin: 90px auto 0;
}
.hp-machines .hp-machines-list td .description {
padding: 25px 25px 0;
zoom: 1;
}
.hp-machines .hp-machines-list td .description:before,
.hp-machines .hp-machines-list td .description:after {
display: table;
content: "";
zoom: 1;
}
.hp-machines .hp-machines-list td .description:after {
clear: both;
}
.hp-machines .hp-machines-list td .description p {
height: 90px;
}
.hp-machines .hp-machines-list td .description .btn {
padding: 0 5px 0 20px;
}
/***********************************************
* POPINS *
***********************************************/
.the-mask {
background: transparent url(img/slider-nav-bg.png) 0 0 repeat;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10100;
display: none;
}
.popin {
background-color: #1a1a1a;
left: 50%;
margin: -286px 0 0 -165px;
padding: 10px 20px;
position: fixed;
top: 50%;
height: auto;
width: 214px;
z-index: 10200;
display: none;
}
.popin .close {
background: transparent url(img/notification-close.png) 0 0 no-repeat;
position: absolute;
right: -5px;
top: -5px;
height: 19px;
width: 19px;
}
.popin .play-btn,
.popin .threedee-btn,
.popin .zoom-btn {
display: block;
position: absolute;
top: 12px;
z-index: 3;
height: 33px;
width: 33px;
}
.popin .play-btn:hover,
.popin .threedee-btn:hover,
.popin .zoom-btn:hover {
background-position: 0 -33px;
}
.popin .play-btn {
background: transparent url(img/icon-prod-play.png) 0 0 no-repeat;
right: 136px;
}
.popin .threedee-btn {
background: transparent url(img/icon-prod-3d.png) 0 0 no-repeat;
right: 103px;
}
.popin .zoom-btn {
background: transparent url(img/icon-prod-zoom.png) 0 0 no-repeat;
right: 70px;
}
.popin .your-product {
border: 1px solid #313131;
}
.popin .prod-info {
background: #ffffff url(img/popin-white-bg.png) 0 0 repeat-x;
padding: 15px 10px;
text-align: center;
height: 81px;
width: auto;
}
.popin .prod-info .price {
color: #cc9d49;
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.popin .prod-info .price small {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 20px;
}
.popin .prod-info .price-ht {
color: #888;
margin: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 18px;
}
.popin .prod-info .btn {
margin-top: 10px;
}
.popin .prod-info.qty {
text-align: left;
}
.popin .prod-info.qty .qty-select {
background: transparent url(img/grey-block-bg.png) 0 0 no-repeat;
cursor: pointer;
line-height: 23px;
margin-right: 11px;
padding: 0px 20px 0px 18px;
position: relative;
width: 15px;
z-index: 5;
}
.popin .prod-info.qty .qty-select .border {
background: transparent url(img/grey-block-border.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
z-index: 1;
height: 23px;
width: 11px;
}
.popin .prod-info.qty .qty-select .qty-icon {
background: transparent url(img/grey-block-qty.png) 0 0 no-repeat;
position: absolute;
right: -9px;
top: 2px;
z-index: 7;
height: 19px;
width: 19px;
}
.popin .prod-info.qty .qty-select.active {
background-position: 0 -23px;
}
.popin .prod-info.qty .qty-select.active .border {
background-position: 0 -23px;
}
.popin .prod-info.qty .qty-select.active .toggle {
background-position: 0 -19px;
}
.popin .prod-info.qty .qty-list {
display: none;
left: 0;
position: absolute;
top: 0;
z-index: 5;
}
.popin .prod-info.qty .qty-list li {
border-bottom: 1px solid #444341;
border-top: 1px solid #5f5e5d;
height: 22px;
margin: 0;
padding: 0;
width: 64px;
}
.popin .prod-info.qty .qty-list li a {
background-color: #51504e;
color: #ccc;
display: block;
margin: 0;
padding: 0 0 0 18px;
text-decoration: none;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 23px;
}
.popin .prod-info.qty .qty-list li a:hover {
background-color: #636260;
}
.popin .prod-info.qty .qty-list li.first {
border-top: none;
margin-right: 11px;
position: relative;
width: 53px;
}
.popin .prod-info.qty .qty-list li.first a {
background: transparent url(img/header-dropdown-top.png) -11px 0 no-repeat;
}
.popin .prod-info.qty .qty-list li.first a .border {
background: transparent url(img/header-dropdown-top.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: 0;
height: 23px;
width: 11px;
}
.popin .prod-info.qty .qty-list li.first a:hover {
background-position: -11px -24px;
}
.popin .prod-info.qty .qty-list li.first a:hover .border {
background-position: 0 -24px;
}
.popin .prod-info.qty .qty-list li.last {
border-bottom: none;
margin-right: 11px;
position: relative;
width: 53px;
}
.popin .prod-info.qty .qty-list li.last a {
background: transparent url(img/header-dropdown-bottom.png) -11px -1px no-repeat;
}
.popin .prod-info.qty .qty-list li.last a .border {
background: transparent url(img/header-dropdown-bottom.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -11px;
top: -1px;
height: 23px;
width: 11px;
}
.popin .prod-info.qty .qty-list li.last a:hover {
background-position: -11px -25px;
}
.popin .prod-info.qty .qty-list li.last a:hover .border {
background-position: 0 -24px;
}
.popin .description {
color: #7f7f7f;
}
.popin .accessories {
border-top: 1px solid #333;
}
.product-popin {
background-color: rgba(255, 255, 255, 0.1);
left: 50%;
margin: -263px 0 0 -372px;
padding: 10px;
top: 50%;
height: 506px;
width: 724px;
}
.product-popin .popin-content {
background-color: #000;
padding-top: 60px;
position: relative;
height: 446px;
width: 724px;
}
.product-popin .close {
right: 40px;
top: 20px;
}
.product-popin .video-ctn {
border: 1px solid #1a1a1a;
display: none;
margin: 0 auto;
position: relative;
height: 383px;
width: 682px;
}
.product-popin .zoom-ctn {
background-color: #000;
display: none;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: center;
height: 446px;
width: 724px;
}
.video-wrapper {
background-color: #000;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 9999;
}
.quantity-popin {
background: transparent url(img/quantity-popin.png) 0 0 no-repeat;
padding: 5px;
position: absolute;
z-index: 12000;
height: 171px;
width: 164px;
}
.quantity-popin .quantity-popin-content {
height: 160px;
width: 154px;
}
.quantity-popin .quantity-select {
margin: 10px 0 5px 12px;
overflow: hidden;
position: relative;
height: 74px;
width: 133px;
}
.quantity-popin .quantity-select table {
border-collapse: separate;
border-spacing: 0;
*border-collapse: expression('separate', cellSpacing='0px');
left: -1px;
position: absolute;
top: -1px;
}
.quantity-popin .quantity-select td {
border-bottom: 1px solid #e9eaec;
border-left: 1px solid #e9eaec;
border-right: 1px solid #c9cacb;
border-top: 1px solid #c9cacb;
margin: 0;
padding: 0;
text-align: center;
height: 24px;
width: 25px;
}
.quantity-popin .quantity-select td a {
color: #2a2c2c;
display: block;
text-decoration: none;
text-shadow: 1px 1px 1px #fff;
height: 24px;
width: 25px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 24px;
}
.quantity-popin .quantity-select td a:hover {
background: transparent url(img/quantity-popin-active.png) 0 0 no-repeat;
color: #000;
}
.quantity-popin .separator {
background-color: #eaeaeb;
border-bottom: 1px solid #afafb1;
height: 1px;
}
.quantity-popin p {
color: #868789;
height: 24px;
margin: 0;
text-align: center;
text-shadow: 1px 1px 1px #fff;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 24px;
}
.quantity-popin input {
background: transparent url(img/quantity-popin-input.png) 0 0 no-repeat;
border: none;
color: #2a2c2c;
display: block;
margin: 5px 0 0 10px;
padding: 10px;
float: left;
height: 10px;
width: 84px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 10px;
}
.quantity-popin input.submit-btn {
background: none;
border: none;
color: #2a2c2c;
display: block;
margin: 5px 0 0;
text-align: center;
text-shadow: 1px 1px 1px #fff;
float: left;
height: 30px;
width: 36px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 10px;
}
.quantity-popin input.submit-btn.active,
.quantity-popin input.submit-btn:active {
background: #131313 url(img/quantity-popin-submit-active.png) 0 0 no-repeat;
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.quantity-popin .arrow {
background: transparent url(img/quantity-popin-arrow.png) 0 0 no-repeat;
bottom: -1px;
left: 50%;
margin-left: -18px;
position: absolute;
height: 18px;
width: 35px;
}
.quantity-popin .arrow.left {
background: transparent url(img/quantity-popin-arrow.png) 0 -18px no-repeat;
bottom: auto;
left: -11px;
margin: 0;
position: absolute;
top: 74px;
height: 38px;
width: 17px;
}
.quantity-popin .arrow.right {
background: transparent url(img/quantity-popin-arrow.png) -17px -18px no-repeat;
bottom: auto;
left: auto;
right: -2px;
position: absolute;
top: 74px;
height: 38px;
width: 17px;
}
.tooltip {
background: transparent url(img/tooltip-left.png) 0 0 no-repeat;
color: #fff;
display: none;
min-height: 31px;
left: 0;
padding: 0 0 0 15px;
position: absolute;
top: 0;
z-index: 10;
font-size: 9px;
font-weight: 400;
line-height: 25px;
}
.tooltip .border {
background: transparent url(img/tooltip-left.png) top right no-repeat;
position: absolute;
right: -15px;
top: 0;
height: 31px;
width: 15px;
}
.tooltip.right {
background: transparent url(img/tooltip-right.png) top right no-repeat;
padding: 0 15px 0 0;
}
.tooltip.right .border {
background: transparent url(img/tooltip-right.png) 0 0 no-repeat;
left: -15px;
right: auto;
}
.popin-page.livraison .color {
color: #689e92;
}
.popin-page.help {
background-color: #000;
min-height: 0;
}
.popin-page.help .content {
padding: 40px 0 0 0;
}
.popin-page {
z-index: 10200;
position: relative;
width: 838px;
line-height: 16px;
padding: 0;
margin: 20px auto;
color: #7f7f7f;
background: #1e1e1e;
display: none;
}
.popin-page .close {
position: absolute;
top: 10px;
right: 10px;
}
.popin-page .content {
padding: 40px 80px;
font-size: 11px;
}
.popin-page .content.wide {
padding: 40px 20px;
}
.popin-page .art-title {
background-image: url(img/popin-title-sep.png);
font-size: 18px;
line-height: 22px;
color: #fff;
margin: 0 0 15px 0;
padding: 0 0 35px 0;
}
.popin-page .art-title .small {
font-size: 14px;
}
.popin-page a {
color: #fff;
}
.popin-page a.btn {
color: #2a2c2c;
}
.popin-page a.btn.black {
color: #fff;
}
.popin-page ul {
margin: 0 0 25px -40px;
list-style-position: inside;
list-style-image: url(img/bullet-round-turquoise.png);
}
.popin-page ul ul {
margin-left: -4px;
}
.popin-page li {
line-height: 14px;
}
.popin-page h4 {
color: #fff;
margin: 35px 0 3px 0;
}
.popin-page .subtitle {
font-weight: 700;
color: #fff;
margin: 35px 0 20px 0;
}
.popin-page p {
margin: 0 0 20px;
}
.popin-page strong {
color: #fff;
font-weight: 400;
}
.popin-page .cgu {
margin-top: 25px;
}
.delivery-hour {
margin-bottom: 22px;
position: relative;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.delivery-hour .hover-x,
.delivery-hour .hover-y {
background: transparent url(img/delivery-hour-hover.png) 0 0 repeat;
display: none;
position: absolute;
z-index: 5;
}
.delivery-hour .hover-x {
left: -8px;
}
.delivery-hour .hover-y {
top: -10px;
}
.delivery-hour table {
border-collapse: separate;
border-spacing: 1px 1px;
position: relative;
z-index: 6;
}
.delivery-hour table.background {
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
.delivery-hour table.background th,
.delivery-hour table.background td {
color: transparent;
}
.delivery-hour table.background td {
background-color: #242424;
}
.delivery-hour th {
text-align: left;
text-transform: uppercase;
}
.delivery-hour th.hour {
height: 32px;
width: 95px;
}
.delivery-hour th.date {
padding: 0 0 10px 10px;
}
.delivery-hour th.date span {
color: #689e92;
display: block;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 10px;
}
.delivery-hour td {
color: #fff;
font-size: 14px;
line-height: 32px;
overflow: hidden;
text-align: center;
vertical-align: top;
height: 30px;
width: 83px;
}
.delivery-hour td .relative {
top: 0;
left: 0;
position: relative;
z-index: 0;
height: 100%;
width: 100%;
}
.delivery-hour td a {
display: block;
left: 0;
position: absolute;
text-decoration: none;
top: 0;
z-index: 10;
height: 32px;
width: 83px;
}
.delivery-hour td.active a {
background: #ffffff url(img/delivery-hour-active.png) 50% 50% no-repeat;
color: #2a2c2c;
}
.popin-page .find-us .store-locator {
margin: 0 0 20px;
height: 430px;
width: auto;
}
.popin-page .find-us .store-locator .left-part {
height: 430px;
width: 284px;
}
.popin-page .find-us .store-locator .left-part .results {
height: 359px;
width: 285px;
}
.popin-page .find-us .store-locator .left-part .results-wrapper {
margin-top: 0;
}
.popin-page .find-us .store-locator .left-part .results-ctn,
.popin-page .find-us .store-locator .left-part .results-wrapper {
height: 333px;
width: 285px;
}
.popin-page .find-us .store-locator .left-part .results-wrapper li address {
height: auto;
width: 190px;
}
.popin-page .find-us .store-locator .left-part .results-wrapper li address strong {
color: #2a2c2c;
font-weight: 700;
}
.popin-page .find-us .store-locator .right-part {
height: 430px;
width: 508px;
}
.popin-page .find-us .store-locator .right-part .map-ctn {
height: 430px;
width: 508px;
}
.popin-page .find-us .store-locator .right-part .shadow {
height: 430px;
width: 8px;
}
.popin-page .find-us .store-locator .geoloc-input {
display: block;
margin: 18px 0 0 20px;
}
.popin-page .find-us .store-locator ul {
list-style: none;
margin: 0;
}
.popin-page.register-machine .subtitle {
margin-top: 0;
}
.popin-page.register-machine .col1,
.popin-page.register-machine .col2 {
margin-top: 35px;
}
.popin-page.register-machine .col1 {
width: 315px;
float: left;
}
.popin-page.register-machine .col2 {
float: right;
}
.popin-page.register-machine .picture img {
border: 5px solid #4a4a4a;
}
.popin-page.register-machine .line-btn {
text-align: center;
margin-top: 65px;
}
.popin-page .jspVerticalBar {
background-color: transparent;
padding-left: 20px;
right: 0px;
height: 100%;
width: 3px;
}
.popin-page .jspTrack {
background-color: #313131;
cursor: pointer;
position: absolute;
right: 2px;
top: 0;
height: 100%;
width: 3px;
}
.popin-page .jspTrack:hover {
right: 0px;
width: 7px;
}
.popin-page .jspTrack:hover .jspDrag {
right: 0px;
width: 7px;
}
.popin-page .jspTrack .jspDrag {
background-color: #000;
width: 3px;
}
.the-mask-neg {
background: transparent url(img/popin-mask-bg-black.png) top left repeat;
bottom: 0;
left: 0;
overflow-y: scroll;
position: fixed;
right: 0;
top: 0;
z-index: 10100;
display: none;
}
.popin-vscroll {
height: 380px;
width: 678px;
padding-right: 60px;
}
.slide-controls {
background: #000000 url(img/video-controls-bg.png) 0 0 repeat-x;
bottom: 0;
left: 0;
position: absolute;
zoom: 1;
height: 22px;
width: 100%;
font-size: 10px;
font-weight: 400;
line-height: 22px;
}
.slide-controls:before,
.slide-controls:after {
display: table;
content: "";
zoom: 1;
}
.slide-controls:after {
clear: both;
}
.slide-controls .play-pause {
margin: 0 2px;
position: relative;
float: left;
height: 22px;
width: 22px;
}
.slide-controls .jp-play,
.slide-controls .jp-pause {
background: transparent url(img/video-play-pause.png) 0 0 no-repeat;
display: block;
left: 0;
position: absolute;
top: 0;
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
*line-height: 0;
height: 22px;
width: 22px;
}
.slide-controls .jp-play {
background-position: 0 -22px;
}
.slide-controls .jp-current-time {
color: #fff !important;
font-size: 10px !important;
line-height: 22px !important;
margin: 0 5px 0 0;
text-align: center;
float: left;
height: 22px;
width: 40px;
}
.slide-controls .seek-bar-ctn {
position: absolute;
left: 72px;
right: 58px;
height: 22px;
width: auto;
}
.slide-controls .jp-seek-bar {
background: transparent url(img/video-seek-bar.png) 0 0 repeat-x;
cursor: pointer;
height: 10px;
overflow: hidden;
position: absolute;
top: 5px;
left: 0;
}
.slide-controls .jp-seek-bar .border-left,
.slide-controls .jp-seek-bar .border-right {
background: transparent url(img/video-seek-bar-borders.png) 0 0 no-repeat;
display: block;
left: 0;
position: absolute;
top: 0;
z-index: 5;
height: 10px;
width: 4px;
}
.slide-controls .jp-seek-bar .border-right {
background-position: 0 -10px;
left: auto;
right: 0;
}
.slide-controls .jp-play-bar {
background: transparent url(img/video-play-bar.png) 0 0 repeat-x;
height: 8px;
left: 0;
position: absolute;
top: 1px;
}
.slide-controls .jp-play-bar .handle {
background: transparent url(img/video-play-bar-handle.png) 0 0 no-repeat;
display: block;
position: absolute;
right: -5px;
top: 0;
z-index: 2;
height: 8px;
width: 10px;
}
.slide-controls .volume-bar-ctn {
background: transparent url(img/video-volume.png) 0 0 repeat;
position: relative;
float: right;
height: 22px;
width: 22px;
}
.slide-controls .jp-volume-bar {
cursor: pointer;
position: absolute;
right: 5px;
top: 5px;
height: 12px;
width: 4px;
}
.slide-controls .full-screen {
background: transparent url(img/video-fullscreen.png) 0 0 no-repeat;
display: block;
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
*line-height: 0;
float: right;
height: 22px;
width: 22px;
}
.slide-controls .jp-volume-bar-value {
background: transparent url(img/video-volume-bg.png) bottom left repeat;
position: absolute;
bottom: 0;
height: auto;
width: 4px;
}
/***********************************************
* FIND US *
***********************************************/
.find-us .header-image {
background: transparent url(img/find-us-header.jpg) 50% 0 no-repeat;
height: 520px;
width: auto;
}
.find-us .store-locator {
background-color: #0c0c0c;
margin: 0 0 20px;
height: 670px;
width: auto;
}
.find-us .store-locator .left-part {
height: 670px;
width: 325px;
}
.find-us .store-locator .right-part {
position: relative;
height: 670px;
width: 593px;
}
.find-us .store-locator .geoloc {
border-right: 1px solid #000;
margin-bottom: 0;
height: 70px;
width: auto;
}
.find-us .store-locator .geoloc .geoloc-form {
float: left;
}
.find-us .store-locator .options {
background-color: #0d0d0d;
border-top: 1px solid #262626;
height: 89px;
width: auto;
}
/*
.find-us .store-locator .options.four{
height: 95px;
}
*/
.find-us .store-locator .options ul {
margin: 15px 10px 0;
zoom: 1;
}
.find-us .store-locator .options.four ul{
margin: 15px 5px 0;
}
.find-us .store-locator .options ul:before,
.find-us .store-locator .options ul:after {
display: table;
content: "";
zoom: 1;
}
.find-us .store-locator .options ul:after {
clear: both;
}
.find-us .store-locator .options li {
float: left;
height: 59px;
width: 99px;
}
.find-us .store-locator .options.four li{
width: 78px;
}
.find-us .store-locator .options.two li{
width: 150px;
}
.find-us .store-locator .options li a {
background: transparent url(img/find-us-options-bg.png) 0 -45px no-repeat;
color: #7f7f7f;
display: block;
padding-top: 5px;
text-align: center;
text-decoration: none;
height: 54px;
width: 100%;
}
.find-us .store-locator .options li a div {
margin: 0px 3px 0px 3px;
}
.find-us .store-locator .options.four li a {
background: transparent url(img/find-us-options-four-bg.png) 0 -45px no-repeat;
height: 54px;
}
.find-us .store-locator .options.two li a {
background: transparent url(img/find-us-options-two-bg.png) 0 -45px no-repeat;
}
.find-us .store-locator .options li a .icon {
display: block;
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
margin: 0 auto;
height: 24px;
width: 24px;
}
.find-us .store-locator .options li a:active,
.find-us .store-locator .options li a.active {
color: #fff;
}
.find-us .store-locator .options li a:active .icon,
.find-us .store-locator .options li a.active .icon {
background-position: 0 -24px;
}
/* shop */
.find-us .store-locator .options li.option-shop a {
background-position: 0px -59px;
}
.find-us .store-locator .options.four li.option-shop a {
background-position: -1px -59px;
}
.find-us .store-locator .options li.option-shop a .icon {
background-image: url(img/find-us-option-shop.png);
}
.find-us .store-locator .options li.option-shop a:active,
.find-us .store-locator .options li.option-shop a.active {
background-position: 0 0px;
}
/* retailer */
.find-us .store-locator .options li.option-retailer a {
background-position: -100px -59px;
}
.find-us .store-locator .options.four li.option-retailer a {
background-position: -86px -59px;
}
.find-us .store-locator .options li.option-retailer a .icon {
background-image: url(img/find-us-option-retail.png);
}
.find-us .store-locator .options li.option-retailer a:active,
.find-us .store-locator .options li.option-retailer a.active {
background-position: -100px 0px;
}
.find-us .store-locator .options.four li.option-retailer a:active,
.find-us .store-locator .options.four li.option-retailer a.active {
background-position: -86px 0px;
}
.find-us .store-locator .options.two li.option-retailer a {
background-position: -154px -59px;
}
.find-us .store-locator .options.two li.option-retailer a:active,
.find-us .store-locator .options.two li.option-retailer a.active {
background-position: -154px 0px;
}
/* collect */
.find-us .store-locator .options li.option-collect a {
background-position: -205px -59px;
}
.find-us .store-locator .options.four li.option-collect a {
background-position: -164px -59px;
}
.find-us .store-locator .options li.option-collect a .icon {
background-image: url(img/find-us-option-collect.png);
}
.find-us .store-locator .options li.option-collect a:active,
.find-us .store-locator .options li.option-collect a.active {
background-position: -205px 0px;
}
.find-us .store-locator .options.four li.option-collect a:active,
.find-us .store-locator .options.four li.option-collect a.active {
background-position: -164px 0px;
}
/* pick up */
.find-us .store-locator .options.four li.option-pickup a {
background-position: -86px -59px;
}
.find-us .store-locator .options.four li.option-pickup a:active,
.find-us .store-locator .options.four li.option-pickup a.active {
background-position: -86px 0px;
}
.find-us .store-locator .options.three li.option-pickup a {
background-position: -205px -59px;
}
.find-us .store-locator .options.three li.option-pickup a:active,
.find-us .store-locator .options.three li.option-pickup a.active {
background-position: -205px 0px;
}
.find-us .store-locator .options li.option-pickup a .icon {
background-image: url(img/find-us-option-pickup.png);
}
.find-us .store-locator .options li.option-collect a {
background-position: 0 -59px;
}
.find-us .store-locator .options li.option-collect a:active, .find-us .store-locator .options li.option-collect a.active {
background-position: 0 0;
}
.find-us .store-locator .results {
background: #dcdfe4 url(img/find-us-results-bg.png) 0 0 repeat-x;
border-top: 1px solid #2d2d2d;
height: 463px;
width: auto;
}
.find-us .store-locator .results .results-empty {
color: #b1b3b7;
margin: 65px 45px 0;
text-align: center;
text-shadow: -1px -1px 1px #ffffff;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.find-us .store-locator .results .results-header {
background: #7d7d7d url(img/find-us-results-head.png) 0 0 repeat-x;
color: #fff;
text-align: center;
text-shadow: -1px -1px 1px #515151;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 25px;
height: 25px;
width: auto;
}
.find-us .store-locator .results .results-ctn {
border-top: 1px solid #555;
height: 437px;
width: auto;
}
.find-us .store-locator .results .results-wrapper {
outline: none;
margin-top: 20px;
height: 399px;
width: 325px;
}
.find-us .store-locator .results .results-wrapper ul {
width: 100%;
zoom: 1;
}
.find-us .store-locator .results .results-wrapper ul:before,
.find-us .store-locator .results .results-wrapper ul:after {
display: table;
content: "";
zoom: 1;
}
.find-us .store-locator .results .results-wrapper ul:after {
clear: both;
}
.find-us .store-locator .results .results-wrapper li {
color: #2a2c2c;
line-height: 90px;
height: 90px;
width: 100%;
float: left;
}
.find-us .store-locator .results .results-wrapper li a {
color: #2a2c2c;
display: block;
padding-top: 15px;
text-decoration: none;
height: 73px;
width: 100%;
}
.find-us .store-locator .results .results-wrapper li a:hover {
background: transparent url(img/find-us-results-active.png) 50% 50% no-repeat;
}
.find-us .store-locator .results .results-wrapper li a:active,
.find-us .store-locator .results .results-wrapper li a.active {
background: transparent url(img/find-us-results-active.png) 50% 50% no-repeat;
}
.find-us .store-locator .results .results-wrapper li a:active .number,
.find-us .store-locator .results .results-wrapper li a.active .number {
background: transparent url(img/find-us-white-number.png) 50% 50% no-repeat;
color: #2a2c2c;
}
.find-us .store-locator .results .results-wrapper li .number {
background: transparent url(img/find-us-black-number.png) 50% 50% no-repeat;
color: #fff;
display: block;
margin: 0 15px 0 20px;
text-align: center;
height: 32px;
width: 32px;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 32px;
}
.find-us .store-locator .results .results-wrapper li address {
display: block;
font-style: normal;
height: auto;
width: 216px;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 14px;
}
.find-us .store-locator .results .results-wrapper li address p {
margin: 0;
}
.find-us .store-locator .results .results-wrapper li .spacer {
background-color: #fbfcfc;
border-top: 1px solid #d4d5d6;
margin: 0 20px;
height: 1px;
width: auto;
}
.find-us .store-locator .results .results-wrapper .jspVerticalBar {
background-color: transparent;
height: 100%;
width: 3px;
}
.find-us .store-locator .results .results-wrapper .jspTrack {
background-color: #dee1e5;
cursor: pointer;
position: absolute;
right: 2px;
top: 0;
height: 100%;
width: 3px;
}
.find-us .store-locator .results .results-wrapper .jspTrack:hover {
right: 0px;
width: 7px;
}
.find-us .store-locator .results .results-wrapper .jspTrack:hover .jspDrag {
right: 0px;
width: 7px;
}
.find-us .store-locator .results .results-wrapper .jspTrack .jspDrag {
background-color: #000;
width: 3px;
}
.find-us .store-locator h1 {
background: #070707 url(img/find-use-title-bg.png) 0 0 repeat-x;
height: 70px;
margin: 0;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 70px;
}
.find-us .store-locator h1 em {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 70px;
}
.find-us .store-locator .store-map {
position: relative;
}
.find-us .store-locator .store-map .map-ctn {
height: 600px;
width: 593px;
}
.find-us .store-locator .store-map .shadow {
background: transparent url(img/find-us-map-shadow.png) 0 0 repeat-y;
left: 0;
position: absolute;
top: 0;
height: 600px;
width: 8px;
}
.find-us .store-locator .store-map .number {
background: transparent url(img/find-us-black-number.png) 50% 50% no-repeat;
color: #fff;
display: block;
position: absolute;
text-align: center;
height: 32px;
width: 32px;
float: left;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 32px;
}
.find-us .store-locator .store-map .number.active {
background-image: url(img/find-us-white-number.png);
color: #2a2c2c;
}
.find-us .store-locator .store-map .item-details {
background: #2c2b2b url(img/find-us-popin-gradient.png) 0 100% repeat-x;
position: absolute;
left: 75px;
top: 245px;
height: auto;
width: 225px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
}
.find-us .store-locator .store-map .item-details .first-part {
color: #cccccc;
padding: 15px 20px 20px;
}
.find-us .store-locator .store-map .item-details .first-part strong {
color: #fff;
margin-right: 32px;
text-transform: uppercase;
}
.find-us .store-locator .store-map .item-details.small .first-part {
padding: 15px 20px 0px;
}
.find-us .store-locator .store-map .item-details address {
font-style: normal;
margin-bottom: 15px;
}
.find-us .store-locator .store-map .item-details address p {
margin: 0;
}
.find-us .store-locator .store-map .item-details address .phone {
color: #fff;
}
.find-us .store-locator .store-map .item-details address strong {
display: block;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.find-us .store-locator .store-map .item-details address strong span {
color: #cc9d49;
}
.find-us .store-locator .store-map .item-details .second-part {
border-top: 1px solid #201f1f;
padding: 15px 20px 0;
}
.find-us .store-locator .store-map .item-details .second-part a {
color: #fff;
}
.find-us .store-locator .store-map .item-details .bottom {
background: transparent url(img/find-us-popin-bottom.png) 0 0 no-repeat;
bottom: -14px;
left: 0;
position: absolute;
height: 15px;
width: 225px;
}
.find-us .store-locator .store-map .item-details .top {
background: transparent url(img/find-us-popin-top.png) 0 0 no-repeat;
left: 0;
position: absolute;
top: -14px;
height: 15px;
width: 225px;
}
.find-us .store-locator .store-map .item-details .arrow {
background: transparent url(img/find-us-popin-arrow.png) 0 0 no-repeat;
left: 0;
margin-left: -10px;
margin-top: -28px;
position: absolute;
top: 50%;
height: 28px;
width: 14px;
}
.find-us .store-locator .store-map .item-details .close {
background: transparent url(img/find-us-popin-close.png) 0 0 no-repeat;
position: absolute;
right: 20px;
top: 10px;
height: 29px;
width: 29px;
}
.find-us .shop-details {
background: #ffffff url(img/find-us-shop-bg.png) 0 100% repeat-x;
margin-top: -275px;
padding: 40px;
zoom: 1;
}
.find-us .shop-details:before,
.find-us .shop-details:after {
display: table;
content: "";
zoom: 1;
}
.find-us .shop-details:after {
clear: both;
}
.find-us .shop-details .slider {
margin-right: 40px;
height: 432px;
width: 440px;
float: left;
}
.find-us .shop-details .slider .slider-wrapper {
height: 320px;
}
.find-us .shop-details .slider .slider-wrapper .slider-window .slider-item {
height: 320px;
overflow: hidden;
}
.find-us .shop-details .slider .slider-wrapper .slider-window .slider-item .visual {
margin-left: -220px;
}
.find-us .shop-details .slider .slider-nav {
height: 68px;
}
.find-us .shop-details .slider .slider-nav .nav-item {
border: 1px solid #000;
margin: 0;
overflow: hidden;
vertical-align: top;
height: 66px;
width: 87px;
}
.find-us .shop-details .slider .slider-nav .nav-item.active {
border-color: #fff;
}
.find-us .shop-details .slider .slider-nav .prev,
.find-us .shop-details .slider .slider-nav .next {
margin: 20px 12px 0;
}
.find-us .shop-details .details {
color: #2a2c2c;
float: left;
height: auto;
width: 436px;
}
.find-us .shop-details .details .details-header {
background: transparent url(img/find-us-details-head-bg.png) 0 100% repeat-x;
padding-bottom: 15px;
zoom: 1;
}
.find-us .shop-details .details .details-header:before,
.find-us .shop-details .details .details-header:after {
display: table;
content: "";
zoom: 1;
}
.find-us .shop-details .details .details-header:after {
clear: both;
}
.find-us .shop-details .details .details-header a {
color: #2a2c2c;
text-decoration: none;
vertical-align: top;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.find-us .shop-details .details h1 {
margin: 0;
text-transform: uppercase;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.find-us .shop-details .details p {
color: #343434;
margin: 0 0 20px;
}
.find-us .shop-details .details .place-type {
float: right;
}
.find-us .shop-details .details .place-type li {
margin-left: 15px;
float: left;
}
.find-us .shop-details .details address {
font-style: normal;
}
.find-us .shop-details .details .btn {
font-size: 11px;
margin-top: 30px;
}
.find-us .shop-details .details small {
color: #878686;
font-style: italic;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 18px;
}
.find-us .shop-details .details .left-part,
.find-us .shop-details .details .right-part {
padding-top: 40px;
height: auto;
width: 180px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.find-us .shop-details .details .left-part strong,
.find-us .shop-details .details .right-part strong {
font-size: 13px;
}
.find-us .find-us-events {
background: #161616 url(img/find-us-events-bg.jpg) 0 0 no-repeat;
margin-bottom: 20px;
padding: 20px;
height: 314px;
width: auto;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.find-us .find-us-events .left-part {
color: #cccccc;
height: auto;
width: 460px;
}
.find-us .find-us-events .title-sep-bottom {
background-position: -400px 100%;
color: #fff;
margin-top: 40px;
text-align: left;
text-transform: uppercase;
}
/*
@import "first-time";
@import "help";
@import "contact";
@import "ecolaboration";
@import "services";
@import "b2b";
@import "not-found";
@import "lang";
@import "maintenance";
@import "event";
@import "recycle";
@import "cafe-hp";
@import "delivery";
@import "shopping-bag";
@import "order-summary";
@import "payment";
@import "register";
@import "register2";
@import "register-form";
@import "account";
@import "account2";
@import "gift-card";
*/
/***********************************************
* MEDIA QUERIES *
***********************************************/
/***********************************************
* HOVER (NO-TOUCH) *
***********************************************/
.no-touch .products-block .prod-ctn a:hover .icon {
display: block;
}
/*.multiplebgs{
.main-nav .submenu .submenu-ctn .submenu-leftpart .medium.shadow{
background: url(img/submenu-find-us-glow.png) 0 0 no-repeat, url(img/submenu-medium-shadow.png) 0 0 repeat-y, transparent;
}
}*/
/***********************************************
* DEBUG *
***********************************************/
.lt-ie8 .product-page .products-list ul {
zoom: 1;
}
.lt-ie8 .product-page .products-list ul:before,
.lt-ie8 .product-page .products-list ul:after {
display: table;
content: "";
zoom: 1;
}
.lt-ie8 .product-page .products-list ul:after {
clear: both;
}
.lt-ie8 .product-page .products-list li {
width: 100%;
float: left;
}
.lt-ie8 .btn,
.lt-ie8 .slider .slider-nav li,
.lt-ie8 .footer-block .footer-extra ul li,
.lt-ie8 .social-links .quarter .counter,
.lt-ie8 .social-links .quarter .fb-ctn,
.lt-ie8 .social-links .quarter .fb-ctn .fb-like,
.lt-ie8 .product-page .products-list.big li .title .intensity .dot,
.lt-ie8 .slider-range-ctn,
.lt-ie8 .first-value,
.lt-ie8 .last-value,
.lt-ie8 .product-page .page-header .color-selector .prev,
.lt-ie8 .product-page .page-header .color-selector .next,
.lt-ie8 .product-page .page-header .color-selector .color-nav,
.lt-ie8 .product-page .page-header .color-selector .color-nav li,
.lt-ie8 .product-page .product-info .products-list .caracteristics li,
.lt-ie8 .product-slider .slide-nav li,
.lt-ie8 .product-page .product-description .social .share-icon,
.lt-ie8 .home-machine-nav .machines-nav li,
.lt-ie8 ul.home-accessory-slider-pager li,
.lt-ie8 .select,
.lt-ie8 .gift-card .choose-gift-card .gift-card-steps .gift-card-nav li {
display: inline;
}
.lt-ie8 .alias {
display: inline !important;
}
.lt-ie8 .product-page .products-list.big li .title .intensity {
top: 50px;
}
.lt-ie8 .code-promo .line-input .submit a.btn.small {
top: 2px;
}
.lt-ie7 .products-block {
margin-right: 5px;
}
.lt-ie7 .articles .article-block {
padding: 0 18px;
}
.lt-ie8 .services .help .b_contact1 .cbox a {
margin-top: 0;
top: -2px;
}
.lt-ie8 .services .help ul {
list-style-image: none;
}
.lt-ie8 .services .help .b_contact2 li {
text-indent: -15px;
}
.sub-menu {
overflow: auto;
padding: 0;
margin: 0 0 8px 0px;
}
.sub-menu li {
list-style: none;
padding: 0;
margin: 4px;
float: left;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.sub-menu li a {
text-decoration: none;
display: block;
width: 30px;
height: 30px;
}
.item-handicap {
background: url('img/handicap_icone_nespresso_blanc.png') center center no-repeat;
}
.item-recycling {
background: url('img/recycle_icone_nespresso_blanc.png') center center no-repeat;
}
.item-tasse {
background: url('img/tasse_icone_nespresso_blanc.png') center center no-repeat;
}
.sub-menu {
height: 38px;
}
.sub-menu li.item-handicap:hover, .sub-menu li.item-handicap.active {
background: #fff url('img/handicap_icone_nespresso_noir.png') center center no-repeat;
}
.sub-menu li.item-recycling:hover, .sub-menu li.item-recycling.active {
background: #fff url('img/recycle_icone_nespresso_noir.png') center center no-repeat;
}
.sub-menu li.item-tasse:hover, .sub-menu li.item-tasse.active {
background: #fff url('img/tasse_icone_nespresso_noir.png') center center no-repeat;
}
.store-pins {
background: url('img/nespresso_point_black.png') center center no-repeat;
margin: 3px 18px 0 24px;
width: 24px;
height: 24px;
float: left;
display: block;
}
.active .store-pins {
background: url('img/nespresso_point_gold.png') center center no-repeat;
}
#store-locator-results li {
position: relative;
}
#store-locator-results .capabilities {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
}
#store-locator-results .capabilities li {
margin: 0;
padding: 0;
height: 18px;
line-height: 18px;
}
.big-results {
height: 509px !important;
}
.big-results .results-ctn {
height: 483px !important;
}
.big-results .results-wrapper {
height: 442px !important;
}
/* "More infos" page */
.shop-details {
background: url("img/find-us-shop-bg.png") repeat-x scroll 0 100% #FFFFFF;
padding: 40px 20px 40px 20px;
}
.shop-details .map {
margin:0 20px 0 0;
width:438px;
float:left;
}
.shop-details .details {
color: #2A2C2C;
float: left;
height: auto;
width: 420px;
}
.shop-details .details h1 {
font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
margin: 0;
text-transform: uppercase;
}
.shop-details .details .details-header a {
color: #2A2C2C;
font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
text-decoration: none;
vertical-align: top;
}
.pull-left {
float: left;
}
.shop-details .details .place-type {
float: right;
}
.shop-details .details .place-type li {
float: left;
margin-left: 15px;
}
.shop-details ul.unstyled, ol.unstyled {
list-style: none outside none;
margin: 0;
padding: 0;
}
.shop-details .details .details-header {
background: url("img/find-us-details-head-bg.png") repeat-x scroll 0 100% transparent;
padding-bottom: 15px;
margin-right:50px;
}
.shop-details .details .left-part, .details .right-part {
font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 400;
height: auto;
line-height: 18px;
padding-top: 5px;
width:200px;
}
.shop-details .details address {
font-style: normal;
}
.shop-details .details small {
color: #878686;
font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
font-size: 11px;
font-style: italic;
font-weight: 400;
line-height: 18px;
}
.shop-details .details .btn {
font-size: 11px;
margin-top: 30px;
}
.shop-details .btn {
background: url("img/btn-bg.png") no-repeat scroll -12px 0 transparent;
border: 0 solid transparent;
color: #2A2C2C;
display: inline-block;
font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
height: 37px;
line-height: 37px;
margin-right: 12px;
padding: 0 14px 0 27px;
position: relative;
text-align: center;
text-decoration: none;
width:150px;
}
.btn:hover {
background-position:-12px -37px;
}
.btn:active {
background-position:-12px -74px;
}
.shop-details .details .print {
margin-top:10px;
}
#moreinfo-card {
display:none;
overflow:hidden;
padding:0px;
}
.ui-dialog-titlebar {
//display:none;
}
div.ui-widget-overlay {
opacity: 0.75;
filter: Alpha(Opacity=75);
background-color: black;
}
div.ui-dialog {
padding:0px;
}
.find-us .store-locator .options.three li.option-collect a {
background-position: -205px -59px;
}
.find-us .store-locator .options li.option-collect a:active, .find-us .store-locator .options li.option-collect a.active {
background-position: -205px 0;
}
#info-map {
width: 408px;
height: 395px;
}