/* Artfully masterminded by ZURB  */
body { background-color: #1D1D1D; color: #FFF; font-family: "PT Sans", sans-serif;}
a { color: #DDD; }
a:hover { color: #AAA; }
label { color: #DDD; }
h1, h2, h3, h4, h5, h6 { color: #FFF; font-family: "PT Sans", sans-serif;}

.layout-top { background-color: #363636; }
.layout-main { background-color: #2D2D2D; padding: 20px;}
.th { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); border: 4px solid #363636; }

/* *** NAIL THUMB *** */
.nailthumb-container {
  width: auto;
  height: auto;
  margin: 0 0 11px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  text-align: left;
}
.nailthumb-container img.nailthumb-image {
  margin: 0px;
  padding: 0px;
  max-width: none;
  text-align: left;
  float: left;
}
.nailthumb-container span.nailthumb-title {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: White;
  display: block;
  font-size: 9px;
  height: 20px;
  left: 0;
  margin-top: 2px;
  line-height: 20px;
  position: relative;
  text-align: center;
  width: 100%;
  overflow: hidden;
  float: left;
}
.nailthumb-container span.nailthumb-title .nailthumb-title-scroller {
  padding-left: 2px;
}
.nailthumb-container img {
  max-width: none;
  text-align: left;
}

img.th { display: none; }
.nailthumb-container img { max-width: none; }
.thumb-square-260 { width:260px; height: 260px; }
.thumb-square-240 { width:240px; height: 240px; }
.thumb-square-200 { width:200px; height: 200px; }
.thumb-square-150 { width:150px; height: 150px; }
.thumb-square-60 { width:60px; height: 60px; }

.clearing-thumbs { margin: 0 0 0 25px; }
.clearing-thumbs li {width:23%; padding: 10px 5px 10px 5px;}
.clearing-main-prev, .clearing-main-next { width: 80px;}
.clearing-main-prev span { top:40%; width: 100%; left: 20px; height: 193px; border: 0; background-size: 100%; background-image: url("/img/foundation/orbit/left-arrow.png")}
.clearing-main-next span { top:40%; width: 100%; background-image: url("/img/foundation/orbit/right-arrow.png"); height: 193px; border: 0; background-size: 100%;}
/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.size-90 { font-size: 90%; }
.size-80 { font-size: 80%; }
.size-70 { font-size: 70%; }


/* -----------------------------------------
   Page Name 1
----------------------------------------- */
select ~ small.error { margin-top: -2px; }
select { height: 30px; border: 1px solid #cccccc; padding: 5px;}
small.error { background: #c62754; font-size: 90%;}
.success small, small.success { display: none; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #aaa; color: #fff; font-size: 10px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; z-index: -1;}

.form-error input, input.form-error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #c62754; background-color: rgba(198, 15, 19, 0.1) !important; }
.form-error input:focus, input.form-error:focus, .error textarea:focus, textarea.error:focus { outline-color: #f5797c; }
.form-error label, label.form-error { color: #c62754; }
/* Pagination */
.arrow.unavailable { color: #AAA; }
.pagination .current { color: #FFF; }
ul.pagination  li { padding: 0 5px 0 5px; }
ul.pagination  li  a{ padding: 0 5px 0 5px; }

/* -----------------------------------------
   Page Name 2
----------------------------------------- */