/*
// Note: Please use the following media queries to specify the mobile, tablet, or desktop version:
// Mobile:  @media only screen and (max-width: 759px)
// Tablet:  @media only screen and (min-width: 760px) and (max-width: 949px)
// Desktop: @media only screen and (min-width: 950px)
*/

/*
//////////////////////////////////////////////////////////////////////////
//
// 00. RESET
//
//////////////////////////////////////////////////////////////////////////
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header,section,nav,article,footer,details,footer,summary {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
a:focus, button:focus {
  outline: dashed 1px #333;
}

html {
  overflow-x: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  line-height: 1;
  color: black;
  background: white;
  font-family: Arial, Helvetica, sans-serif;
}

ol, ul, li {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

button {
  cursor: pointer;
  -webkit-appearance: button;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button, input {
  line-height: normal;
  *overflow: visible;
}

button, input, select {
  font-size: 100%;
  margin: 0;
  height: 25px;
  vertical-align: baseline;
  *vertical-align: middle;
}

/*
//////////////////////////////////////////////////////////////////////////
//
// 01. GLOBAL ELEMENTS
//
//////////////////////////////////////////////////////////////////////////
*/



header,section,nav,article,footer,details,footer,summary {display: block;}

body {
  line-height:  18px;
  background: url('../images/2CO/striped-bg.png') repeat;
}

@media only screen and (max-width: 759px) {
    body {
        background: none;
        background-color: #E2E2E2;
    }
}

    a {
  color: #6f889b;
  text-decoration: none;
  cursor: pointer;
}

.clear {
  clear: both;
}

input, textarea, select {
  border: 1px solid #d8d8d8;
}

input, select {
  height: 20px;
  line-height: 20px;
}

#container .cart-contents select {
  width: 135px;
}

.left {
  float: left;
}

.right {
  float: right;
}

input.radio {
  vertical-align: middle;
}

@media only screen and (min-width: 950px) {

  .mobile {
    display: none;
  }

  #container {
    width: 890px;
    padding: 20px;
    margin: auto;
    background: url('../images/transparent-bg.png') repeat;
  }

}

@media only screen and (min-width: 760px) and (max-width: 949px) {

  .mobile {
    display : none;
  }

  #container {
    width: 760px;
    padding: 20px;
    margin: auto;
    background: url('../images/transparent-bg.png') repeat;
  }
}

h1 {
  color: #6f889b;
  font-size: 24px;
  font-weight: bold;
  float: left;
}

.keep-shopping-btn {
  float: right;
}

a.tooltip {
  position: relative;
  z-index: 24;
  font-size: 12px;
  text-decoration: underline;
  color: #006;
  top: -15px;
}

a.tooltip:hover {
  z-index: 25;
  text-decoration: none;
}

a.tooltip span {
  display: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 2em;
  left: 12em;
  width: 20em;
  padding: 7px;
  margin-left: 8px;
  border: 1px solid #808080;
  background-color: #FFF07B;
  color: #000;
  text-align: left;
}

/* @mobile*/
@media only screen and (max-width: 759px) {

  .mobile {
    display: block;
  }

  a.tooltip:hover span {
    left: -60px;
  }

  body {
    line-height: 18px;
    background: #E2E2E2;
    background-image: none;
  }

  #container {
    width: 290px;
    padding: 0;
    margin: auto;
    background: #E2E2E2;
    position: relative;
  }

  .accordion-content {
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    background: #FFF;
    width: 244px !important;
  }

  .desktop-tablet {
    display: none;
  }
}

.no-js .green-btn,
.no-js .print-btn,
.no-js .shipping-row {
  display: none !important;
}

/*
////////////////////////////////////////////////////////////////////////////
//
// 02. HEADER AND CONTAINER
//
////////////////////////////////////////////////////////////////////////////
*/

.estimate-main-container, .mobile-settings, .mobile-estimate-shipping {
  display: none;
}

.estimate-main-container.show, .mobile-settings.show, .mobile-estimate-shipping.show {
  display: block;
}

/*
////////////////////////////////////////////////////////////////////////////
//
// DEMO SALE
//
////////////////////////////////////////////////////////////////////////////
*/

#container #demo-sale {
  background: #39B54A;
  width: 100%;
  text-align: center;
  line-height:  30px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -khtml-border-radius: 6px;
}

#ie8-nojs-message {
  display: none;
}

.ie6.no-js #ie8-nojs-message, .ie7.no-js #ie8-nojs-message, .ie8.no-js #ie8-nojs-message {
  display: block;
  color: #aa0707;
  background: #fdebeb;
  font-size: 16px;
  margin: 10px;
  padding: 10px;
}

/*
////////////////////////////////////////////////////////////////////////////
//
// 03. SELLER IDENTITY (LOGO, COMPANY NAME)
//
////////////////////////////////////////////////////////////////////////////
*/

#container #seller-identity {
  background: #6f889b;
  width: 100%;
  text-align: center;
  line-height:  50px;
  font-size: 30px;
  padding: 10px 0px 10px 0px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -khtml-border-radius: 6px;
}

#container #seller-identity.long-name {
  line-height: 20px;
  font-size: 20px;
  padding: 30px 0px;
  height: auto;
}

#container #seller-identity.very-long-name {
  line-height: 20px;
  font-size: 16px;
  padding: 30px 0px;
  height: auto;
}

#container #seller-identity img {
  vertical-align: middle;
  padding: 20px 0px;
}

@media only screen and (max-width: 759px) {
    #container #seller-identity img {
        vertical-align: middle;
        max-width: 110px;
        padding: 0;
    }
}

#container #secure-checkout {
  min-height: 300px;
  padding: 30px;
  background: #FFF;
  float: left;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -khtml-border-radius: 6px;
}

@media only screen and (min-width: 950px) {
  #container #secure-checkout {
    width: 620px;
  }
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #container #secure-checkout {
    width: 430px;
  }
}

.bar-container {
  display:none;
}

/*mobile*/
#container .mobile-nojs {
  background: #AA0707;
  width: 100%;
  text-align: center;
  line-height:  30px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -khtml-border-radius: 6px;
}

@media only screen and (max-width: 759px) {

  #container #secure-checkout {
    width: 290px;
    background: transparent;
    margin-bottom: 20px;
    padding: 0;
  }

  #container #seller-identity {
    background: #FFF;
    border: 3px solid #CBCBCB;
    color: #000;
    width: 284px;
  }

  #container #seller-identity.long-name {
    line-height: 20px;
    font-size: 18px;
    padding: 20px 0px;
  }

  #container #seller-identity.very-long-name {
    line-height: 16px;
    font-size: 12px;
    padding: 20px 0px;
  }

  #container #secure-checkout h1,
  #container #secure-checkout .keep-shopping-btn {
    display: none;
  }

  #mobile-bar {
    width: 100%;
    height: 45px;
    background: #6F889B;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    font-size: 18px;
    -moz-box-shadow: 0 2px 5px 2px #aaaaaa;
    -webkit-box-shadow: 0 2px 5px 2px #aaaaaa;
    box-shadow: 0 2px 5px 2px #aaaaaa;
    margin-bottom: 20px;
    display: block;
  }

  .bar-container {
    width: 290px;
    padding: 0;
    margin: auto;
    position: absolute;
    top: -65px;
    left: 0;
    display: block;
  }

  .mobile-settings {
    width: 290px;
    margin: auto;
    display: block;
  }

    .mobile-estimate-shipping {
        width: 290px;
        margin: auto;
        display: block;
    }

    .estimate-main-container {
    width: 295px;
    margin: auto;
    position: relative;
    display: block;
  }

  .mobile-settings .bar-container,
  #estimate-shipping .bar-container {
    width: 100%;
    padding: 0;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
  }

    .mobile-estimate-shipping .bar-container {
        width: 100%;
        padding: 0;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
    }

    .mobile-settings .bar-container .center,
  #estimate-shipping .bar-container .center {
    width: 290px;
    margin: auto;
  }

    .mobile-estimate-shipping .bar-container .center {
        width: 290px;
        margin: auto;
    }

  .bar-container .back-btn {
    float: left;
    margin-top: 8px;
  }

  .bar-container .back-btn .back-left {
    background: url(../images/btn-back-left.png);
    width: 13px;
    height: 29px;
    float: left;
  }

  .bar-container .back-btn .back-middle {
    background: url(../images/btn-back-middle.png);
    height: 29px;
    padding: 0;
    float: left;
  }

  .bar-container .back-btn .back-middle a {
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    line-height: 29px;
  }

  .bar-container .back-btn .back-middle a:hover {
    text-decoration: none;
  }

  .bar-container .back-btn .back-right {
    background: url(../images/btn-back-right.png);
    width: 13px;
    height: 29px;
    float: left;
  }

  .bar-container .heading {
    float: left;
    line-height: 45px;
    width: 170px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
  }

  .edit-item .heading {
    float: left;
    line-height: 45px;
    width: 200px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
  }

  .bar-container .settings {
    float: right;
    margin-top: 5px;
    cursor: pointer;
    cursor: hand;
  }

  .mobile-settings .global-options, .mobile-estimate-shipping .global-options {
    background: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    padding: 10px;
    width: 270px;
    font-size: 12px;
    color: #6F889B;
    font-weight: bold;
    text-align: center;
    line-height: 14px;
    margin-bottom: 20px;
    margin: auto;
    border: 3px solid #CBCBCB !important;
  }

  .mobile-settings .global-options label, .mobile-estimate-shipping .global-options label {
    clear: both;
    display: block;
    text-align: left;
    margin: 10px 10px 5px 10px;
  }

  .mobile-settings .global-options select, .mobile-estimate-shipping .global-options select {
    margin: 0 10px 20px 10px;
    text-align: left;
    float: left;
    width: 250px;
    height: 25px;
  }

  .mobile-settings .global-options .line, .mobile-estimate-shipping .global-options .line {
    border-bottom: 1px solid #D8D8D8;
    width: 290px;
    clear: both;
    margin-left: -10px;
    width: 250px;
  }

  .mobile-settings .green-btn, .mobile-estimate-shipping .green-btn {
    margin: 20px 0 10px 5px;
  }

  .edit-item {
    width: 305px;
    margin: auto;
    position: relative;
    display: none;
  }

  .edit-item .bar-container {
    top: -65px;
  }

  .edit-item .bar-container .center {
    width: 290px;
    margin: auto;
  }

  .edit-item .item-options {
    background: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    padding: 10px;
    width: 270px;
    font-size: 12px;
    color: #6F889B;
    font-weight: bold;
    text-align: center;
    line-height: 14px;
    margin-bottom: 20px;
    margin: auto;
    border: 3px solid #CBCBCB !important;
  }

  .edit-item .item-options label {
    clear: both;
    display: block;
    text-align: left;
    margin: 10px 10px 5px 10px;
  }

  .edit-item .item-options select,
  .edit-item .item-options input {
    margin: 0 10px 20px 10px;
    text-align: left;
    float: left;
    width: 250px;
  }

  .edit-item .item-options .line {
    border-bottom: 1px solid #D8D8D8;
    width: 290px;
    clear: both;
    margin-left: -10px;
    margin-bottom: 20px;
  }

  .edit-item .green-btn {
    margin: 20px 0 10px 5px;
  }
}

.estimate-main-container, .mobile-settings, .mobile-estimate-shipping {
    display: none;
}

.estimate-main-container.show, .mobile-settings.show, .mobile-estimate-shipping.show {
    display: block;
}

/*
////////////////////////////////////////////////////////////////////////////
//
// 03. ACCORDION STEPS
//
////////////////////////////////////////////////////////////////////////////
*/

.accordion {
  margin-top: 20px;
  clear: both;
  border-top:  1px solid #d8d8d8;
}

.accordion h2 {
  height: 30px;
  background: #f4f4f4;
  line-height:  30px;
  clear: both;
  color: #a8a8a8;
  display: block;
  font-size: 18px;
  text-decoration:  none;
  font-weight:  bold;
  padding-left: 20px;
  border: 1px solid #d8d8d8;
  border-top: none;
  cursor: pointer;
}

.accordion h2#review-cart-heading {
  border-top: 1px solid #D8D8D8;
}

@media only screen and (min-width: 950px) {
  .accordion h2 {
    width: 600px;
  }
}


@media only screen and (min-width: 760px) and (max-width: 949px) {
  .accordion h2 {
    width: 410px;
  }
}

/*mobile*/
@media only screen and (max-width: 759px) {
  .accordion h2 {
    width: 264px;
    border: 3px solid #CBCBCB !important;
    border-bottom: none !important;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    background: #6F889B;
  }
}

.accordion h2 .step-indicator {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  line-height:  20px;
  margin-right: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -khtml-border-radius: 50%;
  text-align: center;
  font-size: 13px;
}

.accordion h2.active .step-indicator {
  color: #FFF;
  background: #6f889b;
  position: relative;
  z-index: 300;
}

.accordion h2.inactive .step-indicator {
  color: #f4f4f4;
  background: #a8a8a8;
}

.accordion h2.complete .step-indicator {
  color: #FFF;
  background: #07aa0d url('../images/checkmark.png') no-repeat center;
  text-indent: -2000px;
}


.accordion h2 .heading {
  float: left;
}

.accordion-content {
  border:  1px solid #d8d8d8;
  border-top: none;
  padding: 20px;
}

@media only screen and (min-width: 950px) {
  .accordion-content {
    width: 580px;
  }
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  .accordion-content {
    width: 390px;
  }
}

/*mobile*/
@media only screen and (max-width: 759px) {
  .accordion h2.active .step-indicator,
  .accordion h2.inactive .step-indicator,
  .accordion h2.complete .step-indicaotr {
    background: #FFF !important;
    color: #6F889B;
    text-indent : 0;
  }

  .accordion h2.inactive,
  .accordion h2.complete {
    display: none;
  }

  .accordion h2 {
    margin-top: 72px;
  }

  .accordion h2 .heading {
    color: #FFF;
  }

  .accordion-content {
    border: 3px solid #CBCBCB;
    background: #FFF;
    border-top: none;
    padding: 0px 20px 20px 20px;
    width: 244px;
  }
}


/*
////////////////////////////////////////////////////////////////////////////
//
// 04. REVIEW CART
//
////////////////////////////////////////////////////////////////////////////
*/

#container #review-cart {
  clear: both;
}

#container #review-cart table {
  font-size: 12px;
  position: relative;
  width: 100%;
  margin-bottom: 60px;
}

#container #review-cart table th {
  font-weight: bold;
  color: #6f889b;
  line-height: 16px;
  padding: 5px 10px 5px 10px;
}


#container #review-cart table tr td {
  height: 30px;
  line-height: 30px;
  padding: 10px 10px 5px 10px;
  font-size: 13px;
  border-top: 1px solid #e2e2e2;
}

#container #review-cart table tr.startup-fee td {
  border-top: 1px dashed #e2e2e2;
}

#container #review-cart table .delete {
  width: 5%;
  max-width: 5%;
}

#container #review-cart table .item {
  font-weight: bold;
}

#container #review-cart table td.item  {
  line-height: 18px;
}

#container #review-cart table .item .options {
  font-size: 11px;
  font-weight: bold;
  color: #6c6c6c;
  margin-top: 5px;
  line-height: 14px;
}


@media only screen and (min-width: 950px) {
  #container #review-cart table .item .options select {
    font-size: 11px;
    margin: 0 5px;
  }

  #container #review-cart table .item .options div {
    margin: 10px 0px;

  }
}

.order-info-container .form-group input {padding-bottom:32px; padding-top:7px;}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #container #review-cart table .item .options select {
    font-size: 11px;
    margin: 5px 0 5px 0;
    clear: both;
    display: inline;
  }

  #container #review-cart table .item .options div {
    margin: 10px 0 15px 0;
  }
}

@media only screen and (max-width: 759px) {
  #container #review-cart table .item .options select {
    width: 135px;
    height: 25px;
  }
}

@media only screen and (min-width: 950px) {
  #container #review-cart table .item .options a {
    color: #6f889b;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    margin-left: 5px;
    clear: both;
    display: inline-block;

  }
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #container #review-cart table .item .options a {
    color: #6f889b;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    margin-left: 0;

  }
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #container #review-cart table .unit-price {
    text-align: right;
    max-width: 15%;
  }

  #container #review-cart table .item {
    max-width: 30%;
    font-weight: bold;
  }
}

.ie8 #container #review-cart table .item .options a,
.ie9 #container #review-cart table .item .options a {
  display: inline-block;
  position: relative;
  top: -3px;
}

#container #review-cart table .item .options a:hover {
  text-decoration: underline;
}

#container #review-cart table .unit-price {
  text-align: right;
  max-width: 15%;
}

#container #review-cart table .quantity {
  width: 20%;
  max-width: 20%;
  text-align: right;
}

#container #review-cart table td.quantity {
  text-align: right;
}

#container #review-cart table .quantity input {
  margin-right: 5px;
  width: 42px;
  text-align: right;
  padding-right: 5px;
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #container #review-cart table .quantity a {
    clear: both;
    margin-right: 5px;
    display: block;
    margin-top: 0;
  }
}

#container #review-cart table .quantity a:hover {
  text-decoration: underline;
}


#container #review-cart table .subtotal {
  font-weight: bold;
  text-align: right;
}

#container #review-cart table .delete img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
  filter: alpha(opacity=55);
  -moz-opacity:0.55;
  -khtml-opacity: 0.55;
  opacity: 0.55;
}

#container #review-cart table .delete img {
  vertical-align: top;
  padding-top: 7px;
  cursor: pointer;
}

#container #review-cart .shipping-row  {
  width: 100%;
  margin-bottom: 15px;
}

#container #review-cart .shipping-row td  {
  padding-bottom: 10px;
}

#container #review-cart .shipping-row td {
  color: #999;
  font-weight: bold;
}

#container #review-cart .shipping-row .instructions {
  font-weight: normal;
  font-size: 12px;
  font-style: italic;
}

#container #review-cart .shipping-row .gray-btn {
  margin-right: -10px;
}

#container #review-cart .coupon-row td {
  font-weight: bold;
  padding-right: 0px;
}

#container #review-cart .coupon-row .right {
  font-weight: bold;
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #container #review-cart .coupon-row .left {
    font-weight: bold;
    width: 300px;
    height: 30px;
    overflow: hidden;
  }
}

@media only screen and (min-width: 950px) {
  #container #review-cart .coupon-row .left {
    font-weight: bold;
    width: 480px;
    height: 30px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 759px) {
    #container #review-cart .coupon-row .left {
        font-weight: bold;
        width: 256px;
    }

    #container #review-cart .coupon-row .left input[name=coupon] {
        float: right;
        width: 130px;
    }

    #container #review-cart .coupon-row .left button {
        display: none;
    }
}

#container #review-cart .total-row td {
  text-align: right;
  border-bottom: 1px solid #d8d8d8;
}

#container #review-cart .total-row .current-total {
  text-align: right;
}

#container #review-cart .total-row .total-price {
  text-align: right;
  color: #000;
  font-size: 28px;
  font-weight: bold;
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #container #review-cart .total-row .current-total {
    width: 70%;
  }

  #container #review-cart .total-row .total-price {
    width: 30%;
  }
}

@media only screen and (min-width: 950px) {
  #container #review-cart .total-row .current-total {
    width: 80%;
  }

  #container #review-cart .total-row .total-price {
    width: 20%;
  }
}

#container #review-cart table .background  {
  width: 290px;
  position: relative;
  top: 0;
  left: 0;
  background: #EAEDF0;
}

#container #review-cart table .background td {
  height: 30px;
  margin: 0;
  padding: 0;
}

.ie7 #container #review-cart table .background td,
.ie8 #container #review-cart table .background td {
  height: 20px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/*mobile*/
@media only screen and (max-width: 759px) {

  #container #review-cart table {
    font-size: 12px;
    postion: relative;
    width: 284px;
    margin-left: -20px;
    margin-bottom: 60px;
  }

  #container #review-cart table tr td {
    height: 30px;
    line-height: 30px;
    padding: 10px 10px 5px 10px;
    font-size: 13px;
    border-top: 1px solid #e2e2e2;
  }

  #container #review-cart table tr .delete {
    padding-left: 10px;
    padding-right: 0;
  }

  #container #review-cart table tr td.subtotal {
    padding-right: 20px;
    vertical-align: middle;
  }

  #container #review-cart table tr th.subtotal {
    background: none;
    padding-right: 20px;
  }

  .edit-example {
    display: none;
  }

  #container #review-cart table tr td .qty {
    display: block;
  }

  #container #review-cart table tr td .options {
    overflow: hidden;
    font-weight: normal !important;
    padding-bottom: 10px;
  }

  #container #review-cart table tr td .options .option:before {
    content: ",";
  }

  #container #review-cart table tr td .options .option .label,
  #container #review-cart table tr td .options a {
    display: none;
  }

  #container #review-cart table tr td .options a {
    display: none !important;
    border: 1px solid red;
  }

  #container #review-cart table tr td .options .qty .label {
    display: inline;
  }
}

/*mobile*/
@media only screen and (max-width: 759px) {

  #container #review-cart table .unit-price,
  #container #review-cart table .quantity {
    display: none;
  }

  #container #review-cart .shipping-row .instructions {
    display: none;
  }

  #container #review-cart .shipping-row .gray-btn {
    margin-right: 8px;
  }

  #container #review-cart .coupon-row .details {
    display: none;
  }

  #container #review-cart .coupon-row .right {
    font-weight: bold;
    margin-right: 10px;
  }

  #container #review-cart .total-row .current-total {
    width: 45%;
    float: left;
    text-align: left;
    font-weight: bold;
  }

  #container #review-cart .total-row .total-price {
    width: 50%;
    padding-right: 10px;
    float: right;
  }
}

/*
////////////////////////////////////////////////////////////////////////////
//
// 05. SHIPPING & BILLING INFORMATION
//
////////////////////////////////////////////////////////////////////////////
*/

.form-group {
  position: relative;
}

.form-group p {
  margin-top: -10px;
  font-size: 12px;
  color: #666;
}

@media only screen and (min-width: 950px) {
  .form-group,
  .form-group {
    width: 580px;
  }
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  .form-group {
    width: 390px;
  }
}

@media only screen and (max-width: 759px) {
    .form-group {
        width: 250px;
    }

    .form-group p {
        width: 250px;
    }
}

.form-group label {
  display: block;
  font-weight: bold;
  font-size: 13px;
  color: #666;
  margin-bottom: 5px;
}

.form-group label .required,
.form-group-exp label .required {
  color: #ff9916;
}

.form-group input {
  padding-left: 5px;
  height: 25px;
  line-height: 30px;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  color: #666;
}

.form-group select {
  height: 25px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #666;
  font-family: arial, helvetica, sans-serif;
}

.ie7 .form-group select,
.ie8 .form-group select {
  height: auto;
  padding: 7px 0;
}

.hidden-section-error {
  display: none;
}

.section-error {
  padding: 10px;
  color: #aa0707;
  background: #fdebeb;
  font-size: 12px;
  margin: 0 0 10px;
}

@media only screen and (max-width: 759px) {
  .section-error {
      margin: 0 -20px 0 -20px;
      padding-left: 20px;
  }
}

.option-form-group {
  position:relative;
}

@media only screen and (min-width: 950px) {
  .option-form-group.valid .validator,
  .form-group.valid .validator {
    background: url(../images/valid.png);
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    top: 30px;
  }

  .option-form-group.invalid .validator,
  .form-group.invalid .validator {
    background: url(../images/invalid.png);
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    top: 30px;
  }

  #cvv-group .validator {
    left: 65px;
  }

  #exp-date .validator {
    left: 175px;
  }

  .option-form-group .validator {
    display: none;
    right: 0;
    top: 0;
  }

  .form-group .validator {
    display: none;
    left: 310px;
    bottom: 10px;
  }

    .inline-quantity-label {
        display: none;
    }

}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  .form-group.valid .validator {
    background: url(../images/valid.png);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 370px;
    top: 32px;
    display: block;
  }

  .form-group.invalid .validator {
    background: url(../images/invalid.png);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 370px;
    top: 32px;
    display: block;
  }

    .option-form-group.valid .validator {
        background: url(../images/valid.png);
        width: 16px;
        height: 16px;
        display: inline;
        bottom: -20px;
    }

    .option-form-group.invalid .validator {
        background: url(../images/invalid.png);
        width: 16px;
        height: 16px;
        display: inline;
        bottom: -20px;
    }

    .inline-quantity-label {
        display: none;
    }

}

/*mobile*/
@media only screen and (max-width: 759px) {

    .option-form-group.valid .validator {
        background: url(../images/valid.png);
        float: right;
        margin-top: 7px;
    }

    .option-form-group.invalid .validator {
        background: url(../images/invalid.png);
        float: right;
        margin-top: 7px;
    }

    .option-form-group select {
        height: 25px;
    }

    .form-group.valid .validator,
    .form-group.invalid .validator {
        left: 235px;
        top: 30px;
    }

    .item-row .inline-quantity button {
        display: none;
    }

    .item-row .inline-quantity-label {
        display: inline;
        font-weight: normal;
        font-size: 11px;
        line-height: 14px;
        color: #6C6C6C;
    }

    .item-row .item input {
        margin: 5px;
        padding: 5px;
        height: 14px;
        line-height: 14px;
    }
}

@media only screen and (min-width: 950px) {
  .form-group label {
    width: 300px;
  }

  .form-group select {
    width: 300px;
  }

  .form-group input {
    width: 290px;
  }

  .form-group .hover-note {
    display: none;
    width: 215px;
    height: auto;
    padding: 10px;
    color: #ff8305;
    background: #fbf5e7;
    font-size: 12px;
    position: absolute;
    left: 340px;
    top: 20px;
    line-height: 14px;
  }

  .form-group .cvv-hover-note {
    top: 10px;
  }

  #exp-date .hover-note,
  #exp-date .error-note{
    left: 205px;
    width: 315px;
  }

  #cvv-group .hover-note,
  #cvv-group .error-note {
    left: 95px;
    width: 465px;
  }

  .form-group .hover-note .arrow {
    background: url(../images/triangle-left-orange.png);
    width: 7px;
    height: 14px;
    position: absolute;
    left: -7px;
    top: 9px;
    display: block;
  }

  .form-group .error-note {
    width: 215px;
    padding: 10px;
    color: #aa0707;
    background: #fdebeb;
    font-size: 12px;
    float: right;
    line-height: 16px;
    display: none;
  }

  .invalid .error-note {
    display: block;
  }

  .form-group .error-note .content {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow:ellipsis;
    display: block;
  }

  .form-group .error-note.unwrap .content {
    height: auto !important;
    max-height: 300px !important;
    overflow: visible !important;
  }

  .form-group .error-note .arrow {
    background: url(../images/triangle-left-red.png);
    float: left;
    width: 7px;
    height: 14px;
    position: relative;
    left: -16px;
    display: block;
  }

  .form-group.invalid {
    clear: both;
  }

  .form-group .example {
    display: block;
    font-style: italic;
    margin-top: 10px;
  }

  #shipping-information .next-step {
    margin-top: 60px;
  }

  .field-explanation {
    max-width: 300px;
  }
}

@media only screen and (max-width: 949px) {
  .form-group label {
    width: 360px;
  }

  .form-group select {
    width: 360px;
  }

  .form-group input {
    width: 350px;
  }

  .form-group .hover-note {
    display: none;
    width: 340px;
    height: auto;
    padding: 10px;
    color: #ff8305;
    background: #fbf5e7;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 20px;
  }

  .form-group .hover-note .arrow {
    background: url(../images/triangle-top-orange.png) center no-repeat;
    width: 340px;
    height: 14px;
    margin-top: -20px;
    display: block;
  }

  #exp-date .hover-note .arrow,
  #cvv-group .hover-note .arrow {
    background: url(../images/triangle-top-orange.png) center no-repeat;
    width: 14px;
    height: 14px;
    margin-top: -20px;
    display: block;
    position: relative;
    left: 10px;
  }

  .form-group .hover-note .content {
    padding-top: 10px;
    display: block;
    line-height: 18px;
  }

  .form-group .error-note {
    display: none;
    width: 340px;
    height: auto;
    padding: 10px;
    color: #aa0707;
    background: #fdebeb;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 20px;
  }

  .invalid .error-note {
    display: block;
  }

  .form-group .error-note .arrow {
    background: url(../images/triangle-top-red.png) center no-repeat;
    width: 340px;
    height: 14px;
    margin-top: -20px;
    display: block;
  }

  .form-group .error-note .content {
    padding-top: 10px;
    display: block;
    line-height: 18px;
  }

  .form-group .next-step {
    margin-top: 60px;
  }

  #exp-date .hover-note,
  #exp-date .error-note,
  #cvv-group .hover-note,
  #cvv-group .error-note {
    clear: both;
  }
}

/*mobile*/
@media only screen and (max-width: 759px) {

  .help {
    display: block;
    color: #999;
    float: left;
    width: 65px;
    font-size: 10px;
    text-align: right;
    cursor: pointer;
    cursor: hand;
    font-weight: normal;
  }

  .form-group label,
  .form-group-exp label {
    float: left;
    width: 220px;
  }

  .form-group input,
  .form-group select,
  .form-group-exp input,
  .form-group-exp select {
    width: 215px;
  }

  .form-group select,
  .form-group-exp select {
    width: 222px;
  }
}


#cvv-group .hover-note img {
  float: left;
  margin-right: 10px;
}

.form-group #exp-month,
.form-group #exp-year {
  width: 60px;
  margin-right: 10px;
  float: left;
}

.form-group #cvv {
  width: 50px;
}

.form-group .twenty {
  float: left;
  width: 25px;
  line-height: 30px;
  margin-left: 10px;
}

/*mobile*/
@media only screen and (max-width: 759px) {

  .form-group .hover-note,
  .form-group-exp .hover-note {
    width: 205px;
    height: auto;
    padding: 10px;
    color: #FF8305;
    background: #FBF5E7;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 20px;
  }

  .form-group .hover-note .arrow,
  .form-group-exp .hover-note .arrow {
    background: url(../images/triangle-top-orange.png) center no-repeat;
    width: 215px;
    height: 14px;
    margin-top: -20px;
    display: block;
  }

  #exp-date .hover-note .arrow,
  #cvv-group .hover-note .arrow {
    background: url(../images/triangle-top-orange.png) center no-repeat;
    width: 14px;
    height: 14px;
    margin-top: -20px;
    display: block;
    position: relative;
    left: 10px;
  }

  #cvv-group,
  #cvv-group input {
    clear: both !important;
  }

  .form-group .hover-note .content,
  .form-group-exp .hover-note .content {
    padding-top: 10px;
    display: block;
    line-height: 18px;
  }

  .form-group .error-note,
  .form-group-exp .error-note {
    width: 205px;
    height: auto;
    padding: 10px;
    color: #AA0707;
    background: #FDEBEB;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 20px;
  }

  .form-group .error-note .arrow,
  .form-group-exp .error-note .arrow {
    background: url(../images/triangle-top-red.png) center no-repeat;
    width: 215px;
    height: 14px;
    margin-top: -20px;
    display: block;
  }

  .form-group .error-note .content,
  .form-group-exp .error-note .content {
    padding-top: 10px;
    display: block;
    line-height: 18px;
  }

  #exp-date .hover-note,
  #exp-date .error-note,
  #cvv-group .hover-note,
  #cvv-group .error-note {
    clear: both;
  }
}

/*
////////////////////////////////////////////////////////////////////////////
//
// 06. SHIPPING METHOD
//
////////////////////////////////////////////////////////////////////////////
*/

#shipping-method h3 {
  font-weight: bold;
  color: #666;
  font-size: 13px;
}

#shipping-method ul  {
  margin: 20px 0 60px 0;
  border-bottom: 1px solid #d8d8d8;
}

#shipping-method ul li {
  padding: 0;
  line-height: 20px;
  font-size: 13px;
  position: relative;
  border-top: 1px solid #d8d8d8;
  cursor: pointer;
}

@media only screen and (min-width: 950px) {
  #shipping-method ul li {
    width: 580px;
  }
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #shipping-method ul li {
    width: 390px;
    padding-top: 10px;
  }

}

#shipping-method ul li:hover {
  background: #ffffe0;
}

#shipping-method ul li label {
  padding: 10px 30px;
  display: block;
  cursor: pointer;
}

@media only screen and (min-width: 950px) {
  #shipping-method ul li .delivery-details {
    width: 415px;
  }
}

#shipping-method ul li .delivery-type {
  font-weight: bold;
  margin-left: 10px;
}

#shipping-method ul li .price {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  float: right;
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #shipping-method ul li .price {
    position: relative;
    top: -8px;
  }
}

/*mobile*/
@media only screen and (max-width: 759px) {

  #shipping-method ul li {
    width: 244px;
  }

  #shipping-method ul li label {
    width: 200px;
  }

  #shipping-method ul li .delivery-details {
    width: 120px;
  }

  #shipping-method ul li .delivery-notes {
    width: 120px;
  }

  #shipping-method ul li .price {
    width: 75px;
    margin-top: 10px;
  }
}

/*
////////////////////////////////////////////////////////////////////////////
//
// 07. BILLING INFORMATION
//
////////////////////////////////////////////////////////////////////////////
*/

.checkbox-billing {
  position: relative;
}

.checkbox-billing input {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}

.checkbox-billing label {
  line-height: 20px;
  margin-left: 10px;
  font-weight: bold;
  color: #666666;
  font-size: 13px;
}

.billing-info-container {
  margin-top: 20px;
}

#billing-information .next-step {
  margin-top: 60px;
}

/*mobile*/
@media only screen and (max-width: 759px) {
  .checkbox-billing label {
    width: 200px;
  }

  #review-cart .next-step {
    margin-top: -30px !important;
  }

  #shipping-information .next-step {
    margin-top: 10px !important;
  }

  #shipping-method .next-step {
    margin-top: -30px !important;
  }

  #billing-information .next-step {
    margin-top: 30px !important;
  }
}

/*
////////////////////////////////////////////////////////////////////////////
//
// 08. PAYMENT METHOD
//
////////////////////////////////////////////////////////////////////////////
*/

#payment-method {
  position: relative;
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #payment-method .secure-icon  {
    display: none;
  }
}

@media only screen and (min-width: 950px) {
  #payment-method .secure-icon  {
    position: absolute;
    right: 20px;
    top: 20px;
  }
}


#payment-method .secure-icon .secure-left {
  float: left;
  background: url(../images/secure-left.png);
  width: 37px;
  height: 44px;
}


#payment-method .secure-icon .secure-middle {
  float: left;
  background: url(../images/secure-middle.png);
  height: 44px;
  padding: 0px 5px 0px 15px;
  text-align: center;
}

#payment-method .secure-icon .secure-middle  span {
  padding-top: 7px;
  display: block;
  font-size: 13px;
  line-height: 16px;
  color: #ff9916;
  font-weight: bold;
  text-transform: uppercase;
}

#payment-method .secure-icon .secure-right {
  float: left;
  background: url(../images/secure-right.png);
  width: 12px;
  height: 44px;
}

#payment-method ul {
  border-bottom: 1px solid #d8d8d8;
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
}

#payment-method ul li {
  border: 1px solid #d8d8d8;
  padding: 0 10px;
  height: 59px;
  line-height: 59px;
  display: block;
  float: left;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #666;
  cursor: pointer;
}

#payment-method ul li.active {
  border-bottom: 1px solid #FFF;
  color: #6f889b;
}

#payment-method ul li.card {
  margin: 0 10px 0 20px;
}

#payment-method ul li.paypal img {
  position: relative;
  top: 5px;
  filter: url(../images/filters.svg#grayscale); /* Firefox 3.5+*/
  filter: gray; /* IE6-9*/
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+*/
}

#payment-method ul li.paypal img:hover,
#payment-method ul li.paypal.active img {
  filter: none;
  -webkit-filter: grayscale(0);
}

#payment-method .paypal-container {
  color: #666;
  display: none;
  margin-bottom: 40px;
  font-size: 13px;
  line-height: 22px;
}
#payment-method .paypal-container.active { display: block; }

#payment-method .card-container        { display: none;  }
#payment-method .card-container.active { display: block; }

/*mobile*/
@media only screen and (max-width: 759px) {
  #payment-method {
    position: static;
  }

  #payment-method .secure-icon {
    display: none;
  }
}

/*mobile*/
@media only screen and (max-width: 759px) {
  #payment-method ul li {
    padding: 0 5px;
    font-size: 14px;
  }

  #payment-method ul li.card {
    max-width: 100px;
    line-height: 18px;
    text-align: center;
    padding-top: 10px;
    height: 49px;
  }

  #payment-method .paypal-container {
    margin-bottom: 0;
  }
}

/*
////////////////////////////////////////////////////////////////////////////
//
// 09. SIDEBAR
//
////////////////////////////////////////////////////////////////////////////
*/

#container #sidebar {
  width: 190px;
  min-height: 300px;
  float: right;
}

#container #sidebar .security,
#container #sidebar .global-options,
#container #sidebar .questions {
  background: #FFF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -khtml-border-radius: 6px;
  border: #EEE;
  padding: 10px;
  width: 170px;
  font-size: 12px;
  color: #6f889b;
  font-weight: bold;
  text-align: center;
  line-height: 14px;
  margin-bottom: 20px;
}

#thank-you-page #container #sidebar .questions {
  padding-bottom: 20px;
}

#container #sidebar .security img {
  float: left;
  text-align: center;
  padding: 10px 5px 0 5px;
}

#container #sidebar .security .safe-harbor-certify {
  text-align: center;
  clear: left;
  font-size: 10px;
  font-weight: normal;
  padding-top: 10px;
  margin: 0 0 -10px;
}
#container #sidebar .security .safe-harbor-certify a:hover {
  text-decoration: underline;
}

#container #sidebar .security .safe-harbor {
  clear: both;
  margin-left: 13px;
  margin-bottom: 10px;
}

#container #sidebar label {
  clear: both;
  display: block;
  text-align: left;
  margin: 0 10px 5px 10px;
}

#container #sidebar select {
  margin: 0 10px 15px 10px;
  text-align: left;
  float: left;
  width: 150px;
  height: 24px;
  line-height: 30px;
}

#container #sidebar .questions {
  text-align: left;
  padding: 20px 20px 0 20px;
  width: 150px;
}

#container #sidebar .questions h3,
#container #sidebar .summary h3 {
  font-size: 16px;
  margin-bottom: 20px;
}

#container #sidebar .questions .phone-number {
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: #666;
}

#container #sidebar .questions .phone-number img {
  vertical-align: middle;
  margin-right: 10px;
}

#container #sidebar .questions .seller-links {
  margin-top: 10px;
}

#container #sidebar .questions .seller-links li {
  font-size: 12px;
  padding: 3px 0;
  font-weight: normal;
}

#container #sidebar .questions .seller-links li a {
  color: #666;
  text-decoration: underline;
}

#container #sidebar .questions .seller-links li a:hover {
  text-decoration: none;
}

#container #sidebar .questions .address {
  font-size: 11px;
  margin-top: 10px;
  font-weight: normal;
  color: #999;
  line-height: 14px;
}

#container #sidebar .summary {
  border-top: 1px solid #d8d8d8;
  margin-left: -20px;
  width: 150px;
  margin-top: 20px;
  padding: 20px 20px 0 20px;
}

#container #sidebar .summary .summary-table {
  width: 150px;
  color: #666;
}

#container #sidebar .summary .summary-table tr td {
  height: 20px;
  font-size: 13px;
  font-weight: bold;
}

#container #sidebar .summary .summary-table tr td.item {
  width: 60%;
  max-width: 60%;
}

#container #sidebar .summary .summary-table tr td.price {
  width: 40%;
  text-align: right;
  font-weight: normal;
}

#container #sidebar .summary .summary-total {
  background: #6f889b;
  line-height: 50px;
  width: 190px;
  margin: 20px 0 0 -20px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-radius: 0 0 6px 6px;
  position: relative;
  overflow: hidden;
}

#container #sidebar .summary .summary-total .total-label {
  float: left;
  color: #FFF;
  padding-left: 20px;
}
#container #sidebar .summary .summary-total .total-price {
  float: right;
  color: #FFF;
  padding-right: 20px;
  font-size: 20px;
}

/*mobile*/
@media only screen and (max-width: 759px) {

  #container #sidebar {
    width: 290px;
    margin: auto;
    clear: both;
    margin-top: 20px;
    display: none;
  }

  #container #sidebar .security,
  #container #sidebar .global-options,
  #container #sidebar .questions {
    display: none;
  }

}


/*
////////////////////////////////////////////////////////////////////////////
//
// 10. BUTTONS
//
////////////////////////////////////////////////////////////////////////////
*/

button.gray-btn,
.gray-btn {
  height: 31px;
}

button.gray-btn,
.gray-btn a {
  width: auto;
  height: 31px;
  display:  block;
  color: #808080;
  background-image: -webkit-linear-gradient(top, #FDFDFD, #ECECEC);
  background-image: -moz-linear-gradient(top, #FDFDFD, #ECECEC);
  background-image: -ms-linear-gradient(top, #FDFDFD, #ECECEC);
  background-image: -o-linear-gradient(top, #FDFDFD, #ECECEC);
  border: 1px solid #D8D8D8;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
}

button.gray-btn:hover,
.gray-btn a:hover {
  background-image: -webkit-linear-gradient(top, #ECECEC, #FDFDFD);
  background-image: -moz-linear-gradient(top, #ECECEC, #FDFDFD);
  background-image: -ms-linear-gradient(top, #ECECEC, #FDFDFD);
  background-image: -o-linear-gradient(top, #ECECEC, #FDFDFD);
}

.gray-btn .button-right, .gray-btn .button-left {
  width: 14px;
  height: 31px;
  float: left;
}

@media only screen and (max-width: 759px) {
  .gray-btn .button-right, .gray-btn .button-left {
      width: 5px;
  }
}

button.gray-btn .button-content,
.gray-btn .button-content {
  padding: 0 10px;
  height: 31px;
  text-align:  center;
  line-height:  31px;
  font-size: 12px;
  font-weight:  bold;
  float: left;
}

body #estimate-shipping .calculate-btn {
    float: right;
}

.blue-btn {
  background: #3264A0;
  background-image: -webkit-linear-gradient(top, #3264A0, #2C5277);
  background-image: -moz-linear-gradient(top, #3264A0, #2C5277);
  background-image: -ms-linear-gradient(top, #3264A0, #2C5277);
  background-image: -o-linear-gradient(top, #3264A0, #2C5277);
  border: 1px solid #223E56;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  width: auto;
  height: 32px;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 24px;
}

.blue-btn a:hover, .blue-btn:hover {
  color: white;
  background-image: -webkit-linear-gradient(top, #2C5277, #3264A0);
  background-image: -moz-linear-gradient(top, #2C5277, #3264A0);
  background-image: -ms-linear-gradient(top, #2C5277, #3264A0);
  background-image: -o-linear-gradient(top, #2C5277, #3264A0);
}

.orange-btn {
  background: #F47C20;
  background-image: -webkit-linear-gradient(top, #FBB040, #F47C20);
  background-image: -moz-linear-gradient(top, #FBB040, #F47C20);
  background-image: -ms-linear-gradient(top, #FBB040, #F47C20);
  background-image: -o-linear-gradient(top, #FBB040, #F47C20);
  border: 1px solid #B95595;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  width: auto;
  height: 32px;
  color: #f1f1f1;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 24px;
}

.orange-btn a:hover, .orange-btn:hover {
  color: #f1f1f1;
  background-image: -webkit-linear-gradient(top, #F47C20, #FBB040);
  background-image: -moz-linear-gradient(top, #F47C20, #FBB040);
  background-image: -ms-linear-gradient(top, #F47C20, #FBB040);
  background-image: -o-linear-gradient(top, #F47C20, #FBB040);
}

.download-link {
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  height: auto;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 14px;
  margin-top: 7px
}

@media only screen and (max-width: 759px) {
    .download-link {
        float: left;
    }
}

.paypal-container .instructions {
  margin-bottom: 20px;
}

.paypal-btn {
  clear: both;
  float: right;
}

.green-btn {
  background: #1DAE20;
  background-image: -webkit-linear-gradient(top, #1DAE20, #14912D);
  background-image: -moz-linear-gradient(top, #1DAE20, #14912D);
  background-image: -ms-linear-gradient(top, #1DAE20, #14912D);
  background-image: -o-linear-gradient(top, #1DAE20, #14912D);
  border: 1px solid #007726;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  width: auto;
  height: 32px;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 24px;
  float: right;
}

.green-btn a:hover, .green-btn:hover {
  color: white;
  background-image: -webkit-linear-gradient(top, #14912D, #1DAE20);
  background-image: -moz-linear-gradient(top, #14912D, #1DAE20);
  background-image: -ms-linear-gradient(top, #14912D, #1DAE20);
  background-image: -o-linear-gradient(top, #14912D, #1DAE20);
}

.green-btn a {
  width: auto;
  height: 31px;
  display:  block;
  color: #FFF;
}

.green-btn a:hover {
  color: #FFF;
}

.green-btn a:visited {
    color: #FFF;
}

#payment-method .green-btn {
    margin: 20px 0 0 0;
}

.payment-btn {
  width: auto;
  height: 41px;
  padding: 0;
  margin: 20px 0 0 0;
  display: block;
  color: #f1f1f1;
  background: #F47C20;
  background-image: -webkit-linear-gradient(top, #FBB040, #F47C20);
  background-image: -moz-linear-gradient(top, #FBB040, #F47C20);
  background-image: -ms-linear-gradient(top, #FBB040, #F47C20);
  background-image: -o-linear-gradient(top, #FBB040, #F47C20);
  border: 1px solid #B95595;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  float: right;
}

.payment-btn a {
  width: auto;
  height: 41px;
  display: block;
  color: #f1f1f1;
}

.payment-btn:hover {
  color: #FFF;
  background-image: -webkit-linear-gradient(top, #F47C20, #FBB040);
  background-image: -moz-linear-gradient(top, #F47C20, #FBB040);
  background-image: -ms-linear-gradient(top, #F47C20, #FBB040);
  background-image: -o-linear-gradient(top, #F47C20, #FBB040);
  border: 1px solid #B95595;
}

.payment-btn .button-left {
  width: 20px;
  height: 41px;
  float: left;
}

.payment-btn .button-right {
  width: 20px;
  height: 41px;
  float: left;
}

.payment-btn .button-content {
  padding: 0 10px;
  height: 41px;
  text-align:  center;
  line-height:  41px;
  font-size: 18px;
  font-weight:  bold;
  float: left;
}

@media only screen and (min-width: 760px) and (max-width: 949px) {

  .terms {
    float: left;
    width: 90%;
    font-size: 10px;
    line-height: 12px;
    color: #999;
    padding-top: 15px;
    clear: both;
  }

}

@media only screen and (min-width: 950px) {

  .terms {
    float: left;
    width: 290px;
    font-size: 12px;
    color: #999;
    margin-top: 20px;
    clear: both;
  }
}

/*mobile*/
@media only screen and (max-width: 759px) {
  .green-btn {
    width: 250px;
    height: 43px;
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
    margin: auto;
    margin-left: -3px;
    color: #fff;
  }

  .green-btn a {
    width: 250px;
    height: 43px;
    display: block;
  }

  .green-btn .button-left,
  .green-btn .button-right {
    display: none;
  }

  .green-btn .button-content {
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    clear: both;
    padding: 0;
    width: 250px;
    text-align: center;
    float: left;
  }
}

/*mobile*/
@media only screen and (max-width: 759px) {
  .payment-btn {
    width: 250px;
    height: 43px;
    margin-top: 30px;
    margin: auto;
    margin-top: 30px !Important;
    position: relative;
    left: 3px !important;
  }

  .payment-btn a {
    display: block;
    width: 250px;
    height: 43px;
    font-size: 14px;

  }

  .payment-btn a:hover {
  color: #FFF;
  background-image: -webkit-linear-gradient(top, #F47C20, #FBB040);
  background-image: -moz-linear-gradient(top, #F47C20, #FBB040);
  background-image: -ms-linear-gradient(top, #F47C20, #FBB040);
  background-image: -o-linear-gradient(top, #F47C20, #FBB040);
  border: 1px solid #B95595;
  }

  .payment-btn .button-content {
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    clear: both;
    padding: 0;
    width: 250px;
    text-align: center;
  }

  .payment-btn .button-left,
  .payment-btn .button-right {
    display: none;
  }

  .terms {
    clear: both;
    padding-top: 10px;
    color: #999;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    width: 100%;
  }
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// 11. SHIPPING ESTIMATE
//
//////////////////////////////////////////////////////////////////////////////
*/

@media only screen and (min-width: 760px) {
    #estimate-shipping {
        display: none;
        width: 350px;
    }

    #estimate-shipping select {
        width: 340px;
        height: 25px;
        padding: 0px;
    }
}

@media only screen and (max-width: 759px) {
    #estimate-shipping select {
        width: 220px;
        height: 25px;
    }
}

#estimate-shipping h4 {
  font-weight: bold;
  font-size: 18px;
  color: #6f889b;
  margin-bottom: 20px;
}

#estimate-shipping .calculate-btn {
  margin: 0 10px 20px 0;
  float: right;
}

@media only screen and (min-width: 760px) {
    #estimate-shipping #estimate-contents {
      max-height: 150px;
      width: 100%;
      margin-right: 35px;
      overflow-y: auto;
    }
}

@media only screen and (max-width: 759px) {
    #estimate-shipping #estimate-contents {
        margin-right: 0px;
    }
}

#estimate-shipping .estimate-costs {
  clear: both;
  border-top: 1px solid #d8d8d8;
  margin-top: 20px;
  padding-top: 20px;
  width: 100%;
}

#estimate-shipping .shipping-option {
  padding: 5px 0 10px 0;
  line-height: 20px;
  font-size: 13px;
  position: relative;
  width: 330px;
}

#estimate-shipping .shipping-option .delivery-details {
  display: inline-block;
  width: 240px;
}

#estimate-shipping .shipping-option .delivery-notes {
  color: #858585;
  margin-left: 10px;
}

#estimate-shipping .shipping-option .price {
  text-align: right;
  font-size: 18px;
  width: 60px;
  display: inline-block;
}

#estimate-shipping .instructions {
  font-size: 13px;
  color: #999;
  text-align: center;
  margin: 20px 0;
}

/*mobile*/
@media only screen and (max-width: 759px) {
  #estimate-shipping {
    padding: 0;
    margin: 0;
    width: 240px;
  }

  #estimate-shipping .bar-container {
    top: 0;
  }

  #estimate-shipping .center {
    width: 290px;
    margin: auto;
  }

  #estimate-shipping .estimate-container {
    background: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    padding: 10px;
    width: 265px;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 20px;
    margin: auto;
    border: 3px solid #cbcbcb !important;
  }

  #estimate-shipping .estimate-container h4 {
    padding-top: 15px;
    padding-left: 10px;
  }


  #estimate-shipping .estimate-container label {
    clear: both;
    display: block;
    text-align: left;
    margin: 10px 10px 5px 10px;
  }

  #estimate-shipping .estimate-container select {
    margin: 0 10px 20px 10px;
    text-align: left;
    float: left;
    width: 240px;
    height: 25px;
    line-height: 30px;
  }


  #estimate-shipping .estimate-costs {
    display: none;
    clear: both;
    border-top: 1px solid #d8d8d8;
    margin-top: 20px;
    padding-top: 20px;
    width: 220px;
    margin-left: 10px;
  }

  #estimate-shipping .shipping-option {
    padding: 5px 0 10px 0;
    line-height: 20px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    cursor: hand;
    width: 100%;
  }

  #estimate-shipping .shipping-option .delivery-details {
    display: inline-block;
    width: 125px;
  }

  #estimate-shipping .shipping-option .delivery-notes {
    display: block;
  }

  #estimate-shipping .shipping-option .price {
    text-align: right;
    font-size: 18px;
    width: 60px;
    display: inline-block;
    color: #333 !important;
  }

  #estimate-shipping .instructions {
    font-size: 13px;
    color: #999;
    text-align: center;
    margin: 20px 0;
  }

  #estimate-shipping .green-btn {
    margin: 20px 0  10px -5px;
  }

}


/*
//////////////////////////////////////////////////////////////////////////////
//
// 12. FOOTER
//
//////////////////////////////////////////////////////////////////////////////
*/

footer {
  clear: both;
  margin-top: 20px;
}

@media only screen and (max-width: 759px) {

  footer {
    margin: 0 0 20px 10px;
    padding: 7px;
  }
}

#brinkslogo {
  float: right;
  margin-right: 210px;
}
#servicedbytco {
}

/* BRINKS */
@media only screen and (min-width: 760px) and (max-width: 949px) {
  #brinkslogo {
    float: right;
    margin-right: 260px;
  }
  #servicedbytco {
  }
}

@media only screen and (max-width: 759px) {
  #brinkslogo {
    float: right;
    margin-right: 0px;
    height: 40px;
  }
  #servicedbytco {
    height: 40px;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// 13. THANK YOU
//
//////////////////////////////////////////////////////////////////////////////
*/

.print-receipt {
  display: none;
}

.receipt-print-email {
  margin: 25px 0 20px 0;
}

.receipt-print-email .print-btn {
  float: left;
}

.receipt-print-email .email-receipt {
  float: left;
  line-height: 18px;
  margin-left: 20px;
  font-size: 13px;
}

@media only screen and (min-width: 950px) {
  .receipt-print-email .email-receipt {
    max-width: 475px;
    padding-top: 6px;
  }
}
/* TODO: Check if we need a mobile version of this */
@media only screen and (max-width: 949px) {
  .receipt-print-email .email-receipt {
    max-width: 285px;
  }
}

#thank-you-page .keep-shopping-btn {
  margin: 20px 0 0 0;
}
#thank-you-page h1 {
  line-height: 32px;
  font-size: 22px;
  padding-right: 20px;
}

#thank-you-page h2 {
  clear: both;
  font-weight: bold;
  font-size: 18px;
  color: #6f889b;
  padding-top: 25px;
  padding-bottom: 10px;
}

#thank-you-page small {
  font-size: 10px;
  color: #6F889B;
}

#thank-you-page .finalize {
  text-align: center;
}

#thank-you-page a.finalize {
  font-size: 11px;
  color: #000066;
  text-decoration: underline;
}

#thank-you-page #thank-you-summary {
  width: 100%;
}

#thank-you-page #thank-you-summary tr td {
border-top: 1px solid #D8D8D8;
padding: 10px 0px;
}

#thank-you-page table td.item {
  width: 75%;
}

#thank-you-page table td.price {
  width: 25%;
}

#thank-you-page table .item .options {
    color: #6C6C6C;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin-top: 5px;
}

@media only screen and (max-width: 759px) {
  #thank-you-page table .item .options {
    float: left;
  }
}

#thank-you-page table tr td .options span {
  display: block;
  padding-left: 20px;
  line-height: 20px;
  max-width: 235px;
  overflow: hidden;
}

#thank-you-page table tr td .options span .purchase_display_currency,
#thank-you-page .print-receipt .options span .purchase_display_currency {
  display: inline;
  padding-left: 0;
}

#thank-you-page #thank-you-summary tr td.price {
  text-align: right;
  width: 35%;
}

#thank-you-page #thank-you-summary tr.total {
  font-size: 24px;
  font-weight: bold;
}

#thank-you-page #thank-you-summary tr.total td.price span {
  font-size: 11px;
  font-weight: bold;
  color: #999;
}

#thank-you-page #thank-you-summary tr.total td.price span.purchase_display_currency {
  color: #000;
  font-weight: normal;
  font-size: 24px;
}

#thank-you-page #thank-you-summary table .item .options {
  color: #6C6C6C;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  margin-top: -2px;
}

@media only screen and (min-width: 950px) {
  #thank-you-page .bill-to,
  #thank-you-page .order-information {
    width: 33%;
    border-right: 1px solid #d8d8d8;
    float: left;
    margin-top: 20px;
    word-wrap: break-word;
  }

  #thank-you-page .ship-to {
    border-right: 1px solid #d8d8d8;
    float: left;
    margin-top: 20px;
    padding-right: 10px;
    max-width: 32%;
    word-wrap: break-word;
  }

  #thank-you-page .bill-to h3,
  #thank-you-page .ship-to h3,
  #thank-you-page .order-information h3 {
    padding: 0 20px 20px 20px;
    color: #6f889b;
    font-weight: bold;
    font-size: 18px;
  }

  #thank-you-page .bill-to div,
  #thank-you-page .ship-to div,
  #thank-you-page .order-information div {
    padding: 2px 20px;
    font-size: 13px;
  }
}

@media only screen and (min-width: 760px) and (max-width: 949px) {
  #thank-you-page .bill-to,
  #thank-you-page .ship-to,
  #thank-you-page .order-information {
    width: 100%;
    border-top: 1px solid #d8d8d8;
    border-right: none;
    clear: both;
    margin-top: 20px;
  }


  #thank-you-page .bill-to h3,
  #thank-you-page .ship-to h3,
  #thank-you-page .order-information h3 {
    padding: 20px 20px 20px 0;
    color: #6f889b;
    font-weight: bold;
    font-size: 18px;
  }

  #thank-you-page .bill-to div,
  #thank-you-page .ship-to div,
  #thank-you-page .order-information div {
    padding: 2px 20px 2px 0;
    font-size: 13px;
  }
}

#thank-you-page .order-information {
  border-right: none;
}

/* END DESKTOP & TABLET STYLES*/

/*mobile*/
@media only screen and (max-width: 759px) {
  #thank-you-page #secure-checkout {
    background: #FFF;
    border: 3px solid #cbcbcb;
    width: 244px !important;
    padding: 20px;
    margin-bottom: 20px;
    height: auto;
  }

  #thank-you-page #sidebar {
    display: none;
  }

  #thank-you-page .mobile-sidebar {
    clear: both;
    margin-top: 20px;
  }

  #thank-you-page .bar-container {
    width: 100%;
    padding: 0px;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0px;
  }


  #thank-you-page .center {
    margin: auto;
    width: 310px;
  }

  #thank-you-page #secure-checkout {
    background: #FFF;
    border: 3px solid #cbcbcb;
    width: 270px;
    padding: 20px;

  }

  #thank-you-page h1 {
    line-height: 32px;
    font-size: 22px;
    display: block !important;
  }

  .receipt-print-email .print-btn {
    clear: both;
    margin: auto;
    margin-top: -15px;
    margin-bottom: 15px;
    padding: 0px;
  }

  .receipt-print-email .email-receipt {
    clear: both;
    margin: 0px;
    line-height: 18px;
    font-size: 13px;
  }

  #thank-you-page #thank-you-summary tr td.price {
    text-align: right;
    width: 40%;
  }

  #thank-you-page #thank-you-summary tr.total {
    font-size: 16px;
  }

  #thank-you-page #thank-you-summary tr.total td {
    font-weight: bold;
  }

  #thank-you-page #thank-you-summary tr.total td.price span {
    font-size: 11px;
    font-weight: bold;
    color: #999;
  }

  #thank-you-page .bill-to,
  #thank-you-page .ship-to,
  #thank-you-page .order-information {
    width: 100%;
    border-top: 1px solid #d8d8d8;
    border-right: none;
    clear: both;
    margin-top: 20px;
  }

  #thank-you-page .bill-to h3,
  #thank-you-page .ship-to h3,
  #thank-you-page .order-information h3 {
    padding: 20px 20px 20px 0px;
    font-weight: bold;
    font-size: 18px;
  }

  #thank-you-page .bill-to div,
  #thank-you-page .ship-to div,
  #thank-you-page .order-information div {
    padding: 2px 20px 2px 0px;
    font-size: 13px;
  }

}

#thank-you-page .bill-to div.method {
  padding-top: 20px;
}

.print-style {
  display: none;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// 14. FANCYBOX (LIGHTBOX POPUPS)
//
//////////////////////////////////////////////////////////////////////////////
*/

/*FANCYBOX*/
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license*/
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: -120px;
}

.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 {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}

.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: 10px;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../images/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: 8020;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../images/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;
  background: transparent url('../images/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: 20px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}

/* Overlay helper*/

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: #000;
}

#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* 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: 8030;
  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 {
  margin-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

.update {
  display: inline;
  line-height: 25px;
  font-size: 11px;
  color: #6f889b;
  border:0;
  margin:0;
  padding:0;
  background:transparent;
}

.no-js .update {
  display: none;
}

#shipping-reminder {
  font-size: 12px;
  padding-top: 20px;
  clear: both;
  margin-bottom: 20px;
}

#shipping-reminder span {
  font-size: 11px;
  font-weight: bold;
  color: #999;
  margin-right: 5px;
}

.js .auto-submit {
  display: none;
}

.cart-error .cart-error-header {
  color: black;
  font-size: 18px;
  font-weight: bold;
  margin: auto;
  text-align: center;
}
.cart-error .cart-error-message {
  color: black;
  font-size: 14px;
  margin: auto;
  text-align: center;
}
.cart-error .cart-error-code {
  background: #F4F4F4;
  color: black;
  font-size: 14px;
  margin: auto;
  padding: 14px 8px;
  text-align: center;
  width: 60%;
}

#acculynk_container td[align=center] {
  text-align: center;
}

#progress-indicator {
  background: url('/static/checkout/images/processing-circle.gif') no-repeat center center rgba(255,255,255,.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// 14. MOBILE PROGRESS BAR
//
//////////////////////////////////////////////////////////////////////////////
*/

/*desktop and tablet*/
@media only screen and (min-width: 760px) {
  .mobile-progress {
    display: none;
  }
}

/*mobile*/
@media only screen and (max-width: 759px) {

  .mobile-progress {
    border: 3px solid #CBCBCB;
    background: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    padding: 10px;
    height: 50px;
    width: 264px;
    margin: 0 0 20px 0;
    position: absolute;
    left: 0;
    display: block;
    text-align: center;
  }

  .mobile-progress div {
    background-position: top center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 52px;
    text-align: center;
    padding-top: 37px;
    cursor: pointer;
    cursor: hand;
    height: 35px;
    background-size: 35px 35px;
    -moz-background-size: 35px 35px;
    -o-background-size: 35px 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 80%;
    color: #A9A9A9;
  }

  .mobile-progress div.review-cart-step {
    background-image: url(../images/progress-review-cart-inactive.png);
  }

  .mobile-progress div.review-cart-step.active {
    background-image: url(../images/progress-review-cart.png);
    color: #07AA0D;
  }

  .mobile-progress div.review-cart-step.complete {
    background-image: url(../images/progress-complete.png);
    color: #07AA0D;
  }

  .mobile-progress div.shipping-information-step {
    background-image: url(../images/progress-shipping-information-inactive.png);
  }

  .mobile-progress div.shipping-information-step.active {
    background-image: url(../images/progress-shipping-information.png);
    color: #07AA0D;
  }

  .mobile-progress div.shipping-information-step.complete {
    background-image: url(../images/progress-complete.png);
    color: #07AA0D;
  }

  .mobile-progress div.shipping-method-step {
    background-image: url(../images/progress-shipping-method-inactive.png);
  }

  .mobile-progress div.shipping-method-step.active {
    background-image: url(../images/progress-shipping-method.png);
    color: #07AA0D;
  }

  .mobile-progress div.shipping-method-step.complete {
    background-image: url(../images/progress-complete.png);
    color: #07AA0D;
  }

  .mobile-progress div.billing-information-step {
    background-image: url(../images/progress-billing-information-inactive.png);
  }

  .mobile-progress div.billing-information-step.active {
    background-image: url(../images/progress-billing-information.png);
    color: #07AA0D;
  }

  .mobile-progress div.billing-information-step.complete {
    background-image: url(../images/progress-complete.png);
    color: #07AA0D;
  }

  .mobile-progress div.payment-method-step {
    background-image: url(../images/progress-payment-method-inactive.png);
  }

  .mobile-progress div.payment-method-step.active {
    background-image: url(../images/progress-payment-method.png);
    color: #07AA0D;
  }

  .mobile-progress div.payment-method-step.complete {
    background-image: url(../images/progress-complete.png);
    color: #07AA0D;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// 15. MOBILE SIDEBAR
//
//////////////////////////////////////////////////////////////////////////////
*/

/*mobile*/
@media only screen and (max-width: 759px) {
  .mobile-sidebar {
    padding: 0;
    margin-top: 20px;
  }

  .mobile-sidebar .questions {
    margin-bottom: 20px;
    width: ;
    padding: 0 20px;
    background:#FFF;
    border: 3px solid #cbcbcb !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    margin-top: -20px;
  }

  .mobile-sidebar .questions .phone-number a {
    display: inline !important;
  }

  #thank-you-page .mobile-sidebar {
    margin-top: 0;
  }

  .mobile-sidebar .questions li {
    width: 100px;
    font-size: 14px;
    border-bottom: 1px solid #d8d8d8;
    width: 284px;
    margin-left: -20px;
    text-align: center;
    font-weight: bold;
  }

  .mobile-sidebar .questions li  a,
  .mobile-sidebar .questions li.phone-number{
    display: block;
    padding: 10px 0;
  }

  .mobile-sidebar .security {
    margin-bottom: 20px;
    width: 264px;
    padding: 15px 10px;
    background:#FFF;
    border: 3px solid #cbcbcb !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #6f889b;
  }

  .mobile-sidebar .security img {
    padding: 0 5px;
  }

  .mobile-sidebar .security .safe-harbor-certify img { width: 65px; }

  .mobile-sidebar .security p {
    margin: 5px 0;
  }

  .mobile-sidebar .safe-harbor-certify {
    font-size: 12px;
    font-weight: normal;
  }

}

/*
//////////////////////////////////////////////////////////////////////////
//
// 16. ORDER SUMMARY
//
//////////////////////////////////////////////////////////////////////////
*/

.order-summary {
  display: block;
}

#thank-you-page h1 {
  width: 100%;
  text-align: center;
}

#thank-you-page .finalize {
  padding-top: 10px;
  text-align: center;
}

/*mobile*/
@media only screen and (max-width: 759px) {
  #thank-you-page .receipt-print-email .print-btn {
    display: none;
  }

  #thank-you-page .receipt-print-email .email-receipt {
    text-align: center;
  }
}