/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/images/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/images/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/images/fancybox/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/images/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('/images/fancybox/fancybox_sprite@2x.png');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('/images/fancybox/fancybox_loading@2x.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
div {
  outline: none;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: 'TradGothicBoldCd';
  src: url('../fonts/tradegothic-boldcondtwenty-webfont.eot');
  src: url('../fonts/tradegothic-boldcondtwenty-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/tradegothic-boldcondtwenty-webfont.woff') format('woff'), url('../fonts/tradegothic-boldcondtwenty-webfont.ttf') format('truetype'), url('../fonts/tradegothic-boldcondtwenty-webfont.svg#tradegothic-boldcondtwenty-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *	`contenteditable` attribute is included anywhere else in the document.
 *	Otherwise it causes space to appear at the top and bottom of elements
 *	that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *	`:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: url("../images/main-bg.jpg") repeat;
}
a:focus {
  outline: none;
}
a img {
  border: none;
}
input:focus,
textarea:focus {
  outline: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  width: 100%;
  height: 0;
  clear: both;
  float: none;
}
#page {
  width: 980px;
  text-align: left;
  margin: 0 auto;
  padding: 0 2px;
}
/* page header */
#top-line {
  width: 100%;
  height: 7px;
  background: url("../images/top-bar-bg.png") repeat-x;
}
#hedear {
  width: 100%;
  height: 94px;
}
.logo {
  width: 160px;
  height: 44px;
  display: block;
  float: left;
  margin: 29px 1px 20px;
}
#header .cart {
  width: auto;
  height: 46px;
  float: right;
  margin: 29px 0 0 18px;
  padding: 0;
}
#header .cart .cart-info {
  height: 100%;
  float: left;
  padding: 0 0 0 10px;
  background: url("../images/header-cart.png") no-repeat;
}
#header .cart .items-count {
  font: 2em/42px "Liberation Serif", Georgia, serif;
  color: #fff;
  float: left;
  margin: 0;
  padding: 0 8px;
  display: inline-block;
}
#header .cart .items-label {
  font: 0.75em/120% "Liberation Serif", Georgia, serif;
  color: #fff;
  float: left;
  margin: 0;
  padding: 7px 24px 5px 4px;
  position: relative;
  top: 3px;
}
#header .cart .cart-btn {
  height: 100%;
  font: italic 1em/46px "Liberation Serif", Georgia, serif;
  color: #fff;
  text-decoration: none;
  display: block;
  float: left;
  padding-left: 11px;
  background: url("../images/cart-btn-left.png") no-repeat;
}
#header .cart .cart-btn span {
  height: 100%;
  float: left;
  display: block;
  padding-right: 40px;
  background: url("../images/header-cart.png") no-repeat right;
}
#header .cart .cart-btn:hover,
#header .cart .cart-btn span:hover {
  text-decoration: none;
}
.user-service {
  width: auto;
  /* height: 100%; */
  float: right;
  margin: 30px 0 0;
}
.user-service .vcard {
  font: 1.063em/120% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.user-service .service-nav {
  height: 20px;
  font: 0.813em/120% "Liberation Serif", Georgia, serif;
  margin: 5px 0 0;
  padding: 0;
  color: #A0905F;
  list-style: none;
  overflow: hidden;
}
.user-service .service-nav li {
  float: left;
  padding: 0 3px 0 1px;
}
.user-service .service-nav li a {
  color: #A0905F;
  text-decoration: none;
}
.user-service .service-nav li a:hover {
  text-decoration: underline;
}
#nav {
  width: 100%;
  height: 75px;
  clear: both;
  position: relative;
  background: url("../images/nav-bg.png") no-repeat;
}
#nav label {
  /* font: bold 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff; */
  font-family: TradGothicBoldCd, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-style: bold;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  text-decoration: none;
  text-shadow: -1px -1px #000000, 1px 1px #333333;
  text-align: center;
  display: block;
  position: relative;
  float: left;
  width: 400px;
  top: 26px;
  /*left: 65px;*/
  margin-right: 5px;
}
#nav .drop-down-view {
  width: 148px;
  height: 37px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572;
  padding: 10px;
  position: relative;
  top: 22px;
  left: 140px;
  background: url("../images/drop-down-cats.png") no-repeat;
}
#nav #categories {
  width: 248px;
  height: 34px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 10px;
  display: block;
  float: left;
  position: relative;
  top: 19px;
  left: 26px;
  z-index: 99;
}
#nav #categories option {
  color: #3d5572;
  text-indent: 4px;
}
#nav .menu {
  width: 570px;
  height: 64px;
  float: right;
  list-style: none;
  margin: 11px 0 0;
  text-align: center;
  padding: 0;
  overflow: hidden;
}
#nav .menu li {
  display: inline;
}
#nav .menu li a {
  font-family: TradGothicBoldCd, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-style: bold;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  text-decoration: none;
  text-shadow: -1px -1px #000000, 1px 1px #333333;
  padding: 22px 30px;
  display: inline-block;
  background: url("../images/main-nav-separator.png") no-repeat left center;
}
#nav .menu li:first-child a {
  background: no-repeat;
}
#nav .menu li a:hover {
  text-decoration: none;
  text-shadow: -1px -1px #000000, 1px 1px #333333, 0 0 0.3em #ffffff;
}
/** page header ***************************************************************/
/* page content */
#main-container {
  width: 100%;
  height: auto;
  background: url("../images/content-bg.png") repeat-y;
}
/* sidebar */
#main-container #sidebar {
  width: 157px;
  float: left;
  position: relative;
  padding: 15px 11px 15px 12px;
}
/* key ico and toogle content */
#main-container #sidebar .clue-ico {
  width: 36px;
  height: 51px;
  display: none;
  position: absolute;
  left: -36px;
  top: 15px;
  background: url("../images/main-sprite.png") no-repeat -944px -346px;
}
#main-container #sidebar .clue-content {
  width: 185px;
  height: 260px;
  display: none;
  position: relative;
  left: -12px;
  background: url("../images/clue-content-bg.png") no-repeat;
}
#main-container #sidebar .clue-content h4 {
  font: 1.25em/46px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 4px #fff;
}
#main-container #sidebar .clue-content .clues li {
  width: 180px;
  height: 95px;
  margin-bottom: 10px;
}
#main-container #sidebar .clue-content .clues img {
  display: block;
  float: left;
  margin: 7px 0 0 7px;
}
#main-container #sidebar .clue-content li label {
  width: 80px;
  font: 1em/120% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  color: #A29060;
  text-align: center;
  display: block;
  margin: 20px 8px 0 0;
  float: right;
}
#main-container #sidebar .clue-content li .value {
  width: 80px;
  font: bold 1.625em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  float: right;
  margin-right: 6px;
  display: block;
}
#main-container #sidebar .clue-content li .value sup {
  vertical-align: super;
  font-size: .53em;
  line-height: 0.8;
  position: relative;
  top: 7px;
}
/** key ico and toogle content */
/* filters */
#sidebar .filter {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #fffeff;
}
#sidebar .filter h3 {
  font: bold 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572;
}
#sidebar .filter .filterheader {
  width: 100%;
  padding-bottom: 35px;
}
#sidebar .filter .filterheader h3 {
  position: relative;
  float: left;
  width: 40%;
  display: inline;
}
#sidebar .filter .filterresult {
  float: right;
  position: relative;
  width: 60%;
  display: block;
  top: 19px;
  font: bold 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
  text-decoration: none;
  text-align: right;
}
#sidebar .filter .reset-btn {
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572;
  position: absolute;
  right: 22px;
  top: 15px;
  text-decoration: none;
}
#sidebar .filter li {
  position: relative;
  padding: 12px 0 13px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #fffeff;
}
#sidebar .filter li:first-child {
  border-top: 0 none;
}
#sidebar .filter .option-title {
  margin: 0;
  padding: 4px 0;
}
#sidebar .filter .option-title a {
  font: bold 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572;
  text-decoration: none;
  display: inline-block;
  padding-left: 20px;
  background: url("../images/main-sprite.png") no-repeat;
}
#sidebar .filter .option-content {
  /*	min-height: 24px;*/
  position: relative;
  display: none;
  padding: 10px 0 6px;
  overflow: hidden;
}
#sidebar .filter .visible {
  display: block;
}
#sidebar .filter label {
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572;
  display: inline;
}
#sidebar .filter .slider-label {
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572;
  margin-right: 3px;
  display: inline;
}
#sidebar .filter .slider-value {
  width: 70px;
  font: bold 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572 !important;
  padding: 0;
  background: 0 none;
  border: 0 none;
}
#sidebar .filter li.template {
  display: none;
}
#search-form {
  /*border: 1px solid red;*/
}
#search-form:after {
  display: block;
  content: " ";
  clear: both;
}
#search-form .submit {
  width: 30px;
  height: 26px;
  display: block;
  color: transparent;
  float: left;
  border: 0 none;
  background: url("../images/main-sprite.png") no-repeat -789px -60px;
}
#search-form #searchfield {
  width: 110px;
  height: 26px;
  line-height: 14px;
  display: block;
  float: left;
  padding: 0 10px 0 0;
  border: 0 none;
  box-shadow: none !important;
  background: url("../images/main-sprite.png") no-repeat right -60px;
  /*border: 1px solid green;*/
}
#sidebar .filter .drop-down-view {
  width: 115px;
  height: 22px;
  font: 0.75em/22px Arial, Helvetica, sans-serif;
  color: #3d5572;
  padding: 0 30px 0 10px;
  border: 1px solid #999999;
  background: url("../images/main-sprite.png") no-repeat right -93px;
}
#sidebar .filter .custom-drop-down {
  width: 157px;
  font: 0.75em/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 99;
  position: relative;
  height: 22px;
}
#sidebar .filter .custom-drop-down option {
  line-height: 26px;
  text-indent: 5px;
}
#sidebar .filter input.text {
  width: 115px;
  height: 22px;
  font: 0.75em/22px Arial, Helvetica, sans-serif;
  color: #3d5572;
  padding: 0 30px 0 10px;
  border: 1px solid #999999;
}
.stars-rating,
#sidebar .filter .stars-rating {
  padding-left: 10px;
}
.stars-rating,
#sidebar .filter .stars-rating {
  width: 100px;
  float: left;
  margin-top: 20px;
}
.stars,
#sidebar .filter .stars {
  width: 100%;
  height: 17px;
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0;
}
.stars li,
#sidebar .filter .stars li {
  width: 17px;
  height: 17px;
  float: left;
  margin-right: 2px;
  padding: 0;
  border: 0 none;
  background: url("../images/main-sprite.png") no-repeat -964px -120px;
}
#sidebar .filter .stars-value {
  width: 50px;
  font: 0.75em/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572;
  text-align: right;
  float: right;
  margin-top: 20px;
}
/** filters */
#sidebar .filter li.template {
  display: none;
}
/** sidebar */
/* main content */
#content {
  width: 760px;
  padding: 25px 20px 40px;
  float: left;
  position: relative;
}
/* products view */
#content .page-view {
  width: 182px;
  height: 22px;
  float: left;
  margin: 0;
  padding-bottom: 10px;
  list-style: none;
}
#content .page-view li {
  width: 31px;
  height: 22px;
  float: left;
}
#content .page-view .listitem-wide,
#content .page-sort .listitem-wide {
  width: 80px;
  margin-top: -2px;
  font: 0.85em/22px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #aaaaaa;
}
#content .page-sort .drop-down-view {
  /*width: 248px;
		height: 37px;
		font: .75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #3d5572;
		padding: 10px;
		position: relative;
		top: 12px;
		left: 300px;
		background: url("../images/drop-down-cats.png") no-repeat;*/
  width: 248px;
  height: 37px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572;
  padding: 10px;
  /*position: relative;*/
  top: 16px;
  left: 300px;
  background: url("../images/drop-down-cats.png") no-repeat;
}
#content .page-sort .custom-drop-down {
  /*width: 248px;
		height: 37px;
		font: .75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #3d5572;
		padding: 10px;
		position: relative;
		top: 0px;
		left: 300px;
		background: url("../images/drop-down-cats.png") no-repeat;*/
  width: 248px;
  height: 37px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d5572;
  padding: 10px;
  position: relative;
  top: -37px;
  left: 75px;
  background: url("../images/drop-down-cats.png") no-repeat;
}
#content .page-view li a {
  width: 100%;
  height: 100%;
  display: block;
  background: url("../images/main-sprite.png") no-repeat -884px -143px;
}
#content .page-view li a.boxes {
  background-position: -916px -143px;
}
#content .page-view li a.list {
  width: 31px;
  background-position: -948px -143px;
}
#content .page-view li.active a,
#content .page-view li a:hover {
  background-position: -885px -169px;
}
#content .page-view li.active a.boxes,
#content .page-view li a.boxes:hover {
  background-position: -916px -169px;
}
#content .page-view li.active a.list,
#content .page-view li a.list:hover {
  width: 32px;
  background-position: -948px -169px;
}
/** products view */
/* paginator */
#content .page-nav {
  width: 100%;
  overflow: hidden;
  clear: both;
  padding-bottom: 13px;
  background: url("../images/page-nav-border.png") repeat-x bottom;
}
#content .bottom-page-nav {
  padding: 13px 0 0;
  background-position: top;
}
#content .page-sort {
  margin-left: 25px;
  width: 226px;
  height: 22px;
  float: left;
  padding-bottom: 10px;
  list-style: none;
}
#content .paginator {
  width: auto;
  height: 24px;
  font: 0.875em/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6A8C91;
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
}
#content .paginator a {
  display: block;
  color: #6A8C91;
  text-decoration: none;
}
#content .paginator a:hover {
  text-decoration: underline;
}
#content .paginator li {
  float: left;
  margin: 1px 2px;
}
#content .paginator li a {
  padding: 0 3px;
}
#content .paginator li .all {
  padding-right: 22px;
}
#content .paginator li.active a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #e9e3dc;
}
#content .paginator li .all:hover {
  background: none;
}
#content .paginator li a:hover {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #e9e3dc;
}
#content .paginator li a.prev,
#content .paginator li a.next {
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 1px;
  text-indent: -1000px;
  overflow: hidden;
  background: url("../images/main-sprite.png") no-repeat -940px -193px;
}
#content .paginator li a.next {
  background: url("../images/main-sprite.png") no-repeat -962px -193px;
}
/** paginator */
/* top labels for simple products list view */
#content .top-labels {
  width: 100%;
  font: bold 10px/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
  text-align: left;
  padding-left: 10px;
  margin: 10px 0;
  display: none;
}
#content .top-labels td {
  text-align: center;
  vertical-align: bottom;
  border-bottom: 2px dotted #e0dfdd;
  padding-bottom: 5px;
}
/** top labels for simple products list view */
/* products list view - default-view */
#content .products-details-list {
  padding-bottom: 20px;
  padding-top: 15px;
}
#content .products-details-list li {
  float: left;
  position: relative;
}
#content .products-details-list li li {
  background: none;
}
#content .products-details-list .item-container {
  float: left;
  width: 715px;
  height: auto;
  min-height: 110px;
  padding: 20px 22px 15px 23px;
  background: url("../images/product-list-item-bg.png") no-repeat;
  position: relative;
}
#content .products-details-list .item-container .border-bottom {
  width: 760px;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: -15px;
  background: url("../images/product-list-item-bg.png") no-repeat bottom left;
}
#content .products-details-list li .hover {
  background: url("../images/product-list-item-bg.png") no-repeat right top;
}
#content .products-details-list .hover .border-bottom {
  background: url("../images/product-list-item-bg.png") no-repeat bottom right;
}
#content .products-details-list .item-container .item-image {
  width: 66px;
  height: 107px;
  float: left;
}
#content .products-details-list .item-container .product-details {
  width: 460px;
  float: left;
}
#content .products-details-list .item-container .product-name {
  width: 460px;
  font: 1.563em/120% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  color: #38506b;
  text-shadow: 1px 1px 0pt #ffffff;
  text-indent: 10px;
  float: left;
  position: relative;
}
#content .products-details-list .item-container .product-name a {
  color: #38506b;
  text-decoration: none;
}
#content .products-details-list .item-container .product-name a:hover {
  text-decoration: underline;
}
#content .products-details-list .item-container .product-name .moreinfo {
  position: absolute;
  top: 5px;
  left: 280px;
  font: 0.45em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #AAA;
  text-shadow: 1px 1px 0pt #ffffff;
}
#content .products-details-list .item-container .product-name .moreinfo a,
#content .products-details-list .item-container .product-name .moreinfo a:hover {
  color: #AAA;
}
#content .products-details-list .item-container .attributes {
  width: 460px;
  overflow: hidden;
  margin-top: 5px;
  margin-left: 5px;
  float: left;
}
#content .products-details-list .item-container .attributes a:hover {
  text-decoration: none;
}
#content .products-details-list .item-container .vineyard-designate {
  width: 460px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6A8C91;
  text-shadow: 1px 1px 0pt #ffffff;
  text-transform: uppercase;
  overflow: hidden;
  margin-top: 2px;
  margin-left: 10px;
  float: left;
}
#content .products-details-list .item-container .attributes li {
  max-width: 160px;
  float: left;
  text-align: left;
  margin-right: 25px;
  overflow: hidden;
}
#content .products-details-list .item-container .attributes li.year {
  width: 86px;
}
#content .products-details-list .item-container .attributes li.varietal {
  width: 146px;
}
#content .products-details-list .item-container .attributes li.appelation {
  width: 106px;
}
#content .products-details-list .item-container .attributes li.origin {
  display: none;
  width: 72px;
}
#content .products-details-list .item-container .att-label {
  font: bold 0.625em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #AAA;
  text-shadow: 1px 1px 0pt #ffffff;
  margin: 5px 0;
  padding: 5px 5px;
  border-bottom: dotted 2px #dfdedd;
}
#content .products-details-list .item-container .att-value {
  font: 0.875em/120% "Liberation Serif", Georgia, serif;
  color: #3d5572;
  text-shadow: 1px 1px 0 #fff;
  padding: 0 5px;
}
#content .products-details-list .item-container .att-value a {
  color: #3d5572;
  text-decoration: none;
}
#content .products-details-list .item-container .att-value a:hover {
  text-decoration: none;
}
#content .products-details-list .additional-info {
  width: 171px;
  height: auto;
  float: left;
  padding: 0 6px 0 12px;
}
#content .products-details-list .bottles {
  width: 175px;
  height: 60px;
  font: 2em/100% "Liberation Serif", Georgia, serif;
  color: #3d5572;
  text-shadow: 1px 1px 0pt #ffffff;
  text-align: center;
  margin-bottom: 8px;
  overflow: hidden;
  position: absolute;
  top: 20px;
  right: 20px;
}
#content .products-details-list .bottles li {
  width: 84px;
  float: left;
  text-align: center;
  padding-bottom: 8px;
}
#content .products-details-list .bottles label {
  width: 80px;
  font: 0.3125em/130% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6A8C91;
  text-shadow: 1px 1px 0pt #ffffff;
  /*text-transform: uppercase;*/
  display: block;
  margin: 0 auto;
  padding-top: 8px;
}
#content .products-details-list .bottles .total-bottles {
  border-right: 1px solid #ddd;
}
#content .products-details-list .bottles .oeno-bottles {
  border-left: 1px solid #fff;
}
#content .products-details-list .bottles .bottles-in-cellar {
  width: 100%;
}
#content .products-details-list .bottles .bottles-in-cellar label {
  width: 100%;
  padding: 5px 0;
}
#content .products-details-list .buttons {
  width: 162px;
  float: right;
  margin: 25px 10px 0 0;
}
#content .products-details-list .buttons .btn-02 {
  float: right;
  display: none;
}
#content .products-details-list .item-notes {
  float: left;
  width: 725px;
  position: relative;
  margin: -3px 0 0 20px;
  background: url("../images/wine-info-bg.png") no-repeat left bottom !important;
}
#content .products-details-list .item-notes .toggle-content {
  display: none;
}
#content .products-details-list .item-notes .stars-rating {
  margin: 20px 16px 20px;
}
#content .products-details-list .item-notes .stars-rating li.half {
  background-position: -944px -120px;
}
#content .products-details-list .item-notes .stars-rating li.active {
  background-position: -924px -120px;
}
#content .products-details-list .item-notes .text {
  width: 550px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  margin: 15px 16px 20px;
  float: left;
}
#content .products-details-list .info-tab {
  width: 109px;
  height: 30px;
  font: 0.7em/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-indent: 38px;
  color: #aaa;
  margin-left: 30px;
  clear: both;
  cursor: pointer;
  background: url("../images/main-sprite.png") no-repeat -886px -242px;
}
#content .products-details-list .visible .info-tab,
#content .products-details-list .hover-info-tab {
  color: #A29060;
  background-position: -886px -273px !important;
}
/* products list view - default-view */
/** page content **************************************************************/
/* footer */
#footer {
  font: 0.813em/120% "Liberation Serif", Georgia, serif;
  color: #A1905F;
  overflow: hidden;
  padding: 20px 0;
}
#footer p {
  float: left;
  line-height: 1;
  margin-right: 30px;
}
#footer .footer-nav {
  float: right;
}
#footer .footer-nav li {
  line-height: 1;
  float: left;
  padding: 0 5px;
  border-left: 1px solid #A1905F;
}
#footer .footer-nav li:first-child {
  border: 0 none;
}
#footer .footer-nav li a {
  color: #A1905F;
  text-decoration: none;
}
#footer .footer-nav li a:hover {
  text-decoration: underline;
}
/** footer ********************************************************************/
/* lightbox */
.lightbox {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: #000;
  display: none;
}
.lightbox-container {
  width: 980px;
  height: auto;
  text-align: left;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -490px;
  z-index: 1000;
  display: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.lightbox-container .custom-drop-down {
  height: 30px;
  line-height: 32px;
  position: relative;
}
.finish .bill-ship-info {
  position: relative;
  z-index: 1;
}
.finish .bill-ship-info .bi-box {
  position: relative;
}
.finish .bill-ship-info .bi-box span.drop-down-view {
  position: relative;
  bottom: auto !important;
  color: #38506B;
  font: 0.875em/120% Arial, Helvetica, sans-serif;
  margin-top: 12px;
  right: 27px;
  background-image: none;
  box-shadow: none;
  padding: 0px;
}
.finish .bill-ship-info .bi-box span.drop-down-view strong {
  font-weight: bold;
}
.lightbox-container .drop-down-view {
  background: url("../images/main-sprite.png") no-repeat scroll right -90px #ffffff;
  left: 0;
  bottom: 0;
  font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #798e94;
  line-height: 29px;
  padding: 0 30px 0 10px;
  display: inline-block;
  margin-top: 15px;
  box-shadow: 0 0 0 5px #f3f4f8;
  -moz-box-shadow: 0 0 0 5px #f3f4f8b;
  -webkit-box-shadow: 0 0 0 5px #f3f4f8;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  /* Added 9/30/13 */
  height: 31px;
}
.lightbox-container .top-bar {
  width: 100%;
  height: 76px;
  z-index: 9999;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: url("../images/popup-top-bar-bg.png") repeat-x;
}
.close-lightbox {
  width: 25px;
  height: 25px;
  font: 12px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  position: absolute;
  right: -12px;
  top: -12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: -1px 1px 1px #444444;
  background: #a29060;
  z-index: 10001;
}
.close-lightbox:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.image-zoom {
  width: 400px;
  height: 400px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -220px;
  margin-top: -220px;
  padding: 20px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fff;
}
/* checkout popup */
.checkout {
  min-height: 730px;
  background: #fff;
}
.checkout span.normal-mode,
.checkout.pickup-mode span.pickup-mode {
  display: inline;
}
.checkout.pickup-mode span.normal-mode,
.checkout span.pickup-mode {
  display: none;
}
.checkout .steps {
  width: 1460px;
  height: 76px;
}
.checkout .windows > li {
  display: none;
}
.checkout .windows > li:first-child {
  display: block;
}
.checkout h2 {
  font: 1.875em/110% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  color: #38506b;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.checkout h2 span {
  font: 0.4em/200% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #969797;
  text-transform: none;
  display: block;
}
.checkout span.normal-mode,
.checkout span.pickup-mode {
  font: inherit;
  color: inherit;
  text-transform: inherit;
}
/* steps in checkout window */
.checkout .steps li {
  height: 76px;
  float: left;
  text-align: left;
  position: relative;
  padding: 0 20px 0 40px;
}
.checkout .steps li a {
  font: 1.35em/76px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #d4d2cd;
  padding: 0 15px;
}
.checkout .steps li .arrow {
  width: 20px;
  height: 73px;
  position: absolute;
  right: -20px;
  top: 0;
  background: url("../images/step-arrow.png") no-repeat;
}
.checkout .steps li.active {
  background: url("../images/active-step-bg.png") repeat-x;
}
.checkout .steps li.active a {
  color: #fff;
  padding: 0 15px;
  display: block;
}
.checkout .steps li.marked a {
  color: #fff;
  padding: 0 0 0 30px;
  display: block;
}
.checkout .steps li .arrow {
  z-index: 99;
}
.checkout .steps li.active .arrow {
  background: url("../images/active-step-arrow.png") no-repeat;
}
.checkout .steps li.marked {
  background: url("../images/marked-step-bg.png") repeat-x;
}
.checkout .steps li.marked .arrow {
  background: url("../images/marked-step-arrow.png") no-repeat;
}
.checkout .steps li.marked a {
  background: url("../images/main-sprite.png") no-repeat -962px -403px;
}
.checkout .steps li.last-child,
.checkout .steps li:last-child {
  width: 500px;
}
.checkout .steps li.last-child .arrow,
.checkout .steps li:last-child .arrow {
  display: none;
}
.checkout .steps li:first-child {
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
  padding-left: 35px;
}
/** steps in checkout window */
/* checkout window - crate step */
.checkout .crate .cart-container {
  margin: 30px 52px 90px;
  border: 1px solid #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.checkout .crate .t-head {
  height: 55px;
}
.checkout .crate .t-head li {
  height: 55px;
  font: bold 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  border-bottom: 2px dotted #aaa;
  display: table-cell;
}
.checkout .crate .t-head .remove {
  width: 70px;
}
.checkout .crate .t-head .product {
  width: 500px;
  padding: 0 10px 0 30px;
  text-align: left;
}
.checkout .crate .t-head .o-bottles {
  width: 97px;
}
.checkout .crate .t-head .t-ship {
  width: 148px;
}
.checkout .crate .t-body {
  height: 390px;
  max-width: 865px;
  margin: 10px 0;
  clear: both;
}
.checkout .crate .t-body li {
  min-height: 100px;
  overflow: hidden;
  border-bottom: 2px dotted #aaa;
}
.checkout .crate .t-body .remove-item {
  width: 20px;
  height: 20px;
  text-indent: -1000px;
  float: left;
  display: block;
  margin: 43px 5px 33px 10px;
  background: url("../images/close2.png") right bottom;
}
.checkout .crate .t-body .img {
  width: 66px;
  float: left;
  text-align: center;
}
.checkout .crate .t-body .img img {
  max-width: 50px;
  max-height: 70px;
}
.checkout .crate .t-body .product-details {
  width: 510px;
  min-height: 80px;
  float: left;
  border-right: 2px dotted #aaa;
}
.checkout .crate .t-body .product-details .vineyard-designate {
  float: left;
  min-height: 22px;
  width: 460px;
}
.checkout .crate .t-body .product-details h3 {
  color: #38506B;
  font: 1.563em/120% "TradGothicBoldCd", Arial, Helvetica, sans-serif;
}
.checkout .crate .t-body .product-details .vineyard-designate {
  font: 0.875em/120% "Liberation Serif", Georgia, serif;
  color: #38506B;
  float: left;
  margin-right: 25px;
  overflow: hidden;
}
.checkout .crate .t-body .product-details .ext-info-item,
.checkout .crate .t-body .product-details .ext-info-sep {
  display: inline-block;
  margin-right: 0;
  color: #38506B;
  font: 0.875em/120% "Liberation Serif", Georgia, serif;
}
.checkout .crate .t-body .o-bootles-count {
  width: 95px;
  min-height: 80px;
  display: block;
  float: left;
  color: #38506B;
  font: 1.875em/70px "Liberation Serif", Georgia, serif;
  text-align: center;
  border-right: 2px dotted #aaa;
}
.checkout .crate .t-body .quantity {
  width: 90px;
  padding-left: 20px;
  float: left;
}
.checkout .crate .t-body .img,
.checkout .crate .t-body .product-details,
.checkout .crate .t-body .o-bootles-count,
.checkout .crate .t-body .quantity {
  padding-top: 15px;
  padding-bottom: 5px;
}
.checkout .crate .t-body .quantity .dynamic-input {
  margin: 18px 0 0 10px;
}
.checkout .crate .t-foot {
  width: 100%;
  height: 65px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background: url("../images/cart-footer-bg.png") no-repeat;
}
.checkout .crate .t-foot .label {
  width: 700px;
  height: 100%;
  font: bold 1em/68px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: right;
  color: #38506B;
  padding-right: 15px;
  float: left;
}
.checkout .crate .t-foot .total-value {
  width: 120px;
  height: 100%;
  font: 1.875em/68px "Liberation Serif", Georgia, serif;
  text-align: center;
  color: #3f5774;
  float: left;
}
/** checkout window - crate step */
.prev-step,
.checkout .back,
.checkout .continue,
.checkout .finish-order {
  position: absolute;
  right: 51px;
  bottom: 26px;
}
.checkout .continue.submit-crate {
  display: none;
}
.prev-step {
  left: 45px;
  width: 210px;
}
.checkout .back {
  right: 280px;
  width: 195px;
}
.prev-step {
  width: 140px;
}
.checkout .message {
  font: 1.5em/115% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  display: none;
  position: absolute;
  right: 275px;
  bottom: 31px;
  padding-left: 24px;
}
.address .message {
  right: 45px;
  bottom: 70px;
}
.checkout .error {
  color: #c00;
  background: url("../images/error-ico.png") no-repeat left center;
}
/* address */
.lightbox-container .address .box {
  margin: 18px 49px 0 47px;
  padding: 24px;
}
.address .call-pick-up .btn-04 {
  margin-right: 10px;
}
.address p,
.shipping p {
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506B;
  padding-left: 10px;
  padding-right: 10px;
}
.address .call-pick-up .pick-up-date {
  /*width: 90px;*/
  margin: 7px 4px 0;
  float: left;
  width: 200px;
}
.address .call-pick-up img.ui-datepicker-trigger {
  position: relative;
  top: 4px;
  left: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.address .call-pickup-heading {
  margin-top: 13px;
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506B;
  text-transform: uppercase;
  padding-left: 3px;
  width: 280px;
}
.address .call-pickup-address {
  margin-top: 7px;
  float: left;
  padding-left: 3px;
}
.address .call-pickup-left {
  float: left;
  width: 30%;
  padding-top: 55px;
}
.address .call-pickup-center {
  float: left;
  width: 35%;
}
.address .call-pickup-right {
  float: left;
  width: 35%;
  padding-top: 12px;
}
#specialinstruct {
  float: left;
  width: 255px;
  height: 80px;
  margin-top: 5px;
  padding: 6px 10px;
  border: 1px solid #d1d1d1;
  display: inline-block;
  position: relative;
  box-shadow: 0 0 0 5px #f3f4f8;
  -moz-box-shadow: 0 0 0 5px #f3f4f8b;
  -webkit-box-shadow: 0 0 0 5px #f3f4f8;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
}
.address .previous-addr {
  position: relative;
  width: 375px;
  height: 530px;
  float: left;
  margin: 28px 10px 105px 47px;
  padding: 15px 32px 15px 25px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
  clear: both;
}
.address .previous-addr .addresses-list {
  height: 478px;
  margin-top: 10px;
}
.address .new-addr {
  position: relative;
  width: 370px;
  height: 530px;
  float: left;
  margin: 28px 47px 93px 10px;
  padding: 15px 32px 15px 25px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: url("../images/form-bg.png");
}
.form-mask {
  position: absolute;
  width: 100%;
  /* height: 100%; */
  left: 0px;
  top: 0px;
  opacity: 0.5;
  background: #ffffff;
}
.address .edit-addr {
  display: none;
}
.address .buttons {
  width: 100%;
  overflow: hidden;
  padding: 21px 3px 12px;
  border-top: 1px solid #fff;
}
.address li:first-child > .buttons {
  padding-top: 11px;
}
.address .addresses-list li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.address .addresses-list li.last,
.address .addresses-list li:last-child {
  border-bottom: 0 none;
}
.address .addresses-list li:first-in-row {
  clear: both;
}
.address .buttons a {
  margin-right: 10px;
}
.address .user-data {
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3f5774;
}
.address .user-data strong {
  font-weight: bold;
}
.address .addresses-list .edit-field {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  height: 73px;
  max-height: 73px;
  min-height: 73px;
  border: 1px solid #ddd;
}
.address #new-address,
.address #update-address {
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.address #new-address label,
.address #update-address label {
  height: 51px;
  font: 0.875em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
  display: block;
  padding-top: 10px;
  position: relative;
  /*z-index: 9995 !important;*/
}
.address #new-address input,
.address #update-address input {
  width: 340px;
  font: 1.25em/29px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506B;
  margin-top: 5px;
  margin-left: 4px;
}
.address #new-address .drop-down-view,
.address #update-address .drop-down-view {
  font: 1.25em/29px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506B;
}
.address #new-address .error {
  background: #fff;
  color: #c00;
  border: 1px solid #c00;
}
.address #new-address label.error {
  display: none!important;
}
.addressNoteMessage {
  color: #c00;
  margin-top: 80px;
  margin-left: -30px;
  margin-right: -30px;
  text-align: center;
  /* margin-bottom: 10px; */
  font-size: 60%;
}
.addressErrorMessage {
  color: #c00;
  margin-bottom: 10px;
}
/* shipping */
.shipping .shipping-method,
.shipping .give-wine {
  width: 840px;
  margin: 28px auto 30px;
  padding: 15px 20px 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.loading-rates {
  display: none;
}
.shipping-rates-error {
  display: none;
}
.shipping-methods p.error {
  font: 1.5em/115% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  padding: 24px;
}
.checkout dd {
  width: 100%;
  height: 52px;
  clear: both;
  margin: 2px 0;
  border-bottom: 1px solid #ddd;
}
.checkout dd.last {
  border: 0 none;
}
.checkout dd.odd {
  -moz-box-shadow: inset 0 -2px 0 #ffffff;
  -webkit-box-shadow: inset 0 -2px 0 #ffffff;
  box-shadow: inset 0 -2px 0 #ffffff;
  background: url("../images/stripes-01-bg.png");
}
.checkout dd input {
  float: left;
  margin: 18px 10px 15px 5px;
}
.checkout dd .type {
  width: 250px;
  font: 1em/140% "Liberation Serif", Georgia, serif;
  color: #38506b;
  display: block;
  float: left;
  padding-top: 13px;
  overflow: hidden;
}
.checkout dd .description {
  width: 440px;
  float: left;
  font: 1em/140% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #9F905F;
  padding-top: 13px;
  overflow: hidden;
}
.checkout #packing-type dd .description {
  width: 440px;
  float: left;
  font: 1em/140% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #9F905F;
  padding-top: 13px;
}
.checkout dd .description strong {
  font-weight: bold;
}
.checkout dd .price,
.checkout dd .p-price {
  width: 100px;
  font: 1.2em/140% "Liberation Serif", Georgia, serif;
  color: #afafaf;
  text-align: right;
  display: block;
  float: right;
  padding-top: 13px;
  padding-right: 10px;
  overflow: hidden;
}
.checkout dd .active .price,
.checkout dd .active .p-price {
  color: #38506b;
}
.shipping .shipping-details {
  margin: 0 50px 93px 50px;
  display: inline-block;
}
.shipping .shipping-date {
  width: 34%;
  min-height: 180px;
  float: left;
  padding: 15px 25px 5px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.shipping .shipping-date input {
  width: 113px;
}
.shipping .shipping-date .icon {
  position: relative;
  top: 3px;
  left: 5px;
}
.shipping .shipping-date p {
  font: 0.875em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999;
  margin: 20px 0;
}
.shipping .shipping-insurance {
  display: none;
  width: 840px;
  margin: 28px auto 30px;
  padding: 15px 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
  color: #38506b;
}
.shipping .shipping-insurance .insurance-desc,
.shipping .shipping-insurance li {
  font-style: italic;
  font-family: Georgia,serif;
}
.shipping .shipping-insurance .insurance-desc {
  margin: 5px 0 20px;
  color: #969797;
}
.shipping .shipping-insurance p {
  padding: 0;
}
.shipping .shipping-insurance .dynamic-input {
  display: inline-block;
  margin: 0 10px 0 20px;
  width: 87px;
}
.shipping .shipping-insurance .dynamic-input a {
  height: 21px;
}
.shipping .shipping-insurance .insurance-terms {
  margin-top: 10px;
  color: #9F905F;
  font: bold 1.1em/135% Georgia, serif;
}
.shipping .shipping-insurance .insurance-terms span {
  display: inline-block;
  width: 12px;
}
.shipping .shipping-insurance #insurance-terms-list {
  display: none;
}
.shipping .shipping-insurance li {
  list-style: disc inside;
  padding-left: 15px;
  margin-top: 7px;
  color: #000;
}
.shipping .cns-info {
  width: 565px;
  font: 0.9em/150% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #9F905F;
  margin: 13px 0 0 5px;
}
.shipping .total-label,
.packing .total-label {
  width: 60px;
  font: bold 1.1em/135% Georgia, serif;
  color: #38506b;
  float: left;
  margin: 13px 0 0 5px;
}
.shipping .total-price-value,
.packing .total-p-price-value {
  min-width: 75px;
  font: bold 1.1em/135% Georgia, serif;
  color: #38506b;
  text-align: right;
  margin: 13px 0 0 5px;
  padding-right: 10px;
  float: right;
}
.shipping .cns-info strong {
  font-weight: bold;
}
.shipping .shipping-instructions {
  width: 64%;
  height: 180px;
  float: left;
  padding: 15px 24px 5px;
  margin-left: 2%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.shipping .shipping-instructions textarea {
  width: 488px;
  height: 90px;
  margin-top: 16px;
  padding: 10px;
}
/* packing */
.packing .packing-type {
  width: 840px;
  margin: 28px auto 30px;
  padding: 15px 20px 5px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.packing dd {
  height: 70px;
  border-bottom: none;
}
.packing dd input {
  margin-top: 29px;
}
.packing dd .type {
  padding-top: 24px;
}
.packing .gift-wrap {
  width: 840px;
  height: 185px;
  margin: 28px auto 30px;
  padding: 15px 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.packing .wrapper {
  height: 185px;
}
.packing .gift-wrap .type {
  width: 600px;
}
.packing .gift-wrap .description {
  width: 600px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506B;
  padding-top: 0;
}
/* finish */
.packing .gift-wrap dd {
  min-height: 68px;
  height: auto;
  overflow: hidden;
}
.finish .main {
  width: 879px;
  height: auto;
  overflow: hidden;
  margin: 35px 50px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.finish .order-review {
  width: 512px;
  height: 485px;
  float: left;
  padding: 20px 25px 21px;
}
.finish .sa-box,
.finish .bi-box {
  width: 48%;
  float: left;
}
.finish .bi-box {
  float: right;
  margin-left: 18px;
}
.finish .bts-box {
  position: relative;
  padding-top: 35px;
}
.finish .instructions-box {
  clear: both;
  padding-top: 35px;
}
.checkout.pickup-mode .finish .sa-box,
.checkout.pickup-mode .finish .bi-box {
  display: none;
}
.checkout.pickup-mode .finish .bts-box {
  padding-top: 0;
}
.crate-qty {
  position: absolute;
  top: 46px;
  right: 42px;
  font-size: 10px;
}
.finish .bts-box .change-step {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  right: 0;
  top: 44px;
}
.finish .scroll-area {
  height: 418px;
  margin-top: 30px;
}
.finish .scroll-area h4 {
  font: 1.25em/120% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  color: #A1905F;
  padding-bottom: 11px;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  border-bottom: 1px solid #dcdcda;
}
.finish .scroll-area p {
  font: 0.875em/120% Arial, Helvetica, sans-serif;
  color: #38506B;
  margin-top: 12px;
  margin-bottom: 10px;
}
.finish .scroll-area p strong {
  font-weight: bold;
}
.finish .bi-box p strong {
  font-size: 1.14em;
}
.finish .sa-box p strong {
  font-size: 1.14em;
}
.finish .scroll-area p a {
  font-size: 0.625em;
  color: #38506B;
  text-decoration: underline;
  margin-top: 5px;
  display: block;
}
.finish .list li {
  overflow: hidden;
  border-bottom: 2px dotted #dfdfdd;
}
.finish .list .remove-item {
  width: 14px;
  height: 14px;
  text-indent: -1000px;
  float: left;
  display: block;
  margin: 32px 10px;
  background: url("../images/main-sprite.png") right bottom;
}
.finish .list .img {
  height: 60px;
  width: 40px;
  float: left;
  text-align: center;
  margin-right: 10px;
}
.finish .list .img img {
  max-width: 30px;
  max-height: 60px;
}
.finish .list .product-details {
  width: 355px;
  min-height: 60px;
  float: left;
  padding-top: 10px;
  padding-bottom: 5px;
}
.finish .list .product-details h3 {
  color: #38506B;
  font: 1.25em/100% "TradGothicBoldCd", Arial, Helvetica, sans-serif;
  margin: 0 0 3px 0;
}
.finish .list .product-details span.vineyard-designate {
  font: 0.875em/120% "Liberation Serif", Georgia, serif;
  color: #38506B;
  float: left;
  width: 330px;
  text-align: left;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.finish .list .product-details .ext-info-item,
.finish .list .product-details .ext-info-sep {
  font: 0.875em/100% "Liberation Serif", Georgia, serif;
  color: #38506b;
  text-align: left;
  display: inline-block;
}
.finish .list .quantity {
  font: 0.65em/100% Arial, Helvetica, sans-serif;
  color: #3b4346;
  display: block;
  float: right;
  margin-top: 32px;
  width: 73px;
  text-align: left;
}
.finish .list .quantity .value {
  font: 2em/120% "Liberation Serif", Georgia, serif;
}
.finish .list .quantity label {
  font: 0.625em/100% "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  display: inline;
}
.finish .list .img {
  padding-top: 15px;
  padding-bottom: 5px;
}
.finish .list .change-step {
  font-size: 0.625em;
  color: #38506B;
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 38px;
  display: block;
  float: left;
}
.finish .order-summary {
  width: 302px;
  height: 526px;
  float: right;
  background: url("../images/order-summary-bg.png") center;
}
.finish .order-summary label {
  color: #38506b;
}
.finish .order-summary h2 {
  padding: 15px 28px;
  border: 0 none;
}
.finish .bottles-count {
  font: 0.875em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  text-align: right;
  margin: 5px 20px 0;
  padding: 15px 8px 10px;
  border-bottom: 1px solid #dcdcdc;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.finish .bottles-count label {
  float: left;
}
.finish .bottles-count strong {
  font-weight: bold;
}
.finish .change-step {
  font-size: 0.625em;
  color: #38506B;
  text-decoration: underline;
  text-transform: uppercase;
  text-align: left;
  margin-top: 2px;
  display: block;
}
.finish dl {
  margin: 5px 20px 0;
  padding: 15px 8px 10px;
  border-bottom: 1px solid #dcdcdc;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.finish dl dd {
  height: auto;
  font: 0.875em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ccc;
  text-align: right;
  overflow: hidden;
  padding-bottom: 8px;
  border: 0 none;
}
.finish dl dd.active,
.finish dl.gift-wrapping dd {
  color: #2f414f;
}
.finish dl dd input {
  margin: 2px 10px 0 0;
  float: left;
}
.finish dl dd label {
  width: 190px;
  float: left;
  text-align: left;
}
.finish dl dd strong {
  font-weight: bold;
  display: block;
}
.finish dl.gift-wrapping {
  border: 0 none;
}
.finish .gift-wrapping .change-step {
  margin-left: 23px;
}
.finish .summary {
  width: 168px;
  margin: 12px 22px 0 0;
  float: right;
}
.finish .summary li {
  font: 0.875em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 5px 3px;
  overflow: hidden;
}
.finish .summary li label {
  font-weight: bold;
  color: #A1905F;
  float: left;
  text-shadow: 0 1px 0 #fff;
}
.finish .summary li .value {
  color: #2f414f;
  float: right;
}
.finish .summary li strong {
  font-weight: bold;
}
.finish .summary li.total {
  font-size: 1.375em;
  padding: 7px 3px;
  margin-top: 2px;
}
.thanks p {
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #A0905F;
  margin: 10px 0;
}
.thanks span {
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #A0905F;
  margin: 10px 0;
}
.thanks p a {
  color: #38506B;
}
.thanks .order-number {
  width: 235px;
  font: 1.25em/100% "TradGothicBoldCd", Arial, Helvetica, sans-serif;
  color: #A0905F;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.thanks .order-number span {
  font: bold 0.775em/100% Arial, Helvetica, sans-serif;
  color: #38506b;
}
/** checkout popup ************************************************************/
/* Product Pop-Up */
.pop-up {
  width: 346px;
  height: auto;
  min-height: 459px;
  text-align: left;
  background-color: #fff;
  position: relative;
  padding-bottom: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 30px;
  top: 0;
  z-index: 2;
}
.pop-up .close-popup {
  width: 22px;
  height: 22px;
  text-indent: -10000px;
  display: block;
  position: absolute;
  right: 15px;
  top: 13px;
  background: url("../images/main-sprite.png") no-repeat scroll -917px -191px transparent;
}
.pop-up .arrow {
  width: 40px;
  height: 44px;
  position: absolute;
  left: -40px;
  top: 45px;
  background: url("../images/popup-arrow.png") no-repeat;
}
.pop-up h2 {
  background-color: #213b4c;
  height: 50px;
  line-height: 50px;
  font-size: 23px;
  color: #fff;
  text-transform: uppercase;
  font-family: TradGothicBoldCd, Arial, Helvetica, sans-serif;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-left: 22px;
  margin-bottom: 12px;
  background-image: linear-gradient(top, #213b4c, #0d1b25);
}
.pop-up .content {
  overflow: hidden;
  padding: 0 15px 0 20px;
}
.pop-up .meta {
  min-height: 34px;
  margin-bottom: 8px;
  overflow: hidden;
}
.pop-up .rating {
  float: left;
  margin-right: 26px;
  margin-top: 2px;
}
.pop-up .rating p {
  font-size: 0.68em;
  font-weight: bold;
  color: #aaa !important;
}
.pop-up .rate {
  float: left;
  height: 17px;
  margin-right: 2px;
  width: 18px;
}
.pop-up .rate.active {
  background: url("../images/rate-on.png") no-repeat scroll 0 0 transparent;
}
.pop-up .community-rating .rate.active {
  background: url("../images/gray-rate-on.png") no-repeat scroll 0 0 transparent;
}
.pop-up .rate {
  background: url("../images/rate-unactive.png") no-repeat scroll 0 0 transparent;
}
.pop-up .button {
  display: block;
  float: left;
  text-indent: -999999px;
}
.pop-up .meta .btn-01 {
  margin-right: 10px;
}
.pop-up .meta .cancel {
  margin-left: 20px;
}
.pop-up .meta .cancel,
.pop-up .meta .save {
  margin: 4px 5px;
  display: none;
}
.pop-up .meta .edit,
.pop-up .meta .save {
  margin: 4px 5px 2px;
  float: right;
}
.pop-up .content {
  font-family: Arial;
  line-height: 120%;
}
.pop-up .section {
  font-size: 0.75em;
  clear: both;
  overflow: hidden;
  width: 100%;
  border-bottom: 2px dotted #E2E2E2;
  padding-bottom: 4px;
  padding-top: 4px;
}
.pop-up .section.first {
  padding-bottom: 15px;
}
.pop-up .text textarea {
  width: 286px;
  height: 65px;
  font: 1em/110% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506B;
  padding: 10px;
}
.pop-up .content p {
  color: #38506b;
  line-height: 120%;
}
.pop-up p.section-title {
  color: #AAAAAA;
  float: left;
  font-weight: bold;
  width: 133px;
  font-size: 10px;
  line-height: 19px;
  text-transform: uppercase;
}
.pop-up .section-content {
  color: #38506b;
  float: left;
  width: 168px;
}
.pop-up .section-content span {
  font-weight: bold;
  font-size: 1em;
}
.pop-up .section-content a {
  color: #182C39;
  font-style: italic;
  text-decoration: underline;
}
.pop-up .bottles-info > div {
  height: 19px;
  /* border-bottom: 2px dotted #E2E2E2; */
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
}
.pop-up .bottles-info span {
  width: 45px;
  float: left;
  margin-right: 9px;
  text-align: center;
}
.pop-up .bottles-info .dynamic-input {
  margin-right: 9px;
}
/*
	.pop-up .bottles-info div.first {
		border-bottom: 1px solid #CCCCCC;
	}
		*/
.pop-up .bottles-info div.last {
  border-bottom: none;
}
.pop-up .bottles-info a {
  width: 115px;
  float: right;
  text-align: left;
  margin-right: 1px;
}
.pop-up .dynamic-input {
  width: 36px;
  height: 19px;
  float: left;
  margin-left: 8px;
  padding: 0 !important;
  position: relative;
  border: 1px solid #999 !important;
  background: #fff;
}
.pop-up .dynamic-input input {
  width: 22px;
  height: 19px !important;
  display: block;
  color: #38506B;
  font: bold 1em/19px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0 !important;
  border: 0 none !important;
}
.pop-up .dynamic-input a {
  width: 14px;
  height: 10px;
  display: block;
  text-indent: 1000px !important;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
  background: url("../images/main-sprite.png") no-repeat 0 -155px;
}
.pop-up .dynamic-input a.increment {
  top: -1px;
  right: -1px;
  background: url("../images/main-sprite.png") no-repeat 0 -155px;
}
.pop-up .dynamic-input a.decrement {
  bottom: 0;
  right: -1px;
  background: url("../images/main-sprite.png") no-repeat 0 -165px;
}
.pop-up .dynamic-input a.increment:hover {
  background-position: -14px -155px;
}
.pop-up .dynamic-input a.decrement:hover {
  background-position: -14px -165px;
}
.pop-up .drinking-window .dynamic-input {
  margin-left: 0;
  top: 6px;
}
.pop-up .drinking-window {
  border: 0 none;
}
.pop-up .drinking-window .section-title {
  margin-top: 4px;
}
.pop-up .drinking-window .dw-row {
  margin-bottom: 12px;
}
.pop-up .drinking-window .dw-row input.dw-date {
  width: 75px;
  height: 21px;
  margin-left: 3px;
  margin-top: 5px;
}
img.ui-datepicker-trigger,
.pop-up .drinking-window .dw-row img.ui-datepicker-trigger {
  position: relative;
  top: 4px;
  left: 15px;
}
.pop-up .drinking-window .btn-01 {
  font: 1.15em/26px "TradGothicBoldCd", Arial, Helvetica, sans-serif !important;
  color: #fff;
  text-decoration: none;
  min-width: 80px;
  float: left;
  padding: 0 10px;
  margin-left: 3px;
}
/** Product Pop-Up ************************************************************/
/**Notes tab**#content .products-details-list .item-notes .text*/
.item-notes .rating {
  float: left;
  margin-right: 26px;
  margin-top: 10px;
  margin-left: 15px;
}
.item-notes .rate {
  float: left;
  height: 17px;
  margin-right: 2px;
  width: 18px;
}
.item-notes .rate.active {
  background: url("../images/rate-on.png") no-repeat scroll 0 0 transparent;
}
.item-notes .rate {
  background: url("../images/rate-unactive.png") no-repeat scroll 0 0 transparent;
}
.item-notes .meta .cancel {
  margin-left: 20px;
  float: left;
}
.item-notes .meta .cancel,
.item-notes .meta .save {
  margin: 4px 5px;
  display: none;
}
.item-notes .meta .edit,
.item-notes .meta .save {
  margin: 4px 5px 2px;
  float: left;
}
/*  .item-notes .content {
		font-family: Arial;
		line-height: 120%;
	}*/
.item-notes .text textarea {
  width: 286px;
  height: 65px;
  font: 1em/110% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506B;
  padding: 10px;
}
/* manage popup */
.manage-popup {
  min-height: 730px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}
.manage-popup .top-bar {
  height: 82px;
}
.manage-popup .top-bar li {
  height: 76px;
  float: left;
  text-align: left;
  position: relative;
  padding: 0 20px 0 40px;
}
.manage-popup .top-bar li {
  height: 76px;
  float: left;
  text-align: left;
  position: relative;
  padding: 0 30px;
  border-right: 1px solid #ddd;
  -moz-box-shadow: 1px 0 0 #fff;
  -webkit-box-shadow: 1px 0 0 #fff;
  box-shadow: 1px 0 0 #fff;
}
.manage-popup .top-bar li a {
  font: 1.35em/76px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #3b5472;
}
.manage-popup .top-bar li .arrow {
  width: 17px;
  height: 10px;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -6px;
  display: none;
  background: url("../images/step-down-arrow.png") no-repeat;
}
.manage-popup .top-bar li.active {
  background: url("../images/active-step-bg.png") repeat-x;
}
.manage-popup .top-bar li.active a {
  color: #fff;
}
.manage-popup .top-bar li.active .arrow {
  display: block;
}
.manage-popup {
  padding-bottom: 30px;
}
.manage-popup .main {
  clear: both;
  margin: 35px 46px 10px 50px;
  overflow: hidden;
}
.manage-popup h2 {
  font: 1.875em/110% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  color: #38506b;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.manage-popup h3 {
  font: 1.5em/120% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #A29060;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.manage-popup .request-pickup {
  min-height: 750px;
}
.manage-popup .request-pickup h3 {
  border: 0 none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.lightbox-container .box {
  height: auto;
  overflow: hidden;
  position: relative;
  margin: 0 0 32px;
  padding: 15px 20px 15px 50px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.lightbox-container .box h4 {
  font: 1.25em/120% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #3B5472;
  margin: 4px 0 5px;
}
.lightbox-container .box .box-no {
  width: 28px;
  height: 28px;
  font: bold 1.25em/28px Arial, Helvetica, sans-serif;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 11px;
  top: 16px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: #a39161;
}
.manage-popup .ci-left {
  width: 374px;
  float: left;
  margin-bottom: 20px;
  padding: 0 25px 15px 5px;
  border-right: 1px solid #d1d1d1;
}
.manage-popup .ci-right {
  width: 374px;
  float: right;
  padding: 0 5px 15px 5px;
}
.manage-popup .ci-left label,
.manage-popup .ci-right label {
  height: 51px;
  position: relative;
}
.manage-popup .thanks {
  padding: 40px 58px 40px 53px;
  border: 0 none;
}
.manage-popup .thanks .order-number {
  padding: 12px 0 11px;
  border: 0 none;
}
.manage-popup .steps li {
  border-right: 0 none;
  -moz-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
}
.manage-account .ci-right,
.manage-account .ci-left {
  margin-bottom: 20px;
}
.manage-account .ci-right {
  float: left;
}
/* track shippments and account history windows */
.manage-popup .shipments,
.manage-popup .account-history {
  padding: 20px 50px;
}
.manage-popup .shipments .shipments-list,
.manage-popup .account-history .history-list {
  width: 100%;
  margin-bottom: 20px;
}
.manage-popup .shipments .shipments-list th,
.manage-popup .account-history .history-list th {
  font: 1em/120% "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  color: #38506B;
  padding: 5px 22px;
  border-bottom: 1px solid #DDDDDD;
  zoom: 1;
  text-align: left!important;
  text-transform: uppercase;
}
.manage-popup .shipments .shipments-list th.date {
  width: 128px;
}
.manage-popup .shipments .shipments-list th.order {
  width: 123px;
}
.manage-popup .account-history .history-list th.date {
  width: 155px;
}
.manage-popup .account-history .history-list th.transaction {
  width: 110px;
}
.manage-popup .account-history .history-list th.handler {
  width: 85px;
}
.manage-popup .shipments .shipments-list td,
.manage-popup .account-history .history-list td {
  font: 0.8em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  border-bottom: 1px solid #DDDDDD;
  padding: 18px 22px;
}
.manage-popup .shipments .shipments-list td a,
.manage-popup .account-history .history-list td a {
  color: #38506b;
}
.manage-popup .GetActivityDetail {
  width: 70px;
  float: left;
}
.manage-popup .magglass {
  padding-left: 10px;
  top: 2px;
  position: relative;
  float: left;
}
.manage-popup .shipments .shipments-list tr.even td,
.manage-popup .account-history .history-list tr.even td {
  margin-top: 2px;
  -moz-box-shadow: inset 0 2px 0 #fff;
  -webkit-box-shadow: inset 0 2px 0 #fff;
  box-shadow: inset 0 2px 0 #fff;
  background: url("../images/stripes-01-bg.png");
}
.manage-popup .account-history .history-list td ul {
  line-height: 140%;
  padding: 2px 0 0 12px;
}
.manage-popup .download p {
  width: 400px;
  font: 0.875em/120% Arial, Helvetica, sans-serif;
  color: #38506B;
  float: left;
  margin: 15px 0;
}
.manage-popup .download .download-link {
  width: 230px;
  min-height: 40px;
  font: bold 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  text-decoration: none;
  float: right;
  margin: 15px 0;
  padding-left: 45px;
  background: url("../images/download-ico.png") center left no-repeat;
}
.manage-popup .download .download-link a,
.manage-popup .download .download-link span {
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
}
/* request pickup window */
.request-pickup .items {
  margin-top: 4px;
}
.request-pickup .items dd {
  height: 36px;
  margin-bottom: 10px;
}
.request-pickup .items input {
  width: 680px;
  float: left;
  margin: 0;
}
.request-pickup .items .dynamic-input {
  float: right;
  height: 37px;
  position: relative;
  top: -1px;
}
.request-pickup .items .dynamic-input input {
  width: 55%;
  height: 31px !important;
}
.request-pickup .items .dynamic-input a {
  height: 20px;
}
.request-pickup #date {
  width: 370px;
  float: right;
  min-height: 108px;
}
.request-pickup #special-instructions,
.request-pickup #date {
  margin-bottom: 0;
  padding-bottom: 25px;
}
.request-pickup #date input {
  width: 115px;
}
.request-pickup textarea {
  width: 680px;
  height: 53px;
  padding: 10px;
  resize: none;
}
/** request pickup window *****************************************************/
/* manage account window */
.manage-account {
  margin: 30px 46px 0 50px;
}
.shipments .box,
.manage-account .box {
  height: auto;
  overflow: hidden;
  position: relative;
  margin: 0 0 32px;
  padding: 15px 43px 15px 33px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.manage-account .row {
  height: 24px;
  padding: 10px 0;
  margin: 5px 0;
  clear: both;
}
.manage-account .row label {
  width: 158px;
  font: bold 0.875em/140% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  float: left;
  padding: 0;
}
.manage-account .row .value {
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  float: left;
}
.manage-account .password input,
.manage-account .email input {
  width: 200px;
  font: 0.75em/29px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  float: left;
  margin: 0;
  position: relative;
  top: -4px;
}
.manage-account .email input[disabled='disabled'],
.manage-account .password input[disabled='disabled'] {
  border: 0 none;
  -moz-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  background: none;
}
.manage-account .email input[type='text'] {
  font-size: 1em;
}
.manage-account .password input[type='password'] {
  width: 115px;
}
.manage-account .password .confirm-pwd {
  display: none;
}
.manage-account .password label.confirm-pwd {
  margin-left: 20px;
}
.manage-account .row .btn-03 {
  position: relative;
  top: -4px;
}
.manage-account .striped {
  background: url("../images/product-list-bg.png");
}
.manage-account .striped input {
  width: auto;
  float: left;
  margin: 4px 10px;
}
.manage-account .striped label {
  width: auto;
  font: bold 0.875em/160% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #A1905F;
}
.manage-account .address-form {
  display: none;
  margin-bottom: 15px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.manage-account .addresses-list {
  display: none;
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
div .show-addresses {
  width: 12px;
  text-align: center;
}
div .hide-addresses {
  width: 12px;
  text-align: center;
}
.manage-account .addresses-list li {
  vertical-align: top;
  width: 252px;
  display: inline-block;
  padding-right: 10px;
  margin-bottom: 20px;
  -moz-box-shadow: 1px 0 0 #fff;
  -webkit-box-shadow: 1px 0 0 #fff;
  box-shadow: 1px 0 0 #fff;
}
.manage-account .addresses-list li.last-in-row {
  border: 0 none;
}
.manage-account .addresses-list li .buttons {
  width: 100%;
  height: 30px;
  margin: 10px 0;
}
.manage-account .addresses-list li .buttons a {
  margin-right: 10px;
}
.manage-account .addresses-list li input {
  width: auto;
}
.manage-account .addresses-list li label {
  display: inline;
  color: #38506b;
}
.manage-account .addresses-list li label.active {
  font-weight: bold;
}
.manage-account .user-data {
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3f5774;
}
.manage-account .user-data strong {
  font-weight: bold;
  display: block;
}
.manage-account .user-data span {
  display: block;
}
.manage-account .addresses-list .edit-field {
  width: 227px;
  max-width: 227px;
  min-width: 227px;
  height: 73px;
  max-height: 73px;
  min-height: 73px;
  border: 1px solid #ddd;
}
.manage-account .billingaddress-form {
  display: none;
  margin-bottom: 15px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.manage-account .billingaddresses-list {
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.manage-account .billingaddresses-list li {
  width: 227px;
  float: left;
  padding-right: 10px;
  margin-right: 30px;
  margin-bottom: 20px;
  border-right: 1px solid #ddd;
  -moz-box-shadow: 1px 0 0 #fff;
  -webkit-box-shadow: 1px 0 0 #fff;
  box-shadow: 1px 0 0 #fff;
}
.manage-account .billingaddresses-list li.last-in-row {
  border: 0 none;
}
.manage-account .billingaddresses-list li .buttons {
  width: 100%;
  height: 30px;
  margin: 10px 0;
}
.manage-account .billingaddresses-list li .buttons a {
  margin-right: 10px;
}
.manage-account .billingaddresses-list li input {
  width: auto;
}
.manage-account .billingaddresses-list li label {
  display: inline;
  color: #38506b;
}
.manage-account .billingaddresses-list li label.active {
  font-weight: bold;
}
.manage-account .billing-data {
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3f5774;
}
.manage-account .billing-data strong {
  font-weight: bold;
  display: block;
}
.manage-account .billing-data span {
  display: block;
}
.manage-account .billingaddresses-list .edit-field {
  width: 227px;
  max-width: 227px;
  min-width: 227px;
  height: 73px;
  max-height: 73px;
  min-height: 73px;
  border: 1px solid #ddd;
}
.manage-account .card-form {
  display: none;
  margin-bottom: 15px;
  padding-bottom: 15px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.manage-account .cards {
  width: 100%;
  table-layout: fixed;
}
.manage-account .line {
  margin-bottom: 15px;
  padding-bottom: 30px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.manage-account .cards th {
  font: bold 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 5px;
}
.manage-account .vault th {
  padding-top: 5px;
  border-top: solid 2px;
  border-bottom: solid 2px;
}
.manage-account .cards td {
  width: 50px;
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  text-align: center;
  padding: 12px 0;
  border: 2px dotted #ddd;
}
.manage-account .cards td strong {
  font: bold 1.15em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.manage-account .cards .col-first {
  width: 186px;
}
.manage-account .cards .vault .first,
.manage-account .cards .vault .second,
.manage-account .cards .vault .second-red,
.manage-account .cards .vault .second-small,
.manage-account .cards .vault .last {
  text-align: center;
  border: none;
}
.manage-account .cards .vault .second-small {
  font: 0.7em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.manage-account .cards .first {
  width: 186px;
  font: 0.875em/120% "Liberation Serif", Georgia, serif;
  text-align: left;
  border-left: 0 none;
}
.manage-account .cards .col-second {
  width: 264px;
}
.manage-account .vault .col-second {
  width: 164px;
}
.manage-account .cards .second {
  width: 264px;
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  text-align: center;
  padding: 12px 0;
  border: 2px dotted #ddd;
}
.manage-account .cards .second-red {
  width: 264px;
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: red;
  text-align: center;
  padding: 12px 0;
  /*border: 2px dotted #ddd;*/
}
.manage-account .cards .col-expiration,
.manage-account .cards .expiration {
  width: 130px;
}
.manage-account .cards .col-default,
.manage-account .cards .default {
  width: 126px;
  text-align: center;
}
.manage-account .cards .default input {
  width: 20px;
}
.manage-account .cards .col-last {
  width: 80px;
}
.manage-account .cards .last {
  width: 80px;
  border-right: 0 none;
  text-align: center;
  padding: 0 0 0 8px;
}
.manage-account .cards .last a.delete-card {
  width: 50px;
}
.manage-account .notifications-list {
  border-right: 1px solid #DDDDDD;
  -moz-box-shadow: 1px 0 0 #FFFFFF;
  -webkit-box-shadow: 1px 0 0 #FFFFFF;
  box-shadow: 1px 0 0 #FFFFFF;
  float: left;
  margin-bottom: 20px;
  margin-right: 30px;
  padding-right: 10px;
  width: 238px;
}
.manage-account .notifications-list.last {
  border: 0 none;
  margin-right: 0;
}
.manage-account .notifications-list input {
  width: 20px;
}
.manage-account .notifications-list label {
  width: 230px;
  font: 1em/180% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  display: block;
  padding: 0;
}
.manage-account .download p {
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.manage-account .download .download-link {
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #38506b;
  text-decoration: none;
  display: block;
  padding-left: 45px;
  background: url("../images/download-ico.png") center left no-repeat;
}
.manage-account .download .download-link strong {
  font: bold 1.33em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
}
.manage-popup .drop-down-view {
  bottom: 0;
}
.manage-popup input {
  width: 352px;
  font: 0.875em/29px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999;
  margin-top: 4px;
}
.manage-popup label {
  padding-top: 10px;
  padding-bottom: 0px;
}
.manage-popup label.reference {
  width: 700px;
  padding-top: 10px;
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
  display: block;
  float: left;
  top: -4px;
  position: relative;
}
/** manage popup **************************************************************/
/* scroll bars */
.jspVerticalBar {
  width: 12px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: none !important;
}
.jspHorizontalBar {
  background: none !important;
}
.jspTrack {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ECECEB !important;
}
.jspDrag {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #A29060 !important;
}
/* elements */
.drop-down-view {
  overflow: hidden;
  display: block;
  position: absolute;
}
.custom-drop-down {
  cursor: pointer;
}
.btn-01 {
  min-width: 104px;
  height: 26px;
  display: block;
  font: 0.875em/26px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  padding: 0 9px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 1px #666;
  -webkit-box-shadow: 0 0 1px #666;
  box-shadow: 0 0 1px #666;
  background: url("../images/btn-01-bg.png") repeat-x;
}
.btn-01.use-address.active {
  background-position: 0 -26px;
}
.btn-01 span {
  text-align: center;
}
.btn-01 .btn-ico {
  display: block;
  height: 26px;
  cursor: pointer;
  padding-left: 30px;
  background: url("../images/main-sprite.png") no-repeat -959px -212px;
}
.btn-01.use-address.active .btn-ico {
  background-position: -959px -308px;
}
.btn-01-active {
  text-shadow: 0 0 4px #fff;
  background-position: bottom;
}
.btn-01-active .btn-ico {
  background-position: -959px -308px;
}
.btn-01.active .btn-ico {
  background-position: -959px -429px;
}
.btn-02 {
  min-width: 23px;
  height: 26px;
  display: block;
  font: 0.875em/26px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  padding: 0 9px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 1px #666;
  -webkit-box-shadow: 0 0 1px #666;
  box-shadow: 0 0 1px #666;
  background: url("../images/btn-02-bg.png") repeat-x;
}
.btn-02:hover {
  background-position: bottom;
}
.btn-03 {
  height: 26px;
  display: block;
  font: 0.875em/26px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #999;
  padding: 0px 9px;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid c2c2c2;
  border-right-color: #c2c2c2;
  border-left-color: #c2c2c2;
  border-bottom-color: #c2c2c2;
  -moz-box-shadow: 0px 0px 0px #939292;
  -webkit-box-shadow: 0px 0px 1px #939292;
  box-shadow: 0px 0px 1px #939292;
  background: url("../images/btn-03-bg.png") repeat-x;
}
.btn-03:hover {
  color: #666;
  -moz-box-shadow: 0px 0px 1px #666;
  -webkit-box-shadow: 0px 0px 1px #666;
  box-shadow: 0px 0px 1px #666;
}
.prev-step,
.back,
.continue,
.finish-order,
.btn-04 {
  min-width: 23px;
  height: 40px;
  display: block;
  font: 1.063em/40px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  padding: 0 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 2px #666;
  -webkit-box-shadow: 0 0 2px #666;
  box-shadow: 0 0 2px #666;
  background: url("../images/active-step-bg.png") repeat-x center;
}
.prev-step span,
.back span,
.continue span,
.finish-order span {
  background: url("../images/main-sprite.png") no-repeat right 5px;
  cursor: pointer;
  display: block;
  padding-right: 35px;
  padding-left: 5px;
}
.prev-step span {
  background-position: left -199px;
  padding-left: 35px;
  padding-right: 0;
}
.finish-order,
.btn-04 {
  background: url("../images/marked-step-bg.png") repeat-x center;
}
.finish-order span {
  background: none;
  padding-right: 5px;
}
.btn-04 span {
  display: block;
  float: left;
  padding: 0 10px 0 30px;
  background: url("../images/plus-ico.png") no-repeat 2px 11px transparent;
}
.btn-04.active span {
  background: url("../images/main-sprite.png") no-repeat scroll -960px -421px transparent;
}
.address .call-pick-up .btn-04.active span,
.shipping .give-wine .btn-04.active span {
  background-position: -959px -300px;
}
.address .call-pick-up .btn-04.active,
.shipping .give-wine .btn-04.active {
  background-image: url('../images/active-step-bg.png');
}
.dynamic-input {
  width: 73px;
  height: 38px;
  position: relative;
  /*background: #fff;*/
}
.dynamic-input input {
  width: 68%;
  height: 36px !important;
  display: block;
  color: #38506B;
  font: 1.875em/32px "Liberation Serif", Georgia, serif;
  text-align: center;
  padding: 0 !important;
  border: 1px solid #d1d1d1;
  box-shadow: 0 0 0 5px #f3f4f8;
  -moz-box-shadow: 0 0 0 5px #f3f4f8b;
  -webkit-box-shadow: 0 0 0 5px #f3f4f8;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
}
.quantity .dynamic-input input {
  color: #38506B !important;
  font: 1.875em/32px Georgia, serif !important;
  width: 68%;
  height: 36px !important;
  display: block;
  color: #38506B;
  font: 1.875em/32px "Liberation Serif", Georgia, serif;
  text-align: center;
  padding: 0 !important;
  border: 1px solid #d1d1d1;
}
.dynamic-input a {
  width: 22px;
  height: 20px;
  display: block;
  text-indent: -1000px;
  position: absolute;
  background: url("../images/main-sprite.png") no-repeat 0 -85px;
}
.dynamic-input a.increment {
  top: -1px;
  right: -1px;
  background: url("../images/main-sprite.png") no-repeat 0 -85px;
}
.dynamic-input a.decrement {
  bottom: 0;
  right: -1px;
  background: url("../images/main-sprite.png") no-repeat 0 -103px;
}
.dynamic-input a.increment:hover {
  background-position: -22px -85px;
}
.dynamic-input a.decrement:hover {
  background-position: -22px -103px;
}
label {
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
  display: block;
  position: relative;
}
input[type=text],
input[type=password] {
  font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #798e94;
  line-height: 20px;
  /*	height: 20px; */
  padding: 6px 10px;
  border: 1px solid #d1d1d1;
  display: inline-block;
  position: relative;
  box-shadow: 0 0 0 5px #f3f4f8;
  -moz-box-shadow: 0 0 0 5px #f3f4f8b;
  -webkit-box-shadow: 0 0 0 5px #f3f4f8;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  -webkit-appearance: none;
  box-shadow: 0 0 0 5px #f3e9ce;
  -moz-box-shadow: 0 0 0 5px #f3e9ce;
  -webkit-box-shadow: 0 0 0 5px #f3e9ce;
  outline: none;
}
textarea {
  font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #798e94;
  border: 1px solid #d1d1d1;
  box-shadow: 0 0 0 5px #f3f4f8;
  -moz-box-shadow: 0 0 0 5px #f3f4f8b;
  -webkit-box-shadow: 0 0 0 5px #f3f4f8;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
}
#sidebar .filter input[type="text"] {
  -moz-box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
/* =PORTAL DEMO MSG STYLES
-------------------------------------------------------------- */
.demo-msg {
  background: url("../images/demo-bg.png") repeat-x;
  padding: 9px 0;
  height: 31px;
}
.demo-msg .wrapper {
  width: 980px;
  margin: auto;
  text-align: left;
  font-family: "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 23px;
  line-height: 32px;
}
.demo-msg a {
  float: right;
  display: inline-block;
  background: #a29060;
  background: -moz-linear-gradient(top, #a29060 0%, #847449 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a29060), color-stop(100%, #847449));
  background: -webkit-linear-gradient(top, #a29060 0%, #847449 100%);
  background: -o-linear-gradient(top, #a29060 0%, #847449 100%);
  background: -ms-linear-gradient(top, #a29060 0%, #847449 100%);
  background: linear-gradient(top, #a29060 0%, #847449 100%);
  filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#a29060', endColorstr='#847449',GradientType=0)";
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #6E6241;
  padding: 0 10px 0 10px;
  -moz-box-shadow: 0px 1px 3px 0px #6E6241;
  -webkit-box-shadow: 0px 1px 3px 0px #6E6241;
  box-shadow: 0px 1px 3px 0px #6E6241;
  position: relative;
  font-size: 16px;
}
.demo-msg span {
  float: right;
  display: inline-block;
  width: 10px;
}
/*
.demo-msg a:before {
	content: "x";
	position: absolute;
	color: #fff;
	left: 9px;
	top: -1px;
	text-transform: lowercase;
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 300;
}
*/
.demo-msg a:hover {
  background: #847449;
  background: -moz-linear-gradient(top, #847449 0%, #a29060 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #847449), color-stop(100%, #a29060));
  background: -webkit-linear-gradient(top, #847449 0%, #a29060 100%);
  background: -o-linear-gradient(top, #847449 0%, #a29060 100%);
  background: -ms-linear-gradient(top, #847449 0%, #a29060 100%);
  background: linear-gradient(top, #847449 0%, #a29060 100%);
  filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#847449', endColorstr='#a29060',GradientType=0 )";
}
.card-form .btn-03,
.address-form .btn-03 {
  display: inline;
  float: left;
  margin: 0 10px 20px 2px;
}
.manage-popup .drop-down-view {
  bottom: -5px;
}
/*
Version: @@ver@@ Timestamp: @@timestamp@@
*/
.select2-container {
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  min-width: 75px;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
	Force border-box so that % widths fit the parent
	container without overlap because of margin/padding.

	More Info : http://www.quirksmode.org/css/box.html
  */
  -moz-box-sizing: border-box;
  /* firefox */
  -ms-box-sizing: border-box;
  /* ie */
  -webkit-box-sizing: border-box;
  /* webkit */
  -khtml-box-sizing: border-box;
  /* konqueror */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
  filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0)";
  background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaa;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 29px;
  line-height: 29px;
  padding: 0 0 0 8px;
  color: #444;
  text-decoration: none;
  top: 5px;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 90%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 90%);
  filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 )";
  background-image: linear-gradient(top, #eeeeee 0%, #ffffff 90%);
}
.select2-container .select2-choice span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 8px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop {
  background: #fff;
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 100%;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  width: 100%;
  margin-top: 5px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.select2-drop.select2-drop-above {
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-container .select2-choice div {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
  filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0)";
  background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
  border-left: 1px solid #aaa;
  position: absolute;
  right: 18px;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.select2-container .select2-choice div {
  width: 33px;
  right: 2px;
}
.select2-container .select2-choice div b {
  background: url("../images/custom-select-trigger.png") no-repeat 0 1px;
  display: block;
  width: 33px;
  height: 29px;
}
.select2-search {
  display: inline-block;
  white-space: nowrap;
  z-index: 10000;
  min-height: 26px;
  width: 100%;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
}
.select2-search-hidden {
  display: block;
  position: absolute;
  left: -10000px;
}
.select2-search input {
  background: #fff;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
  max-width: 100% !important;
  width: 97% !important;
  margin: 0;
  height: auto !important;
  min-height: 26px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #aaa;
  outline: none;
}
.select2-dropdown-open .select2-choice {
  border: 1px solid #aaa;
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  -o-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 )";
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-dropdown-open .select2-choice div {
  background: transparent;
  border-left: none;
}
.select2-dropdown-open .select2-choice div b {
  /*background-position: -18px 1px;*/
}
/* results */
.select2-results {
  margin: 4px 4px 4px 0;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
}
.select2-results ul.select2-result-sub {
  margin: 0 0 0 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}
.select2-results li {
  list-style: none;
  cursor: pointer;
  display: list-item;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  font: 1em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  text-align: left;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-no-results {
  background: #f4f4f4;
  display: list-item;
}
/*
disabled look for already selected choices in the results dropdown
.select2-results .select2-disabled.select2-highlighted {
	color: #666;
	background: #f4f4f4;
	display: list-item;
	cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
*/
.select2-results .select2-disabled {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice div {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
/* multiselect */
.select2-container-multi .select2-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.select2-container-multi .select2-drop {
  margin-top: 0;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #aaa;
  outline: none;
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.select2-container-multi .select2-choices .select2-search-field input {
  color: #666;
  background: transparent !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 )";
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice span {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  outline: none;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  background-image: none;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  padding: 3px 5px 3px 5px;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
}
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-result-selectable .select2-match {
  text-decoration: underline;
}
.select2-result-unselectable .select2-match {
  text-decoration: none;
}
.select2-offscreen {
  position: absolute;
  left: -10000px;
}
#pricing .field:focus,
.select-focus a,
.focused .select2-container a {
  /*outline: 3px solid #f3e9ce;*/
  -webkit-appearance: none;
  box-shadow: 0 0 0 5px #f3e9ce;
  -moz-box-shadow: 0 0 0 5px #f3e9ce;
  -webkit-box-shadow: 0 0 0 5px #f3e9ce;
  outline: none;
}
/* end multiselect */
/* overrides for new qty box */
.bottles label {
  padding-bottom: 4px;
}
.bottles input {
  height: 32px !important;
}
.bottles .quantity {
  font: 0.8em "Liberation Serif", Georgia, serif;
  box-shadow: 0 0 0 0 #f3f4f8;
  -moz-box-shadow: 0 0 0 0 #f3f4f8b;
  -webkit-box-shadow: 0 0 0 0 #f3f4f8;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
}
.bottles .dynamic-input {
  left: 8px;
}
.bottles .dynamic-input a {
  width: 22px;
  height: 16px;
  display: block;
  text-indent: -1000px;
  position: absolute;
  background: url("../images/main-sprite.png") no-repeat 0 -85px;
}
.bottles .dynamic-input a.qtyadd {
  top: 1px;
  right: -1px;
  background: url("../images/main-sprite.png") no-repeat 0 -85px;
}
.bottles .dynamic-input a.qtysub {
  bottom: 5px;
  right: -1px;
  background: url("../images/main-sprite.png") no-repeat 0 -107px;
}
.bottles .dynamic-input a.qtyadd:hover {
  background-position: -22px -85px;
}
.bottles .dynamic-input a.qtysub:hover {
  background-position: -22px -107px;
}
.vault-billing {
  font-size: .7em;
  color: #38506b;
}
.vault-terms {
  font: 0.7em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
}
.loading {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  padding: 50px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  z-index: 99999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.loading p {
  font-family: Georgia,serif;
  font-size: 18px;
  color: #fff;
  margin: 0;
}
.order-process {
  width: 240px;
}
.order-process p {
  font-family: Georgia,serif;
  font-size: 16px;
  color: #fff;
  padding-top: 20px;
}
.backdrop {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: transparent;
  display: none;
}
.ui-menu .ui-menu-item {
  text-align: left;
  color: #3D5572;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ui-menu .ui-menu-item a {
  color: #3D5572;
}
/* @import "notifications.less"; */
#content .products-details-boxes {
  padding-bottom: 20px;
  overflow: hidden;
}
#content .products-details-boxes li {
  float: left;
  margin-left: -2px;
}
#content .products-details-boxes li .hover + .item-notes {
  top: -6px;
  line-height: 14px;
  margin-bottom: 3px;
}
#content .products-details-boxes .item-container {
  width: 210px;
  height: auto;
  float: left;
  min-height: 106px;
  position: relative;
  padding: 20px 22px 25px 23px;
  background: url("../images/product-box-item-bg.png") no-repeat;
}
#content .products-details-boxes .item-container .border-bottom {
  width: 255px;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../images/product-box-item-bg.png") no-repeat bottom left;
}
#content .products-details-boxes li .hover {
  background: url("../images/product-box-item-bg.png") no-repeat right top;
}
#content .products-details-boxes .hover .border-bottom {
  background: url("../images/product-box-item-bg.png") no-repeat bottom right;
}
#content .products-details-boxes .item-container .item-image {
  width: 40px;
  height: 125px;
  float: left;
  text-align: center;
}
#content .products-details-boxes .item-container .item-image a {
  display: block;
}
#content .products-details-boxes .item-container .item-image a,
#content .products-details-boxes .item-container .item-image img {
  max-width: 30px;
  max-height: 125px;
}
#content .products-details-boxes .item-container .product-details {
  width: 460px;
  float: left;
}
#content .products-details-boxes .item-container .product-name {
  width: 150px;
  font: 1.125em/120% "TradGothicBoldCd", Arial, Helvetica, sans-serif;
  color: #38506b;
  float: left;
  margin-left: 12px;
  padding-bottom: 8px;
  border-bottom: 2px dotted #e3e3e3;
}
#content .products-details-boxes .item-container .product-name a {
  color: #38506b;
  text-decoration: none;
}
#content .products-details-boxes .item-container .product-name a:hover {
  text-decoration: underline;
}
#content .products-details-boxes .item-container .product-name .moreinfo {
  display: block;
  font: 0.55em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #AAA;
  text-shadow: 1px 1px 0pt #ffffff;
}
#content .products-details-boxes .item-container .product-name .moreinfo a,
#content .products-details-boxes .item-container .product-name .moreinfo a:hover {
  color: #AAA;
}
#content .products-details-boxes .item-container .vineyard-designate {
  width: 180px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6A8C91;
  text-shadow: 1px 1px 0pt #ffffff;
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 5px;
  padding-left: 5px;
  float: left;
}
#content .products-details-boxes .item-container .attributes {
  width: 200px;
  overflow: hidden;
  margin-left: 5px;
  float: left;
}
#content .products-details-boxes .item-container .attributes li {
  max-width: 200px;
  float: none;
  overflow: hidden;
  text-align: center;
  margin: 0;
  border-bottom: dotted 2px #dfdedd;
}
#content .products-details-boxes .item-container .attributes .appelation,
#content .products-details-boxes .item-container .attributes .origin {
  display: none;
}
#content .products-details-boxes .item-container .attributes li:first-child {
  border-top: dotted 2px #dfdedd;
}
#content .products-details-boxes .item-container .att-label {
  width: 52px;
  font: bold 0.625em/120% Arial, Helvetica, sans-serif;
  text-align: left;
  color: #AAA;
  float: left;
  margin: 0;
  padding: 5px 0;
}
#content .products-details-boxes .item-container .att-value {
  width: 145px;
  font: 0.875em/110% Georgia, serif;
  color: #3d5572;
  text-align: left;
  text-shadow: 1px 1px 0 #fff;
  float: left;
  margin-top: -1px;
  padding: 3px 0;
  white-space: nowrap;
}
#content .products-details-boxes .item-container .att-value a {
  color: #3d5572;
  text-decoration: none;
}
#content .products-details-boxes .item-container .att-value a:hover {
  text-decoration: underline;
}
#content .products-details-boxes .additional-info {
  width: 171px;
  height: auto;
  float: left;
  padding: 0 6px 0 12px;
}
#content .products-details-boxes .bottles {
  width: 170px;
  height: 64px;
  font: 2em/100% Georgia, serif;
  color: #3d5572;
  text-align: center;
  float: right;
  margin-top: 3px;
  margin-bottom: 8px;
  overflow: hidden;
}
#content .products-details-boxes .bottles li {
  width: 84px;
  float: left;
  text-align: center;
  padding-bottom: 8px;
}
#content .products-details-boxes .bottles label {
  width: 61px;
  font: 0.3125em/110% Arial, Helvetica, sans-serif;
  color: #6A8C91;
  padding-bottom: 10px;
  display: block;
  margin: 3px auto 0;
}
#content .products-details-boxes .bottles .total-bottles {
  border-right: 1px solid #ddd;
}
#content .products-details-boxes .bottles .oeno-bottles {
  border-left: 1px solid #fff;
}
#content .products-details-boxes .bottles .bottles-in-cellar {
  width: 100%;
  padding-top: 8px;
}
#content .products-details-boxes .bottles .bottles-in-cellar label {
  width: 100%;
  padding: 5px 0;
}
#content .products-details-boxes .buttons {
  width: 180px;
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 15px;
}
#content .products-details-boxes .buttons .btn-02 {
  float: right;
}
#content .products-details-boxes .item-notes {
  width: 210px;
  position: relative;
  margin: -17px 0 0 20px;
  clear: both;
  top: -9px;
  background: url("../images/wine-info-box-bg.png") no-repeat left bottom !important;
}
#content .products-details-boxes .item-notes .toggle-content {
  display: none;
}
#content .products-details-boxes .item-notes .stars-rating {
  margin: 10px 16px 5px;
}
#content .products-details-boxes .item-notes .stars-rating li.half {
  background-position: -944px -120px;
}
#content .products-details-boxes .item-notes .stars-rating li.active {
  background-position: -924px -120px;
}
#content .products-details-boxes .item-notes .note-text {
  width: 180px;
  font: 0.75em/120% Arial, Hevetica, sans-serif;
  color: #182C39;
  margin: 10px 16px 15px;
  float: left;
}
#content .products-details-boxes .info-tab {
  width: 109px;
  height: 30px;
  font: 0.7em/21px Arial, Helvetica, sans-serif;
  text-indent: 38px;
  color: #aaa;
  margin-left: 30px;
  clear: both;
  cursor: pointer;
  background: url("../images/main-sprite.png") no-repeat -886px -242px;
}
#content .products-details-boxes .visible .info-tab,
#content .products-details-boxes .hover-info-tab {
  color: #A29060;
  background-position: -886px -273px !important;
}
#content .top-labels {
  padding: 0;
  border-collapse: collapse;
  table-layout: fixed;
  width: 760px;
}
#content .top-labels .producer {
  width: 180px;
}
#content .top-labels .vintage {
  width: 81px;
}
#content .top-labels .variental {
  width: 141px;
}
#content .top-labels .btl-size {
  width: 81px;
}
#content .top-labels .origin {
  width: 70px;
  display: none;
}
#content .top-labels .tot-btls {
  width: 51px;
  padding-right: 15px;
}
#content .top-labels .ov-btls {
  width: 51px;
}
#content .top-labels .add-item {
  width: auto;
}
#content .products-list {
  padding-bottom: 20px;
  overflow: hidden;
}
#content .products-list li {
  margin: 2px 0;
  padding: 5px 0;
  height: 55px;
}
#content .products-list > li.odd {
  background: url("../images/product-list-bg.png") repeat;
}
#content .products-list .item-container .item-image,
#content .products-list .item-container .att-label,
#content .products-list li .border-bottom,
#content .products-list li .item-notes {
  display: none;
}
#content .products-list .item-container .product-name {
  width: 160px;
  height: 35px;
  font: 0.875em/110% "TradGothicBoldCd", Arial, Helvetica, sans-serif;
  color: #38506b;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
  border-right: 1px solid #ddd;
  position: absolute;
}
#content .products-list .item-container .product-name span {
  width: 220px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6A8C91;
  text-shadow: 1px 1px 0pt #ffffff;
  text-transform: uppercase;
  overflow: hidden;
  margin-left: 0px;
  float: left;
}
#content .products-list .item-container .vineyard-designate {
  width: 180px;
  font: 0.75em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6A8C91;
  text-shadow: 1px 1px 0pt #ffffff;
  text-transform: uppercase;
  overflow: hidden;
  margin-top: 25px;
  text-align: center;
  float: left;
}
#content .products-list .item-container .product-name a {
  color: #38506b;
  text-decoration: none;
}
#content .products-list .item-container .product-name a:hover {
  text-decoration: underline;
}
#content .products-list .item-container .product-name .moreinfo {
  position: absolute;
  top: 40px;
  left: -25px;
  display: block;
  font: 0.55em/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #AAA;
  text-shadow: 1px 1px 0pt #ffffff;
}
#content .products-list .item-container .product-name .moreinfo a,
#content .products-list .item-container .product-name .moreinfo a:hover {
  color: #AAA;
}
#content .products-list .item-container .attributes {
  width: 315px;
  overflow: hidden;
  margin-left: 5px;
  display: table-cell;
  vertical-align: middle;
}
#content .products-list .item-container .attributes li {
  height: 55px;
  font: 0.875em/110% Georgia, serif;
  color: #38506b;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #ddd;
}
#content .products-list .item-container .attributes li a {
  color: #38506b;
  text-decoration: none;
}
#content .products-list .item-container .attributes .year {
  width: 73px;
  min-width: 73px;
  padding: 0 4px;
}
#content .products-list .item-container .attributes .varietal {
  width: 133px;
  min-width: 133px;
  max-width: 133px;
  padding: 0 4px;
}
#content .products-list .item-container .attributes .appelation {
  width: 74px;
  padding: 0 4px;
}
#content .products-list .item-container .attributes .origin {
  width: 63px;
  padding: 0 4px;
  display: none;
}
#content .products-list .bottles {
  width: 130px;
  padding-right: 10px;
  height: 45px;
  text-align: center;
  display: table-cell;
  overflow: hidden;
}
#content .products-list .bottles li {
  width: 56px;
  height: 46px;
  font: 1.25em/110% Georgia, serif;
  color: #38506b;
  padding: 0 2px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#content .products-list .bottles label {
  display: none;
}
#content .products-list .bottles .total-bottles {
  border-right: 1px solid #ddd;
  border-left: 1px solid #fff;
}
#content .products-list .bottles .oeno-bottles {
  border-left: 1px solid #fff;
}
#content .products-list .bottles .bottles-in-cellar {
  width: 86px;
}
#content .products-list .buttons {
  width: 100px;
  height: 42px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  margin: 0 auto;
}
#content .products-list .buttons a {
  float: right;
  position: relative;
}
#content .products-list .buttons .btn-01 {
  margin: 5px 10px 20px 10px;
}
#content .products-list .buttons .btn-02 {
  margin: 0 0 0 9px;
}
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 10px 10px 10px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 25px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  outline: 0;
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: #e6e6e6;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"] {
  margin-top: 1px;
}
.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
.btn-small [class^="icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  background-color: #0074cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}
.btn-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
}
.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}
.btn-group:after {
  clear: both;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  margin-top: 9px;
  margin-bottom: 9px;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.btn-group .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
}
.btn-group .btn:last-child,
.btn-group .dropdown-toggle {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}
/* ===[ Buttons ]=== */
.btn-ov {
  position: relative;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font: 100%/1.5;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: #6d603c 0 1px 0;
  border: 1px solid #182d3b;
  padding: 9px 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #85754a;
  background: -webkit-gradient(linear, left top, left bottom, from(#a29060), to(#85754a));
  background: -webkit-linear-gradient(top, #a29060, #85754a);
  background: -moz-linear-gradient(top, #a29060, #85754a);
  background: -ms-linear-gradient(top, #a29060, #85754a);
  background: -o-linear-gradient(top, #a29060, #85754a);
  background-image: -ms-linear-gradient(top, #a29060 0%, #85754a 100%);
}
.btn-ov::-moz-focus-inner {
  margin: 0;
  padding: 0;
  border: 0;
}
a.btn-ov {
  outline: 0;
}
/* ===[ Default hover ]=== */
.btn-ov:hover,
.btn-ov:active {
  border: 1px solid #183140;
  text-shadow: #6d603c 0 1px 0;
  background: #85754a;
  background: -webkit-gradient(linear, left top, left bottom, from(#bdaa76), to(#85754a));
  background: -webkit-linear-gradient(top, #bdaa76, #85754a);
  background: -moz-linear-gradient(top, #bdaa76, #85754a);
  background: -ms-linear-gradient(top, #bdaa76, #85754a);
  background: -o-linear-gradient(top, #bdaa76, #85754a);
  background-image: -ms-linear-gradient(top, #bdaa76 0%, #85754a 100%);
  color: #ffffff;
}
/* ===[ Default active ]=== */
.btn-ov:active {
  text-shadow: #6d603c 0 1px 0;
  border: 1px solid #183140;
  background: #a29060;
  background: -webkit-gradient(linear, left top, left bottom, from(#85754a), to(#85754a));
  background: -webkit-linear-gradient(top, #85754a, #a29060);
  background: -moz-linear-gradient(top, #85754a, #a29060);
  background: -ms-linear-gradient(top, #85754a, #a29060);
  background: -o-linear-gradient(top, #85754a, #a29060);
  background-image: -ms-linear-gradient(top, #85754a 0%, #a29060 100%);
  color: #ffffff;
}
/* ===[ Button sizes ]=== */
.btn-ov.small {
  padding: 3px 8px 4px;
  font-size: 10px;
}
.btn-ov.large {
  padding: 10px 20px 11px;
  font-size: 14px;
}
/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder

    */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('../fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  color: #ccdada;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  padding-right: 10px;
  padding-left: 10px;
}
li[class^="icon-"],
li[class*=" icon-"] {
  display: block;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
  line-height: .9em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"],
li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */
  width: 1.875em;
}
li[class^="icon-"],
li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before,
li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before,
li[class*=" icon-"].icon-large:before {
  text-indent: -1.33333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before {
  content: "\f01e";
}
/* \f020 is not a valid unicode character. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
/*!
Video.js Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('/fonts/vjs.eot');
  src: url('/fonts/vjs.eot?#iefix') format('embedded-opentype'), url('/fonts/vjs.woff') format('woff'), url('/fonts/vjs.ttf') format('truetype'), url('/fonts/vjs.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus highlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}
/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */
}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0;
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.2);
}
/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.1);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}
/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-big-play-button {
  display: none;
}
/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none;
}
.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}
.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}
.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}
/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block;
}
/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
  display: none;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c";
}
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertically aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
  display: none;
}
/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3em;
  right: 0;
  pointer-events: none;
}
/* Captions Settings Dialog */
.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #000;
  opacity: 0.75;
  color: #FFF;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 40em;
}
.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left;
}
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both;
}
.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
}
.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px;
}
.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
}
.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px;
}
.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
}
.vjs-caption-settings label > input {
  margin-right: 10px;
}
.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px;
}
/* Hide disabled or unsupported controls */
.vjs-hidden {
  display: none !important;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 2em;
  color: #ccc;
  background-color: #333;
  font-size: 1.8em;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 30em;
  height: 15em;
  margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */