@charset "UTF-8";
.grids-sprite {
  background-image: url('/skin/frontend/webtise/default/images/grids-scb6569a8d5.png');
  background-repeat: no-repeat;
}

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("https://www.vollers-corsets.com/skin/frontend/webtise/default/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0");
  src: url("https://www.vollers-corsets.com/skin/frontend/webtise/default/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix") format("embedded-opentype"), url("https://www.vollers-corsets.com/skin/frontend/webtise/default/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://www.vollers-corsets.com/skin/frontend/webtise/default/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://www.vollers-corsets.com/skin/frontend/webtise/default/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://www.vollers-corsets.com/skin/frontend/webtise/default/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

meta.foundation-version {
  font-family: "/5.5.3/";
}

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em;
}

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 47.938em)/";
  width: 0em;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:48em)/";
  width: 48em;
}

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:48em) and (max-width:80.9375em)/";
  width: 48em;
}

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:81em)/";
  width: 81em;
}

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:81em) and (max-width:90em)/";
  width: 81em;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em;
}

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

html, body {
  height: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  font-size: 16px;
}

body {
  background: #fff;
  color: #353031;
  cursor: auto;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  padding: 0;
  position: relative;
}

a:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.hide {
  display: none;
}

.invisible {
  visibility: hidden;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

/* Foundation Dropdowns */
.f-dropdown {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #f9f9f9;
  border: solid 0 #cccccc;
  font-size: 0.8125rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 10px;
  max-width: 200px;
}
.f-dropdown.open {
  display: block;
}
.f-dropdown > *:first-child {
  margin-top: 0;
}
.f-dropdown > *:last-child {
  margin-bottom: 0;
}
.f-dropdown:before {
  border: inset 8px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #f9f9f9 transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -16px;
  left: 10px;
  z-index: 89;
}
.f-dropdown:after {
  border: inset 9px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #cccccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -18px;
  left: 9px;
  z-index: 88;
}
.f-dropdown.right:before {
  left: auto;
  right: 10px;
}
.f-dropdown.right:after {
  left: auto;
  right: 9px;
}
.f-dropdown.drop-right {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #f9f9f9;
  border: solid 0 #cccccc;
  font-size: 0.8125rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-left: 10px;
  max-width: 200px;
}
.f-dropdown.drop-right.open {
  display: block;
}
.f-dropdown.drop-right > *:first-child {
  margin-top: 0;
}
.f-dropdown.drop-right > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.drop-right:before {
  border: inset 8px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #f9f9f9 transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 10px;
  left: -16px;
  z-index: 89;
}
.f-dropdown.drop-right:after {
  border: inset 9px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #cccccc transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 9px;
  left: -18px;
  z-index: 88;
}
.f-dropdown.drop-left {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #f9f9f9;
  border: solid 0 #cccccc;
  font-size: 0.8125rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-left: -10px;
  max-width: 200px;
}
.f-dropdown.drop-left.open {
  display: block;
}
.f-dropdown.drop-left > *:first-child {
  margin-top: 0;
}
.f-dropdown.drop-left > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.drop-left:before {
  border: inset 8px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #f9f9f9;
  border-left-style: solid;
  position: absolute;
  top: 10px;
  right: -16px;
  left: auto;
  z-index: 89;
}
.f-dropdown.drop-left:after {
  border: inset 9px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #cccccc;
  border-left-style: solid;
  position: absolute;
  top: 9px;
  right: -18px;
  left: auto;
  z-index: 88;
}
.f-dropdown.drop-top {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #f9f9f9;
  border: solid 0 #cccccc;
  font-size: 0.8125rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-left: 0;
  margin-top: -10px;
  max-width: 200px;
}
.f-dropdown.drop-top.open {
  display: block;
}
.f-dropdown.drop-top > *:first-child {
  margin-top: 0;
}
.f-dropdown.drop-top > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.drop-top:before {
  border: inset 8px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #f9f9f9 transparent transparent transparent;
  border-top-style: solid;
  bottom: -16px;
  position: absolute;
  top: auto;
  left: 10px;
  right: auto;
  z-index: 89;
}
.f-dropdown.drop-top:after {
  border: inset 9px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #cccccc transparent transparent transparent;
  border-top-style: solid;
  bottom: -18px;
  position: absolute;
  top: auto;
  left: 9px;
  right: auto;
  z-index: 88;
}
.f-dropdown li {
  cursor: pointer;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  margin: 0;
}
.f-dropdown li:hover, .f-dropdown li:focus {
  background: #EEEEEE;
}
.f-dropdown li a {
  display: block;
  padding: 0.5rem;
  color: #353031;
}
.f-dropdown.content {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #f9f9f9;
  border: solid 0 #cccccc;
  font-size: 0.8125rem;
  height: auto;
  max-height: none;
  padding: 1.25rem;
  width: 100%;
  z-index: 89;
  max-width: 200px;
}
.f-dropdown.content.open {
  display: block;
}
.f-dropdown.content > *:first-child {
  margin-top: 0;
}
.f-dropdown.content > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.radius {
  border-radius: 3px;
}
.f-dropdown.tiny {
  max-width: 200px;
}
.f-dropdown.small {
  max-width: 300px;
}
.f-dropdown.medium {
  max-width: 500px;
}
.f-dropdown.large {
  max-width: 800px;
}
.f-dropdown.mega {
  width: 100% !important;
  max-width: 100% !important;
}
.f-dropdown.mega.open {
  left: 0 !important;
}

.flex-video {
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.5625rem;
  position: relative;
}
.flex-video.widescreen {
  padding-bottom: 56.34%;
}
.flex-video.vimeo {
  padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}

.reveal-modal-bg {
  background: #353031;
  background: rgba(53, 48, 49, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0;
}

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #fff;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(53, 48, 49, 0.4);
}
@media only screen and (max-width: 47.938em) {
  .reveal-modal {
    min-height: 100vh;
  }
}
.reveal-modal .column, .reveal-modal .columns {
  min-width: 0;
}
.reveal-modal > :first-child {
  margin-top: 0;
}
.reveal-modal > :last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .reveal-modal {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 80%;
  }
}
@media only screen and (min-width: 48em) {
  .reveal-modal {
    top: 6.25rem;
  }
}
.reveal-modal.radius {
  box-shadow: none;
  border-radius: 3px;
}
.reveal-modal.round {
  box-shadow: none;
  border-radius: 1000px;
}
.reveal-modal.collapse {
  padding: 0;
  box-shadow: none;
}
@media only screen and (min-width: 48em) {
  .reveal-modal.tiny {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 30%;
  }
}
@media only screen and (min-width: 48em) {
  .reveal-modal.small {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 40%;
  }
}
@media only screen and (min-width: 48em) {
  .reveal-modal.medium {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 60%;
  }
}
@media only screen and (min-width: 48em) {
  .reveal-modal.large {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 70%;
  }
}
@media only screen and (min-width: 48em) {
  .reveal-modal.xlarge {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 95%;
  }
}
.reveal-modal.full {
  height: 100vh;
  height: 100%;
  left: 0;
  margin-left: 0 !important;
  max-width: none !important;
  min-height: 100vh;
  top: 0;
}
@media only screen and (min-width: 48em) {
  .reveal-modal.full {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 100%;
  }
}
.reveal-modal.toback {
  z-index: 1003;
}
.reveal-modal .close-reveal-modal {
  color: #AAAAAA;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 0.625rem;
  right: 1.375rem;
}

/* small displays */
@media only screen {
  .show-for-small-only, .block-layered-nav .block-title, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .hide-for-small-only, .account-create .col-2, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .sidebar .block-shopping, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.show-for-small-only, .block-layered-nav table.block-title, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.show-for-small-only, .block-layered-nav thead.block-title, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.show-for-small-only, .block-layered-nav tbody.block-title, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.show-for-small-only, .block-layered-nav tr.block-title, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.show-for-small-only, .block-layered-nav th.block-title, td.show-for-small-only, .block-layered-nav td.block-title, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* medium displays */
@media only screen and (min-width: 48em) {
  .hide-for-small-only, .account-create .col-2, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .block-layered-nav .block-title, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .sidebar .block-shopping, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.hide-for-small-only, .account-create table.col-2, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only, .account-create thead.col-2, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, .account-create tbody.col-2, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, .account-create tr.col-2, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only, .account-create th.col-2, td.hide-for-small-only, .account-create td.col-2, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* large displays */
@media only screen and (min-width: 81em) {
  .hide-for-small-only, .account-create .col-2, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .sidebar .block-shopping, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .block-layered-nav .block-title, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.hide-for-small-only, .account-create table.col-2, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, .sidebar table.block-shopping, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only, .account-create thead.col-2, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, .sidebar thead.block-shopping, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, .account-create tbody.col-2, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, .sidebar tbody.block-shopping, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, .account-create tr.col-2, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, .sidebar tr.block-shopping, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only, .account-create th.col-2, td.hide-for-small-only, .account-create td.col-2, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, .sidebar th.block-shopping, td.show-for-large-up, .sidebar td.block-shopping, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
  .hide-for-small-only, .account-create .col-2, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .sidebar .block-shopping, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .block-layered-nav .block-title, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.hide-for-small-only, .account-create table.col-2, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, .sidebar table.block-shopping, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only, .account-create thead.col-2, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, .sidebar thead.block-shopping, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, .account-create tbody.col-2, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, .sidebar tbody.block-shopping, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, .account-create tr.col-2, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, .sidebar tr.block-shopping, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only, .account-create th.col-2, td.hide-for-small-only, .account-create td.col-2, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, .sidebar th.block-shopping, td.show-for-large-up, .sidebar td.block-shopping, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .account-create .col-2, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .sidebar .block-shopping, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .block-layered-nav .block-title, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.hide-for-small-only, .account-create table.col-2, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, .sidebar table.block-shopping, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only, .account-create thead.col-2, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, .sidebar thead.block-shopping, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, .account-create tbody.col-2, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, .sidebar tbody.block-shopping, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, .account-create tr.col-2, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, .sidebar tr.block-shopping, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only, .account-create th.col-2, td.hide-for-small-only, .account-create td.col-2, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, .sidebar th.block-shopping, td.show-for-large-up, .sidebar td.block-shopping, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important;
}

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important;
  }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important;
  }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important;
}

.touch table.show-for-touch {
  display: table !important;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.show-on-focus:focus, .show-on-focus:active {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

/* Print visibility */
table {
  background: #fff;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.25rem;
  table-layout: auto;
}
table caption {
  background: transparent;
  color: #222222;
  font-size: 1rem;
  font-weight: bold;
}
table thead {
  background: #F5F5F5;
}
table thead tr th,
table thead tr td {
  color: #222222;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.5rem 0.625rem 0.625rem;
}
table tfoot {
  background: #F5F5F5;
}
table tfoot tr th,
table tfoot tr td {
  color: #222222;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.5rem 0.625rem 0.625rem;
}
table tr th,
table tr td {
  color: #222222;
  font-size: 0.875rem;
  padding: 0.5625rem 0.625rem;
  text-align: left;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #F9F9F9;
}
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
  display: table-cell;
  line-height: 1.125rem;
}

@media only screen and (max-width: 47.938em) {
  .cta-list li {
    border-bottom: 0.0625rem solid #AD2336;
    padding: 0.75rem 0;
  }
  .cta-list li:first-child {
    padding-top: 0;
  }
}

.cta-item {
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .cta-item {
    display: table;
  }
}

.cta-image {
  display: block;
}
@media only screen and (max-width: 47.938em) {
  .cta-image {
    left: 0;
    position: absolute;
    height: 4.375rem;
    overflow: hidden;
    top: 0;
    width: 4.375rem;
  }
  .cta-image img {
    height: auto;
    max-width: unset;
    width: 100%;
  }
}

.cta-detail {
  min-height: 4.375rem;
  position: relative;
}
@media only screen and (max-width: 47.938em) {
  .cta-detail {
    margin-left: 4.375rem;
  }
}
@media only screen and (min-width: 48em) {
  .cta-detail {
    bottom: 3.125rem;
    position: absolute;
    left: 0;
    width: 100%;
  }
}

.cta-title {
  letter-spacing: 0.2em;
  color: #fff;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 47.938em) {
  .cta-title {
    color: #353031;
    font-size: 0.875rem;
    padding: 1.75rem 1.25rem;
    text-align: left;
  }
}

.cta-text {
  letter-spacing: 0.2em;
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 0.875rem;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.cta-text, .cta-text p {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.cta-text:before {
  background: #fff;
  content: " ";
  display: block;
  height: 0.0625rem;
  margin: 0.9375rem auto;
  width: 2.8125rem;
}
@media only screen and (max-width: 47.938em) {
  .cta-text {
    display: none;
  }
}

.cta-btn {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
  position: absolute;
  right: -0.1875rem;
  top: -0.0625rem;
}
.cta-btn span {
  letter-spacing: 0.3em;
  background: #444;
  color: #fff;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 0;
  text-transform: uppercase;
}
.cta-btn span span {
  display: inline-block;
  padding: 0;
}
.cta-btn:hover span {
  background: #666;
}
.cta-btn span:after {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
}
.cta-btn span span, .cta-btn span span:after {
  display: none;
}
.cta-btn > span {
  line-height: 48.125rem;
  height: 4.375rem;
  width: 4.375rem;
}

/*

# Admin controlled content

```
<div class="std">
    <h2 class="subtitle">Subtitle</h2>
    <p>Paragraph text with <em>italitcs</em> and <strong>bold</strong></p>
    <ol class="ol">
        <li>Ordered List Item</li>
        <li>Ordered List Item</li>
        <li>
            Ordered List Item
            <ol>
                <li>Sub Ordered List Item</li>
                <li>Sub Ordered List Item</li>
                <li>Sub Ordered List Item</li>
            </ol>
        </li>
    </ol>
    <ul class="disc">
        <li>Unordered List Item</li>
        <li>Unordered List Item</li>
        <li>
            Unordered List Item
            <ul>
                <li>Sub Unordered List Item</li>
                <li>Sub Unordered List Item</li>
                <li>Sub Unordered List Item</li>
            </ul>
        </li>
    </ul>
    <dl>
        <dt>Definition Term</dt>
        <dd>Definition Description</dd>
        <dt>Definition Term</dt>
        <dd>Definition Description</dd>
        <dt>Definition Term</dt>
        <dd>Definition Description</dd>
    </dl>
    <address>Address Content</address>
    <blockquote>
        Blockquote
        <cite>Citation</cite>
    </blockquote>
</div>
```

*/
.std {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.std .subtitle {
  color: #353031;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 1.125rem;
  padding: 0;
  text-transform: uppercase;
}
.std .social-links ul {
  padding: 0;
}
.std .social-links li {
  display: inline-block;
  margin: 0 0.5rem;
}
.std .social-links li:first-child {
  margin-left: 0;
}
.std .social-links li:last-child {
  margin-right: 0;
}
.std .social-links li span {
  display: none;
}
.std .social-links a {
  color: #353031;
  display: block;
  text-align: center;
  text-decoration: none;
}
.std .social-links a:hover {
  color: #AD2336;
}
.std .social-links i {
  font-family: "FontAwesome";
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
}
.std h1, .std h2,
.std h3, .std h4,
.std h5, .std h6 {
  letter-spacing: 0.2em;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 1.2em;
}
.std h1 {
  font-size: 1.875rem;
}
.std h2 {
  font-size: 1.5rem;
}
.std h3 {
  font-size: 1.125rem;
}
.std h4 {
  font-size: 0.875rem;
}
.std h5 {
  font-size: 0.75rem;
}
.std h6 {
  font-size: 0.75rem;
}
.std p {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-bottom: 1.125rem;
}
.std a {
  text-decoration: none;
  color: #AD2336;
  font-style: normal;
}
.std a:hover, .std a:focus {
  text-decoration: underline;
}
.std ol.ol {
  list-style: decimal outside;
  padding-left: 1.5em;
}
.std ul.disc {
  list-style: disc outside;
  padding-left: 1.5em;
  margin: 0 0 1.5em;
}
.std ul, .std ol,
.std dl, .std p,
.std address {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin: 0 0 1.125rem;
  padding: 0;
}
.std ul {
  list-style: disc outside;
  padding-left: 1.5em;
}
.std ul ul {
  list-style-type: circle;
}
.std ol {
  list-style: decimal outside;
  padding-left: 1.5em;
}
.std ul ul, .std ol ol,
.std ul ol, .std ol ul {
  margin: .5em 0;
}
.std dt {
  font-weight: 600;
  margin: 0 0 0 1em;
}
.std dd {
  margin: 0 0 1.5em;
}
.std blockquote {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-bottom: 1.125rem;
  padding: 0 1.875rem;
  position: relative;
}
.std blockquote:before {
  color: #AD2336;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}
.std blockquote:after {
  color: #AD2336;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-left: 0.5rem;
  text-indent: 0;
}
.std blockquote:before, .std blockquote:after {
  font-size: 1.125rem;
  position: absolute;
}
.std blockquote:before {
  left: 0;
  top: 0;
}
.std blockquote:after {
  bottom: 0;
  right: 0;
}
.std blockquote cite {
  font-weight: 600;
  text-transform: uppercase;
}
.std address {
  font-style: normal;
}
.std b, .std strong {
  font-weight: 600;
}
.std i, .std em {
  font-style: italic;
}
.std iframe {
  max-width: 100%;
}

/*

# Reset

*/
* {
  margin: 0;
  padding: 0;
}
*, *:after, *:before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html, body {
  font-size: 100%;
  height: auto;
}

body {
  background: #fff;
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #AD2336;
  font-style: normal;
}
a:hover, a:focus {
  text-decoration: underline;
}

:focus {
  outline: 0;
}

iframe {
  max-width: 100%;
}

/*

## Headings

*/
h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0.2em;
  color: #353031;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 1.2em;
}

h1 {
  font-size: 1.875rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.125rem;
}

h4 {
  font-size: 0.875rem;
}

h5 {
  font-size: 0.75rem;
}

h6 {
  font-size: 0.75rem;
}

/*

## Forms

*/
form {
  display: inline;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

legend {
  display: none;
}

/*

## Table

*/
table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-size: 100%;
}

caption, th, td {
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}

/*

## Content

*/
strong {
  font-weight: bold;
}

address {
  font-style: normal;
}

cite {
  font-style: normal;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after {
  content: '';
}

small, big {
  font-size: 1em;
}

sup {
  font-size: 1em;
  vertical-align: top;
}

/*

## Lists

*/
ul, ol {
  list-style: none;
}

/*

## Tools

*/
.hidden {
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.nobr {
  white-space: nowrap !important;
}

.wrap {
  white-space: normal !important;
}

.a-left {
  text-align: left !important;
}

.a-center {
  text-align: center !important;
}

.a-right {
  text-align: right !important;
}

.v-top {
  vertical-align: top;
}

.v-middle {
  vertical-align: middle;
}

.f-left,
.left {
  float: left !important;
}

.f-right,
.right {
  float: right !important;
}

.f-none {
  float: none !important;
}

.f-fix {
  float: left;
  width: 100%;
}

.no-display {
  display: none;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-bg {
  background: none !important;
}

/*

# Content

Elements to control the layout which can be used within user entered data (typically via WYSIWYG editor) or used in custom blocks.

*/
/*

## Variables

*/
/*

## 2 Column Set

Two equally spaced columns or optionally one wider column with the `.col-narrow` and `.col-wide` classes. All columns go full width on smaller screen sizes.

### Equally Spaced

	<div class="col2-set">
		<div class="col-1">Column 1</div>
		<div class="col-2">Column 2</div>
	</div>

### Wide & Narrow

	<div class="col2-set">
		<div class="col-1 col-narrow">Column 1</div>
		<div class="col-2 col-wide">Column 2</div>
	</div>

*/
.col2-set {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
.col2-set:before, .col2-set:after {
  content: " ";
  display: table;
}
.col2-set:after {
  clear: both;
}
.col2-set .col-1 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
  margin-bottom: 1.25rem;
}
.col2-set .col-2 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.col2-set .col-narrow {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.col2-set .col-wide {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.col2-set .col2-set {
  margin-top: 2.5rem;
}
@media only screen and (min-width: 81em) {
  .col2-set .col-1 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
  .col2-set .col-2 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
  .col2-set .col-narrow {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 41.66667%;
    float: left;
  }
  .col2-set .col-wide {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 58.33333%;
    float: left;
  }
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .col1-layout .col2-set .col-1 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
  .col1-layout .col2-set .col-2 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
  .col1-layout .col2-set .col-narrow {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 41.66667%;
    float: left;
  }
  .col1-layout .col2-set .col-wide {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 58.33333%;
    float: left;
  }
}

/*

## 3 Column Set

Three equally spaced columns, each full width on smaller screen sizes.

	<div class="col3-set">
		<div class="col-1">Column 1</div>
		<div class="col-2">Column 2</div>
		<div class="col-3">Column 3</div>
	</div>

*/
.col3-set {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
.col3-set:before, .col3-set:after {
  content: " ";
  display: table;
}
.col3-set:after {
  clear: both;
}
.col3-set .col-1,
.col3-set .col-2,
.col3-set .col-3 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 33.33333%;
  float: left;
}
@media only screen and (max-width: 47.938em) {
  .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
  .col3-set .col-1, .col3-set .col-2 {
    margin-bottom: 1.25rem;
  }
}

/*

## 4 Column Set

Four equally spaced columns, 2x2 on medium sized screens and each full width on smaller screen sizes.

	<div class="col4-set">
		<div class="col-1">Column 1</div>
		<div class="col-2">Column 2</div>
		<div class="col-3">Column 3</div>
		<div class="col-4">Column 4</div>
	</div>

*/
.col4-set {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
.col4-set:before, .col4-set:after {
  content: " ";
  display: table;
}
.col4-set:after {
  clear: both;
}
.col4-set .col-1, .col4-set .col-2,
.col4-set .col-3, .col4-set .col-4 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 25%;
  float: left;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .col4-set .col-1, .col4-set .col-2,
  .col4-set .col-3, .col4-set .col-4 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
  .col4-set .col-1, .col4-set .col-2 {
    margin-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 47.938em) {
  .col4-set .col-1, .col4-set .col-2,
  .col4-set .col-3, .col4-set .col-4 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
  .col4-set .col-1, .col4-set .col-2, .col4-set .col-3 {
    margin-bottom: 1.25rem;
  }
}

@media only screen and (max-width: 47.938em) {
  .cms-page-view .col-left {
    display: none;
  }
}
/*

# Footer

```
    <footer class="footer-container">
        <div class="footer">

    	</div>
    </footer>
```

*/
footer {
  background: #f9f9f9;
  margin-top: 1.875rem;
}
.cms-index-index footer {
  margin-top: 0;
}

.footer-block .block-title h2 {
  color: #353031;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  height: 1em;
  letter-spacing: 0.2em;
  line-height: 1em;
  margin: 0 0 2em 0;
  text-transform: uppercase;
}

/*

## Footer Links

*/
.footer-links-container {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.footer-links-container:before, .footer-links-container:after {
  content: " ";
  display: table;
}
.footer-links-container:after {
  clear: both;
}

@media only screen and (min-width: 81em) {
  .footer-links > .footer-block {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 16.66667%;
    float: left;
  }
  .footer-links > .footer-block.footer-secure {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    float: left;
  }
  .footer-links > .footer-block.footer-mixed {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.33333%;
    float: right;
  }
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .footer-links > .footer-block {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.33333%;
    float: left;
  }
  .footer-links > .footer-block.footer-mixed {
    margin: 0 auto;
    max-width: 81rem;
    width: 100%;
    padding: 1.25rem 0 0;
  }
  .footer-links > .footer-block.footer-mixed:before, .footer-links > .footer-block.footer-mixed:after {
    content: " ";
    display: table;
  }
  .footer-links > .footer-block.footer-mixed:after {
    clear: both;
  }
  .footer-links > .footer-block .footer-newsletter {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 66.66667%;
    float: left;
  }
  .footer-links > .footer-block .footer-social {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.33333%;
    float: left;
  }
}

.footer-links {
  overflow: hidden;
  padding: 3.125rem 0 1.875rem;
}
.footer-links > .footer-block {
  border: 0;
  margin: 0;
  text-align: left;
}
.footer-links > .footer-block .block-title,
.footer-links > .footer-block .block-content {
  border: 0;
  padding: 0;
}
.footer-links > .footer-block li a {
  text-decoration: none;
  letter-spacing: 0.05em;
  color: #353031;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  line-height: 2em;
  text-transform: uppercase;
}
.footer-links > .footer-block li a:hover, .footer-links > .footer-block li a:focus {
  text-decoration: underline;
}
.footer-links .block-content {
  color: #353031;
  font-size: 0.75rem;
  line-height: 2em;
}
.footer-links a {
  text-decoration: none;
  color: #353031;
  display: block;
}
.footer-links a:hover, .footer-links a:focus {
  text-decoration: underline;
}
.footer-links ul {
  line-height: 2em;
  margin: 0 0 1.25rem;
}
.footer-links ul:last-child {
  margin-bottom: 0;
}
.footer-links ul ul {
  margin: 0;
  padding-left: 1.5em;
}
.footer-links address {
  margin-bottom: 2em;
}
.footer-links p {
  font-size: 1em;
  line-height: 2em;
  margin-bottom: 2em;
}
.footer-links p:last-child {
  margin-bottom: 0;
}
.footer-links p a {
  color: #AD2336;
  display: inline;
}
.footer-links dl {
  margin-bottom: 2em;
  overflow: hidden;
}
.footer-links dt,
.footer-links dd {
  float: left;
  line-height: 2em;
  margin: 0;
}
.footer-links dt {
  font-weight: normal;
  clear: left;
  width: 75%;
}
.footer-links dd {
  width: 25%;
}
@media only screen and (max-width: 47.938em) {
  .footer-links > .footer-block {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    margin-top: 1.25rem;
  }
  .footer-links .block-collapsable {
    border-bottom: 0.0625rem solid #e1e1e1;
    color: #353031;
    margin: 0;
  }
  .footer-links .block-collapsable .block-title {
    background: 0;
    padding: 0.8125rem 0;
    margin: 0;
    line-height: 1em;
    text-align: left;
  }
  .footer-links .block-collapsable .block-title:after {
    color: #353031;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    margin-left: 0.5rem;
    text-indent: 0;
  }
  .footer-links .block-collapsable .block-title h2, .footer-links .block-collapsable .block-title strong {
    color: #353031;
    display: inline;
    margin: 0;
  }
  .footer-links .block-collapsable .block-title h2:after, .footer-links .block-collapsable .block-title strong:after {
    display: none;
  }
  .footer-links .block-collapsable .block-title:after {
    float: right;
  }
  .footer-links .block-collapsable .block-content {
    display: none;
    padding: 0 0 1.25rem;
  }
  .footer-links .block-collapsable .block-content, .footer-links .block-collapsable .block-content a {
    color: #353031;
  }
  .footer-links .block-collapsable.block-expanded .block-title:after {
    content: "";
  }
}

/*

## Footer Subscribe

*/
.footer-newsletter {
  margin-bottom: 1.875rem;
}
.footer-newsletter p {
  font-size: 0.75rem;
  line-height: 2em;
  margin-bottom: 1em;
}
.footer-newsletter .input-box {
  background: #fff;
  padding-right: 9.375rem;
  position: relative;
}
.footer-newsletter .input-text {
  border: 0;
  border-bottom: 0.0625rem solid #353031;
  line-height: 2.375rem;
  height: 2.375rem;
  width: 100%;
}
.footer-newsletter .input-text:active {
  border: none;
}
.footer-newsletter .button {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
  position: absolute;
  right: 0.1875rem;
  top: 0.0625rem;
  width: 9.0625rem;
}
.footer-newsletter .button span {
  letter-spacing: 0.3em;
  background: #353031;
  color: #fff;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 0.6875rem 0 0.625rem;
  text-transform: uppercase;
}
.footer-newsletter .button span span {
  display: inline-block;
  padding: 0;
}
.footer-newsletter .button:hover span {
  background: #444;
}
.footer-newsletter .button:hover span {
  background: 0;
  color: #AD2336;
}

.footer-shopping li {
  min-height: 2.25rem;
  position: relative;
  padding-left: 3.1875rem;
  line-height: 1.125rem;
  margin-bottom: 1.25rem;
  text-align: left;
}
.footer-shopping li:before {
  color: #fff;
  content: " ";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.9375rem;
  text-indent: 0;
}
.footer-shopping li:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #AD2336;
  height: 2.25rem;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2.25rem;
  left: 0;
}
.footer-shopping li:last-child {
  margin-bottom: 0;
}
.footer-shopping li.delivery:before {
  content: "";
}
.footer-shopping li.order:before {
  content: "";
}
.footer-shopping li.value:before {
  content: "";
}
.footer-shopping li.savings:before {
  content: "";
}

.footer-social {
  margin-bottom: 1.875rem;
}
.footer-social ul {
  text-align: left;
}
.footer-social li {
  display: inline-block;
  margin: 0 0.25rem;
  text-align: center;
}
.footer-social li a {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #AD2336;
  color: #fff;
  display: block;
  height: 2.25rem;
  line-height: 2.25rem;
  width: 2.25rem;
}
.footer-social li a span {
  display: none;
}
.footer-social i {
  color: #fff;
  font-size: 1rem;
  line-height: 2.25rem;
}

.copyright {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
  color: #AD2336;
  clear: both;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.copyright:before, .copyright:after {
  content: " ";
  display: table;
}
.copyright:after {
  clear: both;
}
.copyright a {
  text-decoration: none;
}
.copyright a:hover, .copyright a:focus {
  text-decoration: underline;
}
.copyright .copyright-text {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
  letter-spacing: 0.05em;
  font-weight: 300;
  overflow: hidden;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.copyright .copyright-text:before {
  background-image: url('/skin/frontend/webtise/default/images/copyright-logo.png?1506003265');
  background-position: center;
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 54px;
  margin-bottom: 0.625rem;
  width: 100%;
}
.copyright .copyright-text:after {
  background: radial-gradient(#f9f9f9, #ffffff 90%);
  content: "";
  display: block;
  height: 0.1875rem;
  position: absolute;
  top: 0;
  width: 100%;
}

/*

# Header

```
	<div class="header-container">
	    <div class="header">
	        <h1 class="logo"><strong>Magento Commerce</strong><a class="logo" title="Magento Commerce" href=""><img alt="Magento Commerce" src="/stylesheet/assets/images/logo.gif"></a></h1>
	        <div class="quick-access">
	            <form method="get" action="" id="search_mini_form">
	                <div class="form-search">
	                    <label for="search">Search:</label>
	                    <input type="text" maxlength="128" class="input-text" value="" name="q" id="search" autocomplete="off">
	                    <button class="button" title="Search" type="submit"><span><span>Search</span></span></button>
	                    <div class="search-autocomplete" id="search_autocomplete">
	                        <ul>
	                            <li class="odd first selected"><span class="amount">10</span>Term</li>
	                            <li class="even last"><span class="amount">10</span>Term</li>
	                        </ul>
	                    </div>
	                </div>
	            </form>
	            <p class="welcome-msg">Welcome, Customer Name!</p>
	            <ul class="links">
	                <li class="first"><a title="My Account" href="">My Account</a></li>
	                <li><a title="My Wishlist" href="">My Wishlist</a></li>
	                <li><a class="top-link-cart" title="My Cart (2 items)" href="">My Cart (2 items)</a></li>
	                <li><a class="top-link-checkout" title="Checkout" href="">Checkout</a></li>
	                <li class=" last"><a title="Log Out" href="">Log Out</a></li>
	            </ul>
	            <div class="form-language">
	                <label for="select-language">Your Language:</label>
	                <select title="Your Language" id="select-language">
	                    <option selected="selected" value="">English</option>
	                    <option value="">French</option>
	                    <option value="">German</option>
	                </select>
	            </div>
	        </div>
	    </div>
	</div>
```

*/
.header-container {
  background: #fff;
  position: relative;
  z-index: 100;
}

.header {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
  padding: 0.625rem 0 0.9375rem;
  position: relative;
}
.header:before, .header:after {
  content: " ";
  display: table;
}
.header:after {
  clear: both;
}
.header .header-logo {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.header .header-primary {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 50%;
  float: left;
}
.header .header-secondary {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 50%;
  float: left;
}
@media only screen and (min-width: 81em) {
  .header {
    padding-top: 1.25rem;
  }
  .header .header-primary {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.33333%;
    float: left;
  }
  .header .header-secondary {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.33333%;
    left: 33.33333%;
    right: auto;
    float: left;
  }
  .header .header-logo {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.33333%;
    right: 33.33333%;
    left: auto;
    float: left;
  }
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .header .header-logo {
    padding-top: 0.625rem;
  }
}
@media only screen and (max-width: 47.938em) {
  .header .header-primary,
  .header .header-secondary {
    display: none;
  }
}

.header-logo {
  margin: 0;
  text-align: center;
}
.header-logo strong {
  display: none;
}
.header-logo img {
  max-width: 17.5rem;
}
@media only screen and (max-width: 47.938em) {
  .header-logo img {
    max-height: 2.8125rem;
  }
}

.header-icons {
  display: none;
  height: 2.25rem;
  overflow: hidden;
  text-align: center;
  margin: 0 auto 0.9375rem;
}
@media only screen and (max-width: 47.938em) {
  .header-icons {
    display: block;
  }
}
.header-icons .links {
  display: inline-block;
  float: none;
}
.header-icons .links > li {
  display: inline-block;
  float: left;
  margin: 0 0.25rem;
}
.header-icons .links > li:first-child {
  margin-left: 0;
}
.header-icons .links > li:last-child {
  margin-right: 0;
}
.header-icons a {
  letter-spacing: 0.1em;
  background-color: #f9f9f9;
  color: #353031;
  display: block;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  padding: 0 0.5rem;
  text-align: center;
  text-decoration: none;
}
.header-icons a:before, .header-icons a:after {
  font-weight: normal;
}
.header-icons a span {
  display: none;
  font-size: 0.75rem;
}
.header-icons a.header-icon-menu {
  width: auto;
}
.header-icons a.header-icon-menu:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}
.header-icons a.header-icon-menu[aria-expanded="true"] {
  background: #AD2336;
}
.header-icons a.header-icon-menu span {
  display: inline-block;
}
.header-icons a.header-icon-phone:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0;
  text-indent: 0;
}
.header-icons a.header-icon-search:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0;
  text-indent: 0;
}
.header-icons a.header-icon-account {
  font-size: 0.75rem;
}
.header-icons a.header-icon-account span {
  display: inline-block;
}
.header-icons a.header-icon-bag:before {
  background-image: url('/skin/frontend/webtise/default/images/header-icon-bag.png?1506003269');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: " ";
  display: inline-block;
  height: 32px;
  margin-right: 0.5rem;
  width: 32px;
  vertical-align: text-bottom;
}
.header-icons a.header-icon-bag:before {
  height: 1rem;
  width: 1rem;
}
.header-icons a.header-icon-bag span {
  display: inline-block;
}
.header-icons a.header-icon-bag[aria-expanded="true"] {
  background: #353031;
  color: #AD2336;
}
.header-icons a.header-icon-bag[aria-expanded="true"]:before {
  background-image: url('/skin/frontend/webtise/default/images/header-icon-bag-open.png?1506003281');
}

/*

### Header Links

```
	<div class="header-links">
		<ul class="links">
			<li class="first"><a title="My Account" href="">My Account</a></li>
			<li><a title="My Wishlist" href="">My Wishlist</a></li>
			<li><a class="top-link-cart" title="My Cart" href="">My Cart</a></li>
			<li><a class="top-link-checkout" title="Checkout" href="">Checkout</a></li>
			<li class=" last"><a title="Log In" href="">Log In</a></li>
		</ul>
	</div>
```

*/
.header-links {
  font-family: "proxima-nova", sans-serif;
  line-height: 1.5rem;
  padding: 0.375rem 0;
}
.header-links li,
.header-links a {
  letter-spacing: 0.05em;
  font-size: 0.75rem;
}
.header-links a {
  text-decoration: none;
  color: #353031;
}
.header-links a:hover, .header-links a:focus {
  text-decoration: underline;
}
.header-links.header-secondary .links {
  float: right;
}
.header-links .links {
  float: left;
}
.header-links .links > li {
  float: left;
  padding: 0 0.5rem;
}
.header-links .links > li:first-child {
  padding-left: 0;
}
.header-links .links > li:last-child {
  padding-right: 0;
}
.header-links .parent {
  position: relative;
}
.header-links .parent ul {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #f9f9f9;
  border: solid 0 #cccccc;
  font-size: 0.8125rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 10px;
  max-width: 200px;
  width: auto !important;
}
.header-links .parent ul.open {
  display: block;
}
.header-links .parent ul > *:first-child {
  margin-top: 0;
}
.header-links .parent ul > *:last-child {
  margin-bottom: 0;
}
.header-links .parent ul:before {
  border: inset 8px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #f9f9f9 transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -16px;
  left: 10px;
  z-index: 89;
}
.header-links .parent ul:after {
  border: inset 9px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #cccccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -18px;
  left: 9px;
  z-index: 88;
}
.header-links .parent ul.right:before {
  left: auto;
  right: 10px;
}
.header-links .parent ul.right:after {
  left: auto;
  right: 9px;
}
.header-links .parent li {
  cursor: pointer;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  margin: 0;
}
.header-links .parent li:hover, .header-links .parent li:focus {
  background: #EEEEEE;
}
.header-links .parent li a {
  display: block;
  padding: 0.5rem;
  color: #353031;
}
.header-links .header-bag:before {
  background-image: url('/skin/frontend/webtise/default/images/header-icon-bag.png?1506003269');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: " ";
  display: inline-block;
  height: 32px;
  margin-right: 0.5rem;
  width: 32px;
  vertical-align: text-bottom;
}
.header-links .header-bag:before {
  height: 1rem;
  width: 1rem;
}

/*

### Header Social

```
	<div class="header-social">
		<ul>
			<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
			<li><a href="#"><i class="fa fa-twitter"></i> <span>Twitter</span></a></li>
			<li><a href="#"><i class="fa fa-google-plus"></i> <span>Google Plus</span></a></li>
			<li><a href="#"><i class="fa fa-youtube"></i> <span>YouTube</span></a></li>
		</ul>
	</div>
```

*/
.header-social li {
  display: inline-block;
}
.header-social span {
  display: none;
}

/*

### Header Cart

*/
.dropdown-cart {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #f9f9f9;
  border: solid 0 #cccccc;
  font-size: 0.8125rem;
  height: auto;
  max-height: none;
  padding: 1.25rem;
  width: 100%;
  z-index: 89;
  margin-top: 10px;
  max-width: 18.75rem;
  background: #fff;
  border: 0.0625rem solid #e1e1e1;
}
.dropdown-cart.open {
  display: block;
}
.dropdown-cart > *:first-child {
  margin-top: 0;
}
.dropdown-cart > *:last-child {
  margin-bottom: 0;
}
.dropdown-cart:before {
  border: inset 8px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #f9f9f9 transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -16px;
  left: 10px;
  z-index: 89;
}
.dropdown-cart:after {
  border: inset 9px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #cccccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -18px;
  left: 9px;
  z-index: 88;
}
.dropdown-cart.right:before {
  left: auto;
  right: 10px;
}
.dropdown-cart.right:after {
  left: auto;
  right: 9px;
}
.dropdown-cart:before {
  left: auto;
  right: 10px;
}
.dropdown-cart:after {
  left: auto;
  right: 9px;
}

.header-cart .block-title {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
}
.header-cart .block-title h2, .header-cart .block-title strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.header-cart .block-title h2 span, .header-cart .block-title strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.header-cart .block-title h2:after, .header-cart .block-title strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.header-cart .actions .button {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 50%;
  float: left;
}
.header-cart .actions .btn-bag span {
  letter-spacing: 0.2em;
  background: transparent;
  border-bottom: 0.0625rem solid #AD2336;
  border-top: 0.0625rem solid #AD2336;
  color: #AD2336;
  font-weight: 600;
}
.header-cart .actions .btn-bag span span {
  border: 0;
}
.header-cart .actions .btn-bag:hover span {
  background: 0;
  border-color: #353031;
  color: #353031;
}

/*

### Search Form

*/
.search-dropdown {
  display: none;
  background: #f9f9f9;
  padding: 0.625rem;
}

.form-search {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 0 0 0.0625rem;
}
.form-search label {
  display: none;
}
.form-search .input-box {
  background: #fff;
  padding-right: 1.125rem;
  position: relative;
}
.form-search .input-text {
  border: 0;
  color: #353031;
  font-size: 0.75rem;
  line-height: 1.125rem;
  height: 1.125rem;
  padding: 0 .8em;
  width: 100%;
}
.form-search .input-text:focus, .form-search .input-text:active {
  border: none;
}
.form-search .input-text:-moz-placeholder {
  color: #353031;
}
.form-search .input-text::-moz-placeholder {
  color: #353031;
}
.form-search .input-text:-ms-input-placeholder {
  color: #353031;
}
.form-search .input-text::-webkit-input-placeholder {
  color: #353031;
}
.form-search .btn-search {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.125rem;
}
.form-search .btn-search span {
  letter-spacing: 0.3em;
  background: #fff;
  color: #353031;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 0.125rem 0;
  text-transform: uppercase;
}
.form-search .btn-search span span {
  display: inline-block;
  padding: 0;
}
.form-search .btn-search:hover span {
  background: #444;
}
.form-search .btn-search span:after {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
}
.form-search .btn-search span span, .form-search .btn-search span span:after {
  display: none;
}
.form-search .btn-search span {
  line-height: 1.125rem;
}
.form-search .btn-search:hover span {
  background: #AD2336;
}
.form-search .btn-search:hover span:after {
  color: #fff;
}
.form-search .search-autocomplete {
  left: 0 !important;
  padding: 0 0.625rem;
  width: 20rem !important;
  z-index: 999;
}
.form-search .search-autocomplete ul {
  border: 0;
  background-color: #353031;
  left: 0;
  padding: 0;
  position: relative;
}
.form-search .search-autocomplete li {
  border-top: 0.0625rem dotted #fff;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 1rem 1.25rem !important;
  text-transform: uppercase;
}
.form-search .search-autocomplete li .amount {
  float: right;
}
.search-dropdown .form-search {
  border: 0.0625rem solid #e1e1e1;
}
@media only screen and (min-width: 81em) {
  .form-search {
    margin: 0;
  }
}

.currency-switcher .currency-link {
  letter-spacing: 0.1em;
  display: block;
  height: auto;
  padding: 1rem 0 0.3125rem 2rem;
  position: relative;
  text-decoration: none;
}
.currency-switcher .currency-link:before {
  background-color: none;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  left: 0;
  height: 2rem;
  position: absolute;
  top: 0;
  width: 2rem;
}
.currency-switcher .currency-link span {
  display: block;
  line-height: 1rem;
  text-transform: uppercase;
}
.currency-switcher .currency-link.currency-AUD:before {
  background-image: url('/skin/frontend/webtise/default/images/flag/au.png?1506003282');
}
.currency-switcher .currency-link.currency-GBP:before {
  background-image: url('/skin/frontend/webtise/default/images/flag/gb.png?1506003290');
}
.currency-switcher .currency-link.currency-DKK:before {
  background-image: url('/skin/frontend/webtise/default/images/flag/dk.png?1506003288');
}
.currency-switcher .currency-link.currency-EUR:before {
  background-image: url('/skin/frontend/webtise/default/images/flag/eu.png?1506003289');
}
.currency-switcher .currency-link.currency-JPY:before {
  background-image: url('/skin/frontend/webtise/default/images/flag/jp.png?1506003297');
}
.currency-switcher .currency-link.currency-NOK:before {
  background-image: url('/skin/frontend/webtise/default/images/flag/no.png?1506003304');
}
.currency-switcher .currency-link.currency-USD:before {
  background-image: url('/skin/frontend/webtise/default/images/flag/us.png?1506003313');
}
.currency-switcher .currency-current {
  display: inline-block;
  height: 1.5rem;
  padding: 0 1rem 0 2rem;
  width: 3rem;
}
.currency-switcher .currency-current:before {
  height: 1.5rem;
}
@media only screen and (min-width: 48em) {
  .currency-switcher .currency-current:after {
    color: #353031;
    content: "";
    font-family: "FontAwesome";
    font-size: 0.875rem;
    line-height: 1.5rem;
    right: 0;
    text-align: center;
    top: 0;
    width: 1rem;
    margin-left: 5px;
  }
}
.currency-switcher .currency-current span {
  display: none;
}
.currency-switcher .currency-name {
  color: #353031;
  font-size: 0.8125rem;
  font-weight: 700;
}
.currency-switcher .currency-code {
  color: #353031;
  font-size: 0.6875rem;
}
.currency-switcher .f-dropdown {
  padding: 0.625rem;
  max-width: 15rem;
}
.currency-switcher .f-dropdown .currency-name {
  color: #353031;
}
.currency-switcher .f-dropdown .currency-link {
  padding: 0.625rem 0.625rem 0.625rem 3.125rem;
}
.currency-switcher .f-dropdown .currency-link:before {
  left: 0.625rem;
  top: 0.625rem;
}
.currency-switcher .f-dropdown .currency-link:hover {
  background: #fff;
}
.currency-switcher .f-dropdown .currency-link:hover .currency-name {
  color: #353031;
}
.header-icons .currency-switcher {
  height: 2.25rem;
}
.header-icons .currency-switcher .currency-link {
  text-align: left;
}
.header-icons .currency-switcher .currency-current {
  height: 2.25rem;
  padding-bottom: 0.375rem;
  padding-right: 1.25rem;
  padding-top: 0.375rem;
}
.header-icons .currency-switcher .currency-current:before {
  background-size: 1.625rem auto;
  left: 0.375rem;
  top: 0.375rem;
}
.header-icons .currency-switcher .currency-current:after {
  height: 2.25rem;
  line-height: 2.25rem;
}

.off-canvas-wrap {
  -webkit-transform: translateZ(0px);
  position: relative;
  width: 100%;
  overflow: hidden;
}
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left, .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-top {
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
}

.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}
.inner-wrap:before, .inner-wrap:after {
  content: " ";
  display: table;
}
.inner-wrap:after {
  clear: both;
}

.left-off-canvas-menu {
  -webkit-transform: translateZ(0px);
  background: #353031;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 17.5rem;
  z-index: 1001;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  top: 0;
  background: #f9f9f9;
}
.left-off-canvas-menu * {
  -webkit-transform: translateZ(0px);
}
.left-off-canvas-menu .customer-service-menu {
  margin-left: 1.5em;
  margin-right: 1em;
  margin-top: 2em;
  font-size: 12px;
  margin-bottom: 20px;
  color: #353031;
}
.left-off-canvas-menu .customer-service-menu a {
  color: #353031;
}
.left-off-canvas-menu .customer-service-menu .my-account-mobile, .left-off-canvas-menu .customer-service-menu .telephone-mobile {
  font-family: "proxima-nova", sans-serif;
  color: #fff;
  background: #AD2336;
  display: block;
  text-align: center;
  font-size: 1.06rem;
  font-weight: 300;
  letter-spacing: 0.16rem;
  text-transform: uppercase;
  text-decoration: none;
  width: 95%;
  margin-top: 5px;
  margin-bottom: 15px;
  line-height: 2.667em;
  margin-left: -1px;
}
.left-off-canvas-menu .customer-service-menu span {
  text-transform: uppercase;
  color: #353031;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
}

.right-off-canvas-menu {
  -webkit-transform: translateZ(0px);
  background: #353031;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 17.5rem;
  z-index: 1001;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  top: 0;
  background: #f9f9f9;
}
.right-off-canvas-menu * {
  -webkit-transform: translateZ(0px);
}

.move-right > .inner-wrap {
  -webkit-transform: translate3d(17.5rem, 0, 0);
  -moz-transform: translate3d(17.5rem, 0, 0);
  -ms-transform: translate(17.5rem, 0);
  -o-transform: translate3d(17.5rem, 0, 0);
  transform: translate3d(17.5rem, 0, 0);
}
.move-right .exit-off-canvas {
  -webkit-transform: translateZ(0px);
  box-shadow: -4px 0 4px rgba(53, 48, 49, 0.5), 4px 0 4px rgba(53, 48, 49, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(53, 48, 49, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 48em) {
  .move-right .exit-off-canvas:hover {
    background: rgba(53, 48, 49, 0.05);
  }
}

.move-left > .inner-wrap {
  -webkit-transform: translate3d(-17.5rem, 0, 0);
  -moz-transform: translate3d(-17.5rem, 0, 0);
  -ms-transform: translate(-17.5rem, 0);
  -o-transform: translate3d(-17.5rem, 0, 0);
  transform: translate3d(-17.5rem, 0, 0);
}
.move-left .exit-off-canvas {
  -webkit-transform: translateZ(0px);
  box-shadow: -4px 0 4px rgba(53, 48, 49, 0.5), 4px 0 4px rgba(53, 48, 49, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(53, 48, 49, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
  box-shadow: none;
}
@media only screen and (min-width: 48em) {
  .move-left .exit-off-canvas:hover {
    background: rgba(53, 48, 49, 0.05);
  }
}

.no-csstransforms .left-off-canvas-menu {
  left: -17.5rem;
}
.no-csstransforms .right-off-canvas-menu {
  right: -17.5rem;
}
.no-csstransforms .move-left > .inner-wrap {
  right: 17.5rem;
}
.no-csstransforms .move-right > .inner-wrap {
  left: 17.5rem;
}

/*

# Pages

Top level page layout for Magento's standard options, 1column, 2columns-left, 2-columns-right and 3columns.

*/
/*

## 1 Column

```
    <div class="main-container col1-layout">
        <div class="main">
            <div class="col-main">
                Content
            </div>
        </div>
    </div>
```

*/
.col1-layout .main {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.col1-layout .main:before, .col1-layout .main:after {
  content: " ";
  display: table;
}
.col1-layout .main:after {
  clear: both;
}
.col1-layout .col-main {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
@media only screen and (min-width: 48em) {
  .col1-layout {
    padding-top: 2.8125rem;
  }
  .page-title-wrapper + .col1-layout {
    padding-top: 0;
  }
  .cms-index-index .col1-layout, .category-page .col1-layout {
    padding-top: 0;
  }
}

/*

## 2 Columns (Left)

```
    <div class="main-container col2-left-layout">
        <div class="main">
            <div class="col-main">
                Content
            </div>
            <div class="col-left sidebar">Left Column</div>
        </div>
    </div>
```

*/
.col2-left-layout .main {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.col2-left-layout .main:before, .col2-left-layout .main:after {
  content: " ";
  display: table;
}
.col2-left-layout .main:after {
  clear: both;
}
.col2-left-layout .col-main {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.col2-left-layout .col-left {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
@media only screen and (max-width: 47.938em) {
  .col2-left-layout .col-main {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 48em) {
  .col2-left-layout .col-main {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 75%;
    left: 25%;
    right: auto;
    float: left;
  }
  .col2-left-layout .col-left {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    right: 75%;
    left: auto;
    float: left;
  }
}

/*

## 2 Columns (Right)

```
    <div class="main-container col2-right-layout">
        <div class="main">
            <div class="col-main">
                Content
            </div>
            <div class="col-right sidebar">Right</div>
        </div>
    </div>
```

*/
.col2-right-layout .main {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.col2-right-layout .main:before, .col2-right-layout .main:after {
  content: " ";
  display: table;
}
.col2-right-layout .main:after {
  clear: both;
}
.col2-right-layout .col-main {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.col2-right-layout .col-right {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
@media only screen and (max-width: 47.938em) {
  .col2-right-layout .col-main {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 48em) {
  .col2-right-layout .col-main {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 75%;
    float: left;
  }
  .col2-right-layout .col-right {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    float: left;
  }
}

/*

## 3 Columns

```
    <div class="main-container col3-layout">
        <div class="main">
            <div class="col-wrapper">
                <div class="col-main">
                    Content
                </div>
                <div class="col-left sidebar">Left Column</div>
            </div>
            <div class="col-right sidebar">Right Column</div>
        </div>
    </div>
```

*/
.col3-layout .main {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.col3-layout .main:before, .col3-layout .main:after {
  content: " ";
  display: table;
}
.col3-layout .main:after {
  clear: both;
}
.col3-layout .col-main {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.col3-layout .col-left {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.col3-layout .col-right {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
@media only screen and (max-width: 47.938em) {
  .col3-layout .col-main,
  .col3-layout .col-left,
  .col3-layout .col-right {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 48em) {
  .col3-layout .col-main {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    left: 25%;
    right: auto;
    float: left;
  }
  .col3-layout .col-left {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    right: 50%;
    left: auto;
    float: left;
  }
  .col3-layout .col-right {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    float: left;
  }
}

[data-accordion] {
  margin-bottom: 0;
}
[data-accordion]:before, [data-accordion]:after {
  content: " ";
  display: table;
}
[data-accordion]:after {
  clear: both;
}
[data-accordion], .std [data-accordion] {
  padding: 0;
  margin: 0;
}
[data-accordion] > dd, .std [data-accordion] > dd {
  padding: 0;
}
[data-accordion].product-accordion {
  margin: 1.875rem 0;
}
[data-accordion] > dd {
  display: block;
  margin-bottom: 0 !important;
}
[data-accordion] > dd.active > a {
  background: #fff;
  color: #222222;
}
[data-accordion] > dd > a {
  background: #fff;
  color: #353031;
  padding: 1rem;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
}
[data-accordion] > dd > a:hover {
  background: #fff;
}
[data-accordion] > dd .accordion-content {
  display: none;
}
[data-accordion] > dd:first-child > a {
  border-top: 0.0625rem solid #e1e1e1;
}
[data-accordion] > dd.active > a:before {
  content: "";
}
[data-accordion] > dd.active .accordion-content {
  border-bottom: 0.0625rem solid #e1e1e1;
  display: block;
}
[data-accordion] > dd > a {
  letter-spacing: 0.2em;
  border-bottom: 0.0625rem solid #e1e1e1;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
  padding: 0.625rem 0;
  text-decoration: none;
  text-transform: uppercase;
}
[data-accordion] > dd > a:before {
  content: "";
  display: inline-block;
  float: right;
  font-family: "FontAwesome";
}
[data-accordion] .accordion-content {
  display: none;
  padding: 0.9375rem 0;
}
[data-accordion] .accordion-content.active {
  background: none;
  display: block;
}
[data-accordion] .accordion-content.active {
  display: none;
}

.banners-carousel {
  position: relative;
}
.banners-carousel .banners-item {
  margin: 0 0.3125rem;
}
.banners-carousel-controls {
  float: right;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.banners-carousel-prev, .banners-carousel-next {
  border: 0;
  background: 0;
  color: #353031;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  height: 1.75rem;
  margin-top: -0.875rem;
  outline: none;
  text-indent: -9999em;
  width: 2rem;
}
.banners-carousel-prev:before, .banners-carousel-next:before {
  font-size: 1.75rem;
  font-family: "FontAwesome";
  line-height: 1.75rem;
  height: 1.75rem;
  text-indent: 0;
}
.banners-carousel-prev {
  text-align: left;
  float: left;
}
.banners-carousel-prev:before {
  content: "";
}
.banners-carousel-next {
  text-align: right;
  float: right;
}
.banners-carousel-next:before {
  content: "";
}
.banners-cta-item {
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .banners-cta-item {
    display: table;
  }
}
.banners-cta-image {
  display: block;
}
@media only screen and (max-width: 47.938em) {
  .banners-cta-image {
    left: 0;
    position: absolute;
    height: 4.375rem;
    overflow: hidden;
    top: 0;
    width: 4.375rem;
  }
  .banners-cta-image img {
    height: auto;
    max-width: unset;
    width: 100%;
  }
}
.banners-cta-detail {
  min-height: 4.375rem;
  position: relative;
}
@media only screen and (max-width: 47.938em) {
  .banners-cta-detail {
    margin-left: 4.375rem;
  }
}
@media only screen and (min-width: 48em) {
  .banners-cta-detail {
    bottom: 3.125rem;
    position: absolute;
    left: 0;
    width: 100%;
  }
}
.banners-cta-title {
  letter-spacing: 0.2em;
  color: #fff;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 47.938em) {
  .banners-cta-title {
    color: #353031;
    font-size: 0.875rem;
    padding: 1.75rem 1.25rem;
    text-align: left;
  }
}
.banners-cta-text {
  letter-spacing: 0.2em;
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 0.875rem;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.banners-cta-text, .banners-cta-text p {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.banners-cta-text:before {
  background: #fff;
  content: " ";
  display: block;
  height: 0.0625rem;
  margin: 0.9375rem auto;
  width: 2.8125rem;
}
@media only screen and (max-width: 47.938em) {
  .banners-cta-text {
    display: none;
  }
}
.banners-cta-btn {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
  position: absolute;
  right: -0.1875rem;
  top: -0.0625rem;
}
.banners-cta-btn span {
  letter-spacing: 0.3em;
  background: #444;
  color: #fff;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 0;
  text-transform: uppercase;
}
.banners-cta-btn span span {
  display: inline-block;
  padding: 0;
}
.banners-cta-btn:hover span {
  background: #666;
}
.banners-cta-btn span:after {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
}
.banners-cta-btn span span, .banners-cta-btn span span:after {
  display: none;
}
.banners-cta-btn > span {
  line-height: 48.125rem;
  height: 4.375rem;
  width: 4.375rem;
}

/*
# Button

```
	<button class="button" type="button"><span><span>Button</span></span></button>
	<!-- Disabled -->
	<button class="button disabled" type="button"><span><span>Disabled</span></span></button>
	<!-- Add to Cart button -->
	<button class="button btn-cart" type="button"><span><span>Add to Cart</span></span></button>
	<!-- Place order button -->
	<button class="button btn-checkout" type="submit"><span><span>Place Order</span></span></button>
	<!-- Proceed to checkout button -->
	<button class="button btn-proceed-checkout btn-checkout" type="button"><span><span>Proceed to Checkout</span></span></button>
```

*/
button.button {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
}
button.button span {
  letter-spacing: 0.3em;
  background: #666;
  color: #fff;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 1.25em 2.125em;
  text-transform: uppercase;
}
button.button span span {
  display: inline-block;
  padding: 0;
}
button.button:hover span {
  background: #444;
}
button.disabled span span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
button.expanded {
  width: 100%;
}
button.expanded span {
  padding-left: 0;
  padding-right: 0;
}
button.empty span {
  background: 0;
  color: #f9f9f9;
  display: inline-block;
  padding: 0;
}

a.button {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
}
a.button span {
  letter-spacing: 0.3em;
  background: #666;
  color: #fff;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 1.25em 2.125em;
  text-transform: uppercase;
}
a.button span span {
  display: inline-block;
  padding: 0;
}
a.button:hover span {
  background: #444;
}
a.button span {
  display: inline-block;
}

a.button-small span {
  font-size: 0.75rem;
  padding: 0.625em 1em;
  font-weight: 400;
  letter-spacing: 1px;
}
a.button-small span span {
  padding: 0;
}

a.button-block span {
  width: 100%;
  text-align: center;
}

/*

# Form Elements

## Generic Styling

*/
input, select, textarea {
  color: #353031;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  vertical-align: middle;
}
input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
  color: #e1e1e1;
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #e1e1e1;
}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #e1e1e1;
}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #e1e1e1;
}

input.input-text, select, textarea {
  background: #fff;
  border: 0.0625rem solid #e1e1e1;
}

input.input-text, textarea {
  padding: 0.625rem 0.9375rem;
}

select {
  padding: 0.625rem 0.0625rem;
}
select[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
select option {
  padding-right: 0.625rem;
}
select.multiselect option {
  border-bottom: 0.0625rem solid #e1e1e1;
  padding: 0.375rem 0.625rem;
}
select.multiselect option:last-child {
  border-bottom: 0;
}

textarea {
  overflow: auto;
}

input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.qty {
  padding: 0.625rem 0.3125rem;
  text-align: center;
  width: 2.5em !important;
}
input.radio, input.checkbox {
  margin-right: 0.1875rem;
}

p.control input.radio,
p.control input.checkbox {
  margin-right: 0.375rem;
}

/*

## Fieldsets

Used to break down and encapsulate form lists with appropriate legends.

```
    <div class="fieldset">
        <h2 class="legend">Personal Information</h2>
        [FORM_LIST]
    </div>
    <div class="fieldset">
        <h2 class="legend">Login Information</h2>
        [FORM_LIST]
        [BUTTON_SET]
    </div>
```

*/
.fieldset {
  border: 0;
  background: #f9f9f9;
  margin: 0 0 1.25rem;
  padding: 1.25rem;
}
.fieldset .legend {
  letter-spacing: 0.2em;
  color: #353031;
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 1.25rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 48em) {
  .fieldset {
    padding: 2.1875rem 4.375rem;
  }
}

/*

## Form lists

Generic form lists used site wide

```
    <ul class="form-list">
        <li>
            <label>Text Input</label>
            <div class="input-box">
                <input type="text" class="input-text" value="">
            </div>
        </li>
        <li>
            <label>Select</label>
            <div class="input-box">
                <select>
                    <option>Option</option>
                    <option>Option</option>
                    <option>Option</option>
                    <option>Option</option>
                </select>
            </div>
        </li>
        <li>
            <label>Multiselect</label>
            <div class="input-box">
                <select size="4" multiple="multiple" class="multiselect">
                    <option>Option</option>
                    <option>Option</option>
                    <option>Option</option>
                    <option>Option</option>
                </select>
            </div>
        </li>
        <li>
            <label>Textarea</label>
            <div class="input-box">
                <textarea class="input-text"></textarea>
            </div>
        </li>
        <li>
            <label>Range</label>
            <div class="input-range">
                <input type="text" maxlength="128" class="input-text" id="price" value="">
                <span class="separator">-</span>
                <input type="text" maxlength="128" class="input-text" value="">
                <small>(Unit/Currency)</small>
            </div>
        </li>
        <li class="fields">
            <div class="field">
                <label class="required"><em>*</em>Split Text Field</label>
                <div class="input-box">
                    <input type="text" class="input-text required-entry" value="">
                </div>
            </div>
            <div class="field">
                <label class="required"><em>*</em>Split Text Field</label>
                <div class="input-box">
                    <input type="text" class="input-text required-entry" value="">
                </div>
            </div>
        </li>
        <li class="wide">
            <label>Wide Input</label>
            <div class="input-box">
                <input type="text" class="input-text" value="">
            </div>
        </li>
        <li class="wide">
            <label>Wide Select</label>
            <div class="input-box">
                <select>
                    <option>Option</option>
                    <option>Option</option>
                </select>
            </div>
        </li>
        <li class="wide">
            <label class="required"><em>*</em>Wide Texarea</label>
            <div class="input-box">
                <textarea rows="3" cols="5" class="required-entry input-text"></textarea>
            </div>
        </li>
        <li class="control">
            <input class="checkbox" type="checkbox" checked="checked" value="">
            <label>Check box</label>
        </li>
        <li class="control">
            <input class="radio" type="radio" value="value">
            <label>Radio box</label>
        </li>
    </ul>
```

*/
.std .form-list {
  padding: 0;
}
.form-list li {
  margin-bottom: 0.625rem;
}
.form-list li.additional-row {
  border-top: 0.0625rem solid #e1e1e1;
  margin-top: 0.625rem;
  padding-top: 0.625rem;
}
.form-list li.additional-row .btn-remove {
  float: right;
  margin: 0.625rem 0 0;
}
.form-list li.control {
  margin-bottom: 0.9375rem;
}
.form-list li.control label {
  float: none;
  margin: 0;
}
.form-list li.control input.radio, .form-list li.control input.checkbox {
  margin-right: 0.625rem;
}
.form-list li.control .input-box {
  clear: none;
  display: inline;
  width: auto;
}
.form-list li.fields {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
.form-list li.fields:before, .form-list li.fields:after {
  content: " ";
  display: table;
}
.form-list li.fields:after {
  clear: both;
}
.form-list li.fields .field {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 50%;
  float: left;
  margin-bottom: 0.625rem;
}
.form-list li .button {
  width: 100%;
}
.form-list li .button span {
  padding-left: 0;
  padding-right: 0;
}
.form-list label {
  color: #353031;
  font-family: "proxima-nova", sans-serif;
  float: left;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1rem;
  margin: 0 0 0.625rem;
  position: relative;
  text-transform: uppercase;
  z-index: 0;
}
.form-list label.required em {
  float: right;
  font-style: normal;
  color: #AD2336;
}
.form-list input.input-text {
  width: 100%;
}
.form-list textarea {
  width: 100%;
  height: 10em;
}
.form-list select {
  width: 100%;
}
.form-list .input-box {
  clear: both;
  display: block;
  overflow: hidden;
  width: 100%;
}
.form-list .input-range input.input-text {
  width: 74px;
}
.form-list.form-list-inline li {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
  margin-bottom: 0.5rem;
}
.form-list.form-list-inline li:before, .form-list.form-list-inline li:after {
  content: " ";
  display: table;
}
.form-list.form-list-inline li:after {
  clear: both;
}
.form-list.form-list-inline li:before, .form-list.form-list-inline li:after {
  content: " ";
  display: table;
}
.form-list.form-list-inline li:after {
  clear: both;
}
.form-list.form-list-inline li label {
  display: inline-block;
  padding-left: 0.625rem;
}
.form-list.form-list-inline li .input-box {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 58.33333%;
  float: right;
  clear: none;
}
@media only screen and (max-width: 47.938em), only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .form-list li.fields .field {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}

/*

### Customer Speicifc Form Elements

These can be enabled under System->Configuration->Customer Configuration->Name and Address Options

Outer class changes based on what is enabled possible combinations:
- `.customer-name-prefix`
- `.customer-name-suffix`
- `.customer-name-prefix-suffix`
- `.customer-name-prefix-middlename`
- `.customer-name-middlename-suffix`
- `.customer-name-prefix-middlename-suffix`

```
    <ul class="form-list">
        <li class="fields">
            <div class="customer-name-prefix-middlename-suffix">
                <div class="field name-prefix">
                    <label for="prefix">Prefix</label>
                    <div class="input-box">
                        <select>
                            <option value="Mr.">Mr.</option>
                            <option value="Mrs.">Mrs.</option>
                            <option selected="selected" value=""></option>
                        </select>
                    </div>
                </div>
                <div class="field name-firstname">
                    <label>First Name</label>
                    <div class="input-box">
                        <input type="text" class="input-text" value="">
                    </div>
                </div>
                <div class="field name-middlename">
                    <label>Middle Name/Initial</label>
                    <div class="input-box">
                        <input type="text" class="input-text" value="">
                    </div>
                </div>
                <div class="field name-lastname">
                    <label>Last Name</label>
                    <div class="input-box">
                        <input type="text" class="input-text" value="">
                    </div>
                </div>
                <div class="field name-suffix">
                    <label>Suffix</label>
                    <div class="input-box">
                        <input type="text" class="input-text" value="">
                    </div>
                </div>
            </div>
        </li>
    </ul>
```

*/
.form-list li.fields .name-prefix,
.form-list li.fields .name-middlename,
.form-list li.fields .name-suffix {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 16.66667%;
  float: left;
}
.form-list li.fields .customer-name-suffix .name-firstname,
.form-list li.fields .customer-name-prefix .name-firstname,
.form-list li.fields .customer-name-middlename .name-firstname {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 41.66667%;
  float: left;
}
.form-list li.fields .customer-name-suffix .name-lastname,
.form-list li.fields .customer-name-prefix .name-lastname,
.form-list li.fields .customer-name-middlename .name-lastname {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 41.66667%;
  float: left;
}
.form-list li.fields .customer-name-prefix-suffix .name-firstname,
.form-list li.fields .customer-name-prefix-middlename .name-firstname,
.form-list li.fields .customer-name-middlename-suffix .name-firstname {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 33.33333%;
  float: left;
}
.form-list li.fields .customer-name-prefix-suffix .name-lastname,
.form-list li.fields .customer-name-prefix-middlename .name-lastname,
.form-list li.fields .customer-name-middlename-suffix .name-lastname {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 33.33333%;
  float: left;
}
.form-list li.fields .customer-name-prefix-middlename-suffix .name-firstname {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 25%;
  float: left;
}
.form-list li.fields .customer-name-prefix-middlename-suffix .name-lastname {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 25%;
  float: left;
}
@media only screen and (max-width: 47.938em) {
  .form-list li.fields .customer-name-suffix .name-firstname,
  .form-list li.fields .customer-name-prefix .name-firstname,
  .form-list li.fields .customer-name-middlename .name-firstname {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 41.66667%;
    float: left;
  }
  .form-list li.fields .customer-name-suffix .name-lastname,
  .form-list li.fields .customer-name-prefix .name-lastname,
  .form-list li.fields .customer-name-middlename .name-lastname {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 41.66667%;
    float: left;
  }
  .form-list li.fields .customer-name-prefix-suffix .name-firstname,
  .form-list li.fields .customer-name-prefix-middlename .name-firstname,
  .form-list li.fields .customer-name-middlename-suffix .name-firstname {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 75%;
    float: left;
  }
  .form-list li.fields .customer-name-prefix-suffix .name-lastname,
  .form-list li.fields .customer-name-prefix-middlename .name-lastname,
  .form-list li.fields .customer-name-middlename-suffix .name-lastname {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 75%;
    float: left;
  }
  .form-list li.fields .customer-name-prefix-suffix .name-prefix,
  .form-list li.fields .customer-name-prefix-suffix .name-middlename,
  .form-list li.fields .customer-name-prefix-suffix .name-suffix,
  .form-list li.fields .customer-name-prefix-middlename .name-prefix,
  .form-list li.fields .customer-name-prefix-middlename .name-middlename,
  .form-list li.fields .customer-name-prefix-middlename .name-suffix,
  .form-list li.fields .customer-name-middlename-suffix .name-prefix,
  .form-list li.fields .customer-name-middlename-suffix .name-middlename,
  .form-list li.fields .customer-name-middlename-suffix .name-suffix {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    float: left;
  }
  .form-list li.fields .customer-name-prefix-middlename-suffix .name-firstname {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
  .form-list li.fields .customer-name-prefix-middlename-suffix .name-lastname {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 75%;
    float: left;
  }
  .form-list li.fields .customer-name-prefix-middlename-suffix .name-prefix,
  .form-list li.fields .customer-name-prefix-middlename-suffix .name-middlename,
  .form-list li.fields .customer-name-prefix-middlename-suffix .name-suffix {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    float: left;
  }
}

/*

#### DOB

```
    <ul class="form-list">
        <li>
            <label>Date of Birth</label>
            <div class="input-box customer-dob">
                <div class="dob-day">
                     <input type="text" class="input-text" value="">
                     <label>DD</label>
                </div>
                <div class="dob-month">
                     <input type="text" class="input-text" value="">
                     <label>MM</label>
                </div>
                <div class="dob-year">
                     <input type="text" class="input-text" value="">
                     <label>YYYY</label>
                </div>
            </div>
        </li>
    </ul>
```

*/
.form-list .customer-dob {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
.form-list .customer-dob:before, .form-list .customer-dob:after {
  content: " ";
  display: table;
}
.form-list .customer-dob:after {
  clear: both;
}
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 25%;
  float: left;
}
.form-list .customer-dob .dob-year {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 50%;
  float: left;
}
.form-list .customer-dob label {
  color: #f9f9f9;
  font-size: 0.6875rem;
  font-weight: normal;
}

/*
## Button Sets

Usually appends to a `.form-list` element providing actions for the form.

```
    <div class="buttons-set">
        <p class="required">* Required Fields</p>
        <p class="back-link"><a href="#"><small>« </small>Back</a></p>
        <button type="button" class="button"><span><span>Action</span></span></button>
        <button type="submit" class="button"><span><span>Submit</span></span></button>
    </div>
```

*/
.buttons-set {
  clear: both;
  margin: 0.625rem 0;
  padding: 0;
}
.buttons-set a {
  letter-spacing: 0.1em;
  text-decoration: none;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.buttons-set a:hover, .buttons-set a:focus {
  text-decoration: underline;
}
.buttons-set .back-link {
  float: left;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1rem;
  margin: 1.0625rem 0.625rem 1.0625rem 0;
}
.buttons-set .button {
  float: right;
  margin-left: 0.9375rem;
}
.buttons-set .button:only-child span, .buttons-set .button:only-of-type span {
  background: #353031;
  color: #fff;
}
.buttons-set .button:only-child:hover span, .buttons-set .button:only-of-type:hover span {
  background: #282425;
  color: white;
}
.buttons-set .required {
  margin: 0 0 0.625rem;
}
.buttons-set .f-left {
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 1.125rem 0.625rem 1.125rem 0;
}

p.required {
  color: #AD2336;
  font-size: 0.75rem;
  font-family: "proxima-nova", sans-serif;
  margin: 0;
  text-align: right;
  text-transform: uppercase;
}

/*

## Inline Button Sets

*/
.inline-field-button {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
.inline-field-button:before, .inline-field-button:after {
  content: " ";
  display: table;
}
.inline-field-button:after {
  clear: both;
}
.inline-field-button .input-box {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 58.33333%;
  float: left;
}
.inline-field-button .buttons-set {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 41.66667%;
  float: left;
  border: 0;
  padding: 0;
  margin: 0;
  clear: none;
}

/*
## Form Validation

On valid input appends `.validation-passed` to the input element.

On invalid input appends class `.validation-failed` to the input element and adds `.validation-advice` containing the validation message.

```
    <ul class="form-list">
        <li class="fields">
            <div class="field">
                <label class="required"><em>*</em>Failed Validation</label>
                <div class="input-box">
                    <input type="text" class="input-text required-entry validation-failed" value="">
                    <div class="validation-advice">This is a required field.</div>
                </div>
            </div>
            <div class="field">
                <label class="required"><em>*</em>Failed Validation</label>
                <div class="input-box">
                    <input type="text" class="input-text required-entry validation-failed" value="">
                    <div class="validation-advice">This is a required field.</div>
                </div>
            </div>
        </li>
    </ul>
```

*/
.validation-failed {
  border: 0.0625rem solid #AD2336 !important;
  background: #fff !important;
}

.validation-advice {
  color: #AD2336;
  clear: both;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 0.8125rem;
  margin: 0.1875rem 0 0;
  padding: 0.1875rem;
}

/* Expiration date and CVV number validation fix */
.v-fix {
  float: left;
}
.v-fix .validation-advice {
  display: block;
  width: 12em;
  margin-right: -12em;
  position: relative;
}

/*

# Page Heading

## Page Title

```
    <!-- Normal Pagetitle ->
    <div class="page-title">
        <h1>Page Title</h1>
    </div>
    <!-- With RSS Feed -->
    <div class="page-title">
        <a class="link-rss" href="">Subscribe to RSS Feed</a>
        <h1>Page Title</h1>
    </div>
    <!-- With Buttons -->
    <div class="page-title title-buttons">
        <h1>Address Book</h1>
        <button class="button" type="button"><span><span>Button</span></span></button>
    </div>
    <!-- With Links -->
    <div class="page-title title-buttons">
        <h1>Page Title</h1>
        <a href="">Link</a>
        <span class="separator">|</span>
        <a href="">Link</a>
    </div>
```

*/
.header-container ~ .page-title-wrapper {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
  margin-top: 2.5rem;
}
.header-container ~ .page-title-wrapper:before, .header-container ~ .page-title-wrapper:after {
  content: " ";
  display: table;
}
.header-container ~ .page-title-wrapper:after {
  clear: both;
}
.header-container ~ .page-title-wrapper .page-title {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}

.page-title {
  border: 0;
  display: block;
  line-height: 1.875rem;
  margin-bottom: 1.875rem;
  padding: 0;
  position: relative;
  text-align: center;
  margin-bottom: 2em;
}
.page-title h1, .page-title h2 {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.875rem;
  margin-bottom: 0;
  padding: 0 1em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.page-title h1:after, .page-title h2:after {
  background: #353031;
  content: "";
  display: block;
  margin: 0.9375rem auto;
  height: 0.0625rem;
  width: 2.5rem;
}
.page-title.title-buttons {
  border: 0;
  padding: 0;
  text-align: right;
}
.page-title.title-buttons h1, .page-title.title-buttons h2 {
  margin: 0.6875rem 0;
}
.page-title.title-buttons h1, .page-title.title-buttons h2,
.page-title.title-buttons h3, .page-title.title-buttons h4,
.page-title.title-buttons h5, .page-title.title-buttons h6 {
  float: left;
  text-align: left;
}
.page-title .separator {
  margin: 0 0.1875rem;
}
.page-title p {
  letter-spacing: 0.05em;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.5rem;
}

/*

## Subtitle

```
    <h2 class="subtitle">Subtitle</h2>
```

*/
.subtitle,
.sub-title {
  clear: both;
  font-weight: 600;
}

/*

# Messages

*/
.global-messages {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.global-messages-container {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.global-messages-container:before, .global-messages-container:after {
  content: " ";
  display: table;
}
.global-messages-container:after {
  clear: both;
}

/*

```
	<ul class="messages">
		<li class="success-msg">
			<ul>
				<li><span>Success message.</span></li>
			</ul>
		</li>
		<li class="error-msg">
			<ul>
				<li><span>Error message.</span></li>
			</ul>
		</li>
		<li class="note-msg">
			<ul>
				<li><span>Note message.</span></li>
			</ul>
		</li>
		<li class="notice-msg">
			<ul>
				<li><span>Notice message.</span></li>
			</ul>
		</li>
	</ul>
```

*/
.alert-box {
  border-style: solid;
  border-width: 0;
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  padding: 0.5625rem 0.8125rem 0.5625rem 0.8125rem;
  position: relative;
  transition: opacity 300ms ease-out;
}
.alert-box p {
  line-height: 1.125rem;
  margin-bottom: 0 !important;
  text-transform: uppercase;
}
.alert-box p:before {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  height: 1.125rem;
  text-align: center;
  width: 1.125rem;
}
.alert-box a {
  color: inherit;
}
.alert-box .close {
  right: 0.25rem;
  background: inherit;
  color: #fff;
  font-size: 1.375rem;
  line-height: .9;
  margin-top: -0.6875rem;
  opacity: 0.8;
  padding: 0 6px 4px;
  position: absolute;
  top: 50%;
  text-decoration: none;
}
.alert-box .close:hover, .alert-box .close:focus {
  opacity: 1;
}
.alert-box.alert-close {
  opacity: 0;
}

.success-msg {
  background-color: #362940;
  border-color: #2e2337;
  color: #fff;
}
.success-msg p:before {
  color: #fff;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}

.error-msg,
.warning-msg {
  background-color: #AD2336;
  border-color: #951e2e;
  color: #fff;
}
.error-msg p:before,
.warning-msg p:before {
  color: #fff;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}

.notice-msg {
  background-color: #AD2336;
  border-color: #951e2e;
  color: #fff;
}
.notice-msg p:before {
  color: #fff;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}

/*

## Noscript Notice

```
	<div class="global-site-notice noscript">
        <div class="notice-inner">
            <p>
                <strong>JavaScript seems to be disabled in your browser.</strong><br>
                You must have JavaScript enabled in your browser to utilize the functionality of this website.
            </p>
        </div>
    </div>
```

*/
.noscript {
  border: 1px solid #ddd;
  border-width: 0 0 1px;
  background: #ffff90;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
  color: #2f2f2f;
}
.noscript .noscript-inner {
  width: 1000px;
  margin: 0 auto;
  padding: 12px 0 12px;
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/i_notice.gif) 20px 50% no-repeat;
}
.noscript p {
  margin: 0;
}

/*

## Demo Notice

```
	<div class="global-site-notice demo-notice">
	    <div class="notice-inner">
	    	<p>This is a demo store. Any orders placed through this store will not be honored or fulfilled.</p>
	    </div>
	</div>
```

*/
.demo-notice {
  margin: 0;
  padding: 6px 10px;
  background: #d75f07;
  font-size: 12px;
  line-height: 1.15;
  text-align: center;
  color: #fff;
}

/*

## Cookie Notice

```
<div id="notice-cookie-block" class="global-site-notice notice-cookie">
	<div class="notice-inner">
		<div class="notice-text">
		    <p>This website requires cookies to provide all of its features. For more information on what data is contained in the cookies, please see our <a href="">Privacy Policy page</a>. To accept cookies from this site, please click the Allow button below.</p>
		</div>
		<div class="actions">
		    <button class="button"><span><span>Allow</span></span></button>
		</div>
	</div>
</div>
```

*/
.notice-cookie {
  border-bottom: 1px solid #cfcfcf;
  background: #ffff90;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
  color: #2f2f2f;
}
.notice-cookie .notice-inner {
  width: 870px;
  margin: 0 auto;
  padding: 12px 0 12px 80px;
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/i_notice.gif) 20px 25px no-repeat;
  text-align: left;
}
.notice-cookie .notice-inner p {
  margin: 0 0 10px;
  border: 1px dotted #cccc73;
  padding: 10px;
}

/*

# Misc

*/
.links li {
  display: inline;
}
.links li.first {
  padding-left: 0 !important;
}
.links li.last {
  background: none !important;
  padding-right: 0 !important;
}

.link-cart {
  font-weight: bold;
  color: #f00;
}

.link-reorder {
  font-weight: bold;
}

.link-compare {
  font-weight: bold;
}

.link-print {
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/i_print.gif) 0 2px no-repeat;
  padding: 2px 0 2px 25px;
}

.link-rss {
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/i_rss.gif) 0 1px no-repeat;
  padding-left: 18px;
  white-space: nowrap;
}

.btn-remove:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0;
  text-indent: 0;
}

.btn-remove2:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0;
  text-indent: 0;
}

.btn-edit:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0;
  text-indent: 0;
}

.btn-remove,
.btn-remove2,
.btn-edit {
  display: block;
  font-size: 1em;
  height: 0.875rem;
  line-height: 1em;
  margin: 0 0 -0.1875rem;
  overflow: hidden;
  text-indent: -999em;
  width: 0.875rem;
}
.btn-remove:before,
.btn-remove2:before,
.btn-edit:before {
  display: block;
  font-size: 1em;
  line-height: 1em;
}

.cards-list dt {
  margin: 5px 0 0;
}
.cards-list .offset {
  padding: 2px 0 2px 20px;
}

.separator {
  margin: 0 3px;
}

.divider {
  clear: both;
  display: block;
  font-size: 0;
  line-height: 0;
  height: 1px;
  margin: 10px 0;
  background: #ddd;
  text-indent: -999em;
  overflow: hidden;
}

/*

## Product Tags

*/
.tags-list li {
  display: inline;
}

/*

## Advanced Search

*/
/*

## RSS

*/
.rss-title h1 {
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/i_rss-big.png) 0 4px no-repeat;
  padding-left: 27px;
}

.rss-table .link-rss {
  display: block;
  line-height: 1.35;
  background-position: 0 2px;
}

/*

## Clears

*/
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.box-account .order-info-box .box-title:after,
.order-info-box .box-account .box-title:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-view .box-tags .form-add:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

/*
# Data Table

## Horizontal Labels

```
	<table class="data-table">
	    <thead>
	        <tr class="first last">
	            <th>Label</th>
	            <th>Label</th>
	            <th>Label</th>
	            <th>Label</th>
	        </tr>
	    </thead>
	    <tbody>
	        <tr class="first odd">
	            <td>Value</td>
	            <td>Value</td>
	            <td>Value</td>
	            <td class="last">Value</td>
	        </tr>
	        <tr class="even">
	            <td>Value</td>
	            <td>Value</td>
	            <td>Value</td>
	            <td class="last">Value</td>
	        </tr>
	        <tr class="last odd">
	            <td>Value</td>
	            <td>Value</td>
	            <td>Value</td>
	            <td class="last">Value</td>
	        </tr>
	    </tbody>
	</table>
```

## Vertical Labels

```
	<table class="data-table">
	    <colgroup>
	        <col width="25%">
	        <col>
	    </colgroup>
	    <tbody>
	        <tr class="first odd">
	            <th class="label">Label</th>
	            <td class="data last">Value</td>
	        </tr>
	        <tr class="first even">
	            <th class="label">Label</th>
	            <td class="data last">Value</td>
	        </tr>
	        <tr class="last odd">
	            <th class="label">Label</th>
	            <td class="data last">Value</td>
	        </tr>
	    </tbody>
	</table>
```

*/
.data-table {
  margin-bottom: 1.875rem;
  width: 100%;
}
.data-table tfoot td {
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.data-table tfoot td strong {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5rem;
}
.data-table td, .data-table th {
  line-height: 1em;
  padding: 0.75rem 0.625rem;
}
.data-table td.label, .data-table th.label {
  font-weight: bold;
}
.data-table th {
  letter-spacing: 0.2em;
  background: none;
  border-bottom: 0.0625rem solid #e1e1e1;
  border-top: 0.0625rem solid #e1e1e1;
  color: #353031;
  font-family: "Playfair Display", serif;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1em;
  text-transform: uppercase;
  white-space: nowrap;
}
.data-table th .tax-flag {
  white-space: nowrap;
  font-weight: normal;
}
.data-table td {
  border-bottom: 0.0625rem solid #e1e1e1;
  color: #353031;
  font-size: 0.8125rem;
}
.data-table textarea {
  width: 100%;
}
.data-table .product-brand {
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.data-table .product-name, .data-table .product-name a {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.data-table .product-name a {
  text-decoration: none;
  color: #353031;
}
.data-table .product-name a:hover, .data-table .product-name a:focus {
  text-decoration: underline;
}
.data-table .product-name a.edit-link {
  color: #AD2336;
  display: block;
  font-weight: normal;
  text-decoration: underline;
}
.data-table .product-name a.edit-link:hover {
  color: #f9f9f9;
}
.data-table .item-options {
  margin: 1.25rem 0;
}
.data-table .cart-price,
.data-table .cart-qty {
  font-size: 0.8125rem;
}

/*

## Responsive Tables

*/
@media only screen and (max-width: 47.938em) {
  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
  }
  .pinned table th, .pinned table td {
    white-space: nowrap;
  }
  .pinned table td:last-child {
    border-bottom: 0;
  }

  .table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ddd;
  }
  .table-wrapper .scrollable {
    margin-left: 35%;
    overflow: scroll;
    overflow-y: hidden;
  }

  table.responsive {
    margin-bottom: 0;
  }
  table.responsive.pinned td {
    display: none;
  }
  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
  }
  table.responsive td:first-child, table.responsive th:first-child {
    display: none;
  }
}
/*

# Tabs

```
	<div class="tabs-block">
	    <ul class="tab-nav">
	        <li class="active"><a href="">Active Tab</a></li>
	        <li><a href="">Tab</a></li>
	    </ul>
	    <div class="tab-content" style="display: block;">
	        Tab 1 Content
	    </div>
	    <div class="tab-content" style="display: none;">
	        Tab 2 Content
	    </div>        
	</div>
```

*/
.tabs-block .tab-nav {
  margin: 0 0 -1px;
  position: relative;
  z-index: 2;
}
.tabs-block .tab-nav li {
  border: 1px solid #ddd;
  border-bottom: 0;
  display: inline-block;
  margin-right: 0.1875rem;
  padding: 1.125rem;
  text-align: center;
}
.tabs-block .tab-nav li.active {
  border-bottom: 1px solid #fff;
}
.tabs-block .tab-content {
  border: 1px solid #ddd;
  padding: 1.125rem;
}

/*

# Sidebar Blocks

## Generic

```
    <div class="block">
        <div class="block-title">
            <strong><span>Block Title</span></strong>
        </div>
        <div class="block-content">
            <p class="block-subtitle">Block Subtitle</p>
            <ul>
                <li class="item odd">Odd</li>
                <li class="item even">Even</li>
                <li class="item odd">Odd</li>
            </ul>
        </div>
    </div>
```

*/
.block {
  margin: 0 0 1.5rem;
}
.block .block-title {
  background: none;
  margin: 0 0 1.5rem;
  padding: 0;
}
.block .block-title h2, .block .block-title strong {
  letter-spacing: 0.2em;
  display: block;
  color: #353031;
  font-family: "Playfair Display", serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1em;
  padding: 0;
  text-transform: uppercase;
}
.block .block-title small {
  color: #AD2336;
}
.block .block-title-buttons {
  overflow: hidden;
  text-align: right;
}
.block .block-title-buttons h2, .block .block-title-buttons strong {
  float: left;
  margin: 0.5625rem 0;
  text-align: left;
}
.block .block-title-buttons .button {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
  float: right;
  text-decoration: none;
}
.block .block-title-buttons .button span {
  letter-spacing: 0.3em;
  background: #353031;
  color: #fff;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 1.25em 2.125em;
  text-transform: uppercase;
}
.block .block-title-buttons .button span span {
  display: inline-block;
  padding: 0;
}
.block .block-title-buttons .button:hover span {
  background: #AD2336;
}
.block .block-title-buttons .button span {
  font-size: 0.75rem;
  padding: 0.625em 1em;
  font-weight: 400;
  letter-spacing: 1px;
}
.block .block-title-buttons .button span span {
  padding: 0;
}
.block .block-subtitle {
  color: #353031;
  font-size: 0.875rem;
  font-weight: normal;
  margin: 1.25rem 0;
  text-transform: uppercase;
}
.block .block-content {
  background: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.block.block-alt .block-title {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.block.block-alt .block-title h2, .block.block-alt .block-title strong {
  font-family: "Playfair Display", serif;
}
.block.block-alt .block-content {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.block.block-alt li a {
  color: #f9f9f9;
  text-transform: uppercase;
}
.block.block-alt li a:hover {
  color: #AD2336;
}
.block .btn-remove,
.block .btn-edit {
  float: right;
  margin: 0.5rem 0 0;
}
.block .actions {
  margin: 1.25rem 0 0;
}
.block .actions a {
  text-decoration: none;
  display: block;
  font-size: 0.75rem;
  line-height: 1em;
  margin: 0 0 1.25rem;
  text-transform: uppercase;
}
.block .actions a:hover, .block .actions a:focus {
  text-decoration: underline;
}
.block .actions .button {
  width: 100%;
}
.block .actions .button span {
  background: #353031;
  color: #fff;
}
.block .actions .button:hover span {
  background: #282425;
  color: white;
}
.block .actions .button span {
  padding-left: 0;
  padding-right: 0;
}
.block ul {
  padding: 0;
  margin: 0;
}
.block ul ul {
  padding-left: 1.5em;
}
.block li {
  margin: 0.3125rem 0;
}
.block li a {
  letter-spacing: 0.05em;
  color: #353031;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 0.875rem;
  text-decoration: none;
  text-transform: uppercase;
}
.block li a:hover {
  color: #AD2336;
}
.block li.item {
  padding: 0.3125rem 0;
}

/*

### Collapsable

```
    <div class="block block-collapsable">
        <div class="block-title">
            <strong><span>Block Title</span></strong>
        </div>
        <div class="block-content">
            <p class="block-subtitle">Block Subtitle</p>
            <ul>
                <li class="item odd">Odd</li>
                <li class="item even">Even</li>
                <li class="item odd">Odd</li>
            </ul>
        </div>
    </div>
```

*/
@media only screen and (max-width: 47.938em) {
  .block.block-collapsable {
    margin-bottom: 0.9375rem;
  }
  .block.block-collapsable:only-child {
    margin-bottom: 0;
  }
  .block.block-collapsable .block-content {
    display: none;
    padding: 0.9375rem;
  }
  .block.block-collapsable .block-title {
    padding: 0.9375rem;
    margin: 0;
  }
  .block.block-collapsable .block-title:after {
    display: none;
  }
  .block.block-collapsable .block-title.block-title-buttons {
    background: #353031;
  }
  .block.block-collapsable .block-title.block-title-buttons h2, .block.block-collapsable .block-title.block-title-buttons strong {
    float: none;
    margin: 0;
  }
  .block.block-collapsable .block-title h2, .block.block-collapsable .block-title strong {
    text-align: left;
    font-family: "proxima-nova", sans-serif;
    font-weight: normal;
    font-size: 0.75rem;
  }
  .block.block-collapsable .block-title h2:after, .block.block-collapsable .block-title strong:after {
    color: #fff;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    margin-left: 0.5rem;
    text-indent: 0;
  }
  .block.block-collapsable .block-title h2 span, .block.block-collapsable .block-title strong span {
    color: #fff;
  }
  .block.block-collapsable .block-title h2:after, .block.block-collapsable .block-title strong:after {
    background: 0;
    float: right;
  }
  .block.block-collapsable.block-expanded .block-title h2:after, .block.block-collapsable.block-expanded .block-title strong:after {
    content: "";
  }
}

.block-products-carousel {
  margin: 0;
}
.block-products-carousel .block-title .carousel-controls {
  display: inline-block;
  line-height: 1.375rem;
  height: 1.375rem;
  max-width: 4rem;
}
.block-products-carousel .block-content {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
  position: relative;
}
.block-products-carousel .products-carousel {
  margin: 0;
}
.block-products-carousel .item {
  margin: 0 0.625rem;
}
.block-products-carousel .carousel-controls {
  float: right;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.block-products-carousel .carousel-controls .carousel-prev,
.block-products-carousel .carousel-controls .carousel-next {
  border: 0;
  background: #353031;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  height: 2.75rem;
  margin-top: -1.375rem;
  outline: none;
  text-align: center;
  text-indent: -9999em;
  width: 2.75rem;
}
.block-products-carousel .carousel-controls .carousel-prev:before,
.block-products-carousel .carousel-controls .carousel-next:before {
  font-size: 1.75rem;
  font-family: "FontAwesome";
  line-height: 2.75rem;
  height: 2.75rem;
  text-indent: 0;
  width: 100%;
}
.block-products-carousel .carousel-controls .carousel-prev {
  float: left;
}
.block-products-carousel .carousel-controls .carousel-prev:before {
  content: "";
}
.block-products-carousel .carousel-controls .carousel-next {
  float: right;
}
.block-products-carousel .carousel-controls .carousel-next:before {
  content: "";
}

/*

## Block: Account

```
    <div class="block block-account">
        <div class="block-title">
            <strong><span>My Account</span></strong>
        </div>
        <div class="block-content">
            <ul>
                <li class="current"><strong>Account Dashboard</strong></li>
                <li><a href="">Account Information</a></li>
                <li><a href="">Address Book</a></li>
                <li><a href="">My Orders</a></li>
                <li><a href="">Billing Agreements</a></li>
                <li><a href="">Recurring Profiles</a></li>
                <li><a href="">My Product Reviews</a></li>
                <li><a href="">My Tags</a></li>
                <li><a href="">My Wishlist</a></li>
                <li><a href="">My Applications</a></li>
                <li><a href="">Newsletter Subscriptions</a></li>
                <li class="last"><a href="">My Downloadable Products</a></li>
            </ul>
        </div>
    </div>
```

*/
.block-account li,
.block-account li strong,
.block-account li a,
.block-about li,
.block-about li strong,
.block-about li a {
  color: #353031;
  font-size: 0.8125rem;
  text-transform: uppercase;
}
.block-account li > strong,
.block-about li > strong {
  color: #AD2336;
  font-weight: normal;
}
.block-account li > strong:before,
.block-about li > strong:before {
  color: #AD2336;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}
.block-account li a,
.block-about li a {
  text-decoration: none;
}
.block-account li a:hover, .block-account li a:focus,
.block-about li a:hover,
.block-about li a:focus {
  text-decoration: underline;
}
@media only screen and (min-width: 81em) {
  .block-account .block-title,
  .block-about .block-title {
    background: 0;
    border: 0;
    margin: 0 0 1.5625rem;
    padding: 0;
  }
  .block-account .block-title h2, .block-account .block-title strong,
  .block-about .block-title h2,
  .block-about .block-title strong {
    color: #353031;
    font-size: 1.125rem;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1em;
  }
  .block-account .block-content,
  .block-about .block-content {
    background: 0;
    padding: 0;
  }
}

/*

## Block: Currency Switcher

```
    <div class="block block-currency">
        <div class="block-title">
            <strong><span>Select Your Currency</span></strong>
        </div>
        <div class="block-content">
            <select title="Select Your Currency" name="currency">
                <option selected="selected" value="">British Pound Sterling - GBP</option>
                <option value="">Euro - EUR</option>
            </select>
        </div>
    </div>
```

*/
.block-currency select {
  width: 100%;
  border: 1px solid #888;
}

/*

## Block: Layered Navigation

```
    <div class="block block-layered-nav">
        <div class="block-title">
            <strong><span>Shop By</span></strong>
        </div>
        <div class="block-content">
            <p class="block-subtitle">Shopping Options</p>
            <dl id="narrow-by-list">
                <dt class="odd">Category</dt>
                <dd class="odd">
                    <ol>
                        <li><a href="">Category</a> (4)</li>
                        <li><a href="">Category</a> (2)</li>
                    </ol>
                </dd>
                <dt class="even">Price</dt>
                <dd class="even">
                    <ol>
                        <li><a href=""><span class="price">£0.00</span> - <span class="price">£999.99</span></a> (5)</li>
                        <li><a href=""><span class="price">£2,000.00</span> and above</a> (1)</li>
                    </ol>
                </dd>
                <dt class="last odd">Color</dt>
                <dd class="last odd">
                    <ol>
                    <li><a href="">Color</a>(2)</li>
                    <li><a href="">Color</a>(4)</li></ol>
                </dd>
            </dl>
        </div>
    </div>
```

*/
.block-layered-nav .block-content {
  background: 0;
  padding: 0;
}
.block-layered-nav dt {
  letter-spacing: 0.1em;
  background: #f9f9f9;
  color: #353031;
  cursor: pointer;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 0.6875rem 0.9375rem;
  text-transform: uppercase;
}
.block-layered-nav dt:before {
  color: #f9f9f9;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0;
  text-indent: 0;
}
.block-layered-nav dt:before {
  float: right;
}
.block-layered-nav dt.amshopby-collapsed + dd {
  display: none;
}
.block-layered-nav dt.amshopby-collapsed:before {
  content: "";
}
.block-layered-nav dd {
  background: #f9f9f9;
  font-size: 0.8125rem;
  padding: 1.875rem 0.9375rem;
}
.block-layered-nav dd li, .block-layered-nav dd a {
  color: #353031;
  font-size: 0.8125rem;
  line-height: 1em;
  text-transform: uppercase;
}
.block-layered-nav dd li {
  margin: 0 0 0.625rem;
}
.block-layered-nav dd li:last-child {
  margin: 0;
}
.block-layered-nav dd li.amshopby-cat-level-2 {
  margin-left: 0.625rem;
}
.block-layered-nav dd li.amshopby-cat-level-3 {
  margin-left: 1.25rem;
}
.block-layered-nav dd a {
  text-decoration: none;
}
.block-layered-nav dd a:hover {
  color: #AD2336;
}
.block-layered-nav dd a.amshopby-attr:before {
  color: #f9f9f9;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.3125rem;
  text-indent: 0;
}
.block-layered-nav dd a.amshopby-attr-selected {
  color: #353031;
}
.block-layered-nav dd a.amshopby-attr-selected:before {
  color: #AD2336;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.3125rem;
  text-indent: 0;
}
.block-layered-nav .currently li {
  color: #353031;
  font-size: 0.75rem;
  margin: 0.625rem 0;
  text-transform: uppercase;
}
.block-layered-nav .currently .label {
  display: block;
  text-transform: uppercase;
}
.block-layered-nav .btn-remove,
.block-layered-nav .btn-remove-inline {
  background: 0;
  display: inline;
  font-size: 0;
  line-height: 0;
}
.block-layered-nav .btn-remove:before,
.block-layered-nav .btn-remove-inline:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.3125rem;
  text-indent: 0;
}
.block-layered-nav .btn-remove:hover,
.block-layered-nav .btn-remove-inline:hover {
  color: #353031;
}
.block-layered-nav .actions {
  margin-top: 0.625rem;
}
.block-layered-nav .actions a {
  text-decoration: none;
  color: #353031;
  font-size: 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
}
.block-layered-nav .actions a:hover, .block-layered-nav .actions a:focus {
  text-decoration: underline;
}
.block-layered-nav .actions a:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.3125rem;
  text-indent: 0;
}

.layered-price-widget .input-text {
  min-width: 3.4375rem;
}
.layered-price-widget .button span {
  font-size: 0.75rem;
  padding: 0.625em 1em;
  font-weight: 400;
  letter-spacing: 1px;
}
.layered-price-widget .button span span {
  padding: 0;
}

/*

## Block: Cart

```
    <div class="block block-cart">
            <div class="block-title">
            <strong><span>My Cart</span></strong>
        </div>
        <div class="block-content">
            <div class="summary">
                <p class="amount">There are <a href="">2 items</a> in your cart.</p>
                <p class="subtotal">
                     <span class="label">Cart Subtotal:</span>
                     <span class="price">£161.94</span><br>
                     (<span class="price">£161.94</span> Incl. Tax)
                </p>
            </div>
            <div class="actions">
                <p class="paypal-logo">
                    <a href=""><img title="Checkout with PayPal" alt="Checkout with PayPal" src="https://fpdbs.paypal.com/dynamicimageweb?cmd=_dynamic-image&amp;buttontype=ecshortcut&amp;locale=en_GB"></a>
                    <span class="paypal-or">-OR-</span>
                </p>
                <buttonclass="button" title="Checkout" type="button"><span><span>Checkout</span></span></button>
            </div>
            <p class="block-subtitle">Recently added item(s)</p>
            <ol class="mini-products-list" id="cart-sidebar">
                <li class="item odd">
                    <a class="product-image" title="Product Name" href="">
                        <img width="50" height="50" alt="Product Name" src="http://placekitten.com/50/50">
                    </a>
                    <div class="product-details">
                        <a class="btn-remove" title="Remove This Item" href="">Remove This Item</a>
                        <a class="btn-edit" title="Edit item" href="">Edit item</a>
                        <p class="product-name"><a href="">Product Name</a></p>
                        <strong>1</strong> x
                        Excl. Tax: <span class="price">£2,699.99</span><br>
                        Incl. Tax: <span class="price">£2,699.99</span>
                    </div>
                </li>
                <li class="item even last">
                    <a class="product-image" title="Product Name" href="">
                        <img width="50" height="50" alt="Product Name" src="http://placekitten.com/50/50">
                    </a>
                    <div class="product-details">
                        <a class="btn-remove" title="Remove This Item" href="">Remove This Item</a>
                        <a class="btn-edit" title="Edit item" href="">Edit item</a>
                        <p class="product-name"><a href="">Product Name</a></p>
                        <strong>1</strong> x
                        Excl. Tax: <span class="price">£2,699.99</span><br>
                        Incl. Tax: <span class="price">£2,699.99</span>
                    </div>
                </li>
            </ol>
        </div>
    </div>
```

*/
/*

## Block: Cart

```
    <div class="block block-cart">
            <div class="block-title">
            <strong><span>My Cart</span></strong>
        </div>
        <div class="block-content">
            <div class="summary">
                <p class="amount">There are <a href="">2 items</a> in your cart.</p>
                <p class="subtotal">
                     <span class="label">Cart Subtotal:</span>
                     <span class="price">£161.94</span><br>
                     (<span class="price">£161.94</span> Incl. Tax)
                </p>
            </div>
            <div class="actions">
                <p class="paypal-logo">
                    <a href=""><img title="Checkout with PayPal" alt="Checkout with PayPal" src="https://fpdbs.paypal.com/dynamicimageweb?cmd=_dynamic-image&amp;buttontype=ecshortcut&amp;locale=en_GB"></a>
                    <span class="paypal-or">-OR-</span>
                </p>
                <button class="button" title="Checkout" type="button"><span><span>Checkout</span></span></button>
            </div>
            <p class="block-subtitle">Recently added item(s)</p>
            <ol class="mini-products-list" id="cart-sidebar">
                <li class="item odd">
                    <a class="product-image" title="Product Name" href="">
                        <img width="50" height="50" alt="Product Name" src="http://placekitten.com/50/50">
                    </a>
                    <div class="product-details">
                        <a class="btn-remove" title="Remove This Item" href="">Remove This Item</a>
                        <a class="btn-edit" title="Edit item" href="">Edit item</a>
                        <p class="product-name"><a href="">Product Name</a></p>
                        <strong>1</strong> x
                        Excl. Tax: <span class="price">£2,699.99</span><br>
                        Incl. Tax: <span class="price">£2,699.99</span>
                    </div>
                </li>
                <li class="item even last">
                    <a class="product-image" title="Product Name" href="">
                        <img width="50" height="50" alt="Product Name" src="http://placekitten.com/50/50">
                    </a>
                    <div class="product-details">
                        <a class="btn-remove" title="Remove This Item" href="">Remove This Item</a>
                        <a class="btn-edit" title="Edit item" href="">Edit item</a>
                        <p class="product-name"><a href="">Product Name</a></p>
                        <strong>1</strong> x
                        Excl. Tax: <span class="price">£2,699.99</span><br>
                        Incl. Tax: <span class="price">£2,699.99</span>
                    </div>
                </li>
            </ol>
        </div>
    </div>
```

*/
.block-cart .product-name a,
.block-cart-summary .product-name a {
  text-decoration: none;
  color: #353031;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.block-cart .product-name a:hover, .block-cart .product-name a:focus,
.block-cart-summary .product-name a:hover,
.block-cart-summary .product-name a:focus {
  text-decoration: underline;
}
.block-cart .product-sku,
.block-cart-summary .product-sku {
  color: #aaa;
}
.block-cart .product-details,
.block-cart-summary .product-details {
  font-size: 0.75rem;
}
.block-cart .subtotal,
.block-cart-summary .subtotal {
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
  text-align: right;
}
.block-cart .subtotal .label,
.block-cart-summary .subtotal .label {
  float: left;
}
.block-cart .subtotal .price,
.block-cart-summary .subtotal .price {
  font-weight: bold;
}
.block-cart .actions,
.block-cart-summary .actions {
  margin: 1.25rem 0 0;
}
.block-cart .actions .paypal-logo,
.block-cart-summary .actions .paypal-logo {
  float: left;
  width: 100%;
  margin: 3px 0 0;
  text-align: right;
}
.block-cart .actions .paypal-logo .paypal-or,
.block-cart-summary .actions .paypal-logo .paypal-or {
  clear: both;
  display: block;
  padding: 0 55px 5px 0;
}

.block-cart .mini-products-list .item {
  padding: 1.25rem 0;
}
.block-cart .mini-products-list .item:first-child {
  padding-top: 0;
}
.block-cart .subtotal {
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.block-cart .summary {
  background: #f9f9f9;
  margin: 0 -1.25rem;
  padding: 0.625rem 1.25rem;
}
.block-cart .actions {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
  margin-top: 1rem;
}
.block-cart .actions:before, .block-cart .actions:after {
  content: " ";
  display: table;
}
.block-cart .actions:after {
  clear: both;
}
.block-cart .actions .button {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
  margin-bottom: 0.5rem;
}
.block-cart .actions .button span {
  letter-spacing: 0.3em;
  background: #666;
  color: #fff;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 1em 0;
  text-transform: uppercase;
}
.block-cart .actions .button span span {
  display: inline-block;
  padding: 0;
}
.block-cart .actions .button:hover span {
  background: #444;
}
.block-cart .actions .btn-bag {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 41.66667%;
  float: left;
}
.block-cart .actions .btn-bag span {
  letter-spacing: 0.2em;
  background: transparent;
  border-bottom: 0.0625rem solid #AD2336;
  border-top: 0.0625rem solid #AD2336;
  color: #AD2336;
  font-weight: 600;
}
.block-cart .actions .btn-bag span span {
  border: 0;
}
.block-cart .actions .btn-bag:hover span {
  background: 0;
  border-color: #353031;
  color: #353031;
}
.block-cart .actions .btn-checkout {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 58.33333%;
  float: left;
}
.block-cart .actions .btn-checkout span {
  background: #353031;
  color: #fff;
}
.block-cart .actions .btn-checkout:hover span {
  background: #282425;
  color: white;
}
.block-cart .empty {
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.right-off-canvas-menu .block-cart {
  color: #353031;
  margin: 0 0.9375rem;
}
.right-off-canvas-menu .block-cart .alert-box {
  margin: 0.9375rem 0 0;
}
.right-off-canvas-menu .block-cart .block-title {
  border: 0;
  margin: 0;
  padding: 0.625rem 0;
}
.right-off-canvas-menu .block-cart .block-title h2, .right-off-canvas-menu .block-cart .block-title strong {
  color: #353031;
}
.right-off-canvas-menu .block-cart .block-content {
  padding: 0;
}
.right-off-canvas-menu .block-cart .mini-products-list {
  background: #fff;
  border: 0.0625rem solid #ececec;
  padding: 0 0.9375rem;
}
.right-off-canvas-menu .block-cart .mini-products-list .item {
  border-bottom: 0.0625rem solid #e1e1e1;
  margin: 0;
  padding: 0.9375rem 0;
}
.right-off-canvas-menu .block-cart .mini-products-list .item:last-child {
  border-bottom: 0;
}
.right-off-canvas-menu .block-cart .product-links {
  display: block;
}
.right-off-canvas-menu .block-cart .actions {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
  margin-top: 0.9375rem;
}
.right-off-canvas-menu .block-cart .actions:before, .right-off-canvas-menu .block-cart .actions:after {
  content: " ";
  display: table;
}
.right-off-canvas-menu .block-cart .actions:after {
  clear: both;
}
.right-off-canvas-menu .block-cart .actions .button {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
  margin: 0 0 0.9375rem;
}
.right-off-canvas-menu .block-cart .summary {
  border: 0;
}
.block-cart .right-off-canvas-toggle {
  text-decoration: none;
  color: #353031;
  display: block;
  font-size: 0.8125rem;
  line-height: 1em;
  margin: 0;
  padding: 0.9375rem 0;
  text-transform: uppercase;
  background: none transparent;
  position: relative;
}
.block-cart .right-off-canvas-toggle:hover, .block-cart .right-off-canvas-toggle:focus {
  text-decoration: underline;
}
.block-cart .right-off-canvas-toggle:before {
  color: #353031;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}

.block-cart-summary .block-title {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
}
.block-cart-summary .block-title h2, .block-cart-summary .block-title strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.block-cart-summary .block-title h2 span, .block-cart-summary .block-title strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.block-cart-summary .block-title h2:after, .block-cart-summary .block-title strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.block-cart-summary .subtotal {
  padding: 0 1.25rem;
}

/*

## Block: Wishlist

```
    <div class="block block-wishlist">
        <div class="block-title">
            <strong><span>My Wishlist <small>(2)</small></span></strong>
        </div>
        <div class="block-content">
            <p class="block-subtitle">Last Added Items</p>
            <ol id="wishlist-sidebar" class="mini-products-list">
                <li class="item odd">
                    <a class="product-image" href="">
                        <img width="50" height="50" alt="Product Name" src="http://placekitten.com/50/50">
                    </a>
                    <div class="product-details">
                        <a class="btn-remove" title="Remove This Item" href="">Remove This Item</a>
                        <p class="product-name"><a href="">Product Name</a></p>
                        <div class="price-box">
                            <span class="regular-price">
                                <span class="price">£599.99</span>
                            </span>
                        </div>
                        <a class="link-cart" href="">Add to Cart</a>
                    </div>
                </li>
                <li class="item even last">
                    <a class="product-image" href="">
                        <img width="50" height="50" alt="Product Name" src="http://placekitten.com/50/50">
                    </a>
                    <div class="product-details">
                        <a class="btn-remove" title="Remove This Item" href="">Remove This Item</a>
                        <p class="product-name"><a href="">Product Name</a></p>
                        <div class="price-box">
                            <span class="regular-price">
                                <span class="price">£599.99</span>
                            </span>
                        </div>
                        <a class="link-cart" href="">Add to Cart</a>
                    </div>
                </li>
            </ol>
            <div class="actions">
                <a href="">Go to Wishlist</a>
            </div>
        </div>
    </div>
```

*/
/*

## Block: Related

```
    <div class="block block-related">
        <div class="block-title">
            <strong><span>Related Products</span></strong>
        </div>
        <div class="block-content">
            <p class="block-subtitle">Check items to add to the cart or&nbsp;<a href="#">select all</a></p>
            <ol id="block-related" class="mini-products-list">
                <li class="item odd">
                    <input type="checkbox" value="51" name="related_products[]" class="checkbox related-checkbox">
                    <div class="product">
                        <a class="product-image" title="Product Name" href="">
                            <img width="50" height="50" alt="Product Name" src="http://placekitten.com/50/50">
                        </a>
                        <div class="product-details">
                            <p class="product-name"><a href="">Product Name</a></p>
                            <div class="price-box">
                                <span class="regular-price">
                                    <span class="price">£299.99</span>
                                </span>
                            </div>
                            <a class="link-wishlist" href="">Add to Wishlist</a>
                        </div>
                    </div>
                </li>
                <li class="item even last">
                    <input type="checkbox" value="51" name="related_products[]" class="checkbox related-checkbox">
                    <div class="product">
                        <a class="product-image" title="Product Name" href="">
                            <img width="50" height="50" alt="Product Name" src="http://placekitten.com/50/50">
                        </a>
                        <div class="product-details">
                            <p class="product-name"><a href="">Product Name</a></p>
                            <div class="price-box">
                                <span class="regular-price">
                                    <span class="price">£299.99</span>
                                </span>
                            </div>
                            <a class="link-wishlist" href="">Add to Wishlist</a>
                        </div>
                    </div>
                </li>
            </ol>
        </div>
    </div>
```

*/
/*

## Block: Compare Products

```
    <div class="block block-list block-compare">
        <div class="block-title">
            <strong><span>Compare Products <small>(2)</small></span></strong>
        </div>
        <div class="block-content">
            <ol id="compare-items">
                <li class="item odd">
                    <a class="btn-remove" title="Remove This Item" href="">Remove This Item</a>
                    <p class="product-name"><a href="">Product Name</a></p>
                </li>
                <li class="item last even">
                    <a class="btn-remove" title="Remove This Item" href="">Remove This Item</a>
                    <p class="product-name"><a href="">Product Name</a></p>
                </li>
            </ol>
            <div class="actions">
                <a href="">Clear All</a>
                <button class="button" title="Compare" type="button"><span><span>Compare</span></span></button>
            </div>
        </div>
    </div>
```

*/
.block-compare .empty {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

/*

## Block: Recently Viewed

```
    <div class="block block-list block-viewed">
        <div class="block-title">
            <strong><span>Recently Viewed Products</span></strong>
        </div>
        <div class="block-content">
            <ol id="recently-viewed-items">
                <li class="item odd">
                    <p class="product-name"><a href="">Product Name</a></p>
                </li>
                <li class="item even">
                    <p class="product-name"><a href="">Product Name</a></p>
                </li>
                <li class="item odd last">
                    <p class="product-name"><a href="">Product Name</a></p>
                </li>
            </ol>
        </div>
    </div>
```

*/
.block-viewed .products-grid {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
  text-align: center;
}
.block-viewed .products-grid:before, .block-viewed .products-grid:after {
  content: " ";
  display: table;
}
.block-viewed .products-grid:after {
  clear: both;
}
.block-viewed .products-grid > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 0.625rem 1.25rem;
}
.block-viewed .products-grid > li {
  list-style: none;
  padding: 0 0.625rem 1.25rem;
  width: 33.33333%;
}
.block-viewed .products-grid > li:nth-of-type(1n) {
  clear: none;
}
.block-viewed .products-grid > li:nth-of-type(3n+1) {
  clear: both;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .block-viewed .products-grid > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 16.66667%;
  }
  .block-viewed .products-grid > li:nth-of-type(1n) {
    clear: none;
  }
  .block-viewed .products-grid > li:nth-of-type(6n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 81em) {
  .block-viewed .products-grid > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 8.33333%;
  }
  .block-viewed .products-grid > li:nth-of-type(1n) {
    clear: none;
  }
  .block-viewed .products-grid > li:nth-of-type(12n+1) {
    clear: both;
  }
}
.block-viewed .products-grid > li {
  display: inline-block;
  float: none;
}

/*

## Block: Recently Compared

```
    <div class="block block-list block-compared">
        <div class="block-title">
            <strong><span>Recently Compared Products</span></strong>
        </div>
        <div class="block-content">
            <ol id="recently-compared-items">
                <li class="item odd">
                    <p class="product-name"><a href="">Product Name</a></p>
                </li>
                <li class="item even last">
                    <p class="product-name"><a href="">Product Name</a></p>
                </li>
            </ol>
        </div>
    </div>
```

*/
/*

## Block: Poll

```
    <div class="block block-poll">
        <div class="block-title">
            <strong><span>Community Poll</span></strong>
        </div>
        <form method="post" action="" id="pollForm">
            <div class="block-content">
                <p class="block-subtitle">Question?</p>
                <ul id="poll-answers">
                    <li class="odd">
                        <input type="radio" value="5" id="vote_5" class="radio poll_vote" name="vote">
                        <span class="label"><label for="vote_5">Option 1</label></span>
                    </li>
                    <li class="last even">
                        <input type="radio" value="8" id="vote_8" class="radio poll_vote" name="vote">
                        <span class="label"><label for="vote_8">Option 2</label></span>
                    </li>
                </ul>
                <div class="actions">
                    <button class="button" title="Vote" type="submit"><span><span>Vote</span></span></button>
                </div>
            </div>
        </form>
    </div>
```

*/
.block-poll input.radio {
  float: left;
  margin: 1px -18px 0 0;
}
.block-poll .label {
  display: block;
  margin-left: 18px;
}
.block-poll li {
  padding: 3px 9px;
}
.block-poll .actions {
  margin: 5px 0 0;
}
.block-poll .answer {
  font-weight: bold;
}
.block-poll .votes {
  float: right;
  margin-left: 10px;
}

/*

## Block: Tags

```
    <div class="block block-tags">
        <div class="block-title">
            <strong><span>Popular Tags</span></strong>
        </div>
        <div class="block-content">
            <ul class="tags-list">
                <li><a style="font-size:95%;" href="">tag</a></li>
                <li><a style="font-size:85%;" href="">tag</a></li>
                <li><a style="font-size:145%;" href="">tag</a></li>
                <li><a style="font-size:115%;" href="">tag</a></li>
                <li><a style="font-size:95%;" href="">tag</a></li>
            </ul>
            <div class="actions">
                <a href="">View All Tags</a>
            </div>
        </div>
    </div>
```

*/
.block-tags ul, .block-tags li {
  display: inline;
}

/*

## Block: Subscribe

```
    <div class="block block-subscribe">
        <div class="block-title">
            <strong><span>Newsletter</span></strong>
        </div>
        <form id="newsletter-validate-detail" method="post" action="">
            <div class="block-content">
                <div class="form-subscribe-header">
                    <label for="newsletter">Sign Up for Our Newsletter:</label>
                </div>
                <div class="input-box">
                   <input type="text" class="input-text required-entry validate-email" title="Sign up for our newsletter" id="newsletter" name="email">
                </div>
                <div class="actions">
                    <button class="button" title="Subscribe" type="submit"><span><span>Subscribe</span></span></button>
                </div>
            </div>
        </form>
    </div>
```

*/
/*

## Block: Reorder

```
    <div class="block block-reorder">
        <div class="block-title">
            <strong><span>My Orders</span></strong>
        </div>
        <form id="reorder-validate-detail" action="http://magebase.local/checkout/cart/addgroup/" method="post">
            <div class="block-content">
                <p class="block-subtitle">Last Ordered Items</p>
                <ol id="cart-sidebar-reorder">
                    <li class="item odd">
                        <p class="product-name"><a href="">Product Name</a></p>
                    </li>
                    <li class="item even last">
                        <p class="product-name"><a href="">Product Name</a></p>
                    </li>
                </ol>
                <div class="actions">
                    <button class="button btn-cart" title="Add to Cart" type="submit"><span><span>Add to Cart</span></span></button>
                    <a href="">View All</a>
                </div>
            </div>
        </form>
    </div>
```

*/
.block-reorder li {
  padding: 5px 0;
}
.block-reorder input.checkbox {
  float: left;
  margin: 3px -20px 0 0;
}
.block-reorder .product-name {
  margin-left: 20px;
}

/*

## Block: Banner

```
    <div class="block block-banner">
        <div class="block-content">
            <a href="">
                <img src="http://placekitten.com/125/125">
            </a>
        </div>
    </div>
```

*/
.block-banner .block-content {
  text-align: center;
}

/*

## Block: Login

```
    <div class="block block-login">
        <div class="block-title">
            <strong><span>Login</span></strong>
        </div>
        <form action="" method="post">
            <div class="block-content">
                <label for="mini-login">Email:</label>
                <input type="text" name="login[username]" id="mini-login" class="input-text" />
                <label for="mini-password">Password:</label>
                <input type="password" name="login[password]" id="mini-password" class="input-text" />
                <div class="actions">
                    <button type="submit" class="button"><span><span>Login</span></span></button>
                </div>
            </div>
        </form>
    </div>
```

*/
.block-login label {
  font-weight: bold;
  color: #666;
}
.block-login input.input-text {
  display: block;
  width: 167px;
  margin: 3px 0;
}

/*

## Paypal

```
    <div class="sidebar">
        <div class="paypal-logo">
            <a title="Additional Options" href="#">
                <img title="Additional Options" alt="Additional Options" src="https://www.paypalobjects.com/en_GB/i/bnr/bnr_nowAccepting_150x60.gif">
            </a>
        </div>
    </div>
```

*/
.sidebar .paypal-logo {
  display: block;
  margin: 10px 0;
  text-align: center;
}
.sidebar .paypal-logo a {
  float: none;
}

.block-sidehelp {
  border: 0.0625rem solid #f9f9f9;
  padding: 1.875rem 1.5625rem;
  position: relative;
}
.block-sidehelp .block-title {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.block-sidehelp .block-title h2, .block-sidehelp .block-title strong {
  font-family: "Playfair Display", serif;
}
.block-sidehelp .block-content {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.block-sidehelp li a {
  color: #f9f9f9;
  text-transform: uppercase;
}
.block-sidehelp li a:hover {
  color: #AD2336;
}
.block-sidehelp a {
  text-decoration: none;
}
.block-sidehelp a:hover, .block-sidehelp a:focus {
  text-decoration: underline;
}
.block-sidehelp a.tel {
  font-size: 1.125rem;
}

.block-customer-service {
  border: 0.0625rem solid #f9f9f9;
  padding: 1.875rem 1.5625rem;
  position: relative;
}
.block-customer-service li {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-bottom: 0.375rem;
}
.block-customer-service li:before {
  color: #AD2336;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}
.block-customer-service li:last-child {
  margin-bottom: 0;
}
.block-customer-service li a {
  color: #AD2336;
}

.block-cards {
  border: 0.0625rem solid #f9f9f9;
  padding: 1.875rem 1.5625rem;
  position: relative;
  text-align: center;
}

/*

## Progress Block

```
    <div class="block block-progress opc-block-progress">
        <div class="block-title">
            <strong><span>Your Checkout Progress</span></strong>
        </div>
        <div class="block-content">
            <dl>
                <div id="billing-progress-opcheckout">
                    <dt class="complete">
                        Billing Address
                        <span class="changelink">
                            <span class="separator">|</span>
                            <a href="#billing">Change</a>
                        </span>
                    </dt>
                    <dd class="complete">
                        <address>Customer Name<br>Address Line 1<br>Address Line 2<br>City,  State, Zip<br>Country<br>T: Telephone</address>
                    </dd>
                </div>
                <div id="shipping-progress-opcheckout">
                    <dt class="complete">
                        Shipping Address
                        <span class="changelink">
                            <span class="separator">|</span>
                            <a href="#payment">Change</a>
                        </span>
                    </dt>
                    <dd class="complete">
                        <address>Customer Name<br>Address Line 1<br>Address Line 2<br>City,  State, Zip<br>Country<br>T: Telephone</address>
                    </dd>
                </div>
                <div id="shipping_method-progress-opcheckout">
                    <dt class="complete">
                        Shipping Method
                        <span class="changelink">
                            <span class="separator">|</span>
                            <a href="#shipping_method">Change</a>
                        </span>
                    </dt>
                    <dd class="complete">
                        Flat Rate - Fixed
                        <span class="price">£10.00</span>
                    </dd>
                </div>
                <div id="payment-progress-opcheckout">
                    <dt class="complete">
                        Payment Method
                        <span class="changelink">
                            <span class="separator">|</span>
                            <a href="#payment">Change</a>
                        </span>
                    </dt>
                    <dd class="complete">
                        <p>Check / Money order</p>
                    </dd>
                </div>
            </dl>
        </div>
    </div>
```

*/
.block-progress {
  border: 0.0625rem solid #f9f9f9;
  padding: 1.875rem 1.5625rem;
  position: relative;
}
.block-progress dt, .block-progress .price {
  font-weight: normal;
}
.block-progress dd {
  margin: 1.125rem 0;
}
.block-progress dt, .block-progress dd, .block-progress address, .block-progress p {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.block-progress strong {
  font-weight: normal;
}

.block-contact-form {
  margin-bottom: 0;
}
.block-contact-form .block-title {
  background: #353031;
  border: 0;
  margin: 0;
  padding: 1.125rem 1.875rem;
}
.block-contact-form .block-title h2,
.block-contact-form .block-title strong {
  letter-spacing: 0.1em;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
}
.block-contact-form .block-content {
  background: #f9f9f9;
  padding: 1.875rem;
}
.block-contact-form .block-content :last-child {
  margin-bottom: 0;
}
.block-contact-form .button span {
  background: #353031;
  color: #fff;
}
.block-contact-form .button:hover span {
  background: #282425;
  color: white;
}

.sidebar .block-shopping {
  display: none;
}
.sidebar .block-shopping li {
  min-height: 3.75rem;
  position: relative;
  padding-left: 4.6875rem;
  background: #f9f9f9;
  margin: 0 0 0.1875rem;
  min-height: 6.25rem;
  padding: 1.25rem 0.9375rem 1.25rem 5.9375rem;
}
.sidebar .block-shopping li:before {
  color: #fff;
  content: " ";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.9375rem;
  text-indent: 0;
}
.sidebar .block-shopping li:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #AD2336;
  height: 3.75rem;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 3.75rem;
  left: 0;
}
.sidebar .block-shopping li:before {
  font-size: 1.375rem;
  left: 0.9375rem;
  top: 1.25rem;
}
.product-view .block-shopping ul {
  border: 0.0625rem solid #f9f9f9;
  display: block;
  padding: 1.25rem 1.5625rem;
}
.product-view .block-shopping li {
  margin: 0 0 1.25rem;
  padding: 0 0 0 1.5625rem;
  position: relative;
}
.product-view .block-shopping li:before {
  color: #AD2336;
  content: " ";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}
.product-view .block-shopping li:before {
  left: 0;
  line-height: 1.25rem;
  position: absolute;
  top: 0;
}
.product-view .block-shopping li:last-child {
  margin-bottom: 0;
}
.block-shopping li {
  color: #353031;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-align: left;
}
.block-shopping li:before {
  font-weight: normal;
}
.block-shopping li.delivery:before {
  content: "";
}
.block-shopping li.order:before {
  content: "";
}
.block-shopping li.value:before {
  content: "";
}
.block-shopping li.savings:before {
  content: "";
}

.block-carthelp .block-title {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
  padding-top: 1.25rem;
}
.block-carthelp .block-title h2, .block-carthelp .block-title strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.block-carthelp .block-title h2 span, .block-carthelp .block-title strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.block-carthelp .block-title h2:after, .block-carthelp .block-title strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.block-carthelp .block-title:before {
  background-image: url('/skin/frontend/webtise/default/images/copyright-logo.png?1506003265');
  background-position: center;
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 54px;
  margin-bottom: 1.25rem;
  width: 100%;
}
.block-carthelp .block-content {
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.125rem;
  text-align: center;
}
.block-carthelp p:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.block-carthelp p strong,
.block-carthelp p a {
  display: block;
  line-height: 1.5rem;
}
.block-carthelp ul a {
  letter-spacing: 0.2em;
  color: #AD2336;
  font-weight: 600;
  text-transform: uppercase;
}

.sidebar .reviews-widget > div {
  margin: 0 auto;
}

/*
# Mini Products List

```
	<ol class="mini-products-list">
		<li class="item odd">
            <a class="product-image" href="#">
            	<img width="50" height="50" src="http://placekitten.com/50/50">
            </a>
        	<div class="product-details">
                <p class="product-name">
                	<a href="#">Product Name</a>
                </p>
        		<strong>1</strong> x <span class="price">£22.00</span>
        		<div class="truncated">
          			<div class="truncated_full_value">
            			<dl class="item-options">
                            <dt>Size</dt>
                			<dd>Large</dd>
                        </dl>
          			</div>
        			<a class="details" onclick="return false;" href="#">Details</a>
        		</div>
            </div>
		</li>
		<li class="item even last">
            <a class="product-image" href="#">
            	<img width="50" height="50" src="http://placekitten.com/50/50">
            </a>
        	<div class="product-details">
                <p class="product-name">
                	<a href="#">Product Name</a>
                </p>
        		<strong>1</strong> x <span class="price">£22.00</span>
        		<div class="truncated">
          			<div class="truncated_full_value">
            			<dl class="item-options">
                            <dt>Size</dt>
                			<dd>Large</dd>
                        </dl>
          			</div>
        			<a class="details" onclick="return false;" href="#">Details</a>
        		</div>
            </div>
		</li>
	</ol>
```

*/
.mini-products-list p, .mini-products-list .item {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.mini-products-list .item {
  display: block;
}
.mini-products-list .product-brand {
  text-transform: uppercase;
}
.mini-products-list .product-name {
  margin-bottom: 0;
}
.mini-products-list .product-name a {
  color: #353031;
}
.mini-products-list .product-image {
  border: 0.0625rem solid #f9f9f9;
  float: left;
  text-align: center;
  width: 3.75rem;
}
.mini-products-list .truncated {
  margin-top: 0.3125rem;
}
.mini-products-list .truncated .details {
  color: #AD2336;
}
.mini-products-list .product-details {
  margin-left: 5rem;
}
.block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small {
  word-wrap: break-word;
}
.block-cart .mini-products-list .product-details .nobr {
  white-space: normal !important;
}
.mini-products-list .link-edit,
.mini-products-list .link-remove {
  color: #AD2336;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.mini-products-list .link-edit:after {
  content: "|";
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: 0 0.0625rem 0 0.3125rem;
}

/*

# Breadcrumbs

```
	<div class="breadcrumbs-container">
		<div class="breadcrumbs">
			<ul>
				<li class="home">
					<a title="Go to Home Page" href="#">Home</a>
					<span>/ </span>
				</li>
				<li class="category">
					<a title="" href="#">Sublink</a>
					<span>/ </span>
				</li>
				<li class="category">
					<a title="" href="#">Sublink</a>
					<span>/ </span>
				</li>
				<li class="product">
					<strong>Active</strong>
				</li>
			</ul>
		</div>
	</div>
```

*/
.breadcrumbs-container {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.breadcrumbs-container:before, .breadcrumbs-container:after {
  content: " ";
  display: table;
}
.breadcrumbs-container:after {
  clear: both;
}

.breadcrumbs {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.breadcrumbs ul {
  display: block;
  padding: 0.25rem 0;
}
.breadcrumbs li {
  color: #AD2336;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.breadcrumbs li a {
  text-decoration: none;
  color: #AD2336;
}
.breadcrumbs li a:hover, .breadcrumbs li a:focus {
  text-decoration: underline;
}
.breadcrumbs strong {
  color: #353031;
  font-weight: normal;
}

/*

# Nav Bar

*/
/*

## Top Navigation

```
	<div class="nav-container">
		<ul id="nav">
			<li class="level0 nav-1 first level-top parent">
				<a class="level-top" href="#"><span>Furniture</span></a>
				<ul class="level0">
					<li class="level1 nav-1-1 first">
						<a href="#"><span>Living Room</span></a>
					</li>
					<li class="level1 nav-1-2 last">
						<a href=""><span>Bedroom</span></a>
					</li>
				</ul>
			</li>
			<li class="level0 nav-2 level-top">
				<a class="level-top" href="#"><span>Electronics</span></a>
			</li>
			<li class="level0 nav-3 active last level-top parent over">
				<a class="level-top over" href="#"><span>Apparel</span></a>
				<ul class="level0 shown-sub">
					<li class="level1 nav-3-1 first">
						<a href="#"><span>Shirts</span></a>
					</li>
					<li class="level1 nav-3-2 active parent over">
						<a href="#" class="over"><span>Shoes</span></a>
						<ul class="level1 shown-sub">
							<li class="level2 nav-3-2-1 first over">
								<a href="#" class="over"><span>Mens</span></a>
							</li>
							<li class="level2 nav-3-2-2 last">
								<a href="#"><span>Womens</span></a>
							</li>
						</ul>
					</li>
					<li class="level1 nav-3-3 last">
						<a href="#"><span>Hoodies</span></a></li>
				</ul>
			</li>
		</ul>
	</div>
```

*/
.nav-container {
  background: none;
}
.left-off-canvas-menu .nav-container {
  background: 0;
}
.nav-container.fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.nav-container .nav-row {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.nav-container .nav-row:before, .nav-container .nav-row:after {
  content: " ";
  display: table;
}
.nav-container .nav-row:after {
  clear: both;
}
.nav-container .nav-search {
  display: none;
}
@media only screen and (max-width: 47.938em) {
  .nav-container {
    margin-bottom: 0.625rem;
  }
}

#nav {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
  height: 2.75rem;
  margin: 0;
  position: relative;
  text-align: center;
}
#nav:before {
  background: radial-gradient(#f9f9f9, #ffffff 90%);
  content: "";
  display: block;
  height: 0.1875rem;
  width: 100%;
}
#nav > li {
  border-right: 0 solid #fff;
  display: inline-block;
  height: 2.75rem;
  padding: 0;
  position: relative;
}
#nav > li:last-child {
  border-right: 0;
}
#nav > li.over {
  z-index: 998;
}
#nav > li > a {
  color: #222;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2.75rem;
  padding: 0 1.2em;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) and (orientation: portrait) {
  #nav > li > a {
    font-size: 0.625rem;
    letter-spacing: 0;
  }
}

#nav > li > a:hover, #nav > li > a.over {
  background: #f9f9f9;
  color: #AD2336;
}
#nav > li a {
  text-decoration: none;
}
#nav ul {
  display: none;
}
#nav ul.shown-sub {
  display: block;
}
#nav ul li {
  padding: 0;
  text-align: left;
}
#nav ul a {
  padding: 0.5rem 1.25rem;
  line-height: 1.8em;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  #nav > li a {
    padding: 0 0.9375rem;
  }
}
@media only screen and (min-width: 48em) {
  #nav > li.active > a span {
    color: #AD2336;
  }
  #nav > li.last ul {
    left: auto;
    right: 0;
  }
  #nav ul {
    background: #f9f9f9;
    left: 0;
    padding: 1.25rem 0;
    position: absolute;
    top: 2.75rem;
    width: 11.875rem;
  }
  #nav ul a {
    display: block;
    font-family: "proxima-nova", sans-serif;
    font-size: 0.8125rem;
    line-height: 1rem;
    text-transform: none;
  }
  #nav ul a.over, #nav ul a:hover {
    color: #353031;
  }
  #nav ul.sub,
  #nav div.sub {
    margin: 0 auto;
    max-width: 81rem;
    width: 100%;
    left: -625rem;
    position: absolute;
    top: 2.75rem;
  }
  #nav ul.sub:before, #nav ul.sub:after,
  #nav div.sub:before,
  #nav div.sub:after {
    content: " ";
    display: table;
  }
  #nav ul.sub:after,
  #nav div.sub:after {
    clear: both;
  }
  #nav ul.sub > div,
  #nav div.sub > div {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    background: #f9f9f9;
    padding: 1.5625rem 2.1875rem 3.125rem;
  }
  #nav ul.sub.shown-sub,
  #nav div.sub.shown-sub {
    left: 0;
    z-index: 999;
  }
  #nav ul.sub li span,
  #nav div.sub li span {
    letter-spacing: 0.1em;
    border-bottom: 0.0625rem solid #e1e1e1;
    display: block;
    font-family: "proxima-nova", sans-serif;
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 1em;
    padding: 1rem 0;
    text-transform: uppercase;
  }
  #nav ul.sub a,
  #nav div.sub a {
    color: #fff;
    font-size: 0.8125rem;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.125rem;
    padding: 0;
    margin: 0 0 0.625rem;
    text-transform: none;
  }
  #nav ul.sub a:hover,
  #nav div.sub a:hover {
    background: 0;
    color: #AD2336;
  }
  #nav [class*="col-w-"] {
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  #nav .col2-set .col-w-1 {
    width: 50%;
  }
  #nav .col2-set .col-w-2 {
    width: 100%;
  }
  #nav .col3-set .col-w-1 {
    width: 33.3333%;
  }
  #nav .col3-set .col-w-2 {
    width: 66.6666%;
  }
  #nav .col3-set .col-w-3 {
    width: 100%;
  }
  #nav .col4-set .col-w-1 {
    width: 25%;
  }
  #nav .col4-set .col-w-2 {
    width: 50%;
  }
  #nav .col4-set .col-w-3 {
    width: 75%;
  }
  #nav .col4-set .col-w-4 {
    width: 100%;
  }
  #nav .col5-set .col-w-1 {
    width: 20%;
  }
  #nav .col5-set .col-w-2 {
    width: 40%;
  }
  #nav .col5-set .col-w-3 {
    width: 60%;
  }
  #nav .col5-set .col-w-4 {
    width: 80%;
  }
  #nav .col5-set .col-w-5 {
    width: 100%;
  }
}
@media only screen and (max-width: 47.938em) {
  #nav {
    margin: 0;
    height: auto;
    padding: 0;
    text-align: left;
  }
  #nav li {
    display: block;
    float: none;
    height: auto;
  }
  #nav li > span {
    letter-spacing: 0.1em;
    border-bottom: 0.0625rem solid #f9f9f9;
    color: #fff;
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1rem;
    padding: 1.25rem;
    text-transform: uppercase;
  }
  #nav li.home {
    width: 100px;
  }
  #nav li a {
    color: #AD2336;
    border: 0;
    display: block;
    font-size: 0.8125rem;
    line-height: 1rem;
    padding: 0.5rem 1.25rem;
    position: relative;
    text-transform: none;
  }
  #nav li a.level-top {
    letter-spacing: 0.1em;
    border-bottom: 0.0625rem solid #f9f9f9;
    border-top: 0.0625rem solid #f9f9f9;
    color: #353031;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 1.25rem;
    text-transform: uppercase;
  }
  #nav li a.home:before {
    cursor: pointer;
    display: block;
    font-family: "FontAwesome";
    font-size: 1.75rem;
    text-indent: 0;
    content: "";
  }
  #nav li a.exit-off-canvas {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 3.25rem;
    padding: 0 0;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    height: 3.25rem;
    width: 40px;
    display: block;
    z-index: 9999;
    background: none transparent;
    box-shadow: none;
  }
  #nav li a.exit-off-canvas:before {
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 0.1875rem;
    display: block;
    color: #353031;
    font-size: 1.75rem;
  }
  #nav li a.exit-off-canvas span {
    display: none;
  }
  #nav li.parent {
    position: relative;
  }
  #nav li.parent > a.over, #nav li.parent > a.open, #nav li.parent > a:active {
    color: #fff;
    background: #AD2336;
  }
  #nav li.parent > a:after {
    color: inherit;
    content: "";
    font-family: "FontAwesome";
    float: right;
  }
  #nav li.parent > a.open:after {
    content: "";
  }
  #nav ul,
  #nav div {
    padding: 0.75rem 0;
  }
  #nav .sub a {
    text-transform: none;
  }
  #nav .widget-static-block {
    display: none;
  }
}

/*
    # Toolbar
*/
.toolbar {
  background: 0;
  border-bottom: 0.0625rem solid #e1e1e1;
  border-top: 0.0625rem solid #e1e1e1;
  color: #353031;
  font-size: 0.8125rem;
  line-height: 1.6875rem;
  margin-bottom: 1.875rem;
  min-height: 1.6875rem;
  padding: 0.625rem 0;
  overflow: hidden;
}
.toolbar-bottom .toolbar {
  margin: 0;
}
.toolbar .pages,
.toolbar .sort-by {
  float: right;
  margin-left: 1.25rem;
}
.toolbar .limiter {
  float: left;
}
.toolbar .sort-by a {
  color: #353031;
}
.toolbar .sort-by a:hover {
  color: #362940;
}
.toolbar .view-mode {
  float: right;
}
.toolbar .view-mode label {
  display: none;
}
.toolbar .view-mode a {
  background-color: #fff;
  background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 6px, #e1e1e1 6px, #e1e1e1 19px, #ffffff 19px);
  background-position: 0 6px;
  background-size: 19px 13px;
  background-repeat: repeat-x;
  border: 0.0625rem solid #e1e1e1;
  display: inline-block;
  height: 1.6875rem;
  margin-left: 0.4375rem;
  padding: 0;
  text-indent: -624.9375rem;
  width: auto;
}
.toolbar .view-mode a:hover, .toolbar .view-mode a.active {
  border-color: #AD2336;
  background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 6px, #ad2336 6px, #ad2336 19px, #ffffff 19px);
}
.toolbar .view-mode a:first-child {
  margin-left: 0;
}
.toolbar .view-mode a.grid2 {
  width: 2.8125rem;
}
.toolbar .view-mode a.grid3 {
  width: 4rem;
}
.toolbar .view-mode a.grid4 {
  width: 5.1875rem;
}
.toolbar select {
  padding: 0.0625rem;
  width: auto;
}
.toolbar a {
  color: #AD2336;
}
.toolbar a:hover {
  color: #353031;
}
.toolbar .sorter {
  padding-top: 0;
}
@media only screen and (max-width: 47.938em) {
  .toolbar .sort-by {
    float: left;
    margin-left: 0;
  }
  .toolbar .view-mode,
  .toolbar .limiter {
    display: none;
  }
}

.pages ol {
  display: inline;
}
.pages li {
  display: inline-block;
  text-align: center;
}
.pages a {
  color: #353031;
  display: block;
  padding: 0 0.5rem;
  line-height: 1.6875rem;
}
.pages a:hover {
  background: #AD2336;
  color: #fff;
  text-decoration: none;
}
.pages .current {
  color: #AD2336;
  padding: 0 0.5rem;
}

.pager {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
  font-size: 0.8125rem;
  line-height: 1.6875rem;
  margin-bottom: 1.125rem;
  text-transform: uppercase;
}
.pager:before, .pager:after {
  content: " ";
  display: table;
}
.pager:after {
  clear: both;
}
.pager .amount {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 25%;
  float: left;
}
.pager .pages {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 50%;
  float: left;
}
.pager .limiter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 25%;
  float: left;
  text-align: left;
}
.pager .limiter select {
  padding: 0.0625rem;
  width: auto;
}

/*

# Category Page

Contains the category title, description and image as well as the list and/or grid view of the products contained in it.

*/
/*

## Category Header

```
    <div class="page-title category-title">
        <h1>Category Title</h1>
    </div>
    <p class="category-image"><img title="Category Image" alt="Category Image" src="http://placekitten.com/475/215"></p>
    <div class="category-description std">
        Category Description
    </div>
```

*/
.category-header-wrapper {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.category-header-wrapper:before, .category-header-wrapper:after {
  content: " ";
  display: table;
}
.category-header-wrapper:after {
  clear: both;
}
.category-header-wrapper .category-header {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
}

.category-title {
  margin-bottom: 0;
}

.category-info:before, .category-info:after {
  content: " ";
  display: table;
}
.category-info:after {
  clear: both;
}

.category-image {
  margin-bottom: 1.25rem;
}

.category-landing-products {
  border-top: 0.3125rem solid #e1e1e1;
  padding: 1.875rem 0;
}
.category-landing-products .block-title {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
  margin-bottom: 1.875rem;
}
.category-landing-products .block-title h2, .category-landing-products .block-title strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.category-landing-products .block-title h2 span, .category-landing-products .block-title strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.category-landing-products .block-title h2:after, .category-landing-products .block-title strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.category-landing-products .block-title h2:after, .category-landing-products .block-title strong:after {
  display: none;
}

.category-description,
.category-block {
  color: #353031;
  margin-bottom: 1.875rem;
  text-align: center;
}
@media only screen and (max-width: 47.938em) {
  .category-description,
  .category-block {
    display: none;
  }
}
.category-description .block-title,
.category-block .block-title {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
}
.category-description .block-title h2, .category-description .block-title strong,
.category-block .block-title h2,
.category-block .block-title strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.category-description .block-title h2 span, .category-description .block-title strong span,
.category-block .block-title h2 span,
.category-block .block-title strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.category-description .block-title h2:after, .category-description .block-title strong:after,
.category-block .block-title h2:after,
.category-block .block-title strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.category-description, .category-description p,
.category-block,
.category-block p {
  letter-spacing: 0.1em;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}
.category-description > :last-child,
.category-block > :last-child {
  margin-bottom: 0;
}

.category-block {
  margin: 1.875rem 0 0;
}

/*

## Category Subcategory Grid

```
<div class="category-subcategories">
    <ul class="subcategory-grid">
        <li>
            <div class="item">
                <p class="subcategory-image">
                    <img alt="Cell Phones" src="http://magebase.local/media/catalog/category/thumbnail-default.gif">
                </p>
                <p class="subcategory-name">
                    <a href="">Category Name <span>(6)</span></a>
                </p>
            </div>
        </li>
        <li>
            <div class="item">
                <p class="subcategory-image">
                    <img alt="Cameras" src="http://magebase.local/media/catalog/category/thumbnail-default.gif">
                </p>
                <p class="subcategory-name">
                    <a href="">Cameras <span>(8)</span></a>
                </p>
            </div>
        </li>
        <li>
            <div class="item">
                <p class="subcategory-image">
                    <img alt="Computers" src="http://magebase.local/media/catalog/category/thumbnail-default.gif">
                </p>
                <p class="subcategory-name">
                    <a href="">Computers <span>(28)</span></a>
                </p>
            </div>
        </li>
        </ul>
</div>
```

*/
.category-subcategories .block-title {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
}
.category-subcategories .block-title h2, .category-subcategories .block-title strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.category-subcategories .block-title h2 span, .category-subcategories .block-title strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.category-subcategories .block-title h2:after, .category-subcategories .block-title strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}

.subcategory-grid {
  display: block;
  padding: 0;
  margin: 0 0;
  margin-right: -1.25rem;
}
.subcategory-grid:before, .subcategory-grid:after {
  content: " ";
  display: table;
}
.subcategory-grid:after {
  clear: both;
}
.subcategory-grid > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 0 0;
}
.subcategory-grid > li {
  list-style: none;
  padding: 0 0 0;
  width: 16.66667%;
}
.subcategory-grid > li:nth-of-type(1n) {
  clear: none;
}
.subcategory-grid > li:nth-of-type(6n+1) {
  clear: both;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .subcategory-grid > li {
    list-style: none;
    padding: 0 0 0;
    width: 33.33333%;
  }
  .subcategory-grid > li:nth-of-type(1n) {
    clear: none;
  }
  .subcategory-grid > li:nth-of-type(3n+1) {
    clear: both;
  }
}
.subcategory-grid > li {
  padding-bottom: 1.25rem;
  position: relative;
}
.subcategory-grid > li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  cursor: pointer;
}
.subcategory-grid > li:last-child:after {
  display: none;
}
.subcategory-grid > li:after {
  background-image: url('/skin/frontend/webtise/default/images/separator.svg?1506003274');
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 8.75rem;
  position: absolute;
  right: 0.46875rem;
  top: 20%;
  width: 0.3125rem;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .subcategory-grid > li:nth-child(3n):after {
    display: none;
  }
}
.category-subcategories .subcategory-grid {
  padding-left: 0;
}
.category-subcategories .subcategory-grid > li {
  list-style: none;
  padding: 0 0 0;
  width: 25%;
}
.category-subcategories .subcategory-grid > li:nth-of-type(1n) {
  clear: none;
}
.category-subcategories .subcategory-grid > li:nth-of-type(4n+1) {
  clear: both;
}
.category-subcategories .subcategory-grid > li {
  padding-bottom: 1.25rem;
}
.category-subcategories .subcategory-grid > li:nth-child(4n):after {
  display: none;
}
@media only screen and (max-width: 47.938em) {
  .subcategory-grid {
    display: none;
  }
}

.subcategory-item {
  padding-right: 1.25rem;
  position: relative;
}

.subcategory-image {
  display: block;
  margin-bottom: 1.5625rem;
}
.subcategory-image img {
  width: 100%;
}

.subcategory-title {
  letter-spacing: 0.2em;
  color: #AD2336;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5rem;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}

/*

## Product Views

*/
.products-grid .item,
.products-list .item,
.products-carousel .item {
  text-align: center;
}
.products-grid .item, .products-grid .item a,
.products-list .item,
.products-list .item a,
.products-carousel .item,
.products-carousel .item a {
  color: #353031;
}
.products-grid .item .button,
.products-list .item .button,
.products-carousel .item .button {
  width: 100%;
}
.products-grid .item .button span,
.products-list .item .button span,
.products-carousel .item .button span {
  letter-spacing: 0.2em;
  background: #f9f9f9;
  color: #353031;
  font-size: 0.75rem;
  font-weight: normal;
  padding: 0.75em 2.125em;
}
.products-grid .item .button span span,
.products-list .item .button span span,
.products-carousel .item .button span span {
  padding: 0;
}
.products-grid .item .button:hover span,
.products-list .item .button:hover span,
.products-carousel .item .button:hover span {
  background: #444;
  color: white;
}
.products-grid .item .button span,
.products-list .item .button span,
.products-carousel .item .button span {
  padding-left: 0;
  padding-right: 0;
}
.products-grid .product-sku,
.products-list .product-sku,
.products-carousel .product-sku {
  color: #aaa;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin-bottom: 0;
  text-transform: uppercase;
}
.products-grid .product-name,
.products-list .product-name,
.products-carousel .product-name {
  margin-bottom: 0;
}
.products-grid .product-image,
.products-list .product-image,
.products-carousel .product-image {
  display: block;
  padding: 0.0625rem;
  text-align: center;
  margin-bottom: 1.125rem;
}
.products-grid .product-image:hover,
.products-list .product-image:hover,
.products-carousel .product-image:hover {
  border: 0.0625rem solid #e1e1e1;
  padding: 0;
}
.products-grid .price-box,
.products-list .price-box,
.products-carousel .price-box {
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: 0 0 1em;
}
.products-grid .ratings,
.products-list .ratings,
.products-carousel .ratings {
  display: inline-block;
  margin: 0 0 0.625rem;
}
.products-grid .ratings .amount,
.products-list .ratings .amount,
.products-carousel .ratings .amount {
  display: none;
}
.products-grid .link-compare,
.products-list .link-compare,
.products-carousel .link-compare {
  text-decoration: none;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.products-grid .link-compare:hover, .products-grid .link-compare:focus,
.products-list .link-compare:hover,
.products-list .link-compare:focus,
.products-carousel .link-compare:hover,
.products-carousel .link-compare:focus {
  text-decoration: underline;
}

.category-lookbook-products .products-grid > li {
  list-style: none;
  padding: 0 0.625rem 1.25rem;
  width: 100%;
}
.category-lookbook-products .products-grid > li:nth-of-type(1n) {
  clear: none;
}
.category-lookbook-products .products-grid > li:nth-of-type(1n+1) {
  clear: both;
}
@media only screen and (min-width: 48em) {
  .category-lookbook-products .products-grid > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 50%;
  }
  .category-lookbook-products .products-grid > li:nth-of-type(1n) {
    clear: none;
  }
  .category-lookbook-products .products-grid > li:nth-of-type(2n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 81em) {
  .category-lookbook-products .products-grid > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 33.33333%;
  }
  .category-lookbook-products .products-grid > li:nth-of-type(1n) {
    clear: none;
  }
  .category-lookbook-products .products-grid > li:nth-of-type(3n+1) {
    clear: both;
  }
}
.category-lookbook-products .item {
  position: relative;
  z-index: 1;
}
.category-lookbook-products .item.open .link-toggle:before {
  content: "";
}
.category-lookbook-products .item .btn-details {
  width: 100%;
}
.category-lookbook-products .item .btn-details span {
  width: 100%;
  text-align: center;
}
.category-lookbook-products .link-toggle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  color: #353031;
  height: 1.875rem;
  left: 0.9375rem;
  line-height: 1.875rem;
  position: absolute;
  text-decoration: none;
  top: 0.9375rem;
  width: 1.875rem;
  z-index: 3;
}
.category-lookbook-products .link-toggle:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0;
  text-indent: 0;
}
.category-lookbook-products .product-image {
  margin-bottom: 0;
}
.category-lookbook-products .product-image img {
  height: auto;
  width: 100%;
}
.category-lookbook-products .product-details {
  background: rgba(249, 249, 249, 0.9);
  display: none;
  left: 0;
  padding: 4.0625rem 1.25rem 1.875rem;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 2;
}
.category-lookbook-products .product-mini-image {
  float: left;
  margin-bottom: 0.9375rem;
  width: 6.25rem;
}
.category-lookbook-products .product-mini-details {
  margin-left: 7.1875rem;
}
.category-lookbook-products .product-mini-details .button span {
  letter-spacing: 0.2em;
  background: transparent;
  border-bottom: 0.0625rem solid #AD2336;
  border-top: 0.0625rem solid #AD2336;
  color: #AD2336;
  font-weight: 600;
}
.category-lookbook-products .product-mini-details .button span span {
  border: 0;
}
.category-lookbook-products .product-mini-details .button:hover span {
  background: 0;
  border-color: #353031;
  color: #353031;
}
.category-lookbook-products .product-mini-options {
  clear: both;
}
.category-lookbook-products .product-mini-options dl:before, .category-lookbook-products .product-mini-options dl:after {
  content: " ";
  display: table;
}
.category-lookbook-products .product-mini-options dl:after {
  clear: both;
}
.category-lookbook-products .product-mini-options dt,
.category-lookbook-products .product-mini-options dd {
  margin-bottom: 0.625rem;
}
.category-lookbook-products .product-mini-options dt {
  clear: both;
  float: left;
  width: 5.625rem;
}
.category-lookbook-products .product-mini-options dd {
  margin-left: 5.625rem;
}
.category-lookbook-products .product-mini-options label {
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.category-lookbook-products .product-mini-options .button span {
  background: #353031;
  color: #fff;
}
.category-lookbook-products .product-mini-options .button:hover span {
  background: #282425;
  color: white;
}

/*

### Product Grid

```
    <ul class="products-grid first last odd">
        <li class="first">
            <div class="item">
                <a class="product-image" title="Product Name" href="#">
                    <img width="135" height="135" alt="Product Name" src="http://placekitten.com/135/135">
                </a>
                <h2 class="product-name"><a title="Product Name" href="#">Product Name</a></h2>
                <div class="ratings">
                    <div class="rating-box">
                        <div style="width:62%" class="rating"></div>
                    </div>
                    <span class="amount"><a href="#">3 Review(s)</a></span>
                </div>
                <div class="price-box">
                    <span id="product-price-83" class="regular-price">
                        <span class="price">&pound;15.99</span>
                    </span>
                </div>
                <div class="actions">
                    <button class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button>
                    <ul class="add-to-links">
                        <li><a class="link-wishlist" href="#">Add to Wishlist</a></li>
                        <li><span class="separator">|</span> <a class="link-compare" href="#">Add to Compare</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="item">
                <a class="product-image" title="Product Name" href="#">
                    <img width="135" height="135" alt="Product Name" src="http://placekitten.com/135/135">
                </a>
                <h2 class="product-name"><a title="Product Name" href="#">Product Name</a></h2>
                <div class="ratings">
                    <div class="rating-box">
                        <div style="width:62%" class="rating"></div>
                    </div>
                    <span class="amount"><a href="#">3 Review(s)</a></span>
                </div>
                <div class="price-box">
                    <span id="product-price-83" class="regular-price">
                        <span class="price">&pound;15.99</span>
                    </span>
                </div>
                <div class="actions">
                    <button class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button>
                    <ul class="add-to-links">
                        <li><a class="link-wishlist" href="#">Add to Wishlist</a></li>
                        <li><span class="separator">|</span> <a class="link-compare" href="#">Add to Compare</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li class="last">
            <div class="item">
                <a class="product-image" title="Product Name" href="#">
                    <img width="135" height="135" alt="Product Name" src="http://placekitten.com/135/135">
                </a>
                <h2 class="product-name"><a title="Product Name" href="#">Product Name</a></h2>
                <div class="ratings">
                    <div class="rating-box">
                        <div style="width:62%" class="rating"></div>
                    </div>
                    <span class="amount"><a href="#">3 Review(s)</a></span>
                </div>
                <div class="price-box">
                    <span id="product-price-83" class="regular-price">
                        <span class="price">&pound;15.99</span>
                    </span>
                </div>
                <div class="actions">
                    <button class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button>
                    <ul class="add-to-links">
                        <li><a class="link-wishlist" href="#">Add to Wishlist</a></li>
                        <li><span class="separator">|</span> <a class="link-compare" href="#">Add to Compare</a></li>
                    </ul>
                </div>
            </div>
        </li>
    </ul>
```

*/
.products-grid {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}
.products-grid:before, .products-grid:after {
  content: " ";
  display: table;
}
.products-grid:after {
  clear: both;
}
.products-grid > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 0.625rem 1.25rem;
}
.products-grid > li {
  list-style: none;
  padding: 0 0.625rem 1.25rem;
  width: 50%;
}
.products-grid > li:nth-of-type(1n) {
  clear: none;
}
.products-grid > li:nth-of-type(2n+1) {
  clear: both;
}
@media only screen and (min-width: 48em) {
  .products-grid > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 33.33333%;
  }
  .products-grid > li:nth-of-type(1n) {
    clear: none;
  }
  .products-grid > li:nth-of-type(3n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 81em) {
  .products-grid > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 25%;
  }
  .products-grid > li:nth-of-type(1n) {
    clear: none;
  }
  .products-grid > li:nth-of-type(4n+1) {
    clear: both;
  }
  .products-grid.mode-grid2 > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 50%;
  }
  .products-grid.mode-grid2 > li:nth-of-type(1n) {
    clear: none;
  }
  .products-grid.mode-grid2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .products-grid.mode-grid3 > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 33.33333%;
  }
  .products-grid.mode-grid3 > li:nth-of-type(1n) {
    clear: none;
  }
  .products-grid.mode-grid3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .products-grid.mode-grid4 > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 25%;
  }
  .products-grid.mode-grid4 > li:nth-of-type(1n) {
    clear: none;
  }
  .products-grid.mode-grid4 > li:nth-of-type(4n+1) {
    clear: both;
  }
}

/*

### Product List

```
    <ol id="products-list" class="products-list">
        <li class="item odd">
            <a class="product-image" title="Product Name" href="#">
                <img width="135" height="135" alt="Product Name" src="http://placekitten.com/135/135">
            </a>
            <div class="product-shop">
                <div class="f-fix">
                    <h2 class="product-name"><a title="Product Name" href="#">Product Name</a></h2>
                    <div class="ratings">
                        <div class="rating-box">
                            <div style="width:62%" class="rating"></div>
                        </div>
                        <p class="rating-links">
                            <a href="#">3 Review(s)</a>
                            <span class="separator">|</span>
                            <a href="#">Add Your Review</a>
                        </p>
                    </div>
                    <div class="price-box">
                        <span id="product-price-83" class="regular-price">
                            <span class="price">&pound;15.99</span>
                        </span>
                    </div>
                    <p><button class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button></p>
                    <div class="desc std">
                        Comfortable and fun to wear these clogs are the latest trend in fashion footwear
                        <a class="link-learn" title="Product Name" href="#">Learn More</a>
                    </div>
                    <ul class="add-to-links">
                        <li><a class="link-wishlist" href="#">Add to Wishlist</a></li>
                        <li><span class="separator">|</span> <a class="link-compare" href="#">Add to Compare</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li class="item last even">
            <a class="product-image" title="Product Name" href="#">
                <img width="135" height="135" alt="Product Name" src="http://placekitten.com/135/135">
            </a>
            <div class="product-shop">
                <div class="f-fix">
                    <h2 class="product-name"><a title="Product Name" href="#">Product Name</a></h2>
                    <div class="ratings">
                        <div class="rating-box">
                            <div style="width:62%" class="rating"></div>
                        </div>
                        <p class="rating-links">
                            <a href="#">3 Review(s)</a>
                            <span class="separator">|</span>
                            <a href="#">Add Your Review</a>
                        </p>
                    </div>
                    <div class="price-box">
                        <span id="product-price-83" class="regular-price">
                            <span class="price">&pound;15.99</span>
                        </span>
                    </div>
                    <p><button class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button></p>
                    <div class="desc std">
                        Comfortable and fun to wear these clogs are the latest trend in fashion footwear
                        <a class="link-learn" title="Product Name" href="#">Learn More</a>
                    </div>
                    <ul class="add-to-links">
                        <li><a class="link-wishlist" href="#">Add to Wishlist</a></li>
                        <li><span class="separator">|</span> <a class="link-compare" href="#">Add to Compare</a></li>
                    </ul>
                </div>
            </div>
        </li>
    </ol>
```

*/
.products-list .item:before, .products-list .item:after {
  content: " ";
  display: table;
}
.products-list .item:after {
  clear: both;
}
.products-list .product-image {
  float: left;
  height: 5.625rem;
  margin: 0;
  width: 5.625rem;
}
.products-list .product-list-shop {
  margin-left: 6.875rem;
}
.products-list .product-name {
  letter-spacing: 0.03em;
}
.products-list .add-to-links {
  clear: both;
}
.products-list .add-to-links .separator {
  display: inline-block;
  margin: 0 0.125rem;
}
.products-list .label-qty {
  font-size: 0.75rem;
  margin-right: 0.375rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 47.938em) {
  .products-list li:first-child .item {
    border-top: 0.0625rem solid #f9f9f9;
    padding-top: 1.25rem;
  }
}

.products-carousel.slick-slider {
  padding: 0;
}
.products-carousel .item {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.products-carousel .slick-list {
  padding: 0;
}

.compare-reveal {
  position: fixed;
  top: 0 !important;
}
.compare-reveal .reveal-content {
  height: 100%;
  overflow-x: scroll;
  overflow-y: scroll;
  width: 100%;
}
.compare-reveal .close-reveal-modal {
  color: #353031;
  right: 1.875rem;
  text-decoration: none;
  top: 1.5rem;
}

/*

# Product View

*/
/*

## Product Name

*/
.product-name {
  letter-spacing: 0.05em;
  color: #353031;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.product-name a {
  text-decoration: none;
  color: #353031;
}
.product-name a:hover, .product-name a:focus {
  text-decoration: underline;
}

/*
## Ratings

### No Rating

```
    <p class="no-rating">
        <a href="#">Be the first to review this product</a>
    </p>
```
*/
.no-rating {
  margin: 0 0 1.25rem;
}
.no-rating a {
  letter-spacing: 0.05em;
  text-decoration: none;
  font-size: 0.625rem;
  line-height: 0.75rem;
  text-transform: uppercase;
}
.no-rating a:hover, .no-rating a:focus {
  text-decoration: underline;
}

/*

### Rated

```
    <div class="ratings">
        <div class="rating-box">
            <div style="width:73%" class="rating"></div>
        </div>
        <p class="rating-links">
            <a href="#">2 Review(s)</a>
            <span class="separator">|</span>
            <a href="#">Add Your Review</a>
        </p>
    </div>
```

*/
.ratings {
  letter-spacing: 0.05em;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  margin: 0.9375rem 0 1.875rem;
  text-transform: uppercase;
}
.ratings strong {
  float: left;
  margin: 0.0625rem 0.1875rem 0 0;
}
.ratings .rating-links {
  margin: 0;
}
.ratings .rating-links a {
  text-decoration: none;
  font-size: 0.8125rem;
  line-height: 1rem;
}
.ratings .rating-links a:hover, .ratings .rating-links a:focus {
  text-decoration: underline;
}
.ratings .rating-links .separator {
  display: inline-block;
  color: #AD2336;
  font-size: 0.625rem;
  line-height: 1rem;
  margin: 0 0.1875rem;
  vertical-align: initial;
}
.ratings .rating-box {
  float: left;
  margin-right: 0.1875rem;
}

.rating-box {
  width: 69px;
  height: 13px;
  font-size: 0;
  line-height: 0;
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/bkg_rating.png) 0 0 repeat-x;
  text-indent: -999em;
  overflow: hidden;
}
.rating-box .rating {
  float: left;
  height: 13px;
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/bkg_rating.png) 0 100% repeat-x;
}

/*

### Ratings Table

Table to show ratings for each point (found on product review list page)

```
    <table class="ratings-table">
            <colgroup>
                <col width="1">
                <col>
            </colgroup>
            <tbody>
                <tr>
                    <th>Quality</th>
                    <td>
                        <div class="rating-box">
                            <div style="width:40%;" class="rating"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>Price</th>
                    <td>
                        <div class="rating-box">
                            <div style="width:20%;" class="rating"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>Value</th>
                    <td>
                        <div class="rating-box">
                            <div style="width:60%;" class="rating"></div>
                        </div>
                    </td>
                </tr>
            </tbody>
    </table>
```

*/
.ratings-table {
  margin-bottom: 1.125rem;
}
.ratings-table th, .ratings-table td {
  font-size: 0.8125rem;
  line-height: 1em;
  padding: 0.1875rem 0;
}
.ratings-table th {
  font-weight: normal;
  padding-right: 0.625rem;
  text-transform: uppercase;
}

.review-star-input {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
.review-star-input:before, .review-star-input:after {
  content: " ";
  display: table;
}
.review-star-input:after {
  clear: both;
}
.review-star-input .review-star-label {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 25%;
  float: left;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.review-star-input .review-star-container {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 75%;
  float: left;
  line-height: 1.125rem;
}

.review-star-container .review-star:after {
  color: #353031;
  content: "";
  cursor: pointer;
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.review-star-container .review-star.active:after {
  color: #353031;
}
.review-star-container .radio {
  display: none;
}

/*

## Availability

Shows current stock status for product.

```
    <p class="availability in-stock">Availability: <span>In stock</span></p>

    <p class="availability out-of-stock">Availability: <span>Out of stock</span></p>
```

*/
.availability {
  letter-spacing: 0.1em;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
}
.product-aside .availability {
  margin-bottom: 1em;
}
.availability span {
  display: inline-block;
}
.availability.in-stock:before {
  color: #362940;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}
.availability.out-of-stock:before {
  color: #AD2336;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}

/*
### Availability Only

When Configuration->Inventory->Stock Options->Only X left Threshold is set

```
    <p class="availability-only">
        <span title="Only 2 left">Only <strong>2</strong> left</span>
    </p>
```
*/
.availability-only {
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 1em;
  overflow: hidden;
}
.availability-only:before {
  color: #AD2336;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}
.availability-only:before {
  float: left;
}
.availability-only a {
  display: inline-block;
  text-decoration: none;
}
.availability-only a:after {
  color: inherit;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-left: 0.5rem;
  text-indent: 0;
}
.availability-only a.expanded:after {
  content: "";
}

/*
Show stock levels for individual products on a configurable/bundle product

```
    <p class="availability-only">
        <a title="Only 1749 left" href="#" class="expanded">Only <strong>1749</strong> left</a>
    </p>
    <table class="availability-only-details">
        <colgroup><col>
        <col width="1">
        </colgroup><thead>
            <tr class="first last">
                <th>Product Name</th>
                <th class="a-center">Qty</th>
            </tr>
        </thead>
        <tbody>
            <tr class="first odd">
                <td>Product Name</td>
                <td class="a-center last">2</td>
            </tr>
            <tr class="even">
                <td>Product Name</td>
                <td class="a-center last">998</td>
            </tr>
            <tr class="last odd">
                <td>Product Name</td>
                <td class="a-center last">749</td>
            </tr>
        </tbody>
    </table>
```

*/
.availability-only-details th {
  background: #353031;
  color: #fff;
  font-size: 0.625rem;
  padding: 0 0.5rem;
  text-transform: uppercase;
}
.availability-only-details td {
  border-bottom: 0.0625rem solid #e1e1e1;
  font-size: 0.6875rem;
  padding: 0.125rem 0.5rem;
}

/*
## Email to a Friend
```
    <p class="email-friend"><a href="#">Email to a Friend</a></p>
```
*/
/*
### Send a Friend

Located on separate page after clicking 'Email to a Friend' link.

Uses common elements, `.page-title`, `.fieldset`, `.buttons-set` and `.form-list`.

*/
/*
## Alerts
*/
/*
### Price Alert
```
    <p class="alert-price link-price-alert">
        <a title="Sign up for price alert" href="#">Sign up for price alert</a>
    </p>
```
*/
/*
### Stock Alert
```
    <p class="alert-stock link-stock-alert">
        <a title="Sign up to get notified when this product is back in stock" href="#">Sign up to get notified when this product is back in stock</a>
    </p>
```
*/
/*
## Pricing

Each price type commonly wrapped with:

```
    <div class="price-box">
        <span class="[PRICE_TYPE]">
            <span class="price">Pricing HTML</span>
        </span>
    </div>
```

*/
.price {
  white-space: nowrap !important;
}

.price-box .price {
  color: #353031;
  font-size: 0.75rem;
  line-height: 1.125rem;
}

/*
### Regular price

```
    <span class="regular-price">
        <span class="price">&pound;15.00</span>
    </span>
```

*/
.regular-price .price {
  font-weight: normal;
}

/* ### Old price */
.old-price .price-label {
  display: none;
  white-space: nowrap;
}
.old-price .price {
  font-weight: normal;
  text-decoration: line-through;
}

/* ### Special price */
.special-price .price-label {
  display: none;
  font-weight: bold;
  white-space: nowrap;
}
.special-price .price {
  color: #340003;
  font-weight: bold;
}

/*
### Minimal price

Grouped product:

```
    <p class="minimal-price">
        <span class="price-label">Starting at:</span>
        <span id="product-minimal-price-54" class="price">&pound;129.99</span>
    </p>
```

*/
.minimal-price .price-label {
  font-weight: bold;
  white-space: nowrap;
}

/*
Configurable product (List/Grid view)

```
    <a class="minimal-price-link" href="#">
        <span class="label">As low as:</span>
        <span class="price">&pound;449.00</span>
    </a>
```

*/
.minimal-price-link {
  display: block;
}
.minimal-price-link .price {
  font-weight: normal;
}

/*

### Incl tax & Excl tax

```
    <div class="price-box">
        <span class="price-excluding-tax">
            <span class="label">Excl. Tax:</span>
            <span id="price-excluding-tax-41" class="price">&pound;399.99</span>
        </span>
        <span class="price-including-tax">
            <span class="label">Incl. Tax:</span>
            <span id="price-including-tax-41" class="price">&pound;399.99</span>
        </span>
    </div>
```

*/
.price-excluding-tax {
  display: block;
}
.price-excluding-tax .label {
  white-space: nowrap;
}
.price-excluding-tax .price {
  font-weight: normal;
}
.price-box .price-excluding-tax .price {
  color: #353031;
}
.price-box .price-excluding-tax .price,
.price-box .price-excluding-tax .label {
  font-size: 0.875rem;
  font-weight: 600;
}

.price-including-tax {
  display: block;
}
.price-including-tax .label {
  white-space: nowrap;
}
.price-including-tax .price {
  font-weight: bold;
}
.price-box .price-including-tax .label {
  display: none;
}

/*
### Configured price

```
    <p class="price-as-configured">
        <span class="price-label">Price as configured:</span>
        <span class="full-product-price">
            <span class="price">&pound;5,074.95</span>
        </span>
    </p>
```

*/
.configured-price .price-label {
  font-weight: bold;
  white-space: nowrap;
}
.configured-price .price {
  font-weight: bold;
}

/* ### FPT */
.weee {
  display: block;
  font-size: 11px;
  color: #444;
}
.weee .price {
  font-size: 11px;
  font-weight: normal;
}

/* ### Excl tax (for order tables) */
.price-excl-tax {
  display: block;
}
.price-excl-tax .label {
  display: block;
  white-space: nowrap;
}
.price-excl-tax .price {
  display: block;
}

/* ### Incl tax (for order tables) */
.price-incl-tax {
  display: block;
}
.price-incl-tax .label {
  display: block;
  white-space: nowrap;
}
.price-incl-tax .price {
  display: block;
  font-weight: bold;
}

/*
### Price range

Bundle Products:

```
    <p class="price-from">
        <span class="price-label">From:</span>
        <span class="price">&pound;447.98</span>
    </p>
    <p class="price-to">
        <span class="price-label">To:</span>
        <span class="price">&pound;4,477.92</span>
    </p>
```

*/
.price-from .price-label {
  font-weight: bold;
  white-space: nowrap;
}

.price-to .price-label {
  font-weight: bold;
  white-space: nowrap;
}

/*
### Price notice

Next to the options on a configurable product.

```
    <div class="input-box">
        Product Option Name &nbsp;
        <span class="price-notice">
            +<span class="price">&pound;0.00</span>
        </span>
    </div>
```

*/
.price-notice {
  padding-left: 10px;
}
.price-notice .price {
  font-weight: bold;
}

/* ### Price as configured */
.price-as-configured .price-label {
  font-weight: bold;
  white-space: nowrap;
}

/*

### Tier Pricing

Offers discounts on higher quantity of single item purchases

```
    <ul class="tier-prices product-pricing">
        <li class="tier-price tier-0">
            Buy 5 for <span class="price">&pound;12.50</span> each and&nbsp;
            <strong class="benefit">save&nbsp;<span class="percent tier-0">8</span>%</strong>
            <span class="msrp-price-hide-message"></span>
        </li>
        <li class="tier-price tier-1">
            Buy 10 for <span class="price">&pound;11.50</span> each and&nbsp;
            <strong class="benefit">save&nbsp;<span class="percent tier-1">15</span>%</strong>
            <span class="msrp-price-hide-message"></span>
        </li>
        <li class="tier-price tier-2">
            Buy 20 for <span class="price">&pound;9.50</span> each and&nbsp;
            <strong class="benefit">save&nbsp;<span class="percent tier-2">30</span>%</strong>
            <span class="msrp-price-hide-message"></span>
        </li>
    </ul>
```

*/
.tier-prices .price {
  font-weight: bold;
}

/*
## Add to

### Cart

```
    <div class="add-to-cart">
        <label for="qty">Qty:</label>
        <input type="text" class="input-text qty" title="Qty" value="1" maxlength="12" id="qty" name="qty">
        <button class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button>
    </div>
```
*/
.add-to-cart dl {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
.add-to-cart dl:before, .add-to-cart dl:after {
  content: " ";
  display: table;
}
.add-to-cart dl:after {
  clear: both;
}
.add-to-cart dt {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 25%;
  float: left;
}
.add-to-cart dt label {
  letter-spacing: 0.05em;
  color: #353031;
  display: block;
  font-size: 0.75rem;
  line-height: 0.875rem;
  padding: 0.75rem 0;
  text-transform: uppercase;
}
.add-to-cart dd {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 75%;
  float: left;
  margin: 0 0 1.25rem;
}
.add-to-cart .qty {
  float: left;
}
.add-to-cart .buttons-set {
  border: 0;
  margin: 0;
  padding: 0;
}
.add-to-cart .btn-cart span {
  background: #353031;
  color: #fff;
}
.add-to-cart .btn-cart:hover span {
  background: #282425;
  color: white;
}
.add-to-cart .btn-cart.loading span span:before {
  -moz-animation: fa-spin 2s infinite linear;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
}
.add-to-cart .btn-wishlist span span:before {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
}
.add-to-cart .btn-wishlist span {
  letter-spacing: 0.2em;
  background: transparent;
  border-bottom: 0.0625rem solid #AD2336;
  border-top: 0.0625rem solid #AD2336;
  color: #AD2336;
  font-weight: 600;
}
.add-to-cart .btn-wishlist span span {
  border: 0;
}
.add-to-cart .btn-wishlist:hover span {
  background: 0;
  border-color: #353031;
  color: #353031;
}
.add-to-cart .button {
  width: 100%;
  margin-bottom: 0.9375rem;
}
.add-to-cart .button span {
  padding-left: 0;
  padding-right: 0;
}

/*
### Links

```
    <ul class="add-to-links">
        <li><a class="link-wishlist" href="#">Add to Wishlist</a></li>
        <li><span class="separator">|</span> <a class="link-compare" href="#">Add to Compare</a></li>
    </ul>
```

*/
.add-to-links .separator {
  display: none;
}

/*
### Links & Cart

```
    <div class="add-to-box">
        <div class="add-to-cart">
            <label for="qty">Qty:</label>
            <input type="text" class="input-text qty" title="Qty" value="1" maxlength="12" id="qty" name="qty">
            <button class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button>
        </div>
        <span class="or">OR</span>
        <ul class="add-to-links">
            <li><a class="link-wishlist" href="#">Add to Wishlist</a></li>
            <li><span class="separator">|</span> <a class="link-compare" href="#">Add to Compare</a></li>
        </ul>
    </div>
```

*/
.add-to-box .or {
  display: none;
}

.product-essential .social-share {
  text-align: center;
}
@media only screen and (min-width: 81em) {
  .product-essential .social-share {
    padding-top: 50px;
    float: left;
  }
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .product-essential .social-share {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    right: 50%;
    left: auto;
    float: left;
  }
}
@media only screen and (max-width: 47.938em) {
  .product-essential .social-share {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    padding-top: 20px;
  }
  .product-essential .social-share span[class*="st_"] {
    margin-bottom: 10px;
    display: inline-block;
  }
}
.product-essential .social-share .stMainServices {
  height: auto;
}
.product-essential .social-share .stButton .stButton_gradient {
  height: 23px;
}
.product-essential .social-share .stHBubble {
  height: 23px;
}

.product-collateral .box-collateral {
  margin: 0 0 15px;
}

/*
## Product Images

### Zoom Enabled

```
    <div class="product-img-box">
        <p class="product-image product-image-zoom">
            <img title="Product Name" alt="Product Name" src="http://placekitten.com/265/265" id="image" style="left: 0px; top: 0px;">
        </p>
        <p id="track_hint" class="zoom-notice">Double click on above image to view full picture</p>
        <div class="zoom">
            <img class="btn-zoom-out" title="Zoom Out" alt="Zoom Out" src="http://magebase.local/skin/frontend/webtise/default/images/slider_btn_zoom_out.gif" id="zoom_out">
            <div id="track">
                <div id="handle" class="selected" style="left: 0px;"></div>
            </div>
            <img class="btn-zoom-in" title="Zoom In" alt="Zoom In" src="http://magebase.local/skin/frontend/webtise/default/images/slider_btn_zoom_in.gif" id="zoom_in">
        </div>
        <div class="more-views">
            <h2>More Views</h2>
            <ul>
                <li><a title="" href="#"><img width="56" height="56" alt="" src="http://placekitten.com/56/56"></a></li>
                <li><a title="" href="#"><img width="56" height="56" alt="" src="http://placekitten.com/56/56"></a></li>
            </ul>
        </div>
    </div>
```

### Zoom disabled

```
    <div class="product-img-box">
        <p class="product-image">
            <img title="Product Name" alt="Product Name" src="http://placekitten.com/265/265" id="image" style="left: 0px; top: 0px;">
        </p>
        <div class="more-views">
            <h2>More Views</h2>
            <ul>
                <li><a title="" href="#"><img width="56" height="56" alt="" src="http://placekitten.com/56/56"></a></li>
                <li><a title="" href="#"><img width="56" height="56" alt="" src="http://placekitten.com/56/56"></a></li>
            </ul>
        </div>
    </div>
```

*/
.product-img-box {
  margin-bottom: 1.25rem;
}
.product-img-box .product-image {
  text-align: center;
}
.product-img-box .more-views a {
  border: 0.0625rem solid #e1e1e1;
  display: block;
  text-align: center;
}
.product-img-box .more-views img {
  display: inline-block;
  width: 100%;
}
.product-img-box .product-thumbnails {
  margin: 1.875rem 0;
}
.product-img-box .product-thumbnail-item {
  margin: 0 0.3125rem;
}
@media only screen and (min-width: 81em) {
  .product-img-box .product-thumbnails {
    margin: 0;
  }
  .product-img-box .product-thumbnail-item {
    margin: 0.625rem 0;
  }
}

/*

### Product Image Popup

Popup when a product thumbnail is clicked from product page image thumbnails.

```
    <div class="product-image-popup">
        <div class="buttons-set">
            <a class="button" href="#"><span>Close Window</span></a>
        </div>
        <div class="nav">
            <a class="prev" href="#">« Prev</a>
        </div>
        <img class="image" id="product-gallery-image" title="" alt="" src="http://placekitten.com/600/600">
        <div class="buttons-set">
            <a class="button" href="#"><span>Close Window</span></a>
        </div>
        <div class="nav">
            <a class="prev" href="#">« Prev</a>
        </div>
    </div>
```

*/
.product-image-popup {
  margin: 0 auto;
}
.product-image-popup .buttons-set {
  float: right;
  clear: none;
  border: 0;
  margin: 0;
  padding: 0;
}
.product-image-popup .nav {
  margin: 0 100px;
  text-align: center;
}
.product-image-popup .image {
  display: block;
}

/*
## Product Shop

Contains vital product information, name, reviews, add to cart and short description.

```
    <div class="product-view">
        <div class="product-shop">
            <div class="product-name">
                <h1>Product Name</h1>
            </div>
            <div class="short-description">
                <h2>Quick Overview</h2>
                <div class="std">
                    [ADMIN_CONTENT]
                </div>
            </div>
        </div>
        <div class="product-img-box">
            [PRODUCT_IMG_BOX]
        </div>
    </div>
```

*/
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .product-view .product-essential {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
  }
  .product-view .product-essential:before, .product-view .product-essential:after {
    content: " ";
    display: table;
  }
  .product-view .product-essential:after {
    clear: both;
  }
  .product-view .product-shop {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    left: 50%;
    right: auto;
    float: left;
  }
  .product-view .product-img-box {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    right: 50%;
    left: auto;
    float: left;
  }
}
@media only screen and (min-width: 81em) {
  .product-view .product-essential {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
  }
  .product-view .product-essential:before, .product-view .product-essential:after {
    content: " ";
    display: table;
  }
  .product-view .product-essential:after {
    clear: both;
  }
  .product-view .product-shop {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    left: 75%;
    right: auto;
    float: left;
  }
  .product-view .product-img-box {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 75%;
    right: 25%;
    left: auto;
    float: left;
  }
  .product-view .product-img-wrapper {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
  }
  .product-view .product-img-wrapper:before, .product-view .product-img-wrapper:after {
    content: " ";
    display: table;
  }
  .product-view .product-img-wrapper:after {
    clear: both;
  }
  .product-view .product-img-wrapper .product-image {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 83.33333%;
    left: 16.66667%;
    right: auto;
    float: left;
  }
  .product-view .product-img-wrapper .more-views {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 16.66667%;
    right: 83.33333%;
    left: auto;
    float: left;
  }
}
@media only screen and (min-width: 48em) {
  .product-view .product-essential {
    margin-bottom: 1.875rem;
  }
}

.product-shop .amshopby-links-wrapper {
  display: block;
  margin: 0 0 0.9375rem;
}
.product-shop .product-name {
  margin-bottom: 0;
}
.product-shop .product-name h1 {
  letter-spacing: 0.1em;
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  line-height: 1em;
  margin-bottom: 0;
}
.product-shop .product-sku {
  color: #aaa;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: 0.3125rem 0 0.9375rem;
  text-transform: uppercase;
}
.product-shop .product-description, .product-shop .product-description p,
.product-shop .short-description,
.product-shop .short-description p,
.product-shop .accordion-content.std,
.product-shop .accordion-content.std p {
  letter-spacing: 0.05em;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.125rem;
}
.product-shop .product-description p,
.product-shop .short-description p,
.product-shop .accordion-content.std p {
  margin-bottom: 1.125rem;
}
.product-shop .product-description > :last-child,
.product-shop .short-description > :last-child,
.product-shop .accordion-content.std > :last-child {
  margin-bottom: 0;
}
.product-shop .price-box {
  margin: 0 0 0.9375rem;
}
.product-shop .price-box .price {
  letter-spacing: 0.05em;
  font-size: 1.5rem;
  font-weight: 300;
}
.product-shop .price-including-tax .price {
  font-size: 1.875rem;
  line-height: 1em;
}
.product-shop .price-including-tax .label {
  display: none;
}
.product-shop .price-excluding-tax .price,
.product-shop .price-excluding-tax .label {
  color: #353031;
  font-size: 0.875rem;
  font-weight: 600;
}
.product-shop .sizeguide {
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  width: 100%;
  margin-bottom: 10px;
  display: block;
}

/*

## Product Options

```
    <div id="product-options-wrapper" class="product-options">
        <dl class="last">
            <dt><label class="required"><em>*</em>Size</label></dt>
            <dd>
                <div class="input-box">
                    <select class="required-entry super-attribute-select validation-failed">
                        <option value="">Choose an Option...</option>
                        <option value="100" price="0">Small</option>
                        <option value="99" price="0">Medium</option>
                        <option value="98" price="0">Large</option>
                    </select>
                    <div class="validation-advice">This is a required field.</div>
                </div>
            </dd>
            <dt><label class="required"><em>*</em>Color</label></dt>
            <dd class="last">
                <div class="input-box">
                    <select class="required-entry super-attribute-select" disabled="">
                        <option>Choose an Option...</option>
                    </select>
                </div>
            </dd>
        </dl>
        <p class="required">* Required Fields</p>
    </div>
```

*/
.product-options {
  border-top: 0.0625rem solid #e1e1e1;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
.product-options dt {
  display: block;
  text-transform: uppercase;
}
.product-options dt label {
  letter-spacing: 0.05em;
  color: #353031;
  display: block;
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin: 0 0 0.625rem;
  padding: 0;
}
.product-options dt > span {
  display: block;
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin: 0.625rem 0;
}
.product-options dt > span span {
  font-weight: bold;
}
.product-options dt .qty-holder {
  float: right;
}
.product-options dt .qty-holder label {
  vertical-align: middle;
}
.product-options dt .qty-disabled {
  background: none;
  border: 0;
  color: #353031;
  padding: 3px;
}
.product-options dd {
  border-bottom: 0.0625rem solid #e1e1e1;
  display: block;
  margin: 0 0 1.25rem;
  padding: 0 0 1.25rem;
}
.product-options dd input .input-text {
  width: 98%;
}
.product-options dd input .datetime-picker {
  width: 150px;
}
.product-options dd textarea {
  width: 98%;
  height: 8em;
}
.product-options dd select {
  width: 100%;
}
.product-options dd li.swatch {
  display: inline-block;
  height: 5rem;
  margin: 0 0.375rem 0 0;
  width: 5rem;
}
.product-options dd li.swatch img {
  border: 0.125rem solid #fff;
  padding: 0.0625rem;
}
.product-options dd li.swatch img.swatch-selected {
  border-color: #353031;
}
.product-options dd .time-picker {
  display: inline-block;
  padding: 0.125rem 0;
  vertical-align: middle;
}
.product-options .amconf-images-container {
  font-size: 0.6875rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.product-options .options-list input .radio {
  float: left;
  margin: 3px -18px 0 0;
}
.product-options .options-list input .checkbox {
  float: left;
  margin: 3px -20px 0 0;
}
.product-options .options-list .label {
  display: block;
  margin-left: 20px;
}
.product-options .product_attribute_option_link {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 0.0625rem;
  color: #353031;
  display: inline-block;
  font-size: 0.8125rem;
  line-height: 1.875rem;
  margin-right: 0.4375rem;
  text-align: center;
  text-decoration: none;
  min-width: 2rem;
}
.product-options .product_attribute_option_link:hover, .product-options .product_attribute_option_link.product_attribute_option_link_selected {
  background: #f9f9f9;
}
.product-options ul.validation-failed {
  padding: 0 7px;
}
.product-options p.required {
  padding: 15px 0 0;
}

.product-options-bottom .price-box {
  display: none;
}

/* Grouped Product */
/*
## Block: Description

Contains product data from the "description" attribute. See Normalize->Base for `.std` definitions.

```
    <div class="box-collateral box-description">
        <h2>Details</h2>
        <div class="std">
            [ADMIN_CONTENT]
        </div>
    </div>
```

*/
/*
## Block: Additional

Contains table of attributes set to 'Show on Product View Page'

```
    <div class="box-collateral box-additional">
        <h2>Additional Information</h2>
        <table id="product-attribute-specs-table" class="data-table">
            <colgroup>
                <col width="25%">
                <col>
            </colgroup>
            <tbody>
                <tr class="first odd">
                    <th class="label">Attribute Label</th>
                    <td class="data last">Attribute Value</td>
                </tr>
                <tr class="last even">
                    <th class="label">Attribute Label</th>
                    <td class="data last">Attribute Value</td>
                </tr>
            </tbody>
        </table>
    </div>
```

*/
/*
## Block: Upsell

```
    <div class="box-collateral box-up-sell">
        <h2>You may also be interested in the following product(s)</h2>
        <table id="upsell-product-table" class="products-grid">
            <tbody>
                <tr class="first last odd">
                    <td>
                        <a class="product-image" title="Product Name" href="#">
                            <img width="125" height="125" alt="Product Name" src="http://placekitten.com/125/125">
                        </a>
                        <h3 class="product-name"><a title="Product Name" href="#">Product Name</a></h3>
                        <div class="price-box">
                            <span class="regular-price">
                                <span class="price">&pound;1,799.99</span>
                            </span>
                        </div>
                        <div class="ratings">
                            <div class="rating-box">
                                <div style="width:64%" class="rating"></div>
                            </div>
                            <p class="rating-links">
                                <a href="#">6 Review(s)</a>
                                <span class="separator">|</span>
                                <a href="#">Add Your Review</a>
                            </p>
                        </div>
                    </td>
                    <td>
                        <a class="product-image" title="Product Name" href="#">
                            <img width="125" height="125" alt="Product Name" src="http://placekitten.com/125/125">
                        </a>
                        <h3 class="product-name"><a title="Product Name" href="#">Product Name</a></h3>
                        <div class="price-box">
                            <span class="regular-price">
                                <span class="price">&pound;1,799.99</span>
                            </span>
                        </div>
                        <div class="ratings">
                            <div class="rating-box">
                                <div style="width:64%" class="rating"></div>
                            </div>
                            <p class="rating-links">
                                <a href="#">6 Review(s)</a>
                                <span class="separator">|</span>
                                <a href="#">Add Your Review</a>
                            </p>
                        </div>
                    </td>
                    <td class="empty">&nbsp;</td>
                    <td class="empty last">&nbsp;</td>
                </tr>
            </tbody>
        </table>
    </div>
```

*/
.product-view .box-up-sell .products-grid td {
  width: 25%;
}

/*
## Block: Tags

```
    <div class="product-view">
        <div class="box-collateral box-tags">
            <h2>Product Tags</h2>
            <h3>Other people marked this product with these tags:</h3>
            <ul class="product-tags">
                <li class="first"><a href="#">young</a> (4)</li>
                <li><a href="#">hip</a> (4)</li>
                <li class="last"><a href="#">cool t-shirt</a> (4)</li>
            </ul>
            <form method="get" action="#" id="addTagForm">
                <div class="form-add">
                    <label for="productTagName">Add Your Tags:</label>
                    <div class="input-box">
                        <input type="text" id="productTagName" name="productTagName" class="input-text required-entry">
                    </div>
                    <button class="button" title="Add Tags" type="button">
                        <span>
                            <span>Add Tags</span>
                        </span>
                    </button>
                </div>
            </form>
            <p class="note">Use spaces to separate tags. Use single quotes (') for phrases.</p>
        </div>
    </div>
```

*/
.product-view .box-tags .form-add label {
  float: left;
}
.product-view .box-tags .form-add .input-box {
  float: left;
  width: 260px;
  margin: 0 5px;
}
.product-view .box-tags .form-add input.input-text {
  width: 254px;
}
.product-view .box-tags .form-add p {
  clear: both;
}

/*
## Block: Reviews

```
    <div id="customer-reviews" class="box-collateral box-reviews">
        <h2>Customer Reviews</h2>
        <dl>
            <dt>
                <a href="#">Review Title</a> Review by <span>Review Name</span>
            </dt>
            <dd>
                <table class="ratings-table">
                    [RATINGS_TABLE]
                </table>
                Review Text
                <small class="date">(Posted on 31/08/2007)</small>
            </dd>
        </dl>
    </div>
```

*/
.box-reviews .review-list {
  margin-top: 0.5625rem;
}
.box-reviews .review-list dt {
  font-size: 0.875rem;
  margin-bottom: 1.125rem;
  margin-left: 0;
  text-transform: uppercase;
}
.box-reviews .review-list dt a {
  text-decoration: none;
  color: #AD2336;
}
.box-reviews .review-list dt a:hover, .box-reviews .review-list dt a:focus {
  text-decoration: underline;
}
.box-reviews .review-list dd {
  border-bottom: 0.0625rem solid #e1e1e1;
  margin-bottom: 1.125rem;
  padding-bottom: 1.125rem;
}
.box-reviews .review-text {
  color: #353031;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.box-reviews .form-add h2 {
  letter-spacing: 0.1em;
  color: #AD2336;
  font-size: 1.125rem;
  font-weight: 600;
}
.box-reviews .form-add h3 {
  font-size: 0.8125rem;
  margin-bottom: 1.25rem;
}
.box-reviews .form-add h4 {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.125rem;
}
.box-reviews .form-add h4 .required {
  color: #AD2336;
  font-style: normal;
}
.box-reviews .review-star-input {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

.product-collateral {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .product-collateral {
    padding: 0 0.625rem;
  }
}
.product-collateral:before, .product-collateral:after {
  content: " ";
  display: table;
}
.product-collateral:after {
  clear: both;
}
.product-collateral .block-related,
.product-collateral .block-viewed {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.product-collateral .block-title {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
  border-top: 0.0625rem solid #e1e1e1;
  margin: 1.5625rem 0;
  padding-top: 1.5625rem;
}
.product-collateral .block-title h2, .product-collateral .block-title strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.product-collateral .block-title h2 span, .product-collateral .block-title strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.product-collateral .block-title h2:after, .product-collateral .block-title strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.product-collateral .block-title h2:after, .product-collateral .block-title strong:after {
  display: none;
}
.product-collateral .accordion-navigation a {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
  border-top: 0.0625rem solid #e1e1e1;
  padding-top: 1.5625rem;
  text-align: center !important;
  float: none;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.2em;
}
.product-collateral .accordion-navigation a h2, .product-collateral .accordion-navigation a strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.product-collateral .accordion-navigation a h2 span, .product-collateral .accordion-navigation a strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.product-collateral .accordion-navigation a h2:after, .product-collateral .accordion-navigation a strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.product-collateral .accordion-navigation .accordion-content,
.product-collateral .accordion-navigation .accordion-content.std {
  border-bottom: 0;
  padding-bottom: 0;
}
.product-collateral .accordion-navigation .accordion-content #customer-reviews,
.product-collateral .accordion-navigation .accordion-content.std #customer-reviews {
  margin-bottom: 0;
}
.product-collateral .accordion-navigation .accordion-content #customer-reviews ul,
.product-collateral .accordion-navigation .accordion-content.std #customer-reviews ul {
  list-style: none !important;
  padding-left: 0 !important;
}
.product-collateral .accordion-navigation .accordion-content #customer-reviews .pager .amount,
.product-collateral .accordion-navigation .accordion-content.std #customer-reviews .pager .amount {
  float: right;
  text-align: right;
}

.product-details-wrap {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .product-details-wrap {
    padding: 0 0.625rem;
  }
}

.product-view-details table {
  width: 100%;
}
.product-view-details table tr:first-child th, .product-view-details table tr:first-child td {
  border-top: 0.0625rem solid #f9f9f9;
}
.product-view-details table tr:nth-child(2n+1) th, .product-view-details table tr:nth-child(2n+1) td {
  background: #f9f9f9;
}
.product-view-details table tr th {
  font-weight: bold;
}
.product-view-details table tr th, .product-view-details table tr td {
  border-bottom: 0.0625rem dotted #f9f9f9;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  padding: 0.375rem 1.25rem;
}

.product-attributes {
  border-bottom: 0.0625rem solid #e1e1e1;
  border-top: 0.0625rem solid #e1e1e1;
  margin: 1.25rem 0;
  padding: 0.625rem 0;
}

.attribute-table tr > :first-child {
  padding-left: 0;
}
.attribute-table tr > :last-child {
  padding-right: 0;
}
.attribute-table th, .attribute-table td {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  padding: 0.3125rem;
}
.attribute-table th {
  color: #353031;
  text-transform: uppercase;
}
.attribute-table td {
  color: #f9f9f9;
}
.attribute-table i {
  color: #353031;
  font-size: 1.125rem;
  line-height: 1.25rem;
}

.product-links {
  margin: 1.25rem 0;
}
.product-links a {
  letter-spacing: 0.1em;
  text-decoration: none;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.product-links a:before {
  color: "inherit";
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}
.product-links a:hover, .product-links a:focus {
  text-decoration: underline;
}

.products-grouped .products-list {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}
.products-grouped .products-list:before, .products-grouped .products-list:after {
  content: " ";
  display: table;
}
.products-grouped .products-list:after {
  clear: both;
}
.products-grouped .products-list > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 0.625rem 1.25rem;
}
.products-grouped .products-list > li {
  list-style: none;
  padding: 0 0.625rem 1.25rem;
  width: 100%;
}
.products-grouped .products-list > li:nth-of-type(1n) {
  clear: none;
}
.products-grouped .products-list > li:nth-of-type(1n+1) {
  clear: both;
}
@media only screen and (min-width: 48em) {
  .products-grouped .products-list > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 50%;
  }
  .products-grouped .products-list > li:nth-of-type(1n) {
    clear: none;
  }
  .products-grouped .products-list > li:nth-of-type(2n+1) {
    clear: both;
  }
}
.products-grouped .products-list .item {
  padding: 0;
}

.product-m2m {
  letter-spacing: 0.2em;
  background: #f9f9f9;
  color: #AD2336;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 0.875rem;
  margin-bottom: 1.875rem;
  padding: 0.625rem 0;
  text-transform: uppercase;
  text-align: center;
}
.product-m2m p {
  margin-bottom: 0;
}
.product-m2m strong {
  color: #353031;
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
}

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: inline-block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #636363;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  margin: 0 0 3px;
}

.swatch-link img {
  border: 0.0625rem solid #e1e1e1;
}
.swatch-link img.active {
  border-color: #353031;
}

.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}

.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}

.swatch-link.has-image .swatch-label {
  position: relative;
}

.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #f4f4f4;
}

.configurable-swatch-list,
.choose-material {
  margin-left: -3px;
  zoom: 1;
  display: table-cell;
  -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li,
.choose-material li {
  float: left;
  zoom: 1;
  margin: 0 0 0 3px;
}
.configurable-swatch-list .not-available .x,
.choose-material .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link,
.choose-material .not-available .swatch-link {
  border-color: #ededed;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img,
.choose-material .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label,
.choose-material .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .not-available a:focus,
.choose-material .not-available a:focus {
  outline: 0;
}
.configurable-swatch-list .wide-swatch .swatch-label,
.choose-material .wide-swatch .swatch-label {
  padding: 0 6px;
}

.products-grid .configurable-swatch-list li,
.products-grid .choose-material li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%;
}

#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left;
}

#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}

#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #3399cc;
}

#narrow-by-list dd .swatch-label {
  background: #f4f4f4;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap;
}

#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box;
}

#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}

@media only screen and (max-width: 770px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left;
  }
}
.currently .swatch-current {
  position: relative;
}

.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}

.currently .swatch-current span {
  display: block;
  float: left;
}

.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}

.currently .swatch-link:hover {
  border-color: #cccccc;
  cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #3399cc;
}

.configurable-swatch-box {
  background: none !important;
}

.configurable-swatch-box select.swatch-select {
  display: none;
}

.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #df280a;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}

.product-view .product-img-box .product-image img {
  max-width: 100%;
  max-height: 750px;
  margin: 0px auto;
}

.product-view .product-img-box .product-image-zoom {
  z-index: 0;
}

.product-view .product-image-thumbs img {
  max-width: 100%;
  max-height: 100%;
}

/*

# Shopping Cart

*/
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .checkout-cart-index .col2-right-layout .col-main,
  .checkout-cart-index .col2-right-layout .col-right {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}

/*

## Checkout Types

```
	<div class="cart">
		<!-- Checkout types in pagetitle -->
		<div class="page-title title-buttons">
        	<h1>Shopping Cart</h1>
            <ul class="checkout-types">
                <li>
                	<p class="paypal-logo">
                		<a href="http://magebase.local/paypal/express/start/" id="ec_shortcut_553438c10b27be900a831963d0a1aca7">
                			<img title="Checkout with PayPal" alt="Checkout with PayPal" src="">
                		</a>
    					<span class="paypal-or">-OR-</span>
    				</p>
				</li>
                <li>
                	<button class="button btn-proceed-checkout btn-checkout" title="Proceed to Checkout" type="button"><span><span>Proceed to Checkout</span></span></button>
				</li>
            </ul>
        </div>
        <!-- Checkout types below cart table -->
		<div class="totals">
		    <ul class="checkout-types">
		        <li>
                	<p class="paypal-logo">
                		<a href="http://magebase.local/paypal/express/start/" id="ec_shortcut_553438c10b27be900a831963d0a1aca7">
                			<img title="Checkout with PayPal" alt="Checkout with PayPal" src="">
                		</a>
    					<span class="paypal-or">-OR-</span>
    				</p>
		        </li>
		        <li>
		        	<button class="button btn-proceed-checkout btn-checkout" title="Proceed to Checkout" type="button"><span><span>Proceed to Checkout</span></span></button>
		        </li>
		        <li>
		        	<a title="Checkout with Multiple Addresses" href="">Checkout with Multiple Addresses</a>
		        </li>
		    </ul>
		</div>
	</div>
```

*/
.cart .checkout-types {
  clear: both;
  text-align: right;
  padding-bottom: 2.5em;
}
.cart .checkout-types li {
  margin: 0 0 1.25rem;
}
.cart .checkout-types li:last-child {
  margin-bottom: 0;
}
.cart .checkout-types .button.btn-proceed-checkout {
  width: 100%;
}
.cart .checkout-types .button.btn-proceed-checkout span {
  padding: 1.25em 3.6em;
}
.cart .checkout-types .button.btn-proceed-checkout span span {
  padding: 0;
}
.cart .checkout-types .button.btn-proceed-checkout span {
  padding-left: 0;
  padding-right: 0;
}
.cart .checkout-types .button.btn-proceed-checkout span {
  background: #353031;
  color: #fff;
}
.cart .checkout-types .button.btn-proceed-checkout:hover span {
  background: #282425;
  color: white;
}
.cart .checkout-types .button.btn-proceed-checkout span span:before {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
}
.cart .cart-checkout {
  margin-bottom: 1.25rem;
}
.cart .totals {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.cart .totals .checkout-types a {
  display: block;
  font-size: 0.8125rem;
  font-weight: bold;
  text-align: center;
}
.cart .totals .checkout-types .paypal-or {
  clear: both;
  display: block;
  padding: 3px 55px 8px 0;
  line-height: 1.0;
  font-size: 11px;
}
.cart .btn-gift {
  width: 100%;
}
.cart .btn-gift span {
  padding-left: 0;
  padding-right: 0;
}
.cart .btn-gift span {
  letter-spacing: 0.2em;
  background: transparent;
  border-bottom: 0.0625rem solid #AD2336;
  border-top: 0.0625rem solid #AD2336;
  color: #AD2336;
  font-weight: 600;
}
.cart .btn-gift span span {
  border: 0;
}
.cart .btn-gift:hover span {
  background: 0;
  border-color: #353031;
  color: #353031;
}
.cart .btn-gift span span:before {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
}
.cart .btn-gift span {
  padding: 5px 0;
  text-align: center;
  display: block;
  width: 100%;
}
.cart .btn-gift span span {
  padding: 0 0;
}
.cart .btn-gift:hover {
  text-decoration: none;
}
.cart .wrapping .wrapping-form {
  display: none;
}
.cart .wrapping .wrapping-form .input-box label {
  text-transform: uppercase;
  font-size: 12px;
  margin: 10px 0 0;
  display: block;
}
.cart .wrapping .wrapping-form .input-box textarea {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .cart .cart-checkout {
    margin: 0;
    max-width: none;
    width: auto;
    margin-bottom: 1.25rem;
  }
  .cart .cart-checkout:before, .cart .cart-checkout:after {
    content: " ";
    display: table;
  }
  .cart .cart-checkout:after {
    clear: both;
  }
}

/*

## Collateral boxes

```
	<div class="cart">
		<div class="cart-collaterals">
	        <div class="col2-set">
	            <div class="col-1">
	            	[CROSSSELLS]
	            </div>
	            <div class="col-2">
					[DISCOUNT]
					[SHIPPING]
	            </div>
	        </div>
	    </div>
	</div>
```

*/
.cart-collaterals {
  padding: 1.5625rem 0 0 0;
}
.cart-collaterals .col2-set {
  margin: 0;
  max-width: none;
  width: auto;
}
.cart-collaterals .col2-set:before, .cart-collaterals .col2-set:after {
  content: " ";
  display: table;
}
.cart-collaterals .col2-set:after {
  clear: both;
}
.cart-collaterals .col2-set .col-1 {
  padding-left: 0;
  padding-right: 0;
  width: 41.66667%;
  float: left;
}
.cart-collaterals .col2-set .col-2 {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 33.33333%;
  left: 25%;
  right: auto;
  float: left;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .cart-collaterals .col2-set .col-1 {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 41.66667%;
    left: 58.33333%;
    right: auto;
    float: left;
  }
  .cart-collaterals .col2-set .col-2 {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.33333%;
    right: 41.66667%;
    left: auto;
    float: left;
  }
}
@media only screen and (max-width: 47.938em) {
  .cart-collaterals .col2-set .col-1 {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    left: 0;
    right: auto;
    float: left;
  }
  .cart-collaterals .col2-set .col-2 {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    right: 0;
    left: auto;
    float: left;
  }
}

.cart-checkout {
  background-image: url('/skin/frontend/webtise/default/images/cart-cards.png?1506003265');
  background-position: bottom left;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 47.938em) {
  .cart-checkout {
    background-position: 50% 0;
    padding-top: 41px;
  }
}

.delivery-box {
  background-color: #f9f9f9;
  padding: 1.25rem;
  font-size: 14px;
  margin-top: 1.25rem;
}
.delivery-box h4 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/*

## Crosssells

```
	<div class="cart">
		<div class="crosssell">
		    <h2>Based on your selection, you may be interested in the following items:</h2>
		    <ul id="crosssell-products-list">
		        <li class="item odd">
		            <a title="Product Name" href="" class="product-image">
		                <img width="75" height="75" alt="Product Name" src="http://placekitten.com/75/75">
		            </a>
		            <div class="product-details">
		                <h3 class="product-name"><a href="">Product Name</a></h3>
		                <div class="price-box">
		                    <span id="product-price-25" class="regular-price">
		                        <span class="price">£2,299.99</span>
		                    </span>
		                </div>
		                <button class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button>
		                <ul class="add-to-links">
		                    <li><a class="link-wishlist" href="">Add to Wishlist</a></li>
		                    <li><span class="separator">|</span> <a class="link-compare" href="">Add to Compare</a></li>
		                </ul>
		            </div>
		        </li>
		    </ul>
		</div>
	</div>
```

*/
.cart-crosssell {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
  margin: 1.875rem 0;
}
.cart-crosssell:before, .cart-crosssell:after {
  content: " ";
  display: table;
}
.cart-crosssell:after {
  clear: both;
}
.cart-crosssell .crosssell-products {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
@media only screen and (min-width: 81em) {
  .cart-crosssell {
    margin-top: 0;
  }
}

/*

## Discount Codes

```
	<div class="cart">
		<div class="discount">
		    <h2>Discount Codes</h2>
		    <div class="discount-form">
		        <label for="coupon_code">Enter your coupon code if you have one.</label>
		        <div class="input-box">
		            <input value="" name="coupon_code" id="coupon_code" class="input-text">
		        </div>
		        <div class="buttons-set">
		            <button value="Apply Coupon" onclick="discountForm.submit(false)" class="button" title="Apply Coupon" type="button"><span><span>Apply Coupon</span></span></button>
		        </div>
		    </div>
		</div>
	</div>
```

*/
.discount .discount-form-toggle {
  letter-spacing: 0.2em;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.875rem;
  padding: 1.25rem 0;
  text-transform: uppercase;
}

.discount-form {
  margin: 0;
  max-width: none;
  width: auto;
  display: none;
  margin-top: 0;
}
.discount-form:before, .discount-form:after {
  content: " ";
  display: table;
}
.discount-form:after {
  clear: both;
}
.discount-form label {
  display: none;
}
.discount-form .input-box {
  padding-left: 0;
  padding-right: 0;
  width: 58.33333%;
  float: left;
}
.discount-form .buttons-set {
  padding-left: 0;
  padding-right: 0;
  width: 41.66667%;
  float: left;
  clear: none;
  margin: 0;
}
.discount-form .buttons-set .button {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
  width: 100%;
}
.discount-form .buttons-set .button span {
  letter-spacing: 0.3em;
  background: #666;
  color: #fff;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.125em;
  padding: 0.8em;
  text-transform: uppercase;
}
.discount-form .buttons-set .button span span {
  display: inline-block;
  padding: 0;
}
.discount-form .buttons-set .button:hover span {
  background: #444;
}
.discount-form .buttons-set .button span {
  padding-left: 0;
  padding-right: 0;
}
.discount-form .input-text {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  width: 100%;
}
@media only screen and (max-width: 47.938em) {
  .discount-form label {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    text-align: left;
  }
  .discount-form .input-box {
    padding-left: 0;
    padding-right: 0;
    width: 66.66667%;
    float: left;
  }
  .discount-form .buttons-set {
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
  }
}

.cart-secure:after {
  background-image: url('/skin/frontend/webtise/default/images/payment-cards.png?1506003274');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: " ";
  display: inline-block;
  height: 25px;
  margin-left: 0;
  width: 294px;
  vertical-align: text-bottom;
}
.cart-secure p {
  color: #f9f9f9;
  font-size: 0.875rem;
  margin: 1.875rem 0 3.125rem;
  padding: 0 0 0 1.875rem;
  position: relative;
  line-height: 1em;
}
.cart-secure p:before {
  color: #f9f9f9;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  text-indent: 0;
}
.cart-secure p:before {
  font-size: 2.125rem;
  left: 0;
  line-height: 1.75rem;
  position: absolute;
  top: 0;
}
.cart-secure strong {
  display: block;
}

/*

## Estimate Shipping and Tax Boxes

```
	<div class="cart">
		<div class="shipping">
		    <h2>Estimate Shipping and Tax</h2>
		    <div class="shipping-form">
		       <form id="shipping-zip-form" method="post" action="http://magebase.local/checkout/cart/estimatePost/">
		            <p>Enter your destination to get a shipping estimate.</p>
		            <ul class="form-list">
		                <li>
		                    <label class="required" for="country"><em>*</em>Country</label>
		                    <div class="input-box">
		                        <select title="Country" class="validate-select" id="country" name="country_id">
		                        	<option value=""> </option>
									<option selected="selected" value="US">United States</option>
		                        </select>
		                    </div>
		                </li>
		                <li>
		                    <label for="region_id">State/Province</label>
		                    <div class="input-box">
		                        <select title="State/Province" name="region_id" id="region_id" class="required-entry validate-select">
		                            <option value="">Please select region, state or province</option>
		                        	<option value="1" title="Alabama">Alabama</option>
		                        </select>
		                       <input type="text" style="display:none;" class="input-text required-entry" title="State/Province" value="" name="region" id="region">
		                   </div>
		                </li>
		                <li>
		                    <label for="postcode">Zip/Postal Code</label>
		                    <div class="input-box">
		                        <input type="text" value="" name="estimate_postcode" id="postcode" class="input-text validate-postcode">
		                    </div>
		                </li>
		            </ul>
		            <div class="buttons-set">
		                <button class="button" onclick="coShippingMethodForm.submit()" title="Get a Quote" type="button"><span><span>Get a Quote</span></span></button>
		            </div>
		        </form>
				<form action="" id="co-shipping-method-form">
				    <dl class="sp-methods">
				        <dt>Flat Rate</dt>
				        <dd>
				            <ul>
				                <li>
				                    <input type="radio" class="radio" name="estimate_method">
				                    <label>Fixed <span class="price">£10.00</span></label>
				                </li>
				            </ul>
				        </dd>
				    </dl>
				    <div class="buttons-set">
				        <button value="Update Total" name="do" class="button" title="Update Total" type="submit"><span><span>Update Total</span></span></button>
				    </div>
				</form>
		    </div>
		</div>
	</div>
```

*/
.shipping {
  display: none;
  margin: 0 0 1.25rem;
}
.shipping h2 {
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.shipping .form-list label {
  color: #353031;
}
.shipping .form-list .input-text {
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}
.shipping .buttons-set {
  clear: none;
  margin: 0;
}
.shipping .button span {
  font-size: 0.75rem;
  padding: 0.625em 1em;
  font-weight: 400;
  letter-spacing: 1px;
}
.shipping .button span span {
  padding: 0;
}
.shipping .sp-methods {
  clear: both;
  padding: 1.25rem 0 0;
}
.shipping .sp-methods dt, .shipping .sp-methods dd {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 37.5%;
  float: left;
}
.shipping .sp-methods dt {
  font-size: 0.8125rem;
  font-weight: normal;
}
.shipping .sp-methods {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
  clear: both;
}
.shipping .sp-methods:before, .shipping .sp-methods:after {
  content: " ";
  display: table;
}
.shipping .sp-methods:after {
  clear: both;
}

/*

## Shopping Cart Totals

```
	<div class="cart">
	    <div class="totals">
	        <table id="shopping-cart-totals-table">
	            <colgroup>
	                <col>
	                <col width="1">
	            </colgroup>
	            <tfoot>
					<tr class="summary-details-1 summary-details summary-details-first">
            			<td colspan="1" style="" class="a-right">Tax Zone (8.25%)<br></td>
                        <td rowspan="1" class="a-right" style=""><span class="price">£248.65</span></td>
                    </tr>
					<tr class="summary-total show-details">
					    <td colspan="1" class="a-right" style=""><div class="summary-collapse">Tax</div></td>
					    <td class="a-right" style=""><span class="price">£248.65</span></td>
					</tr>
	                <tr>
	                    <td colspan="1" class="a-right" style=""><strong>Grand Total</strong></td>
	                    <td class="a-right" style=""><strong><span class="price">£414.99</span></strong></td>
	                </tr>
	            </tfoot>
	            <tbody>
	                <tr>
	                    <td colspan="1" class="a-right" style="">Subtotal</td>
	                    <td class="a-right" style=""><span class="price">£414.99</span></td>
	                </tr>
	            </tbody>
	        </table>
	        [CHECKOUT_TYPES]
	    </div>
	</div>
```

*/
.cart .col2-set .col-1, .cart .col2-set .col-2 {
  margin-bottom: 0;
}
.cart .totals {
  background: #f9f9f9;
  padding: 1.875rem 1.5625rem;
}
.cart .totals .discount {
  border-bottom: 0.0625rem solid #e1e1e1;
  padding-bottom: 1.25rem;
  margin-bottom: 1.875rem;
}
.cart .totals select {
  padding: 0.3125rem 0.5rem;
}
.cart .totals table {
  width: 100%;
  background: none transparent;
  margin-bottom: 0;
}
.cart .totals table tr {
  background-color: #f9f9f9;
}
.cart .totals table th, .cart .totals table td {
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 0 0 0.625rem 0.625rem;
  text-transform: uppercase;
  font-weight: 700;
}
.cart .totals table th:first-child, .cart .totals table td:first-child {
  padding-left: 0;
}
.cart .totals table tfoot th, .cart .totals table tfoot td {
  font-size: 1.5rem;
  padding-bottom: 0;
  padding-top: 0.625rem;
}
.cart .totals table tfoot th, .cart .totals table tfoot th strong, .cart .totals table tfoot td, .cart .totals table tfoot td strong {
  font-weight: bold;
}
.cart .totals table tfoot .price {
  color: #AD2336;
}

tr.summary-total {
  cursor: pointer;
}
tr.summary-total .summary-collapse {
  float: right;
  text-align: right;
  padding-left: 20px;
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/bkg_collapse.gif) 0 4px no-repeat;
  cursor: pointer;
}
tr.show-details .summary-collapse {
  background-position: 0 -53px;
}
tr.summary-details td {
  font-size: 11px;
  background-color: #dae1e4;
  color: #626465;
}
tr.summary-details-first td {
  border-top: 1px solid #d2d8db;
}
tr.summary-details-excluded {
  font-style: italic;
}

/*

## Shopping Cart Table

### Full Table

```
	<table class="data-table cart-table" id="shopping-cart-table">
	    <colgroup>
	        <col width="1">
	        <col>
	        <col width="1">
	        <col width="1">
	        <col width="1">
	        <col width="1">
	        <col width="1">
	        <col width="1">
	        <col width="1">
	    </colgroup>
	    <thead>
	        <tr class="first">
	            <th rowspan="2">&nbsp;</th>
	            <th rowspan="2"><span class="nobr">Product Name</span></th>
	            <th rowspan="2"></th>
	            <th colspan="2" class="a-center"><span class="nobr">Unit Price</span></th>
	            <th class="a-center" rowspan="2">Qty</th>
	            <th colspan="2" class="a-center">Subtotal</th>
	            <th class="a-center" rowspan="2">&nbsp;</th>
	        </tr>
	        <tr class="last">
	            <th class="a-right"> <span class="tax-flag">(Excl. Tax)</span></th>
	            <th> <span class="tax-flag">(Incl. Tax)</span></th>
	            <th class="a-right"> <span class="tax-flag">(Excl. Tax)</span></th>
	            <th> <span class="tax-flag">(Incl. Tax)</span></th>
	        </tr>
	    </thead>
	    <tfoot>
	        <tr class="first last">
	            <td class="a-right last" colspan="50">
	                <button class="button btn-continue" title="Continue Shopping" type="button"><span><span>Continue Shopping</span></span></button>
	                <button class="button btn-update" title="Update Shopping Cart" value="update_qty" name="update_cart_action" type="submit"><span><span>Update Shopping Cart</span></span></button>
	                <button id="empty_cart_button" class="button btn-empty" title="Clear Shopping Cart" value="empty_cart" name="update_cart_action" type="submit"><span><span>Clear Shopping Cart</span></span></button>
	            </td>
	        </tr>
	    </tfoot>
	    <tbody>
	        <tr class="first odd">
	            <td><a class="product-image" title="Product Name" href=""><img width="75" height="75" alt="Product Name" src="http://placekitten.com/75/75"></a></td>
	            <td>
	                <h2 class="product-name"><a href="">Product Name</a></h2>
	                <dl class="item-options">
	                    <dt>Option</dt>
	                    <dd>Value</dd>
	                </dl>
	                <p class="item-msg error">* The requested quantity for "Product Name" is not available.</p>
	            </td>
	            <td class="a-center">
	                <a title="Edit item parameters" href="">Edit</a>
	            </td>
	            <td class="a-right">
	                <span class="cart-price"><span class="price">£15.00</span></span>
	            </td>
	            <!-- inclusive price starts here -->
	            <td>
	                <span class="cart-price"><span class="price">£16.24</span></span>
	            </td>
	            <td class="a-center">
	                <input maxlength="12" class="input-text qty" title="Qty" size="4" value="1" name="cart[15][qty]">
	            </td>
	            <!--Sub total starts here -->
	            <td class="a-right">
	                <span class="cart-price"><span class="price">£15.00</span></span>
	            </td>
	            <td>
	                <span class="cart-price"><span class="price">£16.24</span></span>
	            </td>
	            <td class="a-center last">
	                <a class="btn-remove btn-remove2" title="Remove item" href="">Remove item</a>
	            </td>
	        </tr>
	    </tbody>
	</table>
```

*/
.cart-table {
  margin-bottom: 0;
}
.cart-table td:first-child {
  padding-left: 0;
}
.cart-table td:last-child {
  padding-right: 0;
}
.cart-table .item-msg {
  font-size: 0.625rem;
}
.cart-table .product-image {
  border: 0.0625rem solid #f9f9f9;
  float: left;
  height: 7.1875rem;
  width: 7.1875rem;
}
.cart-table .product-details {
  min-height: 7.1875rem;
  margin-left: 8.4375rem;
}
.cart-table .edit-link {
  display: block;
  font-size: 0.8125rem;
  font-weight: bold;
  margin-top: 0.625rem;
}
.cart-table .cart-price {
  font-weight: bold;
}
.cart-table .btn-continue {
  float: left;
}
@media only screen {
  .cart-table .btn-continue {
    width: 100%;
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 81em) {
  .cart-table .btn-continue {
    margin-left: 15px;
    margin-bottom: 0;
    width: auto;
  }
}
.cart-table .btn-continue span span:before {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
}
.cart-table .btn-update span span:before {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 0.5rem;
}
@media only screen {
  .cart-table .btn-update {
    width: 100%;
  }
}
@media only screen and (min-width: 81em) {
  .cart-table .btn-update {
    margin-right: 15px;
    width: auto;
  }
}
.cart-table .button span {
  font-size: 0.75rem;
  padding: 0.625em 1em;
  font-weight: 400;
  letter-spacing: 1px;
}
.cart-table .button span span {
  padding: 0;
}
@media only screen and (max-width: 47.938em) {
  .cart-table .product-image {
    display: none;
  }
  .cart-table .product-details {
    margin-left: 0;
  }
  .cart-table .button {
    width: 100%;
    float: none;
  }
  .cart-table .button span {
    padding-left: 0;
    padding-right: 0;
  }
  .cart-table .button.btn-continue {
    margin-bottom: 0.9375rem;
  }
}

/*

### Item Options

#### List

```
	<dl class="item-options">
	    <dt>Option</dt>
	    <dd>Value</dd>
	    <dt>Option</dt>
	    <dd>Value</dd>
	    <dt>Option</dt>
	    <dd>Value</dd>
	</dl>
```

*/
.item-options {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.item-options dt {
  font-weight: 600;
}
.item-options dd {
  margin: 0 0 0.625rem 0.625rem;
}

/*

#### Truncated

```
<div class="truncated">
	<div class="truncated_full_value show">
		<dl class="item-options">
			<dt>Option</dt>
			<dd>Value</dd>
			<dt>Option</dt>
			<dd>Value</dd>
			<dt>Option</dt>
			<dd>Value</dd>
		</dl>
	</div>
	<a class="details" href="">Details</a>
</div>
```

*/
.truncated {
  cursor: help;
}
.truncated a.dots, .truncated a.details {
  cursor: help;
}
.truncated .truncated_full_value {
  position: relative;
  z-index: 999;
}
.truncated .truncated_full_value.show .item-options {
  top: -20px;
  left: 50%;
}
.truncated .truncated_full_value .item-options {
  position: absolute;
  top: -99999em;
  left: -99999em;
  z-index: 999;
  width: 250px;
  padding: 8px;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
}
.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  text-transform: uppercase;
}

.col-left .truncated .show .item-options {
  left: 30px;
  top: 7px;
}

.col-right .truncated .show .item-options {
  left: -240px;
  top: 7px;
}

#wishlist-table .add-to-cart-alt {
  margin-bottom: 1.25rem;
}
#wishlist-table textarea {
  margin-top: 1.25rem;
}

/*

## Shopping cart fixed price tax info

```
	<div class="cart-tax-info">
		<span class="weee">Tax Label: <span class="price">£0.20</span></span>
	</div>
	<div class="cart-tax-total cart-tax-total-expanded">
        <span class="weee">Total incl. tax: <span class="price">£812.07</span></span>
    </div>
```

*/
.cart-tax-info {
  display: block;
  padding-right: 20px;
}
.cart-tax-info .cart-price {
  padding-right: 20px;
}
.cart-tax-info .price {
  display: inline !important;
  font-weight: normal !important;
}

.cart-tax-total {
  display: block;
  padding-right: 20px;
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/bkg_collapse.gif) 100% 4px no-repeat;
  cursor: pointer;
}
.cart-tax-total.cart-tax-total-expanded {
  background-position: 100% -53px;
}
.cart-tax-total .price {
  display: inline !important;
  font-weight: normal !important;
}

/*
# One Page Checkout
*/
@media only screen and (max-width: 47.938em) {
  .checkout-onepage-index .col2-right-layout .col-right {
    display: none;
  }
}

/*
## Checkout Steps

```
    <ol id="checkoutSteps" class="opc">
        <li class="section allow" id="opc-login">
            <div class="step-title">
                <span class="number">1</span>
                <h2>Checkout Method</h2>
                <a href="#">Edit</a>
            </div>
            <div style="display: none;" class="step a-item" id="checkout-step-login"></div>
        </li>
        <li class="section allow active" id="opc-billing">
            <div class="step-title">
                <span class="number">2</span>
                <h2>Billing Information</h2>
                <a href="#">Edit</a>
            </div>
            <div style="" class="step a-item" id="checkout-step-billing">
                [Current Step Content]
                <div class="buttons-set">
                    <p class="required">* Required Fields</p>
                    <button class="button" title="Continue" type="button"><span><span>Continue</span></span></button>
                    <span class="please-wait">
                        <img class="v-middle" title="Loading next step..." alt="Loading next step..." src="/styleguide/assets/images/opc-ajax-loader.gif">Loading next step...
                    </span>
                </div>
            </div>
        </li>
        <li class="section" id="opc-shipping">
            <div class="step-title">
                <span class="number">3</span>
                <h2>Shipping Information</h2>
                <a href="#">Edit</a>
            </div>
            <div style="display:none;" class="step a-item" id="checkout-step-shipping">
    </div>
        </li>
        <li class="section" id="opc-shipping_method">
            <div class="step-title">
                <span class="number">4</span>
                <h2>Shipping Method</h2>
                <a href="#">Edit</a>
            </div>
            <div style="display:none;" class="step a-item" id="checkout-step-shipping_method"></div>
        </li>
        <li class="section" id="opc-payment">
            <div class="step-title">
                <span class="number">5</span>
                <h2>Payment Information</h2>
                <a href="#">Edit</a>
            </div>
            <div style="display:none;" class="step a-item" id="checkout-step-payment"></div>
        </li>
        <li class="section" id="opc-review">
            <div class="step-title">
                <span class="number">6</span>
                <h2>Order Review</h2>
                <a href="#">Edit</a>
            </div>
            <div style="display:none;" class="step a-item" id="checkout-step-review"></div>
        </li>
    </ol>
```

*/
.opc {
  position: relative;
}
.opc .section {
  border-top: 0.0625rem solid #e1e1e1;
}
.opc .section:last-child {
  border-bottom: 0.0625rem solid #e1e1e1;
}
.opc .buttons-set.disabled button.button {
  display: none;
}
.opc .buttons-set button.button span {
  background: #353031;
  color: #fff;
}
.opc .buttons-set button.button:hover span {
  background: #282425;
  color: white;
}
.opc .buttons-set .please-wait {
  height: 1.3125rem;
  line-height: 1.3125rem;
}
.opc .step-title {
  padding: 0.375rem 0;
  text-align: right;
}
.opc .step-title .number,
.opc .step-title h2 {
  letter-spacing: 0.1em;
  float: left;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.opc .step-title .number {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #353031;
  color: #fff;
  font-size: 0.875rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  text-align: center;
  width: 1.5rem;
}
.opc .step-title h2 {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.opc .step-title a {
  letter-spacing: 0.2em;
  display: none;
  float: right;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.opc .allow {
  border-top: 0.0625rem solid #e1e1e1;
}
.opc .allow .step-title {
  cursor: pointer;
}
.opc .allow .step-title a {
  display: block;
}
.opc .active .step-title {
  border-bottom: 0.0625rem solid #e1e1e1;
  cursor: default;
}
.opc .active .step-title a {
  display: none;
}
.opc .step {
  background: #f9f9f9;
  padding: 1.875rem;
  position: relative;
}
.opc .step .tool-tip {
  right: 10px;
}
.opc .order-review .data-table .product-name {
  margin-bottom: 0;
}
.opc .order-review .btn-checkout span {
  padding: 1.25em 3.6em;
}
.opc .order-review .btn-checkout span span {
  padding: 0;
}
.opc .order-review .buttons-set p {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
@media only screen and (min-width: 81em) {
  .opc .step {
    padding: 3.125rem 1.875rem;
  }
}
@media only screen and (max-width: 47.938em) {
  .opc .step {
    padding: 1.25rem 0.625rem;
  }
}

/*

## Multiple Addresses Checkout

*/
.multiple-checkout {
  position: relative;
}
.multiple-checkout .tool-tip {
  top: 50%;
  margin-top: -120px;
  right: 10px;
}
.multiple-checkout .grand-total {
  font-size: 1.5em;
  text-align: right;
}

/*

### Progress

```
    <ul class="checkout-progress">
        <li title="Select Addresses" class="first"><span>Select Addresses</span></li>
        <li title="Shipping Information"><span>Shipping Information</span></li>
        <li class="active" title="Billing Information"><span>Billing Information</span></li>
        <li title="Place Order"><span>Place Order</span></li>
        <li title="Order Success" class="last"><span>Order Success</span></li>
    </ul>
```

*/
.checkout-progress {
  padding: 0 50px;
  margin: 10px 0;
}
.checkout-progress li {
  float: left;
  width: 20%;
  border-top: 5px solid #ccc;
  text-align: center;
  color: #ccc;
}
.checkout-progress li.active {
  border-top-color: #000;
  color: #000;
}

/*

## Common Checkout Styles

### Shipping and Payment methods

```
    <!-- Shipping Methods -->
    <dl class="sp-methods">
        <dt>Free Shipping</dt>
        <dd>
            <ul>
                <li>
                    <input type="radio" class="radio" id="s_method_freeshipping_freeshipping" value="freeshipping_freeshipping" name="shipping_method">
                    <label for="s_method_freeshipping_freeshipping">Free<span class="price">£0.00</span></label>
                </li>
            </ul>
        </dd>
        <dt>Flat Rate</dt>
        <dd>
            <ul>
                <li>
                    <input type="radio" class="radio" checked="checked" id="s_method_flatrate_flatrate" value="flatrate_flatrate" name="shipping_method">
                    <label for="s_method_flatrate_flatrate">Fixed <span class="price">£10.00</span></label>
                </li>
            </ul>
        </dd>
    </dl>

    <!-- Payment Methods -->
    <dl class="sp-methods">
        <dt>
            <input type="radio" class="radio" title="PayPal Express Checkout" name="payment[method]" value="paypal_express" id="p_method_paypal_express" autocomplete="off">
            <label for="p_method_paypal_express">
                <img class="v-middle" alt="Acceptance Mark" src="https://fpdbs.paypal.com/dynamicimageweb?cmd=_dynamic-image&amp;buttontype=ecmark&amp;locale=en_GB">&nbsp;
                <a href="">What is PayPal?</a>
            </label>
        </dt>
        <dd>
            <ul id="payment_form_paypal_express" class="form-list">
                <li class="form-alt">You will be redirected to the PayPal website.</li>
            </ul>
        </dd>
        <dt>
            <input type="radio" class="radio" checked="checked" title="Check / Money order" name="payment[method]" value="checkmo" id="p_method_checkmo" autocomplete="off">
            <label for="p_method_checkmo">Check / Money order </label>
        </dt>
        <dt>
            <input type="radio" class="radio" title="Credit Card (saved)" name="payment[method]" value="ccsave" id="p_method_ccsave" autocomplete="off">
            <label for="p_method_ccsave">Credit Card (saved) </label>
        </dt>
        <dd>
            <ul id="payment_form_ccsave" class="form-list">
                <li>
                    <label class="required" for="ccsave_cc_owner"><em>*</em>Name on Card</label>
                    <div class="input-box">
                        <input type="text" value="" name="payment[cc_owner]" id="ccsave_cc_owner" class="input-text required-entry" title="Name on Card" disabled="" autocomplete="off">
                    </div>
                </li>
                <li>
                    <label class="required" for="ccsave_cc_type"><em>*</em>Credit Card Type</label>
                    <div class="input-box">
                        <select class="required-entry validate-cc-type-select" title="Credit Card Type" name="payment[cc_type]" id="ccsave_cc_type" disabled="" autocomplete="off">
                            <option value="">--Please Select--</option>
                        </select>
                    </div>
                </li>
                <li>
                    <label class="required" for="ccsave_cc_number"><em>*</em>Credit Card Number</label>
                    <div class="input-box">
                        <input type="text" value="" class="input-text validate-cc-number validate-cc-type" title="Credit Card Number" name="payment[cc_number]" id="ccsave_cc_number" disabled="" autocomplete="off">
                    </div>
                </li>
                <li>
                    <label class="required" for="ccsave_expiration"><em>*</em>Expiration Date</label>
                    <div class="input-box">
                        <div class="v-fix">
                            <select class="month validate-cc-exp required-entry" name="payment[cc_exp_month]" id="ccsave_expiration" disabled="" autocomplete="off">
                                <option selected="selected" value="">Month</option>
                            </select>
                        </div>
                        <div class="v-fix">
                            <select class="year required-entry" name="payment[cc_exp_year]" id="ccsave_expiration_yr" disabled="" autocomplete="off">
                                <option selected="selected" value="">Year</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li>
                    <label class="required"><em>*</em>Card Verification Number</label>
                    <div class="input-box">
                        <div class="v-fix">
                            <input type="text" value="" name="payment[cc_cid]" class="input-text cvv required-entry validate-cc-cvn" title="Card Verification Number" autocomplete="off">
                        </div>
                        <a class="cvv-what-is-this" href="#">What is this?</a>
                    </div>
                </li>
            </ul>
        </dd>
    </dl>
```

*/
@media only screen and (min-width: 48em) {
  .sp-methods {
    width: 50%;
  }
}
.sp-methods dt {
  font-size: 0.8125rem;
  font-weight: bold;
  text-transform: uppercase;
}
.sp-methods dd {
  font-size: 0.8125rem;
}
.sp-methods dd li {
  margin-bottom: 0.5rem;
}
.sp-methods dt, .sp-methods dd {
  line-height: 1.125rem;
  margin-bottom: 1rem;
}
.sp-methods .price {
  font-weight: 600;
}
.sp-methods .form-list {
  padding-left: 20px;
}
.sp-methods select.month {
  width: 150px;
  margin-right: 10px;
}
.sp-methods select.year {
  width: 96px;
}
.sp-methods input.cvv {
  max-width: 5em !important;
}
.sp-methods .checkmo-list li {
  margin: 0 0 5px;
}
.sp-methods .checkmo-list label {
  width: 135px;
  padding-right: 10px;
  text-align: right;
}
.sp-methods .checkmo-list address {
  float: left;
}
.sp-methods .centinel-logos a {
  margin-right: 3px;
}
.sp-methods .centinel-logos img {
  vertical-align: middle;
}
.sp-methods .release-amounts {
  margin: 0.5em 0 1em;
}
.sp-methods .release-amounts button {
  float: left;
  margin: 5px 10px 0 0;
}

.please-wait {
  float: right;
  margin-right: 5px;
}
.please-wait img {
  vertical-align: middle;
}

.cvv-what-is-this {
  cursor: help;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0.5rem;
  text-transform: uppercase;
}

.centinel .authentication {
  border: 0.0625rem solid #e1e1e1;
}
.centinel .authentication iframe {
  width: 99%;
  height: 400px;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/*

### Tooltip

Used on the "What's This?" link next to CVV

```
    <div style="" id="payment-tool-tip" class="tool-tip">
        <div class="btn-close"><a title="Close" href="#">Close</a></div>
        <div class="tool-tip-content">
            [Tooltip Content]
        </div>
    </div>
```

*/
.tool-tip {
  border: 0.0625rem solid #e1e1e1;
  background: #fff;
  padding: 0.625rem;
  position: absolute;
  z-index: 9999;
}
.tool-tip .btn-close {
  text-align: right;
}
.tool-tip .btn-close a {
  display: block;
  font-size: 0.8125rem;
  margin: 0 0 0 auto;
  text-align: right;
  text-transform: uppercase;
  overflow: hidden;
}
.tool-tip .tool-tip-content {
  padding: 5px;
}

/*

### Checkout Agreements

```
    <ol class="checkout-agreements">
        <li>
            <div class="agreement-content">
                Full agreement content
            </div>
            <p class="agree">
                <input type="checkbox" class="checkbox" title="Terms and Conditions (Checkbox Text)" value="1" name="agreement[1]" id="agreement-1">
                <label for="agreement-1">Agreement Checkbox Text Value</label>
            </p>
        </li>
    </ol>
```

*/
.checkout-agreements li {
  margin: 10px 0;
}
.checkout-agreements .agreement-content {
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  padding: 5px;
  height: 10em;
  overflow: auto;
}
.checkout-agreements .agree {
  padding: 6px;
}

/*

## Gift Messages

```
    <div class="gift-messages">
        <h3>Do you have any gift items in your order?</h3>
        <p class="control">
            <input type="checkbox" class="checkbox validation-passed" value="1" id="allow_gift_messages" name="allow_gift_messages">
            <label for="allow_gift_messages">Add gift options.</label>
        </p>
    </div>
    <div id="allow-gift-message-container" class="gift-messages-form" style="">
        <div class="inner-box">
            <h4>Gift Options for the Entire Order.</h4>
            <p>
                <input type="checkbox" class="checkbox validation-passed" value="1" name="allow_gift_messages_for_order">
                <label>Add gift options for the Entire Order</label>
            </p>
            <div style="" id="allow-gift-messages-for-order-container" class="allow-gift-messages-for-order-container">
                <p>You can leave this box blank if you do not wish to add a gift message for whole order.</p>
                <ul class="form-list">
                    <li class="fields">
                        <div class="field">
                            <label>From</label>
                            <div class="input-box">
                                <input type="text" class="input-text" value="From Name" title="From">
                            </div>
                        </div>
                        <div class="field">
                            <label>To</label>
                            <div class="input-box">
                                <input type="text" class="input-text" value="To Name" title="To">
                            </div>
                        </div>
                    </li>
                    <li class="wide">
                        <label>Message</label>
                        <div class="input-box">
                            <textarea cols="10" rows="5" title="Message" class="input-text giftmessage-area"></textarea>
                        </div>
                    </li>
                </ul>
            </div>
            <h4>Gift Options for Individual Items</h4>
            <p>
                <input type="checkbox" class="checkbox validation-passed" value="1" name="allow_gift_messages_for_items">
                <label>Add gift options for Individual Items</label>
            </p>
            <div id="allow-gift-messages-for-items-container" style="">
                <p>You can leave this box blank if you do not wish to add a gift message for the item.</p>
                <ol>
                    <li class="item">
                        <div class="product-img-box">
                            <p class="product-image">
                                <img width="75" height="75" title="Product Name" alt="Product Name" src="http://placekitten.com/75/75">
                            </p>
                            <p class="number">Item 1 of 1</p>
                        </div>
                        <div class="details">
                            <div class="f-fix">
                                <h5 class="product-name">Product Name</h5>
                                <ul class="form-list">
                                    <li class="fields">
                                        <div class="field">
                                            <label>From</label>
                                            <div class="input-box">
                                                <input type="text" class="input-text" value="From Name" title="From">
                                            </div>
                                        </div>
                                        <div class="field">
                                            <label>To</label>
                                            <div class="input-box">
                                                <input type="text" class="input-text" value="To Name" title="To">
                                            </div>
                                        </div>
                                    </li>
                                    <li class="wide">
                                        <label>Message</label>
                                        <div class="input-box">
                                            <textarea cols="40" rows="5" title="Message" class="input-text giftmessage-area" o></textarea>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ol>
            </div>
        </div>
    </div>
```

*/
.gift-messages h3 {
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.125rem;
  margin-bottom: 1em;
}
.gift-messages .control label {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.gift-messages-form {
  border: 0.0625rem solid #f9f9f9;
  margin: 1em 0;
  position: relative;
  padding: 0.625rem;
}
.gift-messages-form label {
  float: none !important;
  font-size: 0.75rem;
  line-height: 1.125rem;
  position: static !important;
}
.gift-messages-form h4 {
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.125rem;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.gift-messages-form p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin-bottom: 1em;
}
.gift-messages-form .item {
  margin: 0 0 1.125rem;
}
.gift-messages-form .item:last-child {
  margin-bottom: 0;
}
.gift-messages-form .item .product-img-box {
  float: left;
  margin: 0;
  width: 3.75rem;
}
.gift-messages-form .item .product-image {
  margin: 0 0 0.625rem;
  padding: 0;
}
.gift-messages-form .item .product-brand {
  margin-bottom: 0;
  text-transform: uppercase;
}
.gift-messages-form .item .number {
  font-size: 0.625rem;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.gift-messages-form .item .details {
  margin-left: 5rem;
}

.gift-message-link {
  display: block;
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/bkg_collapse.gif) 0 4px no-repeat;
  padding-left: 20px;
}
.gift-message-link.expanded {
  background-position: 0 -53px;
}

.gift-message-row .btn-close {
  float: right;
}

.gift-message dt strong {
  font-weight: bold;
}

/*

## Generic Info Set

Seems to be unused.

*/
.info-set .box-title a {
  display: inline-block;
}

.order-confirmation-box {
  background: #f9f9f9;
  color: #353031;
  padding: 1.875rem 1.5625rem 1.875rem 5.3125rem;
  position: relative;
}
.order-confirmation-box :last-child {
  margin-bottom: 0;
}
.order-confirmation-box:before {
  font-family: "FontAwesome";
  font-size: 3rem;
  left: 1.5625rem;
  position: absolute;
  top: 1.875rem;
}
.order-confirmation-box.success:before {
  content: "";
  color: #362940;
}
.order-confirmation-box.failure:before {
  content: "";
  color: #340003;
}
.order-confirmation-box p {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  margin-top: 1.25rem;
}
.order-confirmation-box .subtitle,
.order-confirmation-box .sub-title {
  margin-bottom: 1.875rem;
}

/*

# Dashboard

## Welcome Message

```
    <div class="dashboard">
        <div class="welcome-msg">
            <p class="hello"><strong>Hello, Adam Johnson!</strong></p>
            <p>From your My Account Dashboard you have the ability to view a snapshot of your recent account activity and update your account information. Select a link below to view or edit information.</p>
        </div>
    </div>
```

*/
.dashboard .welcome-msg p {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.375rem;
  margin-bottom: 1.375rem;
  text-align: center;
}
.dashboard .hello strong {
  font-weight: normal;
}

/*

## Box

```
    <div class="box-account">
        <div class="box-head">
            <h2>Box Head</h2>
            <a href="">Box Link</a>
        </div>
        <div class="box">
            <div class="box-title">
                <h3>Box Title</h3>
                <a href="#">Box Link</a>
            </div>
            <div class="box-content">
                Box Content
            </div>
        </div>
    </div>
```

*/
.box-account {
  margin-bottom: 1.5625rem;
}
.box-account a {
  text-decoration: underline;
}
.box-account a:hover {
  text-decoration: none;
}

.box-head, .order-info-box .box-title {
  border-bottom: 0.0625rem solid #e1e1e1;
  border-top: 0.0625rem solid #e1e1e1;
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding: 0.5625rem 0;
  margin-bottom: 0.9375rem;
  text-align: right;
}
.box-head:before, .order-info-box .box-title:before, .box-head:after, .order-info-box .box-title:after {
  content: " ";
  display: table;
}
.box-head:after, .order-info-box .box-title:after {
  clear: both;
}
.box-head h2, .order-info-box .box-title h2, .box-head h3, .order-info-box .box-title h3 {
  letter-spacing: 0.2em;
  float: left;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1em;
  text-transform: uppercase;
}
.box-head a, .order-info-box .box-title a {
  letter-spacing: 0.2em;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
}
.box-head a:hover, .order-info-box .box-title a:hover {
  color: #353031;
}

.box {
  margin: 0 0 1.25rem;
}

.box-title {
  border-bottom: 0.0625rem solid #e1e1e1;
  padding: 1.25rem 0;
  margin-bottom: 1.25rem;
  text-align: right;
}
.box-title h2, .box-title h3 {
  letter-spacing: 0.2em;
  float: left;
  font-family: "Playfair Display", serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 0;
  text-transform: uppercase;
}
.box-title a {
  letter-spacing: 0.2em;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.8125rem;
  text-decoration: none;
  text-transform: uppercase;
}
.box-title a:hover {
  color: #353031;
}

.box-content {
  color: #353031;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.box-content h4 {
  letter-spacing: 0.1em;
  color: #353031;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.box-content a {
  font-weight: bold;
}
.box-content address {
  line-height: 1.6em;
}

/*

## Recent Orders

```
    <div class="dashboard">
        <div class="box-account box-recent">
            <div class="box-head">
                <h2>Recent Orders</h2>
                <a href="#">View All</a>
            </div>
            <div class="box-content">
                <table id="my-orders-table" class="data-table">
                    <colgroup>
                        <col width="1">
                        <col width="1">
                        <col>
                        <col width="1">
                        <col width="1">
                        <col width="1">
                    </colgroup>
                    <thead>
                        <tr class="first last">
                            <th>Order #</th>
                            <th>Date</th>
                            <th>Ship To</th>
                            <th><span class="nobr">Order Total</span></th>
                            <th>Status</th>
                            <th>&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="first last odd">
                            <td>100000001</td>
                            <td><span class="nobr">01/01/1970</span></td>
                            <td>Adam Johnson</td>
                            <td><span class="price">£1,091.97</span></td>
                            <td><em>Order Status</em></td>
                            <td class="a-center last">
                                <span class="nobr">
                                    <a href="">View Order</a>
                                    <span class="separator">|</span>
                                    <a class="link-reorder" href="">Reorder</a>
                                </span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
```

*/
.dashboard .box-recent .box-content {
  padding: 1.25rem 0.9375rem;
}

/*

## Account Information

```
    <div class="box-account box-info">
        <div class="box-head">
            <h2>Account Information</h2>
        </div>
        <div class="col2-set">
            <div class="col-1">
                <div class="box">
                    <div class="box-title">
                        <h3>Contact Information</h3>
                        <a href="">Edit</a>
                    </div>
                    <div class="box-content">
                        <p>Customer Name<br>customer@email.com<br><a href="">Change Password</a></p>
                    </div>
                </div>
            </div>
            <div class="col-2">
                <div class="box">
                    <div class="box-title">
                        <h3>Newsletters</h3>
                        <a href="">Edit</a>
                    </div>
                    <div class="box-content">
                        <p>You are currently not subscribed to any newsletter.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col2-set">
            <div class="box">
                <div class="box-title">
                    <h3>Address Book</h3>
                    <a href="#">Manage Addresses</a>
                </div>
                <div class="box-content">
                    <div class="col-1">
                        <h4>Default Billing Address</h4>
                        <address>Customer Name<br>Address Line 1<br>Address Line 2<br>City,  State, Zip<br>Country<br>T: Telephone<br><a href="">Edit Address</a></address>
                    </div>
                    <div class="col-2">
                        <h4>Default Shipping Address</h4>
                        <address>Customer Name<br>Address Line 1<br>Address Line 2<br>City,  State, Zip<br>Country<br>T: Telephone<br><a href="">Edit Address</a></address>
                    </div>
                </div>
            </div>
        </div>
    </div>
```

*/
/*

## Reviews

```
    <div class="box-account box-reviews">
        <div class="box-head">
            <h2>My Recent Reviews</h2>
            <a href="">View All Reviews</a>
        </div>
        <ol id="my_recent_reviews">
            <li class="item last odd">
                <span class="number">1</span>
                <div class="details">
                    <h3 class="product-name"><a href="">Product Name</a></h3>
                    <div class="ratings">
                        <strong>Rating:</strong>
                        <div class="rating-box">
                            <div style="width:60%;" class="rating"></div>
                        </div>
                    </div>
                </div>
            </li>
        </ol>
    </div>
```

*/
.dashboard .box-reviews .number {
  float: left;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  margin: 3px -20px 0 0;
  padding: 2px 3px;
  background: #ddd;
}
.dashboard .box-reviews .details {
  margin-left: 20px;
}

/*

## Tags

```
    <div class="box-account box-tags">
        <div class="box-head">
            <h2>My Recent Tags</h2>
            <a href="">View All Tags</a>
        </div>
        <ol id="my_recent_tags">
            <li class="item last odd">
                <span class="number">1</span>
                <div class="details">
                    <h3 class="product-name"><a href="">Product Name</a></h3>
                    <div class="tags">
                        <strong>Tags:</strong>
                            <ul>
                                <li><a href="">Tag</a></li>
                            </ul>
                    </div>
                </div>
            </li>
        </ol>
    </div>
```

*/
.dashboard .box-tags .number {
  float: left;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  margin: 3px -20px 0 0;
  padding: 2px 3px;
  background: #ddd;
}
.dashboard .box-tags .details {
  margin-left: 20px;
}

/*

## Address Book

```
    <div class="col2-set addresses-list">
        <div class="col-1 addresses-primary">
            <h2>Default Addresses</h2>
            <ol>
                <li class="item">
                    <h3>Default Billing Address</h3>
                    <address>Customer Name<br>Address Line 1<br>Address Line 2<br>City,  State, Zip<br>Country<br>T: Telephone</address>
                    <p><a href="">Change Billing Address</a></p>
               </li>
                <li class="item">
                    <h3>Default Shipping Address</h3>
                    <address>Customer Name<br>Address Line 1<br>Address Line 2<br>City,  State, Zip<br>Country<br>T: Telephone</address>
                    <p><a href="">Change Shipping Address</a></p>
                </li>
            </ol>
        </div>
        <div class="col-2 addresses-additional">
            <h2>Additional Address Entries</h2>
            <ol>
                <li class="item empty">
                    <p>You have no additional address entries in your address book.</p>
                </li>
            </ol>
        </div>
    </div>
```

*/
.addresses-list h2, .addresses-list h3 {
  letter-spacing: 0.1em;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 600;
}
.addresses-list h2 {
  font-size: 1rem;
}
.addresses-list a {
  font-weight: bold;
}
.addresses-list address {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.addresses-list .addresses-primary,
.addresses-list .addresses-additional {
  border: 0.0625rem solid #f9f9f9;
  padding: 1.5625rem 1.875rem;
}
.addresses-list .item {
  font-size: 0.8125rem;
}

/*

## Order View

```
    <dl class="order-info">
        <dt>About This Order:</dt>
        <dd>
            <ul id="order-info-tabs">
                <li class="current first">Order Information</li>
                <li><a href="">Invoices</a></li>
                <li><a href="">Shipments</a></li>
                <li class="last"><a href="">Refunds</a></li>
            </ul>
        </dd>
    </dl>
    <p class="order-date">Order Date: 27 January 2014</p>
    <div class="col2-set order-info-box">
        <div class="col-1">
            <div class="box">
                <div class="box-title">
                    <h2>Shipping Address</h2>
                </div>
                <div class="box-content">
                    <address>Customer Name<br>Address Line 1<br>Address Line 2<br>City,  State, Zip<br>Country<br>T: Telephone</address>
                </div>
            </div>
        </div>
        <div class="col-2">
            <div class="box">
                <div class="box-title">
                    <h2>Shipping Method</h2>
                </div>
                <div class="box-content">
                    Flat Rate - Fixed
                </div>
            </div>
        </div>
    </div>
    <div class="col2-set order-info-box">
        <div class="col-1">
            <div class="box">
                <div class="box-title">
                    <h2>Billing Address</h2>
                </div>
                <div class="box-content">
                    <address>Customer Name<br>Address Line 1<br>Address Line 2<br>City,  State, Zip<br>Country<br>T: Telephone</address>
                </div>
            </div>
        </div>
        <div class="col-2">
            <div class="box box-payment">
                <div class="box-title">
                    <h2>Payment Method</h2>
                </div>
                <div class="box-content">
                    <p>Check / Money order</p>
                </div>
            </div>
        </div>
    </div>
    <div class="order-items order-details">
        <h2 class="table-caption">
            Items Ordered
            <span class="separator">|</span>
            <a title="Track your order" href="#">Track your order</a>
        </h2>
        <!-- OR -->
        <p class="order-links">
            <a class="link-print" href="">Print All Invoices</a>
        </p>
        <h2 class="sub-title">
            Invoice #100000002
            <span class="separator">|</span>
            <a class="link-print" href="">Print Invoice</a>
        </h2>
        <h3 class="table-caption">Items Invoiced</h3>
        <table summary="Items Ordered" id="my-orders-table" class="data-table">
            <colgroup>
                <col>
                <col width="1">
                <col width="1">
                <col width="1">
                <col width="1">
            </colgroup>
            <thead>
                <tr class="first last">
                    <th>Product Name</th>
                    <th>SKU</th>
                    <th class="a-right">Price</th>
                    <th class="a-center">Qty</th>
                    <th class="a-right">Subtotal</th>
                </tr>
            </thead>
            <tfoot>
                <tr class="subtotal first">
                    <td class="a-right" colspan="4">Subtotal</td>
                    <td class="last a-right"><span class="price">£1,066.97</span></td>
                </tr>
                <tr class="shipping">
                    <td class="a-right" colspan="4">Shipping &amp; Handling</td>
                    <td class="last a-right"><span class="price">£25.00</span></td>
                </tr>
                <tr class="grand_total last">
                    <td class="a-right" colspan="4"><strong>Grand Total</strong></td>
                    <td class="last a-right"><strong><span class="price">£1,091.97</span></strong></td>
                </tr>
            </tfoot>
            <tbody class="odd">
                <tr id="order-item-row-1" class="border first">
                    <td>
                        <h3 class="product-name">Product Name</h3>
                        <a class="gift-message-link expanded" id="order-item-gift-message-link-7" href="#">Gift Message</a>
                    </td>
                    <td>prod_sku</td>
                    <td class="a-right">
                        <span class="price-excl-tax">
                            <span class="cart-price">
                                <span class="price">£15.00</span>
                            </span>
                        </span>
                        <br>
                    </td>
                    <td class="a-right">
                        <span class="nobr">
                            Ordered: <strong>1</strong><br>
                            Shipped: <strong>1</strong><br>
                            Refunded: <strong>1</strong><br>
                        </span>
                    </td>
                    <td class="a-right last">
                        <span class="price-excl-tax">
                            <span class="cart-price">
                                <span class="price">£15.00</span>
                            </span>
                        </span>
                        <br>
                    </td>
                </tr>
                <tr class="border last">
                    <td colspan="7" class="gift-message-row last">
                        <a class="btn-close" title="Close" href="#">Close</a>
                        <dl class="gift-message">
                            <dt><strong>From:</strong> From name</dt>
                            <dt><strong>To:</strong> To Name</dt>
                            <dd>Gift message text</dd>
                        </dl>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="order-additional order-gift-message">
        <h2 class="sub-title">Gift Message for This Order</h2>
        <dl class="gift-message">
            <dt><strong>From:</strong> From Name</dt>
            <dt><strong>To:</strong> To Name</dt>
            <dd>Gift message text</dd>
        </dl>
    </div>
    <div class="order-additional order-comments">
        <h2 class="sub-title">About Your Order</h2>
        <dl class="order-about">
            <dt>27 Jan 2014 10:34:25</dt>
            <dd>Comment</dd>
        </dl>
    </div>
```

*/
.order-info {
  border: 0.0625rem solid #e1e1e1;
  padding: 0.625rem 0.9375rem;
}
.order-info dt, .order-info dd,
.order-info ul, .order-info li, .order-info a {
  display: inline-block;
  font-size: 0.875rem;
}
.order-info dt {
  padding: 0.3125rem 0.1875rem 0.3125rem 0;
  text-transform: uppercase;
}
.order-info li {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #AD2336;
  color: #fff;
  margin-left: 0.1875rem;
  padding: 0.5rem;
}
.order-info li:hover, .order-info li.current {
  background: #362940;
}
.order-info li a {
  color: inherit;
  font-style: normal;
  text-decoration: none;
}

.order-date {
  margin: 1.25rem 0 0.625rem;
}

.order-info-box .box {
  border: 0.0625rem solid #e1e1e1;
  margin: 0 0 1.125rem;
}
.order-info-box .box-title {
  margin-bottom: 0;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.order-info-box .box-content {
  padding: 1.25rem 0.9375rem;
}

.order-items {
  width: 100%;
  overflow-x: auto;
}

.order-additional {
  margin: 0.9375rem 0;
}

/* Order Gift Message */
.gift-message dt strong {
  color: #666;
}
.gift-message dd {
  font-size: 0.8125rem;
  margin: 0.3125rem 0 0;
}

/* Order Comments */
.order-about {
  font-size: 0.8125rem;
}
.order-about dt {
  font-weight: bold;
}
.order-about dd {
  margin: 0 0 0.4375rem;
}

/*

## Order Tracking

### Tracking Table

```
    <table id="my-tracking-table-2" class="data-table tracking-table">
        <tbody>
            <tr class="first odd">
                <td colspan="2" class="last">
                    <a title="Track this shipment" href="#">Track this shipment</a>
                </td>
            </tr>
            <tr class="last even">
                <th class="label">Tracking Number(s):</th>
                <td class="last">&nbsp;Tracking Number</td>
            </tr>
        </tbody>
    </table>
```

*/
.tracking-table {
  margin: 0 0 0.9375rem;
}
.tracking-table th {
  font-weight: bold;
  white-space: nowrap;
}

/*

### Tracking Popup

```
    <table id="tracking-table-popup-0" class="tracking-table-popup data-table">
        <colgroup>
            <col width="15%">
            <col>
        </colgroup>
        <tbody>
            <tr class="first last odd">
                <th class="label">Tracking Title:</th>
                <td class="value last">Tracking Number</td>
            </tr>
        </tbody>
    </table>
```

*/
.tracking-table-popup {
  width: 100%;
}
.tracking-table-popup th, .tracking-table-popup td {
  padding: 0.0625rem 0.5rem;
}
.tracking-table-popup th {
  font-weight: bold;
  white-space: nowrap;
}

/*

## Order Print Pages

```
    <div class="print-head">
        <img alt="" class="logo" src="http://placekitten.com/167/47">
    </div>
```

*/
.page-print .print-head img {
  float: left;
}
.page-print .print-head address {
  float: left;
  margin-left: 0.9375rem;
}
.page-print .gift-message-link {
  display: none;
}
.page-print .price-excl-tax, .page-print .price-incl-tax {
  display: block;
  white-space: nowrap;
}
.page-print .price-excl-tax.label, .page-print .price-excl-tax.price, .page-print .price-incl-tax.label, .page-print .price-incl-tax.price {
  display: inline;
}
.page-print .cart-price {
  display: inline;
}

/*

## My Reviews

```
    <div class="product-review">
        <div class="page-title">
            <h1>Review Details</h1>
        </div>
        <div class="product-img-box">
            <a class="product-image" title="Coalesce: Functioning On Impatience T-Shirt" href="">
                <img width="125" height="125" alt="Product Name" src="http://placekitten.com/125/125">
            </a>
            <p class="label">Average Customer Rating:</p>
            <div class="ratings">
                <div class="rating-box">
                    <div style="width:69%" class="rating"></div>
                </div>
                <p class="rating-links">
                    <a href="">3 Review(s)</a>
                    <span class="separator">|</span>
                    <a href="">Add Your Review</a>
                </p>
            </div>
        </div>
        <div class="product-details">
            <h2 class="product-name">Product name</h2>
            <h3>Your Rating:</h3>
            <table class="ratings-table">
                <tbody>
                    <tr>
                        <th>Quality</th>
                        <td>
                            <div class="rating-box">
                                <div style="width:40%;" class="rating"></div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>Price</th>
                        <td>
                            <div class="rating-box">
                                <div style="width:60%;" class="rating"></div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>Value</th>
                        <td>
                            <div class="rating-box">
                                <div style="width:80%;" class="rating"></div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <dl>
                <dt>Your Review (submitted on 27 January 2014):</dt>
                <dd>Review Text</dd>
            </dl>
        </div>
    </div>
```

*/
.product-review dt {
  font-weight: bold;
}
.product-review dd {
  font-size: 0.8125rem;
  margin: 0.3125rem 0 0;
}
.product-review .product-img-box {
  float: left;
  width: 8.75rem;
}
.product-review .product-img-box .product-image {
  display: block;
  width: 7.8125rem;
  height: 7.8125rem;
}
.product-review .product-img-box .label {
  font-size: 0.6875rem;
  margin: 0 0 0.1875rem;
}
.product-review .product-img-box .ratings .rating-box {
  float: none;
  display: block;
  margin: 0 0 0.1875rem;
}
.product-review .product-details {
  margin-left: 78.125rem;
}
.product-review .product-name {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 0.625rem;
}
.product-review .ratings-table {
  margin: 0 0 0.625rem;
}

/*

## Addresses List

*/
.addresses-list h2 {
  margin-bottom: 1.125rem;
}
.addresses-list .item {
  margin-bottom: 1.125rem;
}

/*

## Misc

*/
.my-account .title-buttons .link-rss {
  float: none;
  margin: 0;
}
.my-account .data-table a {
  text-decoration: none;
  color: #AD2336;
  font-style: normal;
}
.my-account .data-table a:hover, .my-account .data-table a:focus {
  text-decoration: underline;
}

@media only screen and (max-width: 47.938em) {
  .block-account.block-collapsable .block-title {
    background: #353031;
  }
  .block-account.block-collapsable .block-title strong {
    color: #fff;
    font-size: 0.625rem;
  }
}
/*
# Login/Create Account

User decision between logging in and creating account, can appear when a user tries to login to restricted pages or at the checkout.

```
    <div class="col2-set">
        <div class="col-1 new-users">
            <div class="content">
                <h2>New Customers</h2>
                <p>By creating an account with our store, you will be able to move through the checkout process faster, store multiple shipping addresses, view and track your orders in your account and more.</p>
            </div>
        </div>
        <div class="col-2 registered-users">
            <div class="content">
                <h2>Registered Customers</h2>
                <p>If you have an account with us, please log in.</p>
                <ul class="form-list">
                    <li>
                        <label class="required" for="email"><em>*</em>Email Address</label>
                        <div class="input-box">
                            <input type="text" title="Email Address" class="input-text required-entry validate-email" id="email" value="" name="login[username]">
                        </div>
                    </li>
                    <li>
                        <label class="required" for="pass"><em>*</em>Password</label>
                        <div class="input-box">
                            <input type="password" title="Password" id="pass" class="input-text required-entry validate-password" name="login[password]">
                        </div>
                    </li>
                </ul>
                <p class="required">* Required Fields</p>
            </div>
        </div>
    </div>
    <div class="col2-set">
        <div class="col-1 new-users">
            <div class="buttons-set">
                <button class="button" title="Create an Account" type="button"><span><span>Create an Account</span></span></button>
            </div>
        </div>
        <div class="col-2 registered-users">
            <div class="buttons-set">
                <a class="f-left" href="#">Forgot Your Password?</a>
                <button id="send2" name="send" title="Login" class="button" type="submit"><span><span>Login</span></span></button>
            </div>
        </div>
    </div>
```

*/
.account-login .page-title {
  border: 0;
  display: block;
  line-height: 1.875rem;
  margin-bottom: 1.875rem;
  padding: 0;
  position: relative;
  text-align: center;
}
.account-login .page-title h1 {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.875rem;
  margin-bottom: 0;
  padding: 0 1em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.account-login .page-title h1:after {
  background: #353031;
  content: "";
  display: block;
  margin: 0.9375rem auto;
  height: 0.0625rem;
  width: 2.5rem;
}
.account-login .sub-title {
  border: 0;
  display: block;
  line-height: 0.875rem;
  margin-bottom: 0.875rem;
  padding: 0;
  position: relative;
  text-align: center;
}
.account-login .sub-title h2 {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  margin-bottom: 0;
  padding: 0 1em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.account-login .sub-title h2:after {
  background: #353031;
  content: "";
  display: block;
  margin: 0.9375rem auto;
  height: 0.0625rem;
  width: 2.5rem;
}
.account-login .new-users,
.account-login .registered-users {
  background: #f9f9f9;
  color: #353031;
  padding: 0.9375rem 1.25rem;
}
.account-login .new-users h3,
.account-login .registered-users h3 {
  text-transform: uppercase;
}
.account-login .new-users li, .account-login .new-users p,
.account-login .registered-users li,
.account-login .registered-users p {
  font-size: 0.8125rem;
}
.account-login .new-users li,
.account-login .registered-users li {
  margin-bottom: 0.5rem;
}
.account-login .new-users p,
.account-login .registered-users p {
  margin-bottom: 1.5em;
}
.account-login .new-users p.required,
.account-login .registered-users p.required {
  font-size: 0.8125rem;
}
.account-login .new-users .ul,
.account-login .registered-users .ul {
  list-style: disc;
  padding-left: 1.25rem;
}
.account-login .registered-users .buttons-set a {
  display: block;
  margin-bottom: 0.9375rem;
  text-align: center;
}
.account-login .button {
  width: 100%;
}
.account-login .button span {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 48em) {
  .account-login .new-users,
  .account-login .registered-users {
    height: 100%;
    padding: 2.1875rem 4.375rem 8.4375rem;
    position: relative;
    width: 100%;
  }
  .account-login .new-users .buttons-set,
  .account-login .registered-users .buttons-set {
    bottom: 2.1875rem;
    left: 0;
    margin: 0;
    padding: 0 4.375rem;
    position: absolute;
    width: 100%;
  }
}

.account-create .account-form-wrapper {
  background: #f9f9f9;
  padding: 1.875rem 3.125rem 1.875rem;
}
.account-create .account-form-wrapper li.fields .field {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.account-create .col-2 {
  text-align: right;
}

/*
## Captcha

Can be enabled in System->Configuration->Customer Configuration->CAPTCHA

```
    <ul class="form-list">
        <li>
            <div id="captcha-image-box-user_login" class="captcha-image">
                <img alt="Reload captcha" src="http://placehold.it/24x24&text=Reload" class="captcha-reload" id="captcha-reload">
                <img height="50" src="http://placekitten.com/200/50" class="captcha-img" id="user_login">
                <div class="captcha-note">
                    <strong>Attention</strong>: Captcha is case sensitive.
                </div>
            </div>
        </li>
    </ul>
```

*/
.captcha-image {
  float: left;
  position: relative;
}

.captcha-img {
  border: 1px solid #ccc;
}

.captcha-reload {
  position: absolute;
  top: 2px;
  right: 2px;
}
.captcha-reload.refreshing {
  animation: rotate 1.5s infinite linear;
  -webkit-animation: rotate 1.5s infinite linear;
  -moz-animation: rotate 1.5s infinite linear;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  0% {
    -webkit-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0);
  }
  0% {
    -moz-transform: rotate(-360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  0% {
    transform: rotate(-360deg);
  }
}
/*
## Remember Me Popup

```
    <div style="height: 745px;" class="window-overlay" id="window-overlay"></div>
    <div style="" class="remember-me-popup" id="remember-me-popup">
        <div class="remember-me-popup-head">
            <h3>What's this?</h3>
            <a title="Close" class="remember-me-popup-close" href="#">Close</a>
        </div>
        <div class="remember-me-popup-body">
            <p>Checking "Remember Me" will let you access your shopping cart on this computer when you are logged out</p>
            <div class="remember-me-popup-close-button a-right">
                <a title="Close" class="remember-me-popup-close button" href="#"><span>Close</span></a>
            </div>
        </div>
    </div>
```

*/
.window-overlay {
  background: url(https://www.vollers-corsets.com/skin/frontend/webtise/default/images/window_overlay.png) repeat;
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 990;
}

.contact-block {
  margin: 0.9375rem 0 1.875rem;
}

.contact-form {
  background: #f9f9f9;
  padding: 2.1875rem 3.125rem;
}
.contact-form .block-title {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
  padding: 0;
}
.contact-form .block-title h2, .contact-form .block-title strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.contact-form .block-title h2 span, .contact-form .block-title strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.contact-form .block-title h2:after, .contact-form .block-title strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.contact-form .buttons-set {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
}
.contact-form .buttons-set:before, .contact-form .buttons-set:after {
  content: " ";
  display: table;
}
.contact-form .buttons-set:after {
  clear: both;
}
.contact-form .buttons-set .button {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 41.66667%;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}
@media only screen and (max-width: 47.938em) {
  .contact-form {
    padding: 2.1875rem 1.875rem;
  }
  .contact-form .buttons-set .button {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}

.faq-list {
  font-size: 1rem;
  line-height: 1.5em;
}
.faq-list .faq-question {
  font-weight: 600;
}
.faq-list .faq-question:before {
  display: inline;
  content: "Q: ";
}
.faq-list .faq-answer {
  margin-bottom: 1.5em;
  padding: 0;
}
.faq-list .faq-answer:before {
  display: inline;
  content: "A: ";
}
.faq-list .faq-answer:last-child {
  margin-bottom: 0;
}

.history-page h2 {
  line-height: 1em;
  margin-bottom: 0;
  text-transform: uppercase;
}
.history-page h2 span {
  display: block;
}
.history-page h2:after {
  background: currentColor;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}

.history-video {
  background-image: url('/skin/frontend/webtise/default/images/history-video.jpg?1506003271');
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding: 2.5rem 1.5625rem;
  text-align: center;
}
.history-video h2 {
  letter-spacing: 0.2em;
  color: #fff;
  font-size: 2.25rem;
}
.history-video p {
  letter-spacing: 0.2em;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.history-video a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  color: #fff;
  font-size: 7.5rem;
}
@media only screen and (min-width: 48em) {
  .history-video {
    height: 695px;
    padding: 8.125rem 0 0;
  }
}

.history-tagline {
  padding: 1.25rem 0;
}
.history-tagline p {
  letter-spacing: 0.2em;
  font-family: "Playfair Display", serif;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}

.history-timeline h2 {
  font-size: 1.875rem;
}
.history-timeline p {
  letter-spacing: 0.05em;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.125rem;
  margin-bottom: 1.125rem;
}
.history-timeline > *:nth-child(odd) {
  position: relative;
  background-color: #000;
  background-position: 100% 0;
  text-align: left;
}
.history-timeline > *:nth-child(odd):after {
  border-color: #f9f9f9 transparent transparent transparent;
  border-style: solid;
  border-width: 0.625rem 2.1875rem 0 2.1875rem;
  content: " ";
  display: inline-block;
  left: 50%;
  margin-left: -2.1875rem;
  position: absolute;
  height: 0;
  top: 0;
  width: 0;
}
.history-timeline > *:nth-child(odd), .history-timeline > *:nth-child(odd) h2 {
  color: #fff;
}
.history-timeline > *:nth-child(even) {
  position: relative;
  background-color: #f9f9f9;
  background-position: 0 0;
  color: #000;
  text-align: right;
}
.history-timeline > *:nth-child(even):after {
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  border-width: 0.625rem 2.1875rem 0 2.1875rem;
  content: " ";
  display: inline-block;
  left: 50%;
  margin-left: -2.1875rem;
  position: absolute;
  height: 0;
  top: 0;
  width: 0;
}
.history-timeline > *:nth-child(even) h2 {
  color: #AD2336;
}
.history-timeline > * {
  background-repeat: no-repeat;
  padding: 5.3125rem 3.4375rem;
}
.history-timeline .content {
  display: inline-block;
  max-width: 31.25rem;
}
.history-timeline .history-present {
  background-position: 0 0;
  text-align: center;
}
.history-timeline .history-present h2:before {
  background-image: url('/skin/frontend/webtise/default/images/logo-small-white.png?1506003272');
  background-position: center;
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 55px;
  margin-bottom: 0.625rem;
  width: 100%;
}
@media only screen and (max-width: 47.938em) {
  .history-timeline > * {
    padding: 2.5rem 1.5625rem;
  }
  .history-timeline .content {
    text-align: center;
    width: 100%;
  }
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .history-timeline > * {
    background-repeat: no-repeat;
    padding: 2.5rem 1.5625rem;
  }
  .history-timeline .content {
    max-width: 50%;
  }
}
@media only screen and (min-width: 48em) {
  .history-timeline .history-1899 {
    background-image: url('/skin/frontend/webtise/default/images/history-1899.jpg?1506003269');
  }
  .history-timeline .history-1918 {
    background-image: url('/skin/frontend/webtise/default/images/history-1918.jpg?1506003269');
  }
  .history-timeline .history-1947 {
    background-image: url('/skin/frontend/webtise/default/images/history-1947.jpg?1506003270');
  }
  .history-timeline .history-1991 {
    background-image: url('/skin/frontend/webtise/default/images/history-1991.jpg?1506003270');
  }
  .history-timeline .history-present {
    background-image: url('/skin/frontend/webtise/default/images/history-present.jpg?1506003270');
  }
}

/*

# Homepage

Homepage specific styles

*/
.home-banners {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
  padding-bottom: 2.1875rem;
  text-align: center;
}
.home-banners-section {
  background: #f9f9f9;
}
.home-banners-container {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.home-banners-container:before, .home-banners-container:after {
  content: " ";
  display: table;
}
.home-banners-container:after {
  clear: both;
}
.home-banners .banner-list {
  margin: 0;
  padding: 0;
}
.home-banners a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  cursor: pointer;
}

.home-cta {
  position: relative;
  padding: 2.1875rem 0 0;
}
.home-cta:after {
  border-color: #303030 transparent transparent transparent;
  border-style: solid;
  border-width: 0.625rem 2.1875rem 0 2.1875rem;
  content: " ";
  display: inline-block;
  left: 50%;
  margin-left: -2.1875rem;
  position: absolute;
  height: 0;
  top: 0;
  width: 0;
}
@media only screen and (min-width: 48em) {
  .home-cta {
    margin: 0 -0.625rem;
  }
  .home-cta ul {
    display: block;
    padding: 0;
    margin: 0 -0.625rem;
    margin: 0;
  }
  .home-cta ul:before, .home-cta ul:after {
    content: " ";
    display: table;
  }
  .home-cta ul:after {
    clear: both;
  }
  .home-cta ul > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem;
  }
  .home-cta ul > li {
    list-style: none;
    padding: 0 0.625rem 1.25rem;
    width: 33.33333%;
  }
  .home-cta ul > li:nth-of-type(1n) {
    clear: none;
  }
  .home-cta ul > li:nth-of-type(3n+1) {
    clear: both;
  }
}
.home-cta ul {
  position: relative;
}
.home-cta a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  cursor: pointer;
}

.home-tagline {
  background-image: url('https://www.vollers-corsets.com/skin/frontend/webtise/default/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(20%, #000000), color-stop(50%, #303030), color-stop(80%, #000000));
  background-image: -moz-linear-gradient(left, #000000 20%, #303030 50%, #000000 80%);
  background-image: -webkit-linear-gradient(left, #000000 20%, #303030 50%, #000000 80%);
  background-image: linear-gradient(to right, #000000 20%, #303030 50%, #000000 80%);
  padding: 0.625rem 0;
  position: relative;
  text-align: center;
}
.home-tagline p {
  letter-spacing: 0.2em;
  color: #fff;
  font-family: "Playfair Display", serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

.home-subcategories {
  position: relative;
  padding: 2.5rem 0;
}
.home-subcategories:after {
  border-color: #f9f9f9 transparent transparent transparent;
  border-style: solid;
  border-width: 0.625rem 2.1875rem 0 2.1875rem;
  content: " ";
  display: inline-block;
  left: 50%;
  margin-left: -2.1875rem;
  position: absolute;
  height: 0;
  top: 0;
  width: 0;
}
.home-subcategories .block-title {
  border: 0;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
}
.home-subcategories .block-title h2, .home-subcategories .block-title strong {
  display: block;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
.home-subcategories .block-title h2 span, .home-subcategories .block-title strong span {
  letter-spacing: 0.2em;
  color: #353031;
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  padding: 0 1em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.home-subcategories .block-title h2:after, .home-subcategories .block-title strong:after {
  background: #353031;
  content: "";
  display: inline-block;
  margin: 0.9375rem 0;
  height: 0.0625rem;
  width: 2.5rem;
}
.home-subcategories .block-content {
  text-align: center;
}
.home-subcategories .block-content p {
  letter-spacing: 0.05em;
  font-size: 0.8125rem;
  font-size: 300;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}
.home-subcategories .buttons-set {
  padding-bottom: 0;
}
.home-subcategories .buttons-set .button:only-child {
  float: none;
}
.home-subcategories .buttons-set .button:only-child span {
  letter-spacing: 0.2em;
  background: transparent;
  border-bottom: 0.0625rem solid #AD2336;
  border-top: 0.0625rem solid #AD2336;
  color: #AD2336;
  font-weight: 600;
}
.home-subcategories .buttons-set .button:only-child span span {
  border: 0;
}
.home-subcategories .buttons-set .button:only-child:hover span {
  background: 0;
  border-color: #353031;
  color: #353031;
}

.home-bottom-banners {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
.home-bottom-banners-section {
  background: #f9f9f9;
  padding: 1.25rem;
}
.home-bottom-banners-container {
  margin: 0 auto;
  max-width: 81rem;
  width: 100%;
}
.home-bottom-banners-container:before, .home-bottom-banners-container:after {
  content: " ";
  display: table;
}
.home-bottom-banners-container:after {
  clear: both;
}
.home-bottom-banners > p {
  margin-bottom: 1.25rem;
}
.home-bottom-banners .col2-set .col-1,
.home-bottom-banners .col2-set .col-2 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
  text-align: center;
}
@media only screen and (min-width: 81em) {
  .home-bottom-banners .col2-set .col-1,
  .home-bottom-banners .col2-set .col-2 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
}
.home-bottom-banners a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  cursor: pointer;
}

/* 

# Sitemap 

## Tree

```
	<div class="page-sitemap">
		<ul class="sitemap">
		    <li class="level-0"><a href="">Category Name</a></li>
		    <li style="padding-left:20px;" class="level-1"><a href="">Category Name</a></li>
		    <li style="padding-left:40px;" class="level-2"><a href="">Category Name</a></li>
		</ul>
	</div>
```

## Non-tree

```
	<div class="page-sitemap">
		<ul class="sitemap">
		    <li><a href="">Category Name</a></li>
		    <li><a href="">Category Name</a></li>
		    <li><a href="">Category Name</a></li>
		</ul>
	</div>

```

*/
.page-sitemap .sitemap {
  margin: 12px;
}
.page-sitemap .sitemap li {
  margin: 3px 0;
}
.page-sitemap .sitemap li.level-0 {
  margin: 10px 0 0;
  font-weight: bold;
}

/*

## Sitemap Links

<div class="page-sitemap">
    <ul class="links">
    	<li class="first last"><a title="Products Sitemap" href="">Products Sitemap</a></li>
    </ul>
</div>

*/
.page-sitemap .links {
  text-align: right;
  margin: 0 8px -22px 0;
}
.page-sitemap .links a {
  text-decoration: none;
  position: relative;
}
.page-sitemap .links a:hover {
  text-decoration: underline;
}

/*

# Wrapper Banner

```
<div class="wrapper-banner-container">
    <div class="wrapper-banner">
        <ul>
            <li><a href="#"><span>Free UK Delivery</span> on orders over £100</a></li>
            <li><a href="#"><span>Incredible 365</span> day returns</a></li>
            <li><a href="#"><span>International</span> delivery</a></li>
        </ul>
    </div>
</div>
```

*/
.wrapper-banner-container {
  background: #f9f9f9;
  text-align: center;
}
@media only screen and (max-width: 47.938em) {
  .wrapper-banner-container {
    display: none;
  }
}

.wrapper-banner {
  margin: 0 auto 0;
  max-width: 81rem;
}
.wrapper-banner li {
  display: inline-block;
  position: relative;
  text-align: center;
}
.wrapper-banner li:last-child a:after {
  display: none;
}
.wrapper-banner i {
  color: #AD2336;
  font-size: 0.8125rem;
  margin: 0 0.3125rem 0 0;
}
.wrapper-banner a {
  background: 0;
  color: #AD2336;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  padding: 0.625rem 1.875rem 0.625rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.wrapper-banner a:hover {
  color: #AD2336;
}
.wrapper-banner a:after {
  content: "|";
  display: inline-block;
  position: absolute;
  right: 0;
}
.wrapper-banner span {
  display: inline;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
  text-transform: inherit;
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .wrapper-banner a {
    font-size: 0.5625rem;
    line-height: 1em;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}
@media only screen and (max-width: 47.938em) {
  .wrapper-banner a {
    font-size: 0.5625rem;
    line-height: 1em;
  }
}

.celebrity-images {
  text-align: center;
}
.celebrity-images img {
  margin: 0 1%;
}
.celebrity-images img.row-3 {
  max-width: 31%;
}
.celebrity-images img.row-4 {
  max-width: 23%;
}
@media only screen and (min-width: 81em) {
  .celebrity-images img.row-3 {
    max-height: 280px;
  }
  .celebrity-images img.row-4 {
    max-height: 330px;
  }
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .celebrity-images img {
    margin-bottom: 10px;
  }
  .celebrity-images img.row-3 {
    max-height: 180px;
  }
  .celebrity-images img.row-4 {
    max-width: 45%;
  }
}
@media only screen and (max-width: 47.938em) {
  .celebrity-images img.row-3, .celebrity-images img.row-4 {
    max-width: 98%;
    max-height: auto !important;
    margin-bottom: 10px;
  }
}

.banners {
  text-align: center;
}
.banners .row-3 {
  max-width: 31%;
  margin: 0 1%;
}
@media only screen and (max-width: 47.938em) {
  .banners .row-3.row-3 {
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.celebrity-categories {
  list-style: none;
}
.celebrity-categories li {
  list-style: none;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 25%;
  float: left;
  text-align: center;
}
.celebrity-categories li .txt {
  max-width: 215px;
  margin: 0 auto;
  text-align: left;
}
.celebrity-categories li .txt h2 {
  margin-bottom: 0;
  font-size: 1rem;
}
.celebrity-categories li .txt h2 a {
  color: #353031;
}
.celebrity-categories li .txt strong {
  color: #AD2336;
  font-family: "proxima-nova",sans-serif;
  letter-spacing: 0.05em;
}
.celebrity-categories li .txt p {
  font-family: "proxima-nova",sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 47.938em), only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .celebrity-categories li {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
}

.webforms-trade_account .form-list label {
  display: inline-block;
  width: 39%;
  margin-top: 0.625rem;
}
.webforms-trade_account .form-list label.required em {
  float: none;
  top: 15px;
}
.webforms-trade_account .form-list .input-box {
  width: 60%;
  display: inline-block;
}

.blog-index-list .postTitle h2,
.blog-post-view .postTitle h2 {
  margin-bottom: 5px;
}
.blog-index-list .postTitle h3,
.blog-post-view .postTitle h3 {
  font-family: "proxima-nova",sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  font-size: 12px;
}
.blog-index-list .block-blog .block-title strong,
.blog-post-view .block-blog .block-title strong {
  padding-left: 5px;
  background: none transparent;
}
.blog-index-list .block-blog .block-content .menu-recent h5,
.blog-post-view .block-blog .block-content .menu-recent h5 {
  font-size: 1rem;
}
.blog-index-list .block-blog .block-content .menu-recent ul li,
.blog-post-view .block-blog .block-content .menu-recent ul li {
  margin-left: 0;
}

.blog-post-view .postTitle h2 {
  font-size: 1.875rem;
}
.blog-post-view .postContent p,
.blog-post-view .postContent h1, .blog-post-view .postContent h2, .blog-post-view .postContent h3, .blog-post-view .postContent h4, .blog-post-view .postContent h5, .blog-post-view .postContent h6 {
  margin-bottom: 1rem;
}
.blog-post-view .postContent ul {
  margin-bottom: 1rem;
  padding-left: 1.875rem;
}
.blog-post-view .postContent ul li {
  list-style: disc;
}

.size-guide-wrap .scrollable {
  overflow-x: auto;
}
.size-guide-wrap .scrollable table {
  width: 100%;
}
.size-guide-wrap .scrollable table tr th.top {
  background: #424242;
  text-align: center;
  color: #c3a967;
  font-size: 20px;
}
.size-guide-wrap .size-guide-info {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 50%;
  float: left;
  font-size: 14px;
  line-height: 22px;
}
@media only screen and (max-width: 47.938em), only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .size-guide-wrap .size-guide-info {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
.size-guide-wrap .size-guide-info img {
  margin-bottom: 15px;
}
.size-guide-wrap .size-guide-info ol li {
  margin-bottom: 15px;
}
.size-guide-wrap .size-guide-info strong span {
  font-size: 16px;
  line-height: 25px;
  color: #c3a967;
}
.size-guide-wrap .size-guide-info #map_canvas {
  width: 100%;
  height: 300px;
}

.reveal-newsletter {
  background: #fff;
}
@media only screen and (min-width: 48em) {
  .reveal-newsletter {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 80%;
  }
}
@media only screen and (min-width: 48em) and (max-width: 80.9375em) and (min-width: 48em) {
  .reveal-newsletter {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 70%;
  }
}

@media only screen and (min-width: 81em) and (min-width: 48em) {
  .reveal-newsletter {
    left: 0;
    margin: 0 auto;
    max-width: 81rem;
    right: 0;
    width: 40%;
  }
}

@media only screen and (max-width: 47.938em) {
  .reveal-newsletter {
    min-height: unset;
  }
}

.popup-newsletter + .close-reveal-modal {
  background: #fff;
  color: #353031;
  font-size: 1.875rem;
  line-height: 2.75rem;
  height: 2.75rem;
  text-align: center;
  text-decoration: none;
  width: 2.75rem;
  border: 2px solid #353031;
}
@media only screen and (min-width: 81em) {
  .popup-newsletter + .close-reveal-modal {
    font-size: 1.125rem;
    line-height: 1.25rem;
    height: 1.5rem;
    width: 1.5rem;
  }
}

.popup-newsletter-text {
  margin-bottom: 1.875rem;
  text-align: center;
  color: #353031;
}
.popup-newsletter-text h2 {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  font-weight: lighter;
}
.popup-newsletter-text h2 span {
  font-size: 9rem;
  line-height: 1em;
  display: inline-block;
}
.popup-newsletter-text h2 span.txt_percent {
  font-size: 4.5rem;
  vertical-align: top;
  margin-top: 2.1875rem;
}
.popup-newsletter-text h2 span.txt_off {
  font-size: 2rem;
  vertical-align: bottom;
  margin-left: -65px;
  margin-bottom: 9px;
}
.popup-newsletter-text h3 {
  font-weight: lighter;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.popup-newsletter-text p {
  letter-spacing: 0.1em;
  font-size: 1.3125rem;
  font-weight: lighter;
  line-height: 1.5rem;
  margin: 0;
}
.popup-newsletter-text p:before, .popup-newsletter-text p:after {
  border-top: 0.0625rem solid #353031;
  content: " ";
  display: block;
  margin: 0.9375rem 0;
  border-color: #fff;
}

.popup-newsletter-form {
  margin: 0;
  max-width: none;
  width: auto;
}
.popup-newsletter-form:before, .popup-newsletter-form:after {
  content: " ";
  display: table;
}
.popup-newsletter-form:after {
  clear: both;
}
.popup-newsletter-form .input-box {
  padding-left: 0;
  padding-right: 0;
  width: 66.66667%;
  float: left;
}
.popup-newsletter-form .actions {
  padding-left: 0;
  padding-right: 0;
  width: 33.33333%;
  float: left;
}
.popup-newsletter-form .input-text {
  padding-bottom: 1rem;
  padding-top: 1rem;
  width: 100%;
}
.popup-newsletter-form .button {
  width: 100%;
}
.popup-newsletter-form .button span {
  padding-left: 0;
  padding-right: 0;
}
.popup-newsletter-form .button:hover span {
  background: #353031;
}

#newsletterPopupModal {
  width: 100%;
  max-width: none;
  top: 0;
  border: 0;
  border-radius: 0;
  height: 110px;
  overflow: hidden;
  padding: 10px;
  background-color: #AD2336;
  color: white;
}
@media only screen and (max-width: 47.938em) {
  #newsletterPopupModal {
    height: 135px;
  }
}
#newsletterPopupModal .close-reveal-modal {
  top: 1em;
}
@media only screen and (max-width: 47.938em) {
  #newsletterPopupModal .close-reveal-modal {
    top: 20px;
    right: 10px;
  }
}
#newsletterPopupModal .popup-newsletter-text {
  margin-bottom: 1em;
}
@media only screen and (max-width: 47.938em) {
  #newsletterPopupModal .popup-newsletter-text {
    padding-right: 55px;
  }
}
#newsletterPopupModal .popup-newsletter-text h2, #newsletterPopupModal .popup-newsletter-text h3, #newsletterPopupModal .popup-newsletter-text p {
  display: inline-block;
  line-height: 1.4;
  margin: 0;
  color: white;
}
@media only screen and (max-width: 47.938em) {
  #newsletterPopupModal .popup-newsletter-text h2, #newsletterPopupModal .popup-newsletter-text h3, #newsletterPopupModal .popup-newsletter-text p {
    font-size: 1em;
  }
}
#newsletterPopupModal .popup-newsletter-text h2:before, #newsletterPopupModal .popup-newsletter-text h2:after, #newsletterPopupModal .popup-newsletter-text h3:before, #newsletterPopupModal .popup-newsletter-text h3:after, #newsletterPopupModal .popup-newsletter-text p:before, #newsletterPopupModal .popup-newsletter-text p:after {
  display: none;
}
#newsletterPopupModal .popup-newsletter-text h2 span, #newsletterPopupModal .popup-newsletter-text h3 span {
  margin: 0;
  font-size: 2em;
  line-height: 1.5;
}
#newsletterPopupModal .popup-newsletter-form {
  max-width: 500px;
  margin: 0 auto;
}
#newsletterPopupModal .popup-newsletter-form .input-box input, #newsletterPopupModal .popup-newsletter-form .actions {
  height: 30px;
  padding: 0;
}
@media only screen and (max-width: 47.938em) {
  #newsletterPopupModal .popup-newsletter-form .input-box {
    padding-right: 10px;
  }
}
#newsletterPopupModal .popup-newsletter-form .input-box input {
  padding: 0 1em;
}
#newsletterPopupModal .popup-newsletter-form .actions button {
  height: 100%;
  background-color: #fff;
  color: black;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  margin-left: 1.5em;
}
@media only screen and (max-width: 47.938em) {
  #newsletterPopupModal .popup-newsletter-form .actions button {
    margin-left: 0;
  }
}

.hideOverlayBg .reveal-modal-bg {
  display: none !important;
}

.newsletterPopupShown {
  padding-top: 110px;
}
@media only screen and (max-width: 47.938em) {
  .newsletterPopupShown {
    padding-top: 135px;
  }
}

@media only screen and (min-width: 48em) and (max-width: 80.9375em) {
  .madetomeasure-select-index .col2-right-layout .col-main {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 58.33333%;
    float: left;
  }
  .madetomeasure-select-index .col2-right-layout .col-right {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 41.66667%;
    float: left;
  }
}

.madetomeasure .opc .step {
  background: 0;
}

.corset-select-filter {
  margin-bottom: 1.25rem;
  text-align: right;
}
.corset-select-filter:before, .corset-select-filter:after {
  content: " ";
  display: table;
}
.corset-select-filter:after {
  clear: both;
}
.corset-select-filter .filter {
  letter-spacing: 0.05em;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
}
.corset-select-filter select {
  display: inline-block;
  width: 8.75rem;
}

.madetomeasure-carousel {
  clear: both;
}
.madetomeasure-carousel .corset-list-item.selected .product-image {
  border: 0.0625rem solid #353031;
}
.madetomeasure-carousel .carousel-controls .carousel-prev,
.madetomeasure-carousel .carousel-controls .carousel-next {
  background: 0;
  color: #353031;
}

.swatch-select .material-list li {
  display: inline-block;
  margin: 0 0.4375rem 0 0;
}
.swatch-select .swatch_image {
  border: 0.0625rem solid #e1e1e1;
  height: 1.875rem;
  padding: 0.0625rem;
  width: 1.875rem;
}
.swatch-select .swatch_image.selected {
  border-color: #353031;
}
.swatch-select p {
  letter-spacing: 0.05em;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: none;
}

.measurements-list {
  background-image: url('/skin/frontend/webtise/default/images/measurements.jpg?1506003273');
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 242px;
}
.measurements-list dt,
.measurements-list dd {
  margin-bottom: 0.625rem;
}
.measurements-list dt {
  letter-spacing: 0.05em;
  clear: both;
  display: inline-block;
  float: left;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.measurements-list dd {
  margin-left: 8.125rem;
}
.measurements-list select {
  max-width: 14.375rem;
  width: 100%;
}
@media only screen and (min-width: 81em) {
  .measurements-list {
    background-position: left;
    padding-left: 294px;
    padding-top: 0;
    min-height: 222px;
  }
}

.block-madetomeasure {
  background: #f9f9f9;
  padding: 0 1.25rem;
}
.block-madetomeasure .block-title {
  border-bottom: 0.0625rem solid #e1e1e1;
  padding: 1.625rem 0;
  margin: 0;
  text-align: center;
}
.block-madetomeasure .block-title h2 {
  letter-spacing: 0.2em;
  font-family: "Playfair Display", serif;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
}
.block-madetomeasure .block-content {
  padding: 1.25rem 0;
}
.block-madetomeasure .mini-products-list,
.block-madetomeasure .product-m2m-sizes,
.block-madetomeasure .product-fabric {
  display: none;
}
.block-madetomeasure .none-selected,
.block-madetomeasure .mini-products-list,
.block-madetomeasure .product-m2m-sizes,
.block-madetomeasure .totals {
  border-bottom: 0.0625rem solid #e1e1e1;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.block-madetomeasure .none-selected {
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}
.block-madetomeasure .product-name {
  margin-bottom: 0;
}
.block-madetomeasure .product-fabric {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.125rem;
  margin-top: 1.25rem;
}
.block-madetomeasure .product-fabric img {
  border: 0.0625rem solid #353031;
  height: 1.875rem;
  padding: 0.0625rem;
  width: 1.875rem;
}
.block-madetomeasure .totals {
  display: none;
}
.block-madetomeasure .totals table {
  margin-bottom: 1.25rem;
  width: 100%;
}
.block-madetomeasure .totals strong {
  letter-spacing: 0.05em;
  font-size: 1.125rem;
  font-weight: normal;
  text-transform: uppercase;
}
.block-madetomeasure .totals .button {
  width: 100%;
}
.block-madetomeasure .totals .button span {
  background: #353031;
  color: #fff;
}
.block-madetomeasure .totals .button:hover span {
  background: #282425;
  color: white;
}
.block-madetomeasure .totals .button span {
  padding-left: 0;
  padding-right: 0;
}
.block-madetomeasure .need-help h4 {
  text-transform: uppercase;
}
.block-madetomeasure .need-help p {
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.block-madetomeasure .need-help a {
  color: #AD2336;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.product-m2m-sizes dl {
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.product-m2m-sizes dt, .product-m2m-sizes dd {
  letter-spacing: 0.05em;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.product-m2m-sizes dt {
  clear: both;
  float: left;
}
.product-m2m-sizes dd {
  margin-left: 8.75rem;
}
.product-m2m-sizes p {
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.125rem;
}

.searchsuite-form-search {
  position: relative;
}
.searchsuite-form-search .reset-button {
  display: none !important;
}
.searchsuite-form-search .search-autocomplete {
  padding: 0.5rem 0 0;
  position: absolute;
}
.searchsuite-form-search .search-autocomplete:before {
  border: inset 0.5rem;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #f9f9f9 transparent;
  border-bottom-style: solid;
  position: absolute;
  right: 0.9375rem;
  top: -0.5rem;
}

.searchautocomplete-search {
  background: #fff;
  border: 0.0625rem solid #e1e1e1;
  margin-top: 10px;
  padding: 1.25rem 1.25rem 0 1.25rem;
  position: relative;
}
.searchautocomplete-search:before {
  border: inset 8px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #fff transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -16px;
  left: 10px;
  z-index: 89;
}
.searchautocomplete-search:after {
  border: inset 9px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #e1e1e1 transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -18px;
  left: 9px;
  z-index: 88;
}
.searchautocomplete-search .search-results {
  margin-bottom: 1.25rem;
}
.searchautocomplete-search .search-header {
  letter-spacing: 0.2em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.125rem;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.searchautocomplete-search .s_suggest {
  color: #353031;
  font-size: 0.75rem;
}
.searchautocomplete-search .s_item {
  border-bottom: 0.0625rem solid #e1e1e1;
  color: #353031;
  overflow: hidden;
  padding: 1.125rem 0;
}
.searchautocomplete-search .s_item .s_icon {
  float: left;
}
.searchautocomplete-search .s_item .s_sku {
  color: #aaa;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.searchautocomplete-search .s_item .s_item_name {
  letter-spacing: 0.05em;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.searchautocomplete-search .s_item .s_description {
  font-size: 0.6875rem;
  line-height: 1.25rem;
}
.searchautocomplete-search .s_item .s_details {
  margin-left: 5.9375rem;
}
.searchautocomplete-search .s_item .s_details a {
  color: #353031;
  text-decoration: none;
}
.searchautocomplete-search .resultbox-b {
  background: #353031;
  margin: 0 -1.25rem;
  padding: 0.625rem 0;
}
.searchautocomplete-search .resultbox-b .search-more {
  letter-spacing: 0.2em;
  color: #fff;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: initial;
  touch-action: initial;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #fff url('/skin/frontend/webtise/default/images/ajax-loader.gif?1506003263') center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
.slick-slide img {
  display: inline-block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  margin-bottom: 0;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url('/skin/frontend/webtise/default/fonts/slick.eot?1506003262');
  src: url('/skin/frontend/webtise/default/fonts/slick.eot?&1506003262#iefix') format("embedded-opentype"), url('/skin/frontend/webtise/default/fonts/slick.woff?1506003262') format("woff"), url('/skin/frontend/webtise/default/fonts/slick.ttf?1506003262') format("truetype"), url('/skin/frontend/webtise/default/fonts/slick.svg?1506003262#slick') format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: transparent;
  padding: 0;
  border: none;
  outline: none;
  width: 1.375rem;
  height: 1.375rem;
  background: 0;
  top: 50%;
  margin-top: -0.6875rem;
}
.slick-prev:focus,
.slick-next:focus {
  outline: none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  font-size: 1.375rem;
  line-height: 1.375rem;
  color: #353031;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-vertical .slick-prev, .slick-vertical
.slick-next {
  left: 50%;
  line-height: inherit;
  margin-left: -0.5rem;
  height: 1rem;
  top: auto;
  margin-top: 0;
}
.products-carousel .slick-prev, .products-carousel
.slick-next {
  background: #f9f9f9;
  height: 2.375rem;
  width: 2.375rem;
  margin-top: -1.1875rem;
}

.slick-prev {
  left: 0;
}
.slick-prev:before {
  content: "";
}
.slick-vertical .slick-prev {
  top: 0;
}
.slick-vertical .slick-prev:before {
  content: "";
  text-align: left;
}
@media only screen and (min-width: 48em) {
  .products-carousel .slick-prev {
    left: 1.875rem;
  }
}

.slick-next {
  right: 0;
}
.slick-next:before {
  content: "";
  text-align: right;
}
.slick-vertical .slick-next {
  right: auto;
  bottom: 0;
}
.slick-vertical .slick-next:before {
  content: "";
}
@media only screen and (min-width: 48em) {
  .products-carousel .slick-next {
    right: 1.875rem;
  }
}

/* Dots */
.slick-slider {
  padding: 0 1.375rem;
  margin-bottom: 1.875rem;
}
.slick-slider.slick-vertical {
  margin-bottom: 0;
  padding: 1.1875rem 0;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:focus {
  outline: 0;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "FontAwesome";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
}

/*# sourceMappingURL=styles.css.map */

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.vollers-corsets.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.vollers-corsets.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.vollers-corsets.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.vollers-corsets.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.vollers-corsets.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.vollers-corsets.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.vollers-corsets.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.vollers-corsets.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.vollers-corsets.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.postWrapper {
    padding-bottom: 25px;
    clear: both;
}

.postTitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}

.postTitle h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h3 {
    font-size: 10px;
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.postContent {
    padding-bottom: 10px;
}

.postDetails {

}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

    font-size: 12px;
    font-weight: bold;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentContent {
    padding-bottom: 0px;
}

.commentDetails {
    margin-bottom: 5px;
    padding: 0px;
}

.commentDetails h4.username {
    display: inline;
}

.postError {
    font-size: 16px;
}

.tags {
    font-weight: bold;
    padding-bottom: 10px;
}

.tags UL {
    display: inline;
}

.tags UL LI {
    font-weight: normal;
    display: inline;
    padding-right: 6px;
}

.tags h4 {
    font-size: 12px;
    font-weight: bold;
}

.menu-tags, .menu-categories, .menu-recent {
    margin: 5px 9px;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-size: 11px;
}

.block-blog .menu-tags UL LI {
    display: inline;
    padding: 2px;
    margin-left: 10px;
}

.block-blog .menu-categories UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
    font-size: 11px;
}

.tagcloud {
    /* text-align:center; */
}

.tag-count-1 {
    font-size: 1em !important;
}

.tag-count-2 {
    font-size: 1.2em !important;
}

.tag-count-3 {
    font-size: 1.4em !important;
}

.tag-count-4 {
    font-size: 1.6em !important;
}

.tag-count-5 {
    font-size: 1.8em !important;
}

.tag-count-6 {
    font-size: 2em !important;
}

.tag-count-7 {
    font-size: 2em !important;
}

.tag-count-8 {
    font-size: 2em !important;
}

.tag-count-9 {
    font-size: 2em !important;
}

.tag-count-10 {
    font-size: 2em !important;
}

.block-blog .head h4 {
    padding-left: 20px;
}

.block-blog .block-title strong {
    background-image: url(https://www.vollers-corsets.com/skin/frontend/base/default/aw_blog/images/icon_blog.png);
    background-repeat: no-repeat;
    padding-left: 21px;
    text-align: left;
}

.postWrapper .poster {
    display: inline;
}

.input-box.aw-blog-comment-area {
    width: 100%;
}

.widget-latest li {
    font-size: 12px;
    padding: 5px 10px;
}

.block-blog .menu-categories {
    margin: 0;
    padding: 5px 9px;
}

A.awblog_current_comment {
    text-decoration: none !important;
    font-weight: bold !important;
}
/**
* We tried to list as many classes in this sheet as we could
* but it's more than likely we missed a bunch.
**/
.rewards-special-review-summary {
	margin-top: 12px;
	font-size: 8pt;
}
.rewards-customer-sidebar {
}
.rewards-customer-sidebar .block-content {
	padding-left: 9px;
	font-size: 11px;
	padding-bottom: 6px;
	padding-top: 7px;
	padding-right: 9px;
}
.rewards-customer-index .group-select .button-set {
    clear: both;
    margin-top: 0em;
    padding-top: 8px;
    text-align: right;
}
.rewards-customer-index .group-select ul {
    padding-top: 15px;
}
.rewards-customer-index .group-select ul li label {
    font-weight: bold;
}
.rewards-checkout-cart-before_total-head {
}
.rewards-checkout-cart-points-head {
	width: 80px;
}
.item-points-header-redeemed, .item-points-header-earned {
	color: rgb(30, 126, 200);
	font-weight: bold;
	cursor: pointer;
}
.item-points-list-redeemed, .item-points-list-earned {
}
.item-points-block {
	font-size: 8pt;
}
.item-no-points-caption {
	font-style: italic;
}
.points-checkout-onepage-sidebox {
}
.points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header {
}
.points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header {
	background-color: #D0DCE1;
}
.points-checkout-onepage-sidebox {
	background-color: #EEEEEE;
	border: 1px solid #B7B7B7;
	margin-bottom: 11px;
	padding-left: 0px;
}
.points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-content {
	padding: 6px;
}
.points-checkout-onepage-sidebox H4.points-checkout-onepage-sidebox-header {
	list-style: none;
}
.points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header {
	background-color: #D0DCE1;
}
.points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header H4 {
	float: left;
	color: #5E8AB4;
	font-size: 13px;
	margin-top: 2px;
}
.points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header {
	background-color: #D0DCE1;
	float: left;
	width: 184px;
}
.points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header {
	background-color: #D0DCE1;
	padding: 2px 0px 0px 9px;
	border-bottom: 1px solid #AFAFAF;
	font-size: 10pt;
}
.points-checkout-onepage-sidebox .onepage-sidebox-header {
}
.points-checkout-onepage-sidebox .onepage-sidebox-content {
}
.mypoints-page-head {
}
.mypoints-summary .box-head h2, .mypoints-redeemcatalog .box-head h2, .mypoints-sendfriend .box-head h2, .mypoints-transfers .box-head h2 {
	background-image: none !important;
	padding-left: 0;
	text-align: left;
}
.dashboard .mypoints-summary .box-head h2 {
	background: url(https://www.vollers-corsets.com/skin/frontend/base/default/images/rewards/points.png) no-repeat !important;
	padding-left: 21px;
	width: 100%;
}
.mypoints-sendfriend {
	min-height: 280px;
}
.shopping-cart-collaterals .rewards-cart-box H4 {
	min-height: 16px;
	color: #E26703;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 1px 0 1px 21px;
	text-transform: uppercase;
	background-image: url(https://www.vollers-corsets.com/skin/frontend/base/default/images/icon_asterick.gif);
	padding-left: 23px;
}
.rewards-customer-index .mypoints-sendfriend TD {
	padding: 2px 2px 4px 0;
}
.shopping-cart-collaterals .rewards-cart-box {
	padding: 12px 15px 15px;
}
.rewards-cart-box .applied-redemptions {
	margin-bottom: 10px;
}
.rewards-cart-box .applied-redemptions {
	margin-bottom: 10px;
}
.rewards-cart-box .distributions {
	margin-bottom: 10px;
}
.rewards-cart-box .no_extra_points {
	font-style: italic;
}
.rewards-cart-box {
	margin-top: 0px;
	margin-bottom: 20px;
	float: left;
	text-align: left;
	width: 100%;
}
.mypoints-redeemcatalog {
	vertical-align: middle;
	min-height: 280px;
}
/*@nelkaake Thursday May 27, 2010 : Added*/
.mypoints-redeemcatalog .head {
	text-align: left;
}
.mypoints-redeemcatalog .listing {
	font-size: 8pt;
	height: 100%;
	margin-top: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}
.mypoints-redeemcatalog .noproducts {
	/*font-size:8pt;*/
	font-style: italic;
	margin: 100px 30px 0;
	text-align: center;
	vertical-align: middle;
}
.mypoints-transfers {
}
.mypoints-transfers .content TABLE TBODY {
        height: 20px;
	overflow-x: hidden;
}
.mypoints-transfers H2 {
	margin-top: 12px;
}
.mypoints-summary {
/*padding-bottom: 20px;
	padding-top: 2px;*/
}
.mypoints-summary .usable-points {
	margin-bottom: 6px;
}
.mypoints-summary .pendingapproval-points {
}
.mypoints-summary .pendingevent-points {
}
.mypoints-summary .pendingtime-points {
}
.mypoints-summary .pending-points {
	margin-bottom: 12px;
}
.mypoints-summary .msg {
}
.points-summary-emphasize {
	font-weight: bold;
}
.cart-points-total_spent {
}
.cart-points-total_spent .warning {
	color: #FF0000;
	font-size: 8pt;
}
.cart-points-total_spent .caption, .cart-points-total_earned .caption {
	font-weight: bold;
}
.cart-points-total_item_discounts .rendering_area {
	font-weight: bold;
}
.rewards-customer-sidebar .warning {
	color: #FF0000;
	font-size: 8pt;
}
.rewards-customer-sidebar .to_spend {
}
.rewards-customer-sidebar .remaining {
}
.rewards-customer-sidebar .balance {
}
.rewards-customer-sidebar .notice {
	color: #444444;
}
.mypoints-transfers {
/*width: 100%;*/
}
.mypoints-transfers .data-table {
}
.mypoints-transfers .content {
	padding: 0;
}
.points-prediction {
	margin-top: 12px;
	font-size: 8pt;
	width: 100%;
}
    
.points-prediction .as_low_as {
	width: 100%;
}
.points-prediction .earnable {
}
.order-points-earned .caption {
}
.order-points-earned .amount, .order-points-spent .amount, .order-print-points-earned .amount, .order-print-points-spent .amount {
	font-size: 7pt;
}
.product-view-points {
}
.product-view-points .redeem_section {
}
.product-view-points .distri_section {
}
.product-view-points .distri_section .you_will_earn {
}
.product-view-points .distri_section .points_image {
}
.product-view-points {
}
.points-special-header {
	color: #FFFFFF;
	display: block;
}
.points-special-header-ee {
    position: absolute;
    right: 4px;
    bottom: 54px;
    width: 160px;
    text-align: right;
}

.points-special-header.rwd,
.points-special-header-ee.rwd {
	color: #FFFFFF;
	display: inline;
	position: static;
	text-align: left;
}

.points-multishipping-warning {
}
.points-checkout-onepage-sidebox .change-points-usage {
	float: left;
	margin-right: 7px;
	margin-left: 10px;
	border-left: 1px solid #A7A7A7;
	padding-left: 8px;
	font-weight: bold;
}
.cart-points-total_spent .points-amount {
	min-width: 100px;
}
.cart-points-spending_warnings .notice {
	font-size: 8pt;
}
.rewards-checkout-onepage-guestwarn {
	top: -6px;
	position: relative;
	font-style: italic;
}
.item-points-undername .item-points-header-redeemed, .item-points-undername .item-points-header-earned {
	float: left;
	cursor: inherit;
	color: inherit;
	padding-right: 4px;
}
.item-points-undername .item-points-redeemed-section {
	margin-bottom: 4px;
}
.item-points-undername {
	margin-left: 4px;
	padding-top: 6px;
	font-style: italic;
}
.rewards-checkout-onepage-guestwarn {
	border: silver;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	padding-top: 2px;
	background-color: #F9F3E3;
	box-shadow: 0px 0px 1px #AAAAAA;
	padding-bottom: 2px;
	border-style: dotted;
	border-width: 1px;
}

.guest-rewards-warning-message {
    color:#ff0000;
    text-align:right;
}

/* Start Magento 1.9 Compatibility */

/** Making sure the slideshow feature in Magento 1.9 does not overlay social buttons **/
.slideshow-container {
	z-index: 19;   
}

.customer-account-create .scaffold-form .rewards_referral_information label:first-child {
    width: initial;
}

.mypoints-summary .box-content {
	padding-top: 5px;
}

.product-view .product-shop .price-info.new-price-info {
	max-width: initial;
	clear: right;
	overflow: auto;
}

.product-view .price .using-points {
	font-weight: bold;
    font-size: 13px;
}

.cart .item-points-undername {
	white-space: nowrap;
	overflow: visible;
}
    .cart .item-points-undername img {
        display: inline;
        padding-left: 4px;
    }

.cart-forms .rewards-box-spend-minicart h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}

.rewards-box-spend-minicart .slider table {
	margin: auto;
}

.points-prediction table {
    font-size: 8pt;
    font-weight: 300;
    margin-bottom: 20px;
}
	.points-prediction.rwd table {
		margin-left: auto;
		margin-right: auto;
	}

.rewards-special-review-summary {
	clear: both;
	margin-bottom: 20px;
}

.rewards_referral_information.rwd label {
	display: block;
}

.mypoints-sendfriend .form-list textarea {
	max-height: 11em;
}
    .mypoints-sendfriend .form-list > li {
        margin-bottom: 10px;
    }
    
/** Only where needed **/
.mypoints-transfers-earnings .arrow,
.mypoints-transfers-spendings .arrow
{
	display: inline;
}

/** Only use divider when we need to **/
.rewards-product-view-points .divider {
	clear: both;
	display: block;
	height: 1px;
	margin: 10px 0;
}

/** Only clear what we know should be cleared **/
.mypoints-page .clearer:after {
	display: block;
	content: ".";
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	overflow: hidden;
}
/* End Magento 1.9 Compatibility */

/* Start Enterprise theme styles */
.info-box { 
	margin-bottom: 10px;
}
.info-box .form-list .input-box {
	width: 90%;
}
.info-box .form-list textarea {
	width: 100%;
}
.info-box .form-list label { 
	text-align: left; 
}
.info-box.mypoints-sendfriend, .info-box.mypoints-redeemcatalog {
	min-height: 355px;
} 
.info-box.mypoints-redeemcatalog .noproducts {
	margin-top: 130px;
}
.rewards-special-signup-birthday,
.rewards-special-signup-birthday-ee {
	margin-bottom: 20px;
	font-size: 12px;
}
.rewards-special-signup-birthday-ee {
    margin-left:240px;
}
/* End Enterprise theme styles */

/* This will be used on the catalog pages */

.rewards-mini-icon-holder {
    padding-right: 6px;
    width: 16px; /* //@nelkaake Thursday March 11, 2010 09:41:44 PM : changed to px */
    vertical-align: bottom;
}

.points-prediction .free_with_points { } /*@nelkaake Added to catalog listing page 3/12/2010 2:13:43 PM */

/* Bundle Price Styles */
.price-box .old-price {
    color: #C76200;
    font-weight: bold;
    text-decoration: line-through;
}
.amconf-image{
    margin: 3px;
}

 em{
     color:red;
 }

.product-image img#amasty_zoom:nth-child(2){
    display: none;
} 

#amasty_gallery img{
    display: inline !important;
}

.amasty-main-spinner{
    top: 0;
}

.zoomLens {
    background-color: white;
}

#amasty_zoom{
    position: relative !important;
}

.zoomContainer {
    z-index: 10;
}

.zoomWindow {
    z-index: 70000 !important;
}

.zoomWrapper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.product-image {
    overflow: visible;
    text-align: center;
    position: relative;
}

hr.amconf-hr{
     -moz-transform: rotate(135deg);  
       -o-transform: rotate(135deg);  
  -webkit-transform: rotate(135deg);  
      -ms-transform: rotate(135deg);  
          transform: rotate(135deg);  
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',  
                      M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); 
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; 
                      
    zoom: 1;
    color: white;
    border-color: white;
    background-color: white; 
    position: absolute;
    top: 9px;  
    width: 100%;
    z-index: 4;
}

.swatch-title{
	font-weight: 600;
	position: absolute;
	padding-left: 3px;
}

.amconf-image-selected
{
    margin: 0px;
    border: 3px solid #eaff00;
}

.amconf-image-outofstock
{
    opacity:0.6;
    filter:alpha(opacity=60); 
}

.amconf-images-container
{
    width: 100%;
    clear: both;
}

.amconf-image-container
{
    float:left;
    position:relative;
    text-align: center;
    margin-right: 5px;  
}

.amconf-image-title
{
    margin-bottom:5px;
}

#amconf_price_clone_container 
{
    float: left;
}
#amconf_price_clone_container ul
{
    clear: both;
}

.MagicScrollArrows {
    cursor: pointer;
    position: absolute;
    display: block;
}

.MagicScrollArrowPrev { 
    width: 35px;
    height: 35px;
    background: url(https://www.vollers-corsets.com/skin/frontend/base/default/js/amasty/amconf/images/miscellaneous_sprite_sm.png) 0 -35px no-repeat transparent;
    left:0;
}

.MagicScrollArrowNext {
    width: 35px;
    height: 35px; 
    background: url(https://www.vollers-corsets.com/skin/frontend/base/default/js/amasty/amconf/images/miscellaneous_sprite_sm.png) -35px -35px no-repeat transparent;
    right:0;
}

#nextGallery.disabled, #prevGallery.disabled {
    opacity: 0.4;
    filter: alpha(opacity = 40);
    cursor: default;
}

.caroufredsel_wrapper {
    margin:0 auto !important;    
}

#amasty_gallery a{
     text-decoration: none;
}

#ampagination {
    text-align: center;
}
#ampagination a {
    background: url(https://www.vollers-corsets.com/skin/frontend/base/default/js/amasty/amconf/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;
}
#ampagination a.selected {
    background-position: -25px -300px;
    cursor: default;
}
#ampagination a span {
    display: none;
}

.no-display{
    display: none !important;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */

.amtooltip-label{
    text-align: center;
    font-weight: bold;
}

.amtooltip-img{
    margin-bottom: 3px;
}

.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-shadow {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
    color: #2c2c2c;
}
.tooltipster-shadow .tooltipster-content {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-light {
    border-radius: 5px; 
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
}
.tooltipster-light .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}
.tooltipster-noir {
    border-radius: 0px; 
    border: 3px solid #2c2c2c;
    background: #fff;
    color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
    font-family: 'Georgia', serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-punk {
    border-radius: 5px; 
    border-bottom: 3px solid #f71169;
    background: #2a2a2a;
    color: #fff;
}
.tooltipster-punk .tooltipster-content {
    font-family: 'Courier', monospace;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}


.rewardssocial-widgets {
	margin-bottom: 15px;
}

.rewardssocial-widget {
    display: inline-block;   
    vertical-align: top;
    margin: 10px 15px 0px 0px; 
}

.rewardssocial-widgets .points-notification {
	height: 25px;
    margin-right: 0px;
}


.rewardssocial-facebook-like {
}

.rewardssocial-pinterest-pin {
}

.rewardssocial-google-plusone {
}

.rewardssocial-twitter-tweet {
}

.rewardssocial-twitter-follow {  
  margin-right: 0px;
}

.facebook-share-button {
    display: inline-block;
    max-width: 100%;
    zoom: 1;
}

span#rewardssocial-notification-loading {
    padding-top  : 3px;
    padding-right: 3px;
}

/**
 * Social sharing button: used for 'Facebook Share' and 'Refer a Friend';
 */
.btn {
	font-size: 11px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    max-width: 100%;
    position: relative;
    display: inline-block;
    zoom: 1;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
    background-image: -moz-linear-gradient(top,#fff,#dedede);
    background-image: -o-linear-gradient(top,#fff,#dedede);
    background-image: -ms-linear-gradient(top,#fff,#dedede);
    background-image: linear-gradient(top,#fff,#dedede);
    border: #ccc solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
}

.btn:focus, .btn:hover, .btn:active {
    border-color: #bbb;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d9d9d9));
    background-image: -moz-linear-gradient(top,#f8f8f8,#d9d9d9);
    background-image: -o-linear-gradient(top,#f8f8f8,#d9d9d9);
    background-image: -ms-linear-gradient(top,#f8f8f8,#d9d9d9);
    background-image: linear-gradient(top,#f8f8f8,#d9d9d9);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn i {
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: transparent url('https://www.vollers-corsets.com/skin/frontend/base/default/images/rewardssocial/facebook/facebook-icon.png') 0 0 no-repeat;
    background-image: url('https://www.vollers-corsets.com/skin/frontend/base/default/images/rewardssocial/facebook/facebook-icon.png');
}

.btn .label {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 1px 4px 0 23px;
    white-space: nowrap;
}

/**
 * Counters specific CSS
 */
.rewardssocial-google-plusone-counter {
    width: 60px;
}


.rewardssocial-twitter-tweet-counter {
    width: 75px;
}

.rewardssocial-twitter-follow-counter {
    width: 125px;
}

.rewardssocial-pinterest-pin-counter {
    width: 62px;
}

/**
 * Rewards Social modal CSS
 */
.rewards-modal-mask {
    position: fixed;
    opacity: 0.7;
    z-index: 2000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: black;
}

.rewards-modal {
    display: block;
    position: fixed;
    z-index: 2001;
    left: 50%;
    top: 50%;
    max-width: 550px; 
    width: 90%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);   
    background: white;
    border: darkgrey 2px solid;
}
 
/* MCE1.9+ Fixes */
.rewards-modal .block-title {	
	border-bottom: 1px solid #ddd;
    padding: 2px 9px;
    overflow: auto;
}
	body:not(.customer-account) .rewards-modal.block:first-child .block-title {
	    padding-top: 3px;
	}

.rewards-modal .block-title .btn-remove {
    float: right;
    height: 16px;
}
	.rewards-modal .block-title .btn-remove:after {
		height: 16px;
		line-height: 16px;
		margin-top: -1px;
        display: block;	
	}
/* End of MCE1.9+ Fixes */

.rewards-modal .content {
    padding: 10px;
}

.rewards-modal .content .message {
    text-align: left;
    margin-top: 10px;
    color: #FF0000;
    font-weight: bold;
    display: none;
}

.rewards-modal .content .modal-step {
    padding-top: 10px;
    padding-bottom: 10px;
}

/**
 * Rewardssocial purchase share
 */
.rewardssocial-purchased-product {
    margin-bottom: 40px;
}

.rewardssocial-purchased-product .product-image {
    margin-left: 0;
}

.chechout-purchase-share {
    margin-top: 8px;
    padding-top: 10px;
    border-top  : 1px solid #cfcfcf;
}

.chechout-purchase-share .page-title {
    margin: 10px 0 !important;
}

.chechout-purchase-share .products-grid {
    margin: 0;
    background: none;
    width: 100%;
}

.chechout-purchase-share .products-grid .item {
    padding-bottom: 30px;
    min-width: 195px;
}

.chechout-purchase-share .products-grid .actions {
    position: relative;
}

.chechout-purchase-share .products-grid .actions .rewardssocial-widget {
    margin-right: 5px;
}

iframe.fb_iframe_widget_lift {
z-index: 20;
}
iframe#iframeRegCard { height:518px; width:100%; border:1px solid #666; }

iframe#sagepaydirectpro-iframe-post { height:500px; width:100%; /*border:1px solid #666;*/ border:none; }

div#direct3d-logos { width:351px;margin:0 auto; margin-top:5px; }
div#direct3d-logos img { padding-right:10px; }

div.sagecardh1 h1 { display: inline; }
div.sagecardh1 img { padding-top: 12px; padding-left: 10px; }

select#sagepaytoken_start_yr, select#sagepaytoken_start, select#sagepaytoken_expiration_yr, select#sagepaytoken_expiration { width:125px; }
select#sagepaytoken_start, select#sagepaytoken_expiration { margin-right: 10px; }

form#frmRegCard input.cvv { width:3em !important; }

.sidebar .sagepaysuite-logo { display:block; margin:10px 0; text-align:center; }
.sidebar .sagepaysuite-logo a { float:none; }
/**
 * @category    Fishpig
 * @package     Fishpig_iBanners
 * @license     http://fishpig.co.uk/license.txt
 * @author      Ben Tideswell <help@fishpig.co.uk>
 */

.ibanners.animated { overflow: hidden; width: 100%; }
.ibanners.animated ul { height: 1%; overflow: hidden; width: 9000px;  }
.ibanners.animated ul li { float: left; overflow: hidden; }

.ibanners.static { overflow: hidden; width: 100%; }
.ibanners.static ul { height: 1%; overflow: hidden; width: 9000px; }
.ibanners.static ul li { float: left; }

.ibanners-wrapper { position: relative; }

.ibanners-wrapper .controls { position: absolute; width: 100%; }
.ibanners-wrapper .controls .control-prev { float: left; }
.ibanners-wrapper .controls .control-next { float: right; }

.ibanners-wrapper .controls-top { top: 0; }
.ibanners-wrapper .controls-middle { top: 45%; }
.ibanners-wrapper .controls-bottom { bottom: 0; }
.ibanners-wrapper .controls-below { position: static; height: 1%; overflow: hidden; }

.ibanners-wrapper .controls-ol .control-prev { position: relative; left: -10px; }
.ibanners-wrapper .controls-ol .control-next { position: relative; right: -10px; }