/* AT Commerce Settings Styles */

/* Frontpage and Taxonomy Grids */
#main-content.content-display-grid  article.node  {
  float: left;
  margin: 0 0 10px;
  min-width: 150px; /* this ensures 2cols at 320px and 4 cols at 480px (smartphone displays) and allows for the maximum setting of 8 cols at widths like 1280px or more */
}
.content-display-grid article .node-inner {
  padding: 5px;
}
.content-display-grid article .node-inner:hover {}
.content-display-grid article.node h1{
  font-size: 1.077em;
}
.content-display-grid article .node-content {
  padding: 0 0 10px;
}
.content-display-grid article .node-inner img {
  padding: 0;
  height: auto;
}
.content-display-grid article .field {
  margin-bottom: 0;
}
.content-display-grid article input.form-submit {
  margin-left: 0;
  margin-right: 0;
}
body.front.fpcc-2 #main-content article.node,
body.page-taxonomy.tpcc-2 #main-content article.node {
  width: 50%;
}
body.front.fpcc-3 #main-content article.node,
body.page-taxonomy.tpcc-3 #main-content article.node {
  width: 33.33333333333333%;
}
body.front.fpcc-4 #block-system-main article.node,
body.page-taxonomy.tpcc-4 #main-content article.node {
  width: 25%;
}
body.front.fpcc-5 #main-content article.node,
body.page-taxonomy.tpcc-5 #main-content article.node {
  width: 20%;
}
body.front.fpcc-6 #main-content article.node,
body.page-taxonomy.tpcc-6 #main-content article.node {
  width: 16.66666666666667%;
}
body.front.fpcc-7 #main-content article.node,
body.page-taxonomy.tpcc-7 #main-content article.node {
  width: 14.28571428571429%;
}
body.front.fpcc-8 #main-content article.node,
body.page-taxonomy.tpcc-8 #main-content article.node {
  width: 12.5%;
}

/* Draw */
.hl-l #toggle {
  float: right;
  margin-right: 20px;
}
.hl-r #toggle {
  float: left;
  margin-left: 20px;
}
.hl-c #toggle {
  float: none;
  margin: auto;
  text-align: center;
}

/* HL - Left */
.hl-l #branding {
  float: left;
}
.hl-l .region-header {
  float: right;
  margin: 17px 0 0 20px;
}
.hl-l .region-header .block {
  display: inline-block;
  clear: none;
  margin-bottom: 0;
}
.hl-l #logo,
.hl-l hgroup {
  padding-right: 18px;
  float: left;
}

/* HL - Right */
.hl-r #branding {
  float: right;
}
.hl-r .region-header {
  float: left;
  margin: 17px 20px 0 0;
}
.hl-r .region-header .block {
  display: inline;
  clear: none;
  margin-bottom: 0;
}
.hl-r #logo {
  float: right;
  padding-right: 0;
  padding-left: 18px;
}
.hl-r #site-name,
.hl-r #site-slogan {
  text-align: right;
}

/* HL - Centered */
.hl-c #branding {
  float: none;
  margin: auto;
  text-align: center;
}
.hl-c .region-header {
  display: table;
  float: none;
  margin: 15px auto 0;
  text-align: center;
}
.hl-c .region-header .block {
  clear: none;
  display: inline;
  margin: auto;
  padding: 0 0 20px !important;
  text-align: left;
}
.hl-c .region-header .block-inner {
  margin: 0 20px;
}
.hl-c #logo,
.hl-c #site-name,
.hl-c #site-slogan {
  float: none;
  margin: 0;
  padding: 0 0 6px;
  text-align: center;
}

/* Main menu alignment */
.mma-r #menu-bar .block {
  float: right;
}
.mma-c #menu-bar .block {
  display: table;
  text-align: center;
  margin: auto;
  float: none;
  clear: both;
}
.mma-c #menu-bar .block li a {
  text-align: left;
}

/* Image Alignment */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 4px 15px 4px 0;
}
.ia-l .field-type-image figcaption,
.iat-l .field-type-image figcaption {
  margin: 4px 0;
}

.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 4px 0 4px 15px;
}
.ia-r .field-type-image figcaption,
.iat-r .field-type-image figcaption {
  margin: 4px 0;
}

.ia-c .field-type-image figure,
.ia-n .field-type-image figure,
.iat-c .field-type-image figure,
.iat-n .field-type-image figure {
  border: none;
  padding: 10px 0;
}

.field-type-image.field-label-above {
  margin-top: 0;
}

.field-type-image .field-label {
  margin-bottom: 0.5em;
}

.field-type-image.field-label-inline .field-label {
  margin-bottom: 0;
  line-height: 1;
}

/* Bullets */
.mb-n ul.menu {
  padding: 0;
  margin: 0;
}
.mb-n ul li.leaf,
.mb-n ul li.collapsed,
.mb-n ul li.expanded {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.mb-ah ul.menu {
  padding: 0 0 0 1.1em;
  margin: 0;
}
.mb-ah ul li.leaf,
.mb-ah ul li.collapsed,
.mb-ah ul li.expanded {
  list-style-image: url(images/arrow-head.png);
}
.mb-ad ul.menu {
  padding: 0 0 0 1.2em;
  margin: 0;
}
.mb-ad ul li.leaf,
.mb-ad ul li.collapsed,
.mb-ad ul li.expanded {
  list-style-image: url(images/arrow-double.png);
}
.mb-ca ul.menu {
  padding: 0 0 0 1.6em;
  margin: 0;
}
.mb-ca ul li.leaf,
.mb-ca ul li.collapsed,
.mb-ca ul li.expanded {
  list-style-image: url(images/arrow-circle.png);
}
.mb-fa ul.menu {
  padding: 0 0 0 1.6em;
  margin: 0;
}
.mb-fa ul li.leaf,
.mb-fa ul li.collapsed,
.mb-fa ul li.expanded {
  list-style-image: url(images/arrow-fat.png);
}
.mb-sa ul.menu {
  padding: 0 0 0 1.6em;
  margin: 0;
}
.mb-sa ul li.leaf,
.mb-sa ul li.collapsed,
.mb-sa ul li.expanded {
  list-style-image: url(images/arrow-skinny.png);
}

/* Rounded corners */
.itrc-2 input.form-text,
.isrc-2 input.form-submit {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
.itrc-3 input.form-text,
.isrc-3 input.form-submit {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
.itrc-4 input.form-text,
.isrc-4 input.form-submit {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
.itrc-6 input.form-text,
.isrc-6 input.form-submit {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
.itrc-8 input.form-text,
.isrc-8 input.form-submit {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}
.itrc-10 input.form-text,
.isrc-10 input.form-submit {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
.itrc-12 input.form-text,
.isrc-12 input.form-submit {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
}

/* Featured backgrounds */
#secondary-content-wrapper,
#secondary-content-wrapper .texture-overlay {
  min-height: 25px;
}
.opera #secondary-content-wrapper {
  margin-bottom: 15px;
}
body.bb-n #secondary-content-wrapper .texture-overlay,
body.bb-n #quint-panels-wrapper .texture-overlay {
  background-image: none;
}
body.bb-b #secondary-content-wrapper .texture-overlay,
body.bb-b #quint-panels-wrapper .texture-overlay {
  background-image: url(images/bubbles.png);
  background-position: 0 0;
  background-repeat: repeat;
}
body.bb-hs #secondary-content-wrapper .texture-overlay,
body.bb-hs #quint-panels-wrapper .texture-overlay {
  background-image: url(images/hoz-stripe.png);
  background-position: 0 0;
  background-repeat: repeat;
}
body.bb-dp #secondary-content-wrapper .texture-overlay,
body.bb-dp #quint-panels-wrapper .texture-overlay {
  background-image: url(images/diagonal-pattern.png);
  background-position: 0 0;
  background-repeat: repeat;
}
body.bb-dlt #secondary-content-wrapper .texture-overlay,
body.bb-dlt #quint-panels-wrapper .texture-overlay {
  background-image: url(images/diagonal-tight.png);
  background-position: 0 0;
  background-repeat: repeat;
}
body.bb-dll #secondary-content-wrapper .texture-overlay,
body.bb-dll #quint-panels-wrapper .texture-overlay {
  background-image: url(images/diagonal-loose.png);
  background-position: 0 0;
  background-repeat: repeat;
}
body.bb-sd #secondary-content-wrapper .texture-overlay,
body.bb-sd #quint-panels-wrapper .texture-overlay {
  background-image: url(images/dots-small.png);
  background-position: 0 0;
  background-repeat: repeat;
}
body.bb-bd #secondary-content-wrapper .texture-overlay,
body.bb-bd #quint-panels-wrapper .texture-overlay {
  background-image: url(images/dots-big.png);
  background-position: 0 0;
  background-repeat: repeat;
  min-height: 40px;
}