/*-----------------------------------------------------------------------------------*/
/* GENERIC SHOP
/*-----------------------------------------------------------------------------------*/


  body.shop #content {padding:40px 0;}
  body.shop h1.page-title {color:#69172b; font-size:20px; font-family: 'clearsans_thin';}

  /* Tables */
    body.shop table,
    body.shop table th, 
    body.shop table td, 
    body.shop table th + th, 
    body.shop table td + td, 
    body.shop table th + td, 
    body.shop table td + th,
    body.shop table tbody + tbody {border:0; margin:0;}
    body.shop table {margin-bottom:30px;}

    body.shop table thead, 
    body.shop table tfoot {font-size:14px; color:#616161; font-weight:normal; text-transform:none; background:#ebebeb;}

    body.shop table tbody tr:nth-child(odd) td, 
    body.shop table tbody tr:nth-child(odd) th {background-color:#fff;}

    body.shop table thead td {padding:5px 0 !important;}
    body.shop table tbody tr td {font-size:16px;}
    body.shop table tr td {padding:15px 0;}
    body.shop form input {font-size:16px;}
    body.shop form input.quantity {width:40px; height:30px; background:#ebebeb; color:#69172b; border:0; padding:5px; margin:0 auto; text-align:center;}
    body.shop a.update {color:#3dbd2c; font-size:13px;}

    @media only screen and (max-width:979px) {
      body.shop table * {font-size:13px !important;}
    }

/*-----------------------------------------------------------------------------------*/
/* CART
/*-----------------------------------------------------------------------------------*/

  /* Status Messages */
    body.cart #status-messages {margin-bottom:30px; font-size:18px; font-family: 'clearsans_bold';}
    body.cart #status-messages .error {color:#ce1945;}
    body.cart #status-messages .valid {color:#3dbd2c;}
    body.cart #status-messages .icon-24x24 {float:left; margin:0 10px 0 0;}
    body.cart #status-messages .error,
    body.cart #status-messages .valid {padding:5px 0; clear:both;}

  /* Cart Table */
    body.cart #cart-table table tr td {text-align:center;}
    body.cart #cart-table table tr td.item {text-align:center !important;}
    body.cart #cart-table table tbody tr td:nth-child(1) {width:80px;}
    body.cart #cart-table table tbody tr td:nth-child(2) {text-align:left; padding-left:0; font-size:17px;}
    body.cart #cart-table table tbody tr td:nth-child(4) {color:#707070; text-transform:uppercase;}
    body.cart #cart-table table tbody tr td:nth-child(5),
    body.cart #cart-table table tbody tr td:nth-child(6) {color:#69172b;}
    body.cart #cart-table table tbody tr td:nth-child(6) {font-family: 'clearsans_bold';}
    body.cart #cart-table table tbody tr td:nth-child(3) {padding-top:20px;}
    body.cart #cart-table table tbody tr td:nth-child(2),
    body.cart #cart-table table tbody tr td:nth-child(4),
    body.cart #cart-table table tbody tr td:nth-child(5),
    body.cart #cart-table table tbody tr td:nth-child(6),
    body.cart #cart-table table tbody tr td:nth-child(7) {padding-top:25px;}
    body.cart #cart-table table tbody tr td img.thumbnail {padding-right:15px;}
    body.cart #cart-table table tbody tr td a.exclude {color:#ce1945; font-family: 'clearsans_bold'; font-size:20px;}
    body.cart #cart-table table span.offer {display:block; font-size:12px; text-transform:uppercase; font-style:italic;}
    body.cart #cart-table table span.offer .value {text-decoration:line-through;}
    body.cart #cart-table table span.offer .save {}
    body.cart #cart-table .action-buttons {text-align:right;}

  /* Related Products */
    #related-products .item a {color:#4f4f4f;}
    #related-products .item .thumbnail img {display:block; margin-bottom:5px;}
    #related-products .item .entry-title {font-size:14px; font-family: 'clearsans_bold';}
    #related-products .item .price {font-size:16px; font-family: 'clearsans_thin'; margin-bottom:10px;}
    #related-products .item .action a {min-width:165px;}
    #related-products .item .button-normal {padding:10px 0 5px; text-align:center;}

/*-----------------------------------------------------------------------------------*/
/* REGISTRATION / CHECKOUT / CREATE ACCOUNT
/*-----------------------------------------------------------------------------------*/

  body.registration #content a {color:#ce1945;}
  section {margin-bottom:40px;}
  .checkout-title {font-size:18px; color:#821c35; font-family: 'clearsans_bold'; text-transform:uppercase; margin-bottom:15px;}
  .checkbox-item {text-align:left !important; display:inline-block;}
  .checkbox-item.italic {font-style:italic; font-family: 'clearsans_regular'; font-size:12px !important; color:#727272 !important;}
  .save-address {position:relative; top:17px;}

  /* Boxes */
    .box-title {color:#69172b; font-size:16px; font-family: 'clearsans_bold'; margin-bottom:15px;}
    .box-title > span {display:block; float:left; margin:0 15px 0 0;}

    .box-gray,
    .box-light,
    .box-white {padding:15px; margin-bottom:10px;}

    form .box-gray input,
    form .box-light input,
    form .box-white input {width:100%; height:25px; padding:0 10px; font-size:14px !important; margin-bottom:10px; border:0;}

    form .box-gray input[type="submit"],
    form .box-light input[type="submit"],
    form .box-white input[type="submit"] {margin:0;}

    .box-gray .button-normal,
    .box-light .button-normal,
    .box-white .button-normal {width:inherit; height:30px; clear:both;}

    .box-gray {background:#ebebeb;}
    form .box-gray input[type="text"],
    form .box-gray input[type="email"],
    form .box-gray input[type="password"] {background:#fff;}

    .box-light {background:#fafafa;}
    .box-light table {margin:0 !important;}
    .box-light table * {background:transparent !important;}
    form .box-light input[type="text"],
    form .box-light input[type="email"],
    form .box-light input[type="password"],
    form .box-white input[type="text"],
    form .box-white input[type="email"],
    form .box-white input[type="password"] {background:#ebebeb;}

    @media only screen and (max-width:767px) {
      .align-right {float:none; margin:0;}
    }

  /* Login */
    #login .button-normal {width:200px;}

  /* Steps navigation */
    body.shop #steps,
    body.shop #steps-complete {position:relative; text-align:center; font-family: 'clearsans_bold';}
    body.shop #steps .done {color:#3dbd2c;}
    body.shop #steps .current {color:#69172b;}
    body.shop #steps .inactive {color:#ebebeb;}
    body.shop #steps .bullet {display:inline-block; width:15px; height:15px; border-radius:50%; -webkit-border-radius:50%; background:#69172b; position:absolute; bottom:-43px; margin:auto; left:0; right:0; z-index:100;}
    body.shop #steps .line {display:block; border-bottom:1px solid #ebebeb; width:100%; height:10px; margin-bottom:40px; position:relative; bottom:10px;}

    body.shop #steps-complete {color:#3dbd2c; text-align:right; position:relative;}
    body.shop #steps-complete .line-horizontal {display:block; border-bottom:1px solid #ebebeb; width:50%; height:10px; left:50%; position:relative;}
    body.shop #steps-complete .line-vertical {display:block; border-left:1px solid #ebebeb; left:50%; width:50%; height:30px; position:relative;}
    body.shop #steps-complete .bullet {display:inline-block; width:15px; height:15px; border-radius:50%; -webkit-border-radius:50%; background:#3dbd2c; position:absolute; bottom:22px; margin:auto; right:5%; z-index:100;}
    body.shop #steps-complete .complete {margin-bottom:10px;}

    @media only screen and (max-width:767px) {
      body.shop #steps .done,
      body.shop #steps .inactive,
      body.shop #steps .bullet,
      body.shop #steps .line {display:none;}
    }

  /* Summary Box */
    body.shop .order-summary {background:#fafafa; text-transform:uppercase; margin-bottom:30px;}
    body.shop .order-summary .item {display:block; border-bottom:1px solid #ebebeb; padding:6px 15px; font-size:13px;}
    body.shop .order-summary .item.title {font-size:16px; font-family: 'clearsans_bold'; text-align:center;}
    body.shop .order-summary .item.total {font-size:14px; background:#fff; font-family: 'clearsans_bold'; border:0;}

  /* Thank You */
    body.shop .thank-you {color:#3dbd2c; border:1px solid #ebebeb; padding:25px; text-align:center; margin-bottom:30px; font-family: 'clearsans_thin';}
    body.shop .thank-you .title {text-transform:uppercase; font-size:34px; margin-bottom:20px;}
    body.shop .thank-you .text {font-size:18px}

  /* Account Informations */
    body.shop #account-informations {}
    body.shop #account-informations .item {color:#727272; font-size:14px;}
    body.shop #account-informations .item .title {font-family:'clearsans_bold'; color:#4f4f4f; font-size:16px;}
    body.shop #account-informations .item .title a {font-style:italic; font-family:'clearsans_thin';}

/*-----------------------------------------------------------------------------------*/
/* TERMS & CONDITIONS
/*-----------------------------------------------------------------------------------*/

  body.terms {font-size:13px;}
  body.terms .w-760 {margin:0 auto;}
  body.terms .subtitle {font-size:13px; color:#69172b; text-transform:uppercase; margin:0 0 5px 0;}
  body.terms p {color:#4f4f4f; font-family: 'clearsans_thin';}

/*-----------------------------------------------------------------------------------*/
/* SIDEBAR
/*-----------------------------------------------------------------------------------*/

  /* These classes are on lpsc.css file too. Please check for the best solution */
  .sidebar-menus *[id*=menu-] {margin-bottom:20px; text-transform:uppercase;}
  .sidebar-menus *[id*=menu-] a:hover {text-decoration:none;}
  .sidebar-menus *[id*=menu-] > a {background:#cbcbcb; font-size:15px; color:#821c35; display:block; padding:15px; position:relative;}
  .sidebar-menus *[id*=menu-] > a span {background:url(../images/sprite.png) no-repeat -125px -18px; width:8px; height:13px; position:absolute; top:18px; right:17px;}
  .sidebar-menus *[id*=menu-] > a.active span {background:url(../images/sprite.png) no-repeat -125px -31px; width:13px; height:8px; position:absolute; top:22px; right:15px;}
  .sidebar-menus *[id*=menu-] ul {background:#f7f7f7; margin:0; position:relative; z-index:100;}
  .sidebar-menus *[id*=menu-] ul li {border-bottom:1px solid #dde0e1; font-size:14px; list-style:none;}
  .sidebar-menus *[id*=menu-] ul li a {color:#9a9a9a; padding:5px 15px; display:block; position:relative;}
  .sidebar-menus *[id*=menu-] ul li a:hover {color:#69172b; background:#e5e5e5;}
  .sidebar-menus *[id*=menu-] ul li a span {background:url(../images/sprite.png) no-repeat -133px -18px; width:8px; height:13px; position:absolute; top:8px; right:17px;}
  .sidebar-menus *[id*=menu-] ul li.current a {color:#69172b !important;}
  .sidebar-menus *[id*=menu-] ul li ul {display:none; position:absolute; top:0; left:100%; width:100%; background:#e5e5e5;}
  .sidebar-menus *[id*=menu-] ul li:hover a,
  .sidebar-menus *[id*=menu-] ul li:hover ul {display:block; background:#e5e5e5;}
  .sidebar-menus *[id*=menu-] ul li ul li a {color:#69172b;}
  .sidebar-menus *[id*=menu-] ul li ul li a:hover {background:#69172b; color:#fff;}

/*-----------------------------------------------------------------------------------*/
/* CLASS PAGE: GRID & LIST
/*-----------------------------------------------------------------------------------*/

  /* Filters */
    #class-filters {text-transform:uppercase; color:#606060; font-size:13px; text-transform:uppercase; margin-bottom:20px;}
    #class-filters .view-by {float:left; margin-right:100px;}
    #class-filters .view-by a.current {color:#606060; font-family:'clearsans_bold';}
    #class-filters .view-by a {color:#aeaeae;}
    #class-filters .sort-by {float:left;}
    #class-filters .sort-by select {height:26px; position:relative; top:-2px; left:10px;}
    #class-filters .unavailable {float:right;}
    #class-filters .unavailable a {color:#606060;}

    @media only screen and (min-width:768px) and (max-width:979px) {
      #class-filters {font-size:12px;}
      #class-filters .view-by {margin-right:24px;}
    }

    @media only screen and (max-width:767px) {
      #class-filters {font-size:12px;}
      #class-filters .view-by {margin-right:24px;}
      #class-filters .unavailable {display:none;}
    }

  /* Grid Style Items */
    #grid-style .class-item {box-shadow:2px 2px 4px rgba(0,0,0,0.15);}
    #grid-style .class-item .thumbnail {position:relative;}
    #grid-style .class-item .thumbnail img {display:block;}
    #grid-style .class-item .thumbnail *[class*=label-] {position:absolute; top:5px; left:0; z-index:100; background:url(../images/shop/sprite-shopping.png) no-repeat -24px 0; width:107px; height:31px; color:#fff; font-size:13px; padding:3px 0 0 0; text-align:center; text-transform:uppercase; text-indent:-4px;}
    #grid-style .class-item .thumbnail *[class*=label-].first {top:5px;}
    #grid-style .class-item .thumbnail *[class*=label-].second {top:40px;}
    #grid-style .class-item .thumbnail *[class*=label-].third {top:75px;}
    #grid-style .class-item .thumbnail .label-normal {}
    #grid-style .class-item .thumbnail .label-sold {background-position:-24px -48px;}
    #grid-style .class-item .text {text-align:center; font-size:13px; font-family:'clearsans_bold'; line-height:inherit;}
    #grid-style .class-item .text .title {padding:5px 0; border-bottom:1px solid #e1e1e1;}
    #grid-style .class-item .text .time {font-family:'clearsans_thin'; text-transform:uppercase; padding:5px 0;}
    #grid-style .class-item .text .name {color:#e9335f; line-height:14px;}
    #grid-style .class-item .text .type {color:#5f5f5f; margin-bottom:5px;}
    #grid-style .class-item .actions * {margin-bottom:0 !important;}
    #grid-style .class-item .actions a {text-align:center; padding:6px 0 3px;}
    #grid-style .class-item .actions .one-half {margin-right:1%; width:49.5%; float:left;}
    #grid-style .class-item.sold .thumbnail img,
    #grid-style .class-item.sold .text *,
    #grid-style .class-item.sold .actions * {opacity:0.3;}

    @media only screen and (max-width:767px) {
      #grid-style .class-item.one-fourth {width:47%; margin-right:3%;}
      #grid-style .class-item.one-fourth:nth-child(2) {margin-right:0 !important;}
    }

  /* List Style Items */
    #list-style .class-item {box-shadow:2px 2px 4px rgba(0,0,0,0.15); clear:both; margin-bottom:20px; border-top:1px solid #e1e1e1; border-left:1px solid #f7f7f7; font-size:14px;}
    #list-style .class-item .text {width:80%; float:left; padding:10px;}
    #list-style .class-item .text .first-line {border-bottom:1px solid #e1e1e1; padding-bottom:5px; margin-bottom:5px; font-size:17px; font-family:'clearsans_bold';}
    #list-style .class-item .text .first-line span {font-size:14px; text-transform:uppercase; margin:0 5px; color:#b6163d;}
    #list-style .class-item .text .first-line span.sold {color:#e9335f; opacity:1;}
    #list-style .class-item .text .second-line .name {color:#e9335f; line-height:14px;}
    #list-style .class-item .text .second-line .type {color:#5f5f5f; margin-bottom:5px;}
    #list-style .class-item .actions {width:20%; float:right; text-align:center !important;}
    #list-style .class-item .actions span.icon-24x24 {position:relative; top:23px;}
    #list-style .class-item .actions * {margin-bottom:0;}
    #list-style .class-item .actions a {height:100%; min-height:75px; width:49%; padding:0;}
    #list-style .class-item .actions a:first-child {margin-right:2px;}

    #list-style .class-item.sold .text .first-line span.title,
    #list-style .class-item.sold .text .second-line,
    #list-style .class-item.sold .actions * {opacity:0.3;}

/*
    body.recipes #list-style .class-item .text {width:90%;}
    body.recipes #list-style .class-item .actions {width:10%;}
    body.recipes #list-style .class-item .actions a {width:100%;}
*/

    @media only screen and (max-width:979px) {
      #list-style .class-item .text * {float:none !important;}
    }

    @media only screen and (min-width:768px) and (max-width:979px) {
      #list-style .class-item .actions a {min-height:94px;}
    }

    @media only screen and (max-width:767px) {
      #list-style .class-item .actions a {float:none !important; width:100%; padding:0; height:inherit; margin:0 !important; padding:10px 0 !important; min-height:0 !important;}
      #list-style .class-item .actions span.icon-24x24 {position:relative; top:inherit;}
    }

  /* Navigation */
    #class-navigation {font-size:14px; color:#4f4f4f; margin:20px 0; text-transform:uppercase;}
    #class-navigation a {font-size:20px; color:#4f4f4f; margin:0 10px;}
    #class-navigation a:hover {color:#c96b19; text-decoration:none;}


/*-----------------------------------------------------------------------------------*/
/* SCRIPT: CUSTOM FORMS (jquery.forms.min.js)
/*-----------------------------------------------------------------------------------*/

  .custom-form-radio,
  .custom-form-checkbox,
  .custom-form-select {cursor:pointer;}

  .custom-form-radio,
  .custom-form-checkbox {float:left; display:block; width:20px !important; height:20px !important; margin-right:10px; background:url('../images/shop/sprite-form.png') no-repeat scroll 0 0 transparent;}

  .custom-form-radio,
  .custom-form-radio.custom-form-focused {background-position:0 0;}
  .custom-form-radio:hover {background-position:-20px 0;}
  .custom-form-radio.custom-form-checked,
  .custom-form-radio.custom-form-checked.custom-form-focused {background-position:-40px 0;}

  .custom-form-checkbox,
  .custom-form-checkbox.custom-form-focused {background-position:-60px 0;}
  .custom-form-checkbox:hover {background-position:-80px 0;}
  .custom-form-checkbox.custom-form-checked,
  .custom-form-checkbox.custom-form-checked.custom-form-focused {background-position:-100px 0;}

  .custom-form-select {background:url("../images/shop/sprite-form.png") no-repeat scroll 100% -20px transparent; height:25px; overflow:hidden; padding:0 30px 0 10px; position:absolute; width:100%; padding:3px 10px; font-size:14px; margin-bottom:10px; box-shadow:rgba(0, 0, 0, 0.07) 0px 1px 1px 0px inset;;}
  .custom-form-focused {background-position:100% -45px;}
  .custom-form-select-wrapper {position:relative; cursor:pointer;}
  .custom-form-select-wrapper .bullet {background:url("../images/shop/sprite-form.png") no-repeat scroll 100% -20px transparent; width:32px; height:32px; position:absolute; right:0; cursor:pointer;}

  /* fix select height bug on webkit browsers for Mac OS */
  @media screen and (-webkit-min-device-pixel-ratio:0) {select.cforms {-webkit-appearance: menulist-button;}}