/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *






 */

/* jQuery Countdown styles 1.5.8. */

.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	text-align: center;
	float: left;
}
.countdown_amount {
	display: inline;
}
.countdown_descr {
	display: inline;
	width: 100%;
}
.simple_form label { display: block; float: left; width: 20%; }
.column { float: left; }
.half_width { width: 48%; margin-right: 10px; }
.last { margin-right: 0; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }

#content { overflow:hidden; }

#packages .package .price {
  font-size: 20px !important;
  margin-bottom: 5px;
}

#packages .package .price span.dollars {
    font-size: 24px;
}

#packages .package .price span.decimals {
  font-size: 0.7em; font-weight: normal; vertical-align: baseline; top: -0.3em; position: relative; /* so it doesn't disturb line-height */
}

#packages .schedule {
  display: none;
}

#shipping_zones {
  width: 100% !important;
  margin: 20px auto;
  text-align:center;
}
#shipping_zones h2 {
  margin-bottom: 10px;
}
#shipping_zones .shipping_zone {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    width: 185px;
    float:none;
    display:inline-block;
    margin: 10px;
    padding: 10px;
    text-align: center;
    min-height: 100px;
    background: #fafafa;
}
#shipping_zones .shipping_zone:hover {
  border: 1px solid #660935;
}
#shipping_zones .shipping_zone div {
    position: absolute; bottom: 0px;
    width: 250px;
}
.shipping_zone ul li {
    list-style-type: none;
    background: none;
    padding: 0;
    margin: 0;
}

table td{vertical-align: top}


form.line_item{border: 0;position: relative; top: -16px; right: -6px;}
form #message_preview{position: absolute; top: 75px; right: 20px;}

#tabs {
  margin-top: 20px !important;
}

#membertypes{
  width:780px;
  margin:0 auto;
}

/*
  Countdown
*/

#timeleft {
  margin: 0 auto 40px auto;
  padding: 5px 20px 10px 20px;
  width: 400px;
  text-align: center;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  overflow: auto;
}

#timeleft p {
  color: #7F3256;
  text-transform: uppercase;
}
#timeleft #countdown {
  font-size: 12px;
  background: none;
  border: none;
}

#timeleft .schedule {
  display: none;
}

#center .groupon {  width: 550px; margin: 20px auto;  overflow: auto;}
#signup{margin: 20px auto 20px auto;  padding: 10px 77px; width: 500px; overflow: auto;}
/*formtastic overrides */
form.formtastic fieldset ol li{position:relative;}
td#item_name_column { width: 400px; }
#checkout_customer_attributes_billing_addresses_attributes_0_is_residential_input { position: static; }
#checkout_customer_attributes_gift_addresses_attributes_0_is_residential_input { position: static; }
#checkout_customer_attributes_shipping_addresses_attributes_0_is_residential_input { position: static; }
#checkout_shipping_address_same_as_billing_address_input { position: static;}
#billing_address_is_residential_input { position: static; }
#gift_address_is_residential_input { position: static; }
#shipping_address_is_residential_input { position: static; }
#coupon_code_inputs { position: static; height: 85px; }
#checkout_coupon_code_input { position: relative; top: -30px; }
#checkout_coupon_code { width: 175px; }
#checkout_apply_coupon { position: relative; top: -68px; left: 425px;}
#coupon_code_inputs div span { font-size: 0.9em !important; }
#coupon_code_inputs ul.errors { margin-left: 75px !important;}
#customer_remember_me_input { position: static; }

#customer_send_email_news_input { position: static; }
#customer_send_email_promos_input { position: static; }
#customer_bounced_or_bad_email_input { position: static; }
#customer_send_email_never_input { position: static; }

#wine_info { width: 750px; }
#wine_info .bottle_image{ float: right; }
#wine_info dl{ float: left; width: 575px; margin: 0; }
#wine_info dt{ float: left; font-weight: bold; width: 150px; min-height: 30px; margin-left: 10px; clear: left; }
#wine_info dd{ float: left; width: 390px; display: block;  clear: right; min-height: 20px; margin: 0; margin-bottom: 10px; }

/* validation error displays */
ul.errors{
  position:relative;
  display: inline-block!important;
  background:#fae1e1;
  border:1px solid #CC1633;
  padding:2px 6px !important;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  width: 300px;
  margin: 1rem 0;
  text-align: center;
}
ul.errors li{
  font-size:11px;
  list-style-type: none;
  white-space:normal;
}


/* Admin control panel - list of things you can do */
#admin_container {
  margin-bottom: 30px;
}

#admin_container table tr th,
table#admin_list tr th,
table#report_list tr th {
  border-bottom: 1px solid #666;
}

#admin_container table,
table#shipment_list,
table#wine_list {
  border: 1px solid gray;
  border-spacing: 2px;
  border-collapse: collapse;
}

#admin_container table thead th,
table#shipment_list thead,
table#wine_list thead {
  background-color: #ddd;
}

#admin_container table tbody td,
table#shipment_list tbody td,
table#wine_list tbody td {
  border: 1px solid #ccc;
}

.handle:hover {
  cursor: move;
}
.handle.icon:hover {
  background: url(/assets/drag_icon-8d4d83a5cc4050188347e68206ebbdb3b93d8de759192094cad5dc7b397dbb3d.png) center center no-repeat;
}

#loading_page {
  background: #666;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #ddd;
  font-size: 1.6em;
  font-weight: bold;
  max-width: 250px;
  opacity: 0.94;
  padding: 10px 20px;
  position: absolute;
  text-align: center;
  z-index: 5;
}
#loading_page_message {
  padding-bottom: 10px;
}


/* Powered by BlackSquare */
#poweredby {
  text-align: center;
  clear: both;
  font-size: 9px;
  margin: 60px auto 10px auto;
  line-height: 17px;
  vertical-align: top;
  color: #666;
}
#poweredby span {
  display: inline;
}
#poweredby img {
  vertical-align: top;
}

/*
  Old Browser page
*/

#oldbrowser {
  margin: 0 auto;
  width: 700px;
}

#oldbrowser h2 {
  margin: 20px;
  font-size: 16px;
  color: red;
}

ul#alternatives {
  margin: 40px 0;
}
ul#alternatives img {
  margin: 5px auto;
  display: block;
}

ul#alternatives li {
  list-style-type: none !important;
  text-align: center;
  width: 160px;
  float: left;
  font-size: 12px;
}

p.risks {
  margin: 40px 0px;
  text-align: center;
  font-size: 12px;
}
p.note {
  margin-left: 20px;
}


/*
  Edit Wine
*/
select#wine_varietal_ids {
  border-color: #ccc;
}

input#create_new_varietal {
  width: auto;
}

/*
  Wine Club Checkout
*/


/* Where am i */
ol#where_in_checkout {
  height: 30px;
  background: #f1f1f1;
  font-size: 14px;
  margin: 10px 0 40px 0;
  border-bottom: 1px solid #ccc;

}

ol#where_in_checkout li {
  list-style-type: decimal;
  list-style-position: inside;
  background: #f1f1f1;
  float: left;
  padding: 5px 20px 5px 40px;
}

ol#where_in_checkout li.current {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  background: #fff;
  margin-top: -1px;
}

/*
Mini Cart
*/

#mini_cart {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 4px 4px #efefef;
  box-shadow: 0 0 4px 4px #efefef;
  width: 242px;
  z-index: 1000;
  padding: 10px;
}

#mini_cart h3 {
  padding: 0 0 4px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px solid #ccc;
}

#mini_cart .close_window {
  position: absolute;
  top: 12px;
  right: 14px;
}

#mini_cart ul {
  max-height: 220px;
  overflow: auto;

  margin: 0;
  padding: 0;
  text-align: left;
}

#mini_cart ul li {
  list-style-type: none;
  border-bottom: 1px solid #ccc;
}


#mini_cart li span {
  display: block;
}

#mini_cart .cart_item_details {
  padding-top: 11px;
}

#mini_cart .subtotal {
  border-top: 1px solid #ccc;
  text-align: right;
  margin-right: 5px;
}

#mini_cart input.button {
  text-align: center;
  margin-bottom: 4px;
  width: 240px;
  padding: 7px 0;
}

#mini_cart a.continue_shopping {
  text-align: center;
}


/* What is my cart */

#cart_contents {
  margin: 0 0 20px 0;
}
#cart_contents table {
}

.line_item {
  border-bottom: 1px solid #ccc;
}
.line_item td {
  padding: 5px;
}

.line_item .item_name,
.line_item .subtotal_price {
  font-size: 18px;
  margin: 5px 0 0 0;
}

.line_item.tax_total,
.line_item.grand_total {
  border: none;
}

/*
  Checkout table
*/
.cart_price {
  width: 100px;
  text-align: center;
}
.cart_image {
  float: left;
  margin: 10px;
}
.cart_title {
  font-weight: bold;
  padding-top: 5px;
  display: block;
}
.cart_package_subtitle {
  display: block;
}

/* cart items */
.cart_item_details {
  display: block;
  margin-top: 14px;
}
.cart_item_error {
  margin-left: 14px;
  color: #DD0000;
}

.bottle_count_help {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

/* billing shipping area */

#new_user h2,
#new_customer h2,
#guest_customer h2,
#returning_customer h2,
#gift_details h2,
#recipient_details h2,
#contact_details h2,
#billing_address h2,
#shipping_address h2,
#referrals h2,
#delivery_options h2,
#discounts h2,
#stored_payment h2,
#g h2,
.edit_address h2 {
  margin-bottom: 15px;
  padding:0;
}

#contact_details {
  width: 912px;
  padding: 20px;
  margin: 10px 0;
  border: 4px solid white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px 2px #e1e1e1;
  box-shadow: 0 0 2px 2px #e1e1e1;
}

#discounts {
  text-align:right;
  border:0;
  padding:10px 20px;
  text-align:right;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0 0 #e1e1e1;
  box-shadow: 0 0 0 0 #e1e1e1;
  width: auto;
}
#discounts input[type="text"] {
  margin-right:10px;
}

#discounts .errors_block {
  width: 320px;
  float: right;
  margin: 10px 20px 0 0;
}

#new_user,
#new_customer,
#returning_customer,
#gift_details,
#recipient_details,
#billing_address,
#shipping_address,
#referrals,
.edit_address {
  width: 422px;
  padding: 20px;
  margin: 10px 0;
  border: 4px solid white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px 2px #e1e1e1;
  box-shadow: 0 0 2px 2px #e1e1e1;
}
.edit_address {
  float: none !important;
  max-width: 422px !important;
  padding: 20px;
  margin: 10px 0;
}
.edit_address select {
  width: 210px !important;
}
.edit_address hr {
  margin: 20px 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #DEDEDE;
}
#guest_customer {
  width: 422px;
  padding: 20px;
  margin: 10px 0;
  border: 4px solid white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px 2px #e1e1e1;
  box-shadow: 0 0 2px 2px #e1e1e1;
}
.edit_address {
  float: none !important;
  max-width: 422px !important;
  padding: 20px;
  margin: 10px 0;
}
.edit_address select {
  width: 210px !important;
}
.edit_address hr {
  margin: 20px 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #DEDEDE;
}

#new_user,
#new_customer,
#guest_customer,
#returning_customer,
#gift_details,
#recipient_details,
#billing_address,
#shipping_address,
#referrals,
#stored_payment,
#paypal_payment,
#global_collect_payment,
#credit_card_payment {
 float: left;
}

#gift_actions {
  clear: both;
}

#billing_address select,
#shipping_address select,
#referrals select,
.edit_address select {
  width: 214px;
}

#guest_customer,
#returning_customer,
#recipient_details,
#shipping_address,
#referrals {
  margin-left: 20px;
}

#delivery_options {
  clear: both;
  margin: 30px 0 10px 0;
  padding: 10px 0;
}
#delivery_options fieldset legend {
  display: none;
}
#delivery_options ol {
  list-style-type: none;
}
#delivery_options li {
  margin: 5px 0;
}
#delivery_options label {
  float: none;
  display: inline;
  width: 300px;
}

.edit_address li.boolean label {
  width: 100%;
}

#authority_to_leave_behind_note {
  margin-top: 20px;
}

#user_terms_of_service_input input {
  margin-right:10px;
}
#user_terms_of_service_input label {
  width:100%;
}

/* Checkout payment step */
#stored_payment,
#paypal_payment,
#global_collect_payment,
#credit_card_payment {
  width: 422px;
  padding: 20px;
  margin: 10px 5px;
  border: 4px solid white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px 2px #e1e1e1;
  box-shadow: 0 0 2px 2px #e1e1e1;
}

#credit_card_payment h2 {
  margin-top: 0;
  padding-top: 0;
}

#stored_payment {
  margin-right: 15px;
}

#global_collect_payment,
#paypal_payment {
  margin-left: 20px;
}

#paypal_payment a.disabled {
  opacity: 0.30;
}

.errors_block {
  background: #FFF;
  border: 2px solid #CC1633;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-bottom: 10px;
}
.errors_block li {
  font-size: 11px;
  list-style-type: none;
}
.ui-autocomplete-loading {
  background: white url(/assets/loader-e08ca4d92e1d7d6df34780a46432979f8801231954bd7e6d222ec809a0644647.gif) right center no-repeat !important;
}
li#checkout_form_payment_card_expiry_month_input {
  width: 60px;
  float: left;
}

li#checkout_form_payment_card_expiry_year_input {
  float: left;
  width: 80px;
  margin-left: 5px;
}

input#checkout_form_payment_card_security {
  width: 60px;
}

#discounts .button {
  width: 150px;
}

fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear-block {
  display: inline-block;
}
/*_\*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */




body.drag {
  cursor: move;
}
th.active img {
  display: inline;
}
tr.even,tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
tr.drag {
  background-color: #fffff0;
}
tr.drag-previous {
  background-color: #ffd;
}
td.active {
  background-color: #ddd;
}
td.checkbox,th.checkbox {
  text-align: center;
}

tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

.error {
  /* color: #e55; */
}
tr.error {
  background: #fcc;
  color: #200;
  padding: 2px;
}
.warning {
  color: #e09010;
}
div.warning {
  /* border: 1px solid #f0c020; */
}
div.warning, tr.warning {
  background: #ffd;
  color: #220;
  padding: 2px;
}
.ok {
  color: #008000;
}
div.ok {
  border: 1px solid #00aa00;
}
div.ok,tr.ok {
  background: #dfd;
  color: #020;
  padding: 2px;
}


/* Global */



/* Lists */


ul.menu,
.item-list ul {
  margin: 0.35em 0 0 -0.5em;
  padding: 0;
}

ul.menu ul,
.item-list ul ul {
  margin-left: 0em;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0;
}
fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}
dl {
  margin: 0.5em 0 1em 1.5em;
}
dl dt {
}
dl dd {
  margin: 0 0 .5em 1.5em;
}
img,a img {
  border: none;
}
table {
  margin: 1em 0;
  width: 100%;
}
thead th {
  border-bottom: 1px solid #ccc;
  color: #494949;
  font-weight: bold;
}
th a:link,th a:visited {
  color: #6f9dbd;
}
td,th {
  padding: .3em .5em;
}
tr.even,tr.odd {
  border: solid #FDF9EE;
  border-width: 1px 0;
}
tr.odd,tr.info {
  background-color: #FDF9EE;
}
tr.even {
  background-color: #fff;
}
tr.drag {
  background-color: #fffff0;
}
tr.drag-previous {
  background-color: #ffd;
}
tr.odd td.active {
  background-color: #FDF9EE;
}
tr.even td.active {
  background-color: #ffffff;
}
td.region,td.module,td.container,td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}
tr:first-child td.region,tr:first-child td.module,tr:first-child td.container,tr:first-child td.category {
  border-top-width: 0;
}
span.form-required {
  color: #ffae00;
}
span.submitted {
  font-size: 11px;
  color: #898989;
}
.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}
.messages,.preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}
.messages ul {
  margin: 0;
}
.form-checkboxes,.form-radios,.form-checkboxes .form-item,.form-radios .form-item {
  margin: 0.25em 0;
}
#center form {
  margin-bottom: 2em;
}
.form-button,.form-submit {
  margin: 2em 0.5em 1em 0;
}
#dblog-form-overview .form-submit,.confirmation .form-submit,.search-form .form-submit,.poll .form-submit,fieldset .form-button,fieldset .form-submit,.sidebar .form-button,.sidebar .form-submit,table .form-button,table .form-submit {
  margin: 0;
}
.box {
  margin-bottom: 2.5em;
}
#wrapper {
}


h1#pitch {
  height: 110px;
  text-indent: -999em;
}

#wrapper #container #center {
  float: left;
}
#wrapper #container .sidebar {
  margin: 60px 0 5em;
  width: 210px;
  float: left;
  z-index: 2;
  position: relative;
}
#wrapper #container .sidebar .block {
  margin: 0 0 1.5em 0;
}
#sidebar-left {
  position: absolute;
  top: 170px;
  left: 0;
  width: 150px;
  font-size: 9px;
}
#sidebar-left .block {
  padding: 0 15px 0 0px;
}
.block .content {
  margin: 0.5em 0;
}
#sidebar-left .block-region {
  margin: 0 15px 0 0px;
}
.block-region {
  padding: 1em;
  background: transparent;
  border: 2px dashed #b4d7f0;
  text-align: center;
  font-size: 1.3em;
}
#wrapper #container .breadcrumb {
  display: none;
  top: 15px;
  left: 35px;
  z-index: 3;
}

#wrapper #container .breadcrumb {
  font-size: 0.92em;
}
#wrapper #container .breadcrumb,#wrapper #container .breadcrumb a {
  color: #529ad6;
}
#mission {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left;
}
.profile {
  margin-top: 1.5em;
}
.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-weight: normal;
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: 1.4em;
  margin-bottom: 0.45em;
}
.profile dd {
  margin-bottom: 1.6em;
}
table.system-status-report th {
  border-color: #d3e7f4;
}
#autocomplete li.selected,tr.selected td,tr.selected td.active {
  background: #027ac6;
  color: #fff;
}
.australia_post_autocomplete select {
  height: 80px;
}
tr.selected td a:link,tr.selected td a:visited,tr.selected td a:active {
  color: #d3e7f4;
}
tr.taxonomy-term-preview {
  opacity: 0.5;
}
tr.taxonomy-term-divider-top {
  border-bottom: none;
}
tr.taxonomy-term-divider-bottom {
  border-top: 1px dotted #CCC;
}
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}
.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}
div.status {
  color: #000;
  text-align: center;
  font-size: 14px;
  border: 3px solid #42cc43;
  background: #fff;
}
div.status a {
  font-weight: bold;
}
div.status li {
  background: none;
}
tr.error {
  padding: 20px;
  font-size: 14px;
  color: #a30000;
  background-color: #FFCCCC;
}

.form-item input.error,.form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}
tr.dblog-user {
  background-color: #fcf9e5;
}
tr.dblog-user td.active {
  background-color: #fbf5cf;
}
tr.dblog-content {
  background-color: #fefefe;
}
tr.dblog-content td.active {
  background-color: #f5f5f5;
}
tr.dblog-warning {
  background-color: #fdf5e6;
}
tr.dblog-warning td.active {
  background-color: #fdf2de;
}
tr.dblog-error {
  background-color: #fbe4e4;
}
tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found,tr.dblog-access-denied {
  background: #d7ffd7;
}
tr.dblog-page-not-found td.active,tr.dblog-access-denied td.active {
  background: #c7eec7;
}
table.system-status-report tr.error,table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning,table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok,table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}

#action {
  width: 960px;
  height: 65px;
  margin: 30px auto 0 auto;
}
#action a.learn,#action a.signup {
  display: block;
  text-indent: -999em;
  float: left;
  width: 466px;
  height: 65px;
}


#membertypes .membertype {
  width: 210px;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border: 1px solid #ddd;
  padding: 10px 30px;
  margin: 20px 0 100px 70px;
  float: left;
  text-align: center;
}

#membertypes .membertype:hover {
  border: 1px solid #650934;
}
#membertypes .membertype h3 a {
  font-size: 30px;
  text-decoration: none;
}
#membertypes .membertype h3 a:hover {
  text-decoration: underline;
}
#membertypes .membertype ul {
  margin: 0;
  padding: 0;
}
#membertypes .membertype ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-image: none;
}
#membertypes .membertype a.push {
  display: block;
  margin: 10px 0;
}
#special-offer {
  font-size: 12px;
  color: #660935;
  text-align: center;
  width: 940px;
}
span.special {
  text-decoration: line-through;
}



#checkout-form-bottom {
  border: none;
}
.cart-review {
  border: none;
}
td.desc {
  text-indent: -70px;
  z-index: 99;
}
.checkoutbuttons {
  text-align: right;
}
.pane-title-row td {
  background: #fff;
}
#customer-pane #edit-panes-customer-age-1-wrapper {
  display: inline;
  margin: 10px 10px 16px 20px;
  font-size: 18px;
  float: left;
}
#customer-pane .form-item .description {
  display: inline;
  float: left;
  height: 30px;
  line-height: 46px;
}
#delivery-pane #edit-panes-delivery-delivery-zone-wrapper .description {
  font-size: 12px;
  color: red;
}
.field-label {
  vertical-align: top;
}
.blog {
  margin: 0 0 40px 0;
}
.blog-post {
  margin: 10px 0;
}

.comment {
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
  padding: 0 10px 0 0;
  position: relative;
}
.comment .content {
  margin: 5px 0;
}
.indented {
  margin: 0;
  padding-left: 20px;
}
.indented .comment {
  padding-left: 5px;
}
.links {
  width: 250px;
  position: absolute;
  right: 5px;
  top: 0;
  text-align: right;
  margin: 0 !important;
}
.links li {
  background: none;
  font-size: 11px;
}
#right ul li {
  background: none;
  margin: 0;
  font-size: 12px;
}
#right ul li a {
  display: block;
}
#social {
  clear: both;
  overflow: auto;
}
#social li {
  margin: 0;
  padding: 0 5px;
  float: left;
}
.view-Wine table {
}
.view-Wine .col-1,.view-Wine .col-2 {
  padding: 10px 10px 50px 20px;
}
.view-Wine .views-field-field-image-cache-fid {
  float: left;
  margin: 0 20px 40px 0;
}
.views-field-title {
  font-size: 14px;
}
.view-Wine .views-field-title span.field-content a {
  text-decoration: none !important;
}
.view-Wine .views-field-title span.field-content a:hover {
  text-decoration: underline !important;
}
.view-Wine label {
  font-weight: bold;
}
.views-field-value label {
  float: left;
}
.views-field-value span.field-content {
  height: 100px;
}
span.average-rating {
}
td.col-1,td.col-2,td.col-3,td.col-4 {
  width: 150px;
}
/*
  Global
*/

body {
  padding: 0;
  font: 12px/170% Arial,sans-serif;
  color: #494949;
  margin: 0 auto;
}

input {
  font: 12px/100% Arial,sans-serif;
  color: #494949;
}
input[type=checkbox] {
  font-size: 20px;
  vertical-align: baseline;
  width: auto;
}
input[type=radio] {
  font-size: 20px;
  vertical-align: baseline;
  width: auto;
  margin-right: 10px;
}
input.disabled, input:disabled {
  background: #333 !important;
  opacity: 0.3;
  cursor: not-allowed !important;
}
select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
textarea,select {
  font: 12px/160% Arial,sans-serif;
  color: #494949;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica,Arial,sans-serif;
}

h1 {
  margin: 20px 20px 0 20px;
  font-size: 190%;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}


h2 {
  font-size: 160%;
  line-height: 130%;
}
h3 {
  font-size: 18px;
  margin: 25px 0 5px 0;
}
h4 {
  font-size: 130%;
}
h5 {
  font-size: 120%;
}
h6 {
  font-size: 110%;
}

ul, ol {
  margin: 0;
  padding: 0 20px;
}

ul li {
  margin: 0 0px;
  list-style-type: circle;
  padding: 0;
}

quote,code,fieldset {
  margin: .25em 0;
}
p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

.clear {
  clear: both;
}

/* Self-clearing float groups:
 * http://css-tricks.com/snippets/css/clear-fix/
 *
 * Might look into this later:
 * http://nicolasgallagher.com/better-float-containment-in-ie/
 */
.group:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

.center {
  text-align: center;
}

#content {
  padding: 10px
}

.important {
  font-size: 12px;
  color: green;
  border: 1px solid #ccc;
  text-align: center;
}

/*
  Flash alert box
*/
div.super-site-wrapper {
  position:relative;
}

#notices {
  position: absolute;
  z-index: 10000;
  clear:both;
  width:100%;
  background: #f4f4f4;
  text-align:center;
  display:none;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;
}
#notices img {
  margin-right:10px;
  vertical-align:middle;
}
#notices p {
  width:auto;
  padding-left:40px;
  font-size:16px;
  color:#333;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  font: normal normal bold 14px arial, sans-serif;
}
#flash_notice,
#flash_warning,
#flash_alert,
#flash_error {
 width:auto;
 max-width:800px;
 margin:0 auto;
 text-align:left;
 display:inline-block;
 overflow:auto;
 min-height:60px;
 padding-top:35px;
}

#flash_alert,
#flash_error {
 background:url(/assets/icons/message-error-021a3145067d950ddcb45c2fd1ab98f91b291a83f833e1182c83572ccf2c05cf.png) 0px 40px no-repeat;
}
#flash_warning {
 background:url(/assets/icons/message-warning-9455fbed3fd86be69f4acf65de7906786a6d5fe4d35d2f81d968dc9e4022572c.png) 0px 40px no-repeat;
}
#flash_notice {
 background:url(/assets/icons/message-success-3746646ebdb934b8c3e5badb77eb4c8ff0256b658c4edd42b51819f8fafba1ef.png) 0px 40px no-repeat;
}

/*
  Header
*/

header {
  height: 200px;
  background-color: #fff;
  width: 100%;
}

header nav {
  position: absolute;
  top: 0;
  right: 0;
}

#client-header {
  background: transparent;
  margin: 0 auto;
  padding-bottom: 20px;
  width: 100%;
  position: relative;
}

#client-header a#logo img {
  text-align: center;
  margin: 0 auto;
  display: block;
  clear: both;
}

div#cart_icon_container {
  float: right;
}

ul#cart,
ul#subscription_cart {
  border: 1px solid #ccc;
  border-top: none;
  opacity: 0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  padding: 10px 15px;
  float: right;
  margin-right: 10px;
  background: #fff;
}

ul#cart li {
  padding-left: 28px;
  list-style-type: none;
  background: transparent url(/assets/header/icon_cart-bc97696ddb53ad673361449680ff2cbc169010f1a59d18737ecf056e74631184.gif) 0 50% no-repeat;
}

ul#subscription_cart li {
  padding-left: 28px;
  list-style-type: none;
  background: transparent url(/assets/header/icon_subscription-0636702f55cd40fe16145ab383bf023ad9b63c1b700de36e7cac8cd373a0dd04.gif) 0 50% no-repeat;
}

#client-header .logged {
  border: 1px solid #ccc;
  border-top: none;
  opacity: 0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  padding: 10px 15px;
  float: right;
  background: #fff;
}

#client-header span.whoisthis {
  padding-left: 28px;
  background: transparent url(/assets/header/icon_member-9d396dcc6c2e29f22780cbc8b3ca821a2ccd131d63344cf06454e7df34907aa2.gif) 0 30% no-repeat;
}

.carrot {
   background: transparent url(/assets/ico_carrot-e0d4549dfe0d0e7e628e404c1ae09096ac7e8e4299c6ad2f48bf1e4e557a9961.png) 100% 50% no-repeat;
   padding-right: 18px !important;

}

#header-admin-nav {
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
  opacity: 0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  padding: 10px 15px;
  position: absolute;
  top: 0;
  left: 50px;
}

#header-admin-qm,
#header-qm {
  display: none;
  z-index: 99;
}


#client-header a {
  padding: 0;
}

#site-nav a:hover,
#site-nav a.on {
  padding-bottom: 7px;
  border-bottom: 5px solid #a29061;
  text-decoration: none;
}

#site-nav {
  padding: 0;
  margin: 0;
  height: 38px;
  text-align: center;
  width: 100%;
}

#site-nav a {
  color: #fff;
  line-height: 38px;
}

#site-nav li {
  padding: 0;
  margin: 0 10px;
  background: none;
  display: inline;
  height: 30px;
}



/*
  Layout
*/

#wrapper {
  margin: 0 auto;
  background: #fff;
  padding: 0;
  width: 100%;
}

#container {
  margin: 0 auto;
}

#content {
  width: 960px;
  margin: 0 auto;
}

#center {
  width: 780px;
  margin: 10px auto;
}
#center.full {
  width: 780px;
  border: 1px solid;
  margin: 0 auto;
  padding: 0 10px;
}

#center.solo {
  padding-left: 80px;
}

#center.wines,
#center.products {
  width: 880px;
  margin: 10px auto;
}

#center p {
  margin: 0 0 10px 0;
  line-height: 20px;
}
#center ul,
#center ol {
  margin: 20px;
}




/*
  Login
*/

.loginbox {
  margin: 50px auto;
  width: 400px;
  clear:both;
  overflow:auto;
  text-align:center;
}
.loginbox p {
  text-align:center;
}
.loginbox #new_user {
  width:400px;
  display:inline-block;
  float:none;
}
.loginbox #new_user label {
  text-align:left;
  width:20%;
}
.loginbox #new_user .buttons {
  text-align:left;
  margin: 0;
}
.loginbox #new_user .buttons input.button {
  margin-left:144px;
  width: auto;
}
.checkbox abbr {
  display: none;
}
.loginbox #new_user #user_remember_me_input label {
  width: 130px;
  margin-left: 25px;
}
#user_remember_me_input input {
  width:15px;
  float:left;
  margin-right:10px;
}
.loginbox .forgotpassword {
  margin:0;
  padding-left:0;
  padding-right:42px;
}

div.join_now h4 {
  text-align:center;
  margin-bottom:40px;
}


#user_remember_me_input {
  margin-left: 100px;
}

.button.reset_password {
  margin-left: 33px;
  width: auto;
}
.button.change_my_password {
  margin-top: 30px !important;
  margin-left: 34px !important;
}

/*
  Forms
*/

.form_header {
  border-bottom: 1px solid #CCC;
  padding: 4px;
}

fieldset {
  margin: 0;
  padding: 10px 0;
  border: none;
}

fieldset legend {
  width: 100%;
  padding: 4px;
  margin: 0;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
}

fieldset ol {
  list-style-type: none;
}

fieldset label {
  width: 25%;
  display: block;
  float: left;
  clear: left;
  margin: 2px 0;
  padding: 6px 6px 6px 0;
}

input {
  border: 1px inset #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #fff url(/assets/forms/field-gradient-d6f5e323fd382d25a787f9c667dea4faafff4e014b7807eda99deeec57353272.png) 0 0 repeat-x;
  color: #666666;
  font-size: 14px;
  margin: 2px 0;
  padding: 6px;
  width: 200px;
}
select {
  height: 32px;
  width: 265px;
  border-color: #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #fff url(/assets/forms/field-gradient-d6f5e323fd382d25a787f9c667dea4faafff4e014b7807eda99deeec57353272.png) 0 0 repeat-x;
  color: #666666;
  font-size: 14px;
  margin: 4px 0;
  padding: 6px;
}

select#wine_varietal_ids {
  height: 350px;
}

textarea {
  width: 400px;
  border: 1px inset #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #fff url(/assets/forms/field-gradient-d6f5e323fd382d25a787f9c667dea4faafff4e014b7807eda99deeec57353272.png) 0 0 repeat-x;
}

label abbr {
  text-decoration: none;
}


li p.inline-hints {
  font-size: 11px;
  font-weight: italic;
}

input.checkbox {
  width: 15px;
  float: left;
  margin-left: 10px;
  margin-right: 5px;
}

label.checkbox {
  width: 400px;
}

select#customer_salutation {
  width: 214px;
}

/* Date Design Fixes */
li#user_date_of_birth_input fieldset {
  padding:0 0 10px 0;
}

li#user_date_of_birth_input select {
  width:80px;
}

li#user_date_of_birth_input ol.fragments-group {
  overflow:auto;
}

body.user.edit li#user_date_of_birth_input ol.fragments-group {
  margin:0 0 0 213px; /* Customer Account edit page */
}

#new_customer li#user_date_of_birth_input ol.fragments-group {
  margin:0 0 0 165px; /* Checkout process */
}

#guest_customer li#user_date_of_birth_input ol.fragments-group {
  margin:0 0 0 159px; /* GuestCheckout Process */
}

#new_user li#user_date_of_birth_input ol.fragments-group {
  margin:0 0 0 159px; /* Join page */
}

#new_user li#user_date_of_birth_input ul.errors {
  margin-left: 325px;
}

#user_send_email_promos_input input,
#user_send_email_news_input input {
  margin-right:10px;
}
li#user_date_of_birth_input fieldset legend  {
  width: 111px;
  float:left;
  display:inline-block;
  margin:0;
  padding:0;
  border:0;
  font-size:14px;
}
li#user_date_of_birth_input fieldset legend label {
  width:119px;
}
li#user_date_of_birth_input ol.fragments-group li.fragment {
  float:left;
  clear:none;
  margin:0 10px 0 0;
}
li#user_date_of_birth_input ol.fragments-group li.fragment select {
  width:65px;
  font-size: 0.85em;
}

li#user_date_of_birth_input ol.fragments-group {
  margin:0 0 0 286px;
}

#user_submit_action, #address_submit_action, #user_address_submit_action, #subscription_address_submit_action {
  list-style-type:none;
}

/* Labels with inputs inside */
label.labelcheckbox {
  width: 320px;
  font-size: 12px;
}

label.labelcheckbox input {
  margin-left: 120px;
  width: 15px;
}

fieldset.inputs li {
  clear: both;
  display: block;
}

/* Form Submit buttons */

div.actions fieldset {
  width: 98%;
}


/*
  Login Button
*/

.buttons {
  width: 400px;
}

.button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 1px 2px;
    color: #525052 !important;
    background-color: #eee;
    padding: 7px 20px;
    background: -moz-linear-gradient(
      top,
      #f5f5f5 0%,
      #ebebeb 50%,
      #dbdbdb 50%,
      #b5b5b5);
    background: -webkit-gradient(
      linear, left top, left bottom,
      from(#f5f5f5),
      color-stop(0.50, #ebebeb),
      color-stop(0.50, #dbdbdb),
      to(#b5b5b5));
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #949494;
    -moz-box-shadow:
      0px 1px 3px rgba(000,000,000,0.5),
      inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow:
      0px 1px 3px rgba(000,000,000,0.5),
      inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow:
      0px -1px 0px rgba(054,054,054,0.2),
      0px 1px 0px rgba(255,255,255,1);
}

.button:hover {
  border: 1px solid #000;
  text-decoration: none;
  cursor: pointer;
}

.button:active {
  cursor: pointer;
  border: 1px solid #000;
  text-decoration: none;
  background: #999;
}

/*
  Form Errors
*/
ul.errors li {
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0 0 0;
}

/* DOB */

li#doberror {
  color: red;
}

.dobdisabled {
  background: #666 !important;
}

/*
  Nav Tabs
*/

ul#tabs {
  margin: 0;
  padding: 10px;
  background: #999;
  height:20px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

ul#tabs a {
  color: #fff;
  text-decoration: none;
}

ul#tabs a:hover,
ul#tabs li.active a {
  color: #fff;
  text-decoration: none;
  padding-bottom: 7px;
  border-bottom: 6px solid #ccc;
}

ul#tabs li {
  margin: 0 10px;
  display: block;
  float: left;
}

/*
  Packages
*/

#customer_submit {
  width: auto;
  margin-left: 10px;
}

/* Sign in as user */

body.sign_in_as form {
  padding: 0 40px;
}

.continue {
  margin-left: 175px;
  margin-top: 10px;
  width: 30%;
}


/*
  Checkout
*/
body.checkouts p.inline-hints {
  margin-left: 240px;
}

body.checkouts table {
  width: 900px;
  margin: 20px auto 40px auto;
}

/* Shipping address is same as billing */
li#checkout_shipping_address_same_as_billing_address_input label {
  margin-left: 220px;
  width: 500px;
}

/* Residential Checkbox */
#checkout_customer_attributes_billing_addresses_attributes_0_is_residential_input label,
#checkout_customer_attributes_shipping_addresses_attributes_0_is_residential_input label,
#checkout_will_pickup_input label,
#checkout_pickup_method
 {
  margin-left: 220px;
}
#checkout_pickup_method_input {
  margin-left: 10px;
}

/* Coupon area */
.coupon-toggle {
  cursor: pointer;
  color: #fff;
}

#coupon_code_inputs ol {
  padding-top: 40px;
}

input#checkout_apply_coupon {
  margin: -2px 0 0 20px;
}

#checkout_customer_attributes_payment_detail_attributes_expiry_2i,
#checkout_customer_attributes_payment_detail_attributes_expiry_1i {
  width: 100px;
}

ol#special_instructions_message {
    clear: both;
}

.purchasecomplete h2 {
  padding-top: 37px !important;
}

.ordercompletedetails {
  float: right;
  padding: 20px 30px;
  margin: 20px 20px 100px 80px;
  background: #ccc;
}

.ordercompletedetails h3 {
  margin: 0 0 10px 0;
}

.ordercompletedetails p.note {
  font-size: 10px;
  padding-top: 10px;
}


#credit_cards {
  margin-left: 166px;
}

/* Refered by */
#referred_by_inputs {
  margin-bottom: 20px;
}

/*
  Wines
*/

nav#nav_wines {
  text-align: center;
  margin: 4px 0;
  position: relative;
}
nav#nav_wines a {
  margin: 4px 10px;
}

nav#nav_wines a:hover,
body.store nav#nav_wines a.store,
body.wines.index nav#nav_wines a.my_wines,
body.wines.ecomm nav#nav_wines a.store_wines, {
  border-bottom: 2px solid;
  text-decoration: none;
}

nav#nav_products {
  text-align: center;
  margin: 4px 0;
  position: relative;
}
nav#nav_products a {
  margin: 4px 10px;
}

nav#nav_products a:hover,
body.store nav#nav_products a.store,
body.products.ecomm nav#nav_products a.store_wines, {
  border-bottom: 2px solid;
  text-decoration: none;
}

/*
  Wine filter controls
*/

.wine_filters {
  text-align: left;
  position: relative;
  margin-bottom: 5px;
  height: 30px;
}

.wine_filters img {
  vertical-align: middle;
}

div.wine_filters div.filters {
  float:left;
}
div.wine_filters  div.search {
  float:right;
  margin-right:33px;
}

html.no-csstransforms3d .filters div.view {
  display: none;
}

.filters div.view,
.filters div.sort {
  display: inline-block;
}

.filters span.title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
}

.search {
  position: absolute;
  text-align: right;
  top: 0;
  right: 45px;
}

.search span.search {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-right: 110px;
  padding-top: 1px;
}


.searchbox {
  width: 150px;
}


/*
  My Wines
*/

#winesexample {
  position: relative;
  margin-left: 65px;
}

#winesexample img {
  z-index: 1;
}

#winesexample span#exampletext {
  display: block;
  position: absolute;
  z-index: 99;
  top: 400px;
  width: 100%;
  font-size: 190px;
  color: #999;
  opacity: 0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  text-align: left;
  padding-left: 50px;
  text-shadow: 2px 3px 3px #292929;
  letter-spacing: -7px;
  -webkit-text-stroke: 1px white;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}



/*
  Wine Small view
*/
ul.item_small {
  position: relative;
  border: 1px solid #c1c1c1;
  width: 244px;
  height: 220px;
  float: left;
  padding: 15px 15px;
  margin: 0 10px 10px 0 !important;

}

ul.item_small:hover {
  border: 1px solid #a1a1a1;
}


ul.item_small li {
  list-style-type: none;
  font-size: 12px;
}

ul.item_small li.wine_photo {
  float: left;
  padding: 0 20px 0 0;
}

ul.item_small li.wine_photo .buynow {
  display: block;
  text-align: center;
}

ul.item_small li.wine_photo .clubonly {
  display: block;
  text-align: center;
}

ul.item_small div.info {
  float: left;
  width: 160px;
}

ul.item_small li.wine_photo img {
  height: 200px;
}

ul.item_small li.wine_name a {
  display: block;
  font-size: 18px;
  padding: 5px 0 5px 0;
}

ul.item_small li.wine_club_price {
  margin-bottom: 10px;
  font-weight: bold;
}


ul.item_small li.wine_rating {
  vertical-align: bottom;
}

ul.item_small li.wine_rating .community_rating_stars {
  display: inline;
  margin: 0;
}

ul.item_small li.wine_rating .community_rating_stars img {
  width: 13px;
  margin-bottom: 1px;
  vertical-align: middle;
}


.comment_amount,
.rating_amount {
  vertical-align: bottom;
  margin-top: 5px;
  font-size: 9px !important;
  float: left;
  padding: 2px 5px 2px 0;
}


.comment_amount span,
.rating_amount span {
  background: #888;
  color: #fff;
  border-radius: 20px;
  padding: 2px 6px;
}


ul.item_small li.wine_status {
  clear: both;
  position: absolute;
  top: 16px;
  left: 0;
  color: #fff;
  padding: 2px 18px;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter:alpha(opacity=9);
}
li.wine_status.sold_out {
  background: red;
}

li.wine_status.few_left {
  background: #faaa46;
}

p.wine_status.sold_out {
  color: red;
}

p.wine_status.few_left {
  color: #faaa46;
}

/* Tooltip */

#screenshot{
  position: absolute;
  border:1px solid #ccc;
  height: auto;
  background:#fff;
  padding:5px;
  color:black;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  z-index: 9999;
}

/*
  Product view small
*/

/* top */
ul.item_small li.product_photo {
  padding: 0 20px 0 0;
}

ul.item_small li.product_photo img {
  float: left;
  height: 100px;
  width: 120px;
  margin-right: 10px;
}

ul.item_small li.product_photo a {
  display: block;
  float: left;
}

ul.item_small li.product_photo .product_retail_price {
  padding-top: 10px;
}
ul.item_small li.product_photo .product_club_price {
  margin-bottom: 10px;
  font-weight: bold;
}
ul.item_small li.product_photo .tiny_button {}

/* bottom */
ul.item_small div.info.product {
  clear: both;
  width: 250px;
}

ul.item_small li.product_name a {
  display: block;
  font-size: 18px;
  padding: 5px 0 5px 0;
}

ul.item_small li.description_excerpt {
  font-size: 12px;
}

ul.item_small li.product_rating {
  vertical-align: bottom;
}

ul.item_small li.product_rating .community_rating_stars {
  display: inline;
  margin: 0;
}

ul.item_small li.product_rating .community_rating_stars img {
  width: 13px;
  margin-bottom: 1px;
  vertical-align: middle;
}


/* Wine cards */

div.smwine {
  width: 275px;
  position: relative;
  margin: 5px 10px 5px 0;
  float: left;
  perspective: 1000;
  -webkit-perspective: 1000;
  background: #fff;
}

.smwine .card {
  width: 275px; min-height: 305px;
  transform-style: preserve-3d;
  transition: 0.5s;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  border: 1px solid #ccc;
}

.smwine .card.product {
  min-height: 305px;
}

.smwine .face {
  position: absolute;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
  -moz-backface-visibility:hidden; /* Firefox */
  -ms-backface-visibility:hidden; /* Internet Explorer */
}

.smwine .sidea {
  width: 275px;
}

html.csstransforms3d .smwine .sidea {
  transform: rotateY(360deg);
  -ms-transform:rotateY(360deg);
  -webkit-transform: rotateY(360deg);
}

html.no-csstransforms3d .smwine .sideb {
  display: none;
}

html.csstransforms3d .smwine .sideb {
  width: 275px; min-height: 290px;
  transform: rotateY(180deg);
  -ms-transform:rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

/* setup the cards to show the right thing */
.smwine .sidea {
  z-index: 10;
}
.body:hover .sidea {
  z-index: 0;
}


img.mainimg {
  height: 70px;
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: -1;
}

div.basicinfo {
  background: #f2f2f2;
  margin-top: 87px;
  padding: 10px 30px;
}

.card.wine div.basicinfo {
  margin-top: 102px;
}

div.basicinfo .winename,
ul.community .winename {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 7px;
  text-transform: uppercase;
}

div.smwine .card.wine .winename {
  height: 43px;
}

div.smwine dl {
  font-size: 11px;
  line-height: 14px;
  margin: 0;
  text-transform: uppercase;
}
div.smwine dt {
  clear: left;
  float: left;
  display: block;
  width: 50px;
  font-weight: bold;
}

div.smwine dd {
  float: left;
  display: block;
}

div.winecta {
  position: relative;
  padding: 10px 30px;
}

div.winecta .buynow {
  position: absolute;
  right: 30px;
  top: 13px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #666;
  padding: 2px 6px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #fff;
  font-size: 10px;
  vertical-align: top;
  cursor: pointer;
}

div.winecta .buynow.soldout {
  background-color: #ca0000;
}

div.winecta .buynow.fewleft {
  line-height: 13px;
}

div.winecta .buynow.fewleft span {
  color: #fbfe01;
  display: block;
}

div.winecta .clubonly {
  position: absolute;
  right: 30px;
  top: 13px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #666;
  padding: 2px 6px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #fff;
  font-size: 10px;
  vertical-align: top;
  cursor: pointer;
}


/* Card Products */

.card.product .product_thumb {
  display: block;
  text-align: center;
}

.card.product .product_thumb img {
  height: 150px;
}

.card.product div.basicinfo {
  margin-top: 0;
  min-height: 74px;
}

.card.product div.description {
  font-size: 11px;
}

.card.mixed_pack .product_thumb img {
  height: 96px;
}

.card.mixed_pack .winename {
  height: 43px;
}

.card.mixed_pack div.basicinfo {
  min-height: 128px;
}

.card.mixed_pack .mixedcasewines span:after {
  content: ",";
}
.card.mixed_pack .mixedcasewines span:last-child:after {
  content: ".";
}

.card.mixed_pack .description ul#mixed_pack_wine_list {
  margin: 0;
}

.card.mixed_pack dl {
  color: #494949;
}

.card.mixed_pack.straight div.basicinfo {
  padding-bottom: 3px;
}

/* More info */
.view-more-info,
.view-more-info-return {
  position: absolute;
  top: 0;
  right: 0;
}
.view-more-info:hover,
.view-more-info-return:hover {
  cursor: pointer;
}

html.no-csstransforms3d .view-more-info {
  display: none;
}


/* Flipped side */
ul.community {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  background: #f2f2f2;
  margin: 70px 0 !important;
  padding: 10px 0;
  opacity: 0.9;
  text-align: center;
}

ul.community li {
  text-transform: uppercase;
  list-style-type: none;
  font-weight: bold;
  font-size: 12px;
}

.smwine div.community_rating_stars {
  margin-left: 65px;
}
ul.community .comment_amount {
  margin-left: 70px;
}

/* Flip button */
.flipthem, .flipthemback {
  vertical-align: middle;
  background: #f2f2f2;
  display: inline-block;
  color: #fff;
  clear:both;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ccc;
}

.flipthem img, .flipthemback img {
  padding: 0 4px 2px 4px;
}

.flipthem {
  border-radius: 5px 0 0 5px;
}

.flipthemback {
  margin-left: -5px;
  border-radius: 0 5px 5px 0;
}

/* You might also like */
section#also-like {
  clear: both;
  margin: 20px 0;
}

/* Pagination Modifications */
em.current, .previous_page, span.next_page {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  -khtml-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow:0 0 0 1px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow:0 0 0 1px rgba(0,0,0,0.2);
  box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);
  margin:1px 2px;
  padding:5px 10px;
  display:inline-block;
  border-top:1px solid #FFF;
  text-decoration:none!important;
  color:#717171!important;
  font-size:smaller!important;
  text-shadow:#FFF 0 1px 0;
  background-color:#fff;
  background-image:none;
}

/*
  Wines pagination
*/

/* Pagination Style */
/*
 * The important stuffs. The ones that you should copy-paste and use.
 */
.pagination {
  text-align: center;
}
.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.pagination li {
  display: inline;
}
.pagination a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  margin: 1px 2px;
  padding: 5px 10px;
  display: inline-block;
  border-top: 1px solid #fff;
  text-decoration: none !important;
  color: #717171 !important;
  font-size: smaller !important;
  text-shadow: white 0 1px 0;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea); /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea); /* IE10 */
  background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea); /* Opera 11.10+ */
  background-image: linear-gradient(top, #f9f9f9, #eaeaea);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea'); /* IE6–IE9 */
}
.pagination a:first-child, .pagination a.first {
  margin-left: 0;
}
.pagination a:last-child, .pagination a.last {
  margin-right: 0;
}
.pagination a:hover, .pagination a:focus {
  border-color: #fff;
  background-color: #fdfdfd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #fefefe, #fafafa); /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #fefefe, #fafafa); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fefefe, #fafafa); /* IE10 */
  background-image: -o-linear-gradient(top, #fefefe, #fafafa); /* Opera 11.10+ */
  background-image: linear-gradient(top, #fefefe, #fafafa);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa'); /* IE6 - IE9 */
}
.pagination a.more {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 0 none !important;
  background: transparent !important;
  margin-left: 0;
  margin-right: 0;
}
.pagination a.active {
  -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  border-color: #505050 !important;
  color: #f2f2f2 !important;
  text-shadow: black 0 1px 0;
  background-color: #676767;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c); /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c); /* IE10 */
  background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c); /* Opera 11.10+ */
  background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c'); /* IE6 - IE9 */
}

.wines-footer {
  clear: both;
  font-size: 12px;
}

.wines-footer .summary {
  text-align: center;
  margin: 10px;
}

.wines-footer .pagination {
  margin: 0 0 20px 0;
}

/*
  Store
*/

/* No Results */

.no-results {
  margin: 50px 100px;
}


#center.wines {
  padding-left: 44px;
  width: 890px;
}

ul.item {
  position: relative;
  border: 1px solid #fff;
  width: 170px;
  height: 770px;
  float: left;
  padding: 15px 20px;
  margin: 0 10px 20px 0 !important;
}

ul.item:hover {
  border: 1px solid #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

ul.item li {
  list-style-type: none;
}

ul.item li.wine_photo img {
  min-height: 575px;
  max-width: 170px;
}

ul.item_small li.wine_photo img {
  max-height: 200px;
  max-width: 59px;
}

ul.item li.wine_name a {
  display: block;
  height: 40px;
  font-size: 18px;
  line-height: 24px;
  padding: 5px 0 10px 0;
}

ul.item li.wine_rating {
  opacity: 0.9;
  width: 268px;
}
ul.item li.wine_rating img {
  padding: 6px 0 2px 0;
}

ul.item .wine_add_cart {
  position: absolute;
  bottom: 10px;
  margin: 15px 0;
}

.wine_status {
  color: red;
  font-weight: bold;
}


/*

One wine

*/
.bottle_shot {
  display: block;
  margin: 0 auto;
}

#wine_wrapper {
  position: relative;
}

ul.ecom {
  margin: 0;
  padding: 10px 0 20px 0;
  position: relative;
}

ul.ecom li {
  list-style-type: none;
}

ul.ecom li span.title {
  font-weight: bold;
}

.wine_retail_price,
.wine_club_price {
  width: 220px;
}

form#ecom_order {
  position: absolute;
  right: 20px;
  top: 5px;
  width: 230px;
}

#ecom_order label {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 2px 0;
  display: block;
}

#edit_quantity {
  width: 20px;
  margin: 0 5px;
  text-align: center;
}

#edit_submit {
  width: 120px;
  margin: 10px auto;
}

/*

  One Product

*/

a.bottle_shot.product img{
  margin-left: 10px;
}

div.other_images {
  margin-top: 5px;
}
div.other_images img {
  width: 90px;
  padding: 10px;
  float: left;
  display: inline-block;
}

/*

Reviews

*/
.review_tagline {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  margin: 10px 0 0 0;
}
.hidden_content {
  display:none;
}
.has_hidden_content {
  list-style-image: url(/assets/plus-f8e89f8e5ad6163a5962a0ab1700067dad9430af0d4dff4bbc4d14ac48ee0f76.png);
}
.has_hidden_content.hidden_content_open {
  list-style-image: url(/assets/minus-6dab0c9222daf8551dc31cbf9be0d31e5b41e84c8d9b88e606b86a2fd1fe1b71.png);
}
.review_text {
  background: rgba(215, 215, 215, 0.2);
  padding: 5px 15px;
}


/*

 EcomOrder

 */

#order_summary {
  color: #999;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}
.summary_customer,.summary_total, .summary_count, .summary_created_at {
  color: #000;
  font-weight: bold;
}

/* ecom view */

.billing_shipping {
  clear: both;
}

.billing_shipping .ecom_shipping_address,
.billing_shipping .ecom_billing_address {
  width: 300px;
  float: left;
  margin: 10px 100px 10px 10px;
}

.fulfilment_status {
  margin-top: 30px;
  clear: both;
}

.fulfilment_status .button {
  float: left;
  margin-right: 10px;
}


/*

  Cart

*/

#cart_table td {
  vertical-align: middle;
}

#cart_table td.shipments {
  text-align: center;
}

th.quantity,
td.item_quantity {
  width: 60px;
  vertical-align: middle;
  text-align: center;
}

tr.cart_item td {
  padding: 10px 0;
}

input.cart_editable_quantity {
  width: 20px;
  text-align: center;
  margin-right: 5px;
}

td.item_thumbnail {
  text-align: center;
}

.item_name {
  font-size: 14px;
  vertical-align: middle;
}

.remove_item {
  color: #FFF;
  width: 60px;
}

th.price,
td.quantity,
td.item_price,
td.price {
  text-align: center;
  vertical-align: middle;
}

tr.subtotal {
  border-top: 1px solid #ccc;
}

tr.subtotal td {
  padding-top: 15px;
}

.bottle_count_multiple_rule {
  font-size: 14px;
  text-align: center;
}

.bottle_count_help {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

#cart_table .subtotal,
#cart_table .shipping,
#cart_table .coupon,
#cart_table .shipping_invalid,
#cart_table .taxes,
#cart_table .deposit,
#cart_table .credits,
#cart_table .payment,
#cart_table .total {
  text-align: right;
}

.shipping_invalid {
  color: #f00;
}


#price .payment,
#price .value_payment {
  font-weight: bold;
}

.total,
.value_total,
.payment,
.value_payment {
  font-weight: bold;
}

.value_refund {
  color: #F00;
}

.buttons {
  margin: 20px auto 50px auto;
  width: 85%;
}
.buttons .update {
  float: left;
  width: auto;
  margin-top: 0;
  padding: 10px 20px;
}
.buttons .continue_shopping {
  margin-left: 20px;
  float: left;
}

.buttons .checkout {
  padding-right: 50px;
  padding-left: 50px;
  float: right;
}


/*
  Inventory Controller JS
*/

.icbutton {
  cursor: pointer;
  -moz-user-select: none; -webkit-user-select: none;
  font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #525052 !important;
    background-color: #eee;
    padding: 2px 6px;
    background: -moz-linear-gradient(
      top,
      #f5f5f5 0%,
      #ebebeb 50%,
      #dbdbdb 50%,
      #b5b5b5);
    background: -webkit-gradient(
      linear, left top, left bottom,
      from(#f5f5f5),
      color-stop(0.50, #ebebeb),
      color-stop(0.50, #dbdbdb),
      to(#b5b5b5));
    border: 1px solid #949494;
    -moz-box-shadow:
      0px 1px 3px rgba(000,000,000,0.5),
      inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow:
      0px 1px 3px rgba(000,000,000,0.5),
      inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow:
      0px -1px 0px rgba(054,054,054,0.2),
      0px 1px 0px rgba(255,255,255,1);
}
.icbutton:hover {
  cursor: pointer;
  border: 1px solid #000;
  text-decoration: none;
}

.icbutton:active {
  cursor: pointer;
  border: 1px solid #000;
  text-decoration: none;
  background: #999;
  color: #fff;
}

.icbutton {
  text-align: center;
}

.icbutton.up_button {
  border-radius: 10px 0 0 10px;
}

.icbutton.down_button {
  border-radius: 0 10px 10px 0;
  margin-right: 10px;
}


/*
  My wines
*/


#left {
  margin: 20px 20px 20px 90px;
  width: 220px;
  float: left;
}

#right {
  float: left;
  width: 500px;
}

#right ul li a.tiny_button_admin {
  display: inline;
}


.wine h2 {
  padding-left: 0;
  margin-top: 20px;
}

#winedetails {
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 12px;
}

#winedetails div {
  margin-bottom: 10px;
}
#winedetails span.title {
  font-weight: bold;
}

span.tag {
  background-color: #666;
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
}

#winedetails-basics {
}

/* Ratings */

li#community_rating,
li#your_rating {
  float: left;
  width: 250px;
}

.community_average_rating_value {
  display: none;
}

ul#ratings {
  margin: 10px 0;
  padding: 10px 0;
}
ul#ratings li {
  list-style-type: none;
}
ul#ratings li span {
  font-weight: bold;
}

ul#ratings li span#average_rating {
  font-weight: normal;
}

select#score {
  display: none;
  width: 70px;
}

#average_rating a {
  display: inline;
}

#rating_feedback {
  display: block;
  width: 220px;
  text-decoration: italic;
}

#right ul li #rating_feedback a {
  display: inline;
}

.edition {
  background: #fff;
  white-space: nowrap;
  padding: 2px 6px;
  margin: 0 4px 0 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 10px;
  vertical-align: top;
}

/* Wine comments */

#comments {
  margin: 40px 0;
}

#all_ratings a {
  float: left;
  display: inline;
}

#all_ratings ul {
  margin: 0;
  padding: 0;
}

.all_ratings_avg {
  border-top: 1px solid #ccc;
  text-align: right;
}


/* Wine Comments */

#wine_comments {
  font-size: 12px;
}
.wine_comment {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #ccc;
  clear: both;
}

.author,
.wine_name {
  font-size: 14px;
}
.comment_content {
  padding: 10px 0;
}
.when {
  font-size: 11px;
  text-align: right;
}

p.signin_comments {
  margin-top: 10px;
}

/*
  Packages
*/

#packages {
  background: transparent;
  width: 940px;
  margin: 20px 0;
  clear: both;
}

#packages img {
/*  min-height: 93px;*/
}

#packages p {
  margin: 0;
}

#packages.one {
  width: 185px;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
}

#packages.two {
  width: 370px;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
}

#packages.three {
  width: 555px;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
}

#packages.four {
  width: 740px;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
}

#packages .package {
  position: relative;
  min-height:450px;
  border: 1px solid #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 170px;
  float: left;
  margin-right: 5px;
  padding: 10px 4px 10px 4px;
  text-align: center;
}

#packages .package.popular {
  margin-top: -15px;
  padding-bottom: 25px;
}

#packages .package img {
  padding-top: 28px;
}

#packages .package div.highlight {
  margin: -10px -4px 10px -4px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 4px 8px;
  color: #fff;
  display: block;
  background: #9f3668;
  top: 0px;
  left: 10px;
}

#packages .package.popular div.highlight {
  font-size: 18px;
  padding: 6px 8px;
}

#packages .package.fewleft div.highlight {
  opacity: 0.9;
}

#packages .package.soldout div.highlight {
  opacity: 0.7;
}

/* offset the top image to make things look tight */
#packages .package.popular img { padding-top: 10px; }
#packages .package.fewleft img,
#packages .package.soldout img { padding-top: 0; }


#packages .package:hover {
  border-color: #650934;
}
#packages .package.last {
}
#packages .package .name {
  font-size: 30px;
  letter-spacing: 0.04em;
  padding: 15px 0 20px 0;
}
#packages .package .moto {
  font-size: 18px;
  height: 50px;
}
#packages .package .price {
  font-size: 18px;
  padding: 20px 0 0 0;
}
#packages .package .shipping {
  font-size: 12px;
  padding: 0px 0 20px 0;
}
#packages .package .summary {
  padding: 0px 0 20px 0;
  height: 20px;
}
#packages .package ul.details li {
  margin: 0;
  padding: 0;
  font-size: 12px;
  background: none;
}

#packages .package a.order {
  display: block;
  text-indent: -999em;
  margin: 0 auto 10px auto;
  width: 123px;
  height: 66px;
}
#packages .package a.gift {
  font-weight: bold;
}
#note {
  clear: both;
  text-align: center;
  padding: 28px 0;
  font-size: 16px;
  clear: both;
}

/*
  Club specifics
*/
.club-specifics {
  margin: 60px 100px;
}

/*
  Gift checkout
*/

form#new_line_item h3 {
  clear: both;
  margin: 30px 0 20px 0;
  border-bottom: 1px solid #ccc;
}

#line_item_quantity {
  width: 50px;
}

#line_item_purchase_attributes_message {
  width: 600px;
  height: 200px;
}

p.gift_please_note {
  font-size: 11px;
  margin-left: 230px;
}

.gift_button {
  width: 400px;
}

#checkout_form_gift_send_recipient_email_input label {
  width: auto;
}

/*
  Footer
*/

footer {
  width: 100%;
  border-top: 5px solid #eee;
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  height: 58px;
}
footer #footer_wrapper {
  margin:0 auto;
  width:960px;
  display:block;
  overflow:auto;
  padding-bottom:20px;
}
footer .left {
  position:relative;
  float:left;
  left:0;
  top:0;
}

footer .right {
  position:relative;
  float:right;
  right:0;
  top:0;
}

footer span {
  display: block;
  font-size: 11px;
  line-height: 14px;
}

footer ul li {
  list-style-type: none;
}

footer .merchant_name {}
footer .home_url {}

footer .about_us,
footer .faq,
footer .blog,
footer .tos,
footer .privacy_policy {
  display: inline;
  margin-right: 5px;
}

footer .contact_twitter,
footer .contact_facebook,
footer .contact_google_plus {
  display: inline;
  margin-right: 5px;
}

/*
  Home
*/

#homepage {
  width: 740px;
  margin: 0 auto;
  padding-bottom: 20px;
}

img#welcome {
  margin: 20px 0;
}

ul.benefits {
  margin: 20px 0;
}


a.frontbutton {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -webkit-transition: all 1s ease;
  background-color: #9f3668;
  background-image: -moz-linear-gradient(90deg, #7f3256, #9f3668);
  background-image: -ms-linear-gradient(90deg, #7f3256, #9f3668);
  background-image: -o-linear-gradient(90deg, #7f3256, #9f3668);
  background-image: -webkit-linear-gradient(90deg, #7f3256, #9f3668);
  background-image: linear-gradient(90deg, #7f3256, #9f3668);
  border-radius: 12px;
  border: 3px solid #e3e0e0;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  margin: 0 2px;
  padding: 10px 16px;
  text-decoration: none;
}

a.frontbutton:hover {
  background-color: #8c0e49;
  background-image: -moz-linear-gradient(90deg, #650934, #8c0e49);
  background-image: -ms-linear-gradient(90deg, #650934, #8c0e49);
  background-image: -o-linear-gradient(90deg, #650934, #8c0e49);
  background-image: -webkit-linear-gradient(90deg, #650934, #8c0e49);
  background-image: linear-gradient(90deg, #650934, #8c0e49);
}



/*
  Account
*/

.profile {
  position: relative;
  min-height: 600px;
}

.profile dt {
  font-size: 14px;
}

.profile dd {
  font-size: 11px;
  width: 70%;
  margin: 0;
}

.profile h3 {
}

.profileside {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 0 10px;
  width: 175px;
}

.profileside dd {
  width: 95%}

.profileside h3 {
  margin: 0;
}

/*
  Badges
*/

#badges dd {
  background-color: green;
  padding: 1px 8px;
  margin: 4px 4px 4px 0;
  border-radius: 3px;
  color: #fff;
  display: inline;
  width: auto;
  float: left;
}

/* Store orders */

.account_store_orders {
  width: 550px;
  border: 1px solid #ccc;
}

/* Comment section */

textarea#comment_comment_text {
  width: 480px !important;
  padding: 5px 10px;
  color: #666;
  font-size: 14px;
}

#customer_comments {
  width: 500px;
}

#customer_comments div {
  padding: 10px 30px 0 10px;
  margin: 10px 0;
  border: 1px solid #ccc;
}

#customer_comments p small {
  margin: 10px 0 0 0;
  display: block;
}

/* My Account */

body.users h4,
body.addresses h4,
body.shipments h4,
body.purchases h4,
body.activities h4,
body.edit h4,
body.index h4 {
  text-align: left !important;
}

/* Full but padded sub section under sub nav */
.full_padded {
  margin: 30px 100px;
}

.tiny_button,
.tiny_button_admin {
  background: #666;
  padding: 2px 6px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #fff;
  font-size: 10px;
  vertical-align: top;
  cursor: pointer;
}

a.tiny_button {
  text-decoration: none !important;
  color: #fff !important;
}
a.tiny_button_admin {
  text-decoration: none !important;
  color: #666 !important;
}

/* Special */

.tiny_button.past_due {
  border: 1px solid red;
}

.tiny_button:hover,
.tiny_button_admin:hover {
  background: #999;
  color: #fff !important;
}

.tiny_button_admin {
  background: #fc0;
}

.your_subscriptions,
.your_gifts {
  position: relative;
  margin: 10px 0;
}

.your_subscriptions img,
.your_gifts img {
  float: left;
  margin: 0 15px 10px 0;
  min-height: 65px;
  max-height: 65px;
}

.your_subscriptions p,
.your_gifts p{
  margin: 0 !important;
}

.your_subscriptions p.title,
.your_gifts p.title {
  padding: 3px 0 0 0;
  font-size: 18px;
}
.your_subscriptions p.details,
.your_gifts p.details {
  font-size: 11px;
}
.your_subscriptions p.controls {
  font-size: 10px;
}

span.shipment_status,
span.subscription_status {
  padding: 2px 6px;
  line-height: 18px;
  vertical-align: top;
  font-size: 9px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  white-space: nowrap;
}

span.subscription_status.active {
  background: green;
  color: #fff;
}

span.shipment_status.past_due,
span.subscription_status.past_due {
  background: red;
  color: #fff;
}

span.shipment_status.delayed,
span.subscription_status.suspended {
  background: yellow;
  color: #000;
}

span.subscription_status.cancelled,
span.subscription_status.unpaid {
  background: #000;
  color: #fff;
}
body.suspend_or_cancel p a {
  text-decoration: underline;
  font-weight: bold;
}

/*
  Addresses
*/

div.customer_address {
  width: 280px;
  margin: 10px;
  float: left;
  min-height: 240px;
  padding: 0 10px;
}

div.customer_address h3 {
  margin-top: 5px;
}
.customer_address span.edit_address {
  background: none;
  padding: 0;
  margin: 0;
  border-radius: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border:none;
}
.edit_address {
  margin-left: 5px;
}

.receipient_override,
.company,
.address1,
.address2,
.citystate,
.citystatepostcode,
.country,
.postalcode,
.phone {
  display: block;
}

/*
  Shipping Address (customer edit view)
*/
.shipping_address {
  width: 350px;
  float: right;
  margin: 0;
  padding: 15px 0;
}
body.addresses.edit select#shipping_address_country,
body.addresses.edit select#shipping_address_province_state {
  width: 220px;
}

body.addresses.edit label {
  width: 110px;
}

li#shipping_address_is_residential_input label {
  width: 300px;
}

li#shipping_address_submit_action {
  list-style-type: none;
  margin-left: 18px;
}

/*
  Cancel Subscription
*/

.cancel_delivery_status {
  padding: 20px;
  margin: 20px;
  background: #ddd;
  border: 1px solid red;
}
.cancel_delivery_status h3 {
  margin: 0 0 10px 0;
}


/*
  Switch subscription plan
*/
input.switch_plan {
  width: auto;
}

#switch_plan_delivery_status {
  margin: 20px auto;
}

#cancel_switch_plan {
  clear: both;
  padding-top: 20px;
  margin: 20px auto;
}


/*
  Subscription Details
*/

.subscription_details {
  margin: 20px 0;
}

.subscription_details dt {
  margin-top: 5px;
  font-weight: bold;
}

.subscription_details dd {
  margin: 0;
  font-size: 11px;
}

.shipping_address {
  padding: 15px 30px;
  margin: 0px 20px 200px 80px;
}

.shipping_address h3 {
  margin: 0 0 20px 0;
}

.shipping_address p.note {
  font-size: 11px;
  padding: 15px 0 0 0;
}



/*
  Receipt
*/

#receipt {
  margin: 10px 0;
  padding: 0;
  border: 1px solid #ccc;
}

#receipt .receipt_price {
  text-align: right;
}
#receipt .receipt_total {
  font-weight: bold;
  border-top: 1px solid #ccc;
}

/* Addresses */
.address {
  margin: 0;
}
.address dt {
  font-weight: bold;
  margin-right: 10px;
}
.address dd {
  margin: 0;
}

#payment_info_use_card_on_file_input {
  list-style: none;
}

/*
  Update Credit Info
*/

.creditinfo {
  clear: both;
  margin: 40px 0 20px 0;
}

.creditinfo img {
  margin-bottom: 10px;
}

#payment_profile_expiration_month,
#payment_profile_expiration_year,
#ecom_cart_customer_payment_detail_expiry_2i,
#ecom_cart_customer_payment_detail_expiry_1i {
  width: 100px;
}

#payment_info_number {
  background: white url("/assets/secure-lock-1f75b08c894c00fc84ec5bb4463aa47bcb6f83a415773e4f34a0e0df905fa14d.png") right no-repeat;
}

#payment_info_expiry_year_input,
#payment_info_expiry_month_input {
  float:left;
}
#payment_info_expiry_month_input {
  margin-right:10px;
}

/*
  Edit Account
*/

li.commit {
  list-style-type: none;
}

/*
  Add Transaction
*/

#set_to_zero {
  width: 20px !important;
}

/*
  Nested legends
*/

fieldset li.date {
  margin-top: 20px;
  margin-left: 10px;
}

fieldset li.date select {
  width: 100px;
}
fieldset li.date legend {
  border: none;
}

fieldset li.date legend label {
  width: 200px;
  margin-top: -20px;
  font-weight: bold;
}

fieldset li.date fieldset {
  border: none;
  margin-left: -25px;
}



/*
  Activity log
*/

/*
  Payment Transaction
*/
pre.json_content {
  overflow-x: scroll;
  white-space: pre-wrap;
}

#modal_popup {
  display: none;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  < 420 Mobile - Smartphones
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width:480px) { /* 13 / 390 */

  .search {
    position:relative;
    text-align:left;
    right:0;
    margin-top:10px;
  }
  .search span.search {
    margin-right:0;
  }
  .filters span.title {
    margin-left:0;
  }

}
.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}

#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}
fieldset#billing_address_form > ol > li.string input { min-width: 250px; }
fieldset#billing_address_form > ol > li.numeric input { min-width: 250px; }
fieldset#shipping_address_form > ol > li.string input { min-width: 250px; }
fieldset#shipping_address_form > ol > li.numeric input { min-width: 250px; }
fieldset#gift_address_form > ol > li.string input { min-width: 250px; }
fieldset#gift_address_form > ol > li.numeric input { min-width: 250px; }
#checkout_customer_attributes_payment_detail_attributes_number { width: 150px; }
#checkout_customer_attributes_payment_detail_attributes_cvv { width: 50px; }
fieldset#billing_address_form > ol > li.string input#checkout_customer_attributes_billing_addresses_attributes_0_postal_zipcode { min-width: 0px; width: 100px; }
fieldset#billing_address_form > ol > li.string input#checkout_customer_attributes_shipping_addresses_attributes_0_postal_zipcode { min-width: 0px; width: 100px; }
fieldset#billing_address_form > ol > li.string input#checkout_customer_attributes_gift_addresses_attributes_0_postal_zipcode { min-width: 0px; width: 100px; }

/*--- other / transient styles --- */
#header {
  z-index: 10 !important;
}

#holiday_special {
  position: absolute;
  text-align: center;
  width: 960px;
  background: #fff;
  top: 0;
  z-index: 9;
  margin: 0 auto;
}