/*========================================
Reset browser, HTML5 reset
==========================================*/
* {
  outline: none; }

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit; }

header, nav, section, footer, article, aside
details, figcaption, figure, dialog, hgroup, menu {
  display: block; }

/*========================================
Setup BLOCK alignments
==========================================*/
.clear {
  clear: both; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

.blockcenter {
  display: block;
  float: none !important;
  margin: 0 auto; }

/*========================================
Setup TEXT alignments 
==========================================*/
.textleft {
  text-align: left; }

.textright {
  text-align: right; }

.textcenter {
  text-align: center; }

.textjustify {
  text-align: justify; }

/*========================================
Page and column widths
==========================================*/
.wrapper {
  position: relative;
  margin: 0 auto;
  width: 960px; }

.column_21 {
  width: 50%;
  float: left; }

.column_31 {
  width: 33.3%;
  float: left; }

.column_32 {
  width: 66.6%;
  float: left; }

.column_41 {
  width: 25%;
  float: left; }

.column_43 {
  width: 75%;
  float: left; }

.column_51 {
  width: 20%;
  float: left; }

.column_52 {
  width: 40%;
  float: left; }

.column_53 {
  width: 60%;
  float: left; }

.column_54 {
  width: 80%;
  float: left; }

/*========================================
Text and link styles
==========================================*/
/*-- Body Text --*/
body {
  font-family: Georgia, serif;
  color: #3e2a21; }

/*-- Header Text --*/
h1, h2, h3, h4, h5 {
  color: #83242c; }

h1 {
  font-size: 2em;
  margin: 10px 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }

h2 {
  font-size: 1.2em;
  xmargin: 5px 0; }

.bold {
  font-weight: bold; }

p {
  font-size: 12px;
  line-height: 18px; }

/*-- Links --*/
a:link, a:visited {
  text-decoration: none;
  color: #666; }
  a:link:hover, a:visited:hover {
    text-decoration: underline;
    color: #666; }

/*========================================
Navigation styles
==========================================*/
nav ul.h_list {
  list-style-type: none; }
  nav ul.h_list li {
    float: left; }

.first_item {
  border-left: none !important; }

.last_item {
  border-right: none !important; }

.no_border {
  border: none !important; }

/*========================================
Mobile Styles
==========================================*/
@media only screen and (max-width: 985px) {
  .wrapper {
    width: 100%;
    max-width: 100%; } }
@media only screen and (max-width: 660px) {
  .column_31, .column_32 {
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both; }

  .column_41, .column_43 {
    width: 50%;
    max-width: 50%; }

  section.wholesale .column_43 {
    width: 100%;
    max-width: 100%; } }

/*# sourceMappingURL=basics.css.map */