/*# 01 TYPOGRAPHY #*/

/* -------------------------------------------
TYPOGRAPHY:

01:  Basics
02:  Fonts
03:  h1
04:  h2
05:  h3
06:  h4
07:  a
08:  Buttons
09:  lists
10:  p
11:  other
12: Margins, padding and alignment
13: Forms
------------------------------------------- */


/*# 01 TYPOGRAPHY / 01: Basics #*/

body {
  padding: 0;
  margin: 0;
  background: #7F1010; /* dark red */
  color: #523317;
  font-size: 17px;
}



/*# 01 TYPOGRAPHY / 02: Fonts #*/



/*# 01 TYPOGRAPHY / 03: h1 #*/

h1 {
  color: #1f5545;
  font-size: 36px;
  line-height: 45px;
  margin: 0;
  padding: 0;
}

h1 em {
  font-weight: lighter;
  font-style: italic;
}



/*# 01 TYPOGRAPHY / 04: h2 #*/

h2 {
  color: #523317;
  font-size: 24px;
  line-height: 18px;
  margin: 0;
  padding: 0;
}
h2.marginTop{
  margin-top: 7px;
}
h2 em {
  font-weight: lighter;
  font-style: italic;
}



/*# 01 TYPOGRAPHY / 05: h3 #*/

h3 {
  color: #1f5545;
  font-size: 24px;
  line-height: 34px;
  margin: 0;
  padding: 0;
}



/*# 01 TYPOGRAPHY / 06: h4 #*/



/*# 01 TYPOGRAPHY / 07: a #*/

a {
  color: #7F1010; /* dark red */
  font-size: 17px;
}



/*# 01 TYPOGRAPHY / 08: buttons #*/



/*# 01 TYPOGRAPHY / 09: lists #*/



/*# 01 TYPOGRAPHY / 10: p #*/

p {
  color: #523317;
  font-size: 15px;
  line-height: 17px;
}



/*# 01 TYPOGRAPHY / 11: other #*/



/*# 01 TYPOGRAPHY / 12: Margins padding and alignment #*/



/*# 01 TYPOGRAPHY / 13: Forms #*/



/*# 02 LAYOUT #*/

/* -------------------------------------------
LAYOUT:

01:  OOCSS
02:  Interface
03:  Header
04:  Content
05:  Footer
06: Shopping Cart
------------------------------------------- */


/*# 02 LAYOUT / 01: OOCSS #*/

.screenWidth {
  width: 100%
}

.siteWidth {
  width: 995px
}

.center {
  margin: 0 auto
}

.floatLeft {
  float: left
}

.floatRight {
  float: right
}

.clear,
.clearfix {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 0 0;
}

.relative {
  position: relative
}

.absolute {
  position: absolute
}

.marginSmall {
  margin: 5px
}

.margin {
  margin: 10px
}

.marginLarge {
  margin: 20px
}

.marginXLarge {
  margin: 30px
}

.marginTB {
  margin: 10px 0
}

.marginLeft {
  margin-left: 10px
}

.marginRight {
  margin-right: 5px
}

.marginTop {
  margin-top: 10px
}

.marginTopLarge {
  margin-top: 20px
}

.marginBottom {
  margin-bottom: 10px
}

.paddingLarge {
  padding: 10px
}

.paddingSmall {
  padding: 5px
}

.paddingTB {
  padding: 5px 0
}

.paddingTBHuge {
  padding: 30px 0
}

.noPadding {
  padding: 0
}

.noMargin {
  margin: 0
}

.upTen {
  margin-top: -8px
}

.block {
  display: block
}

.overflowHidden {
  overflow: hidden
}

.overflow {
  overflow: auto
}

.uppercase {
  text-transform: uppercase
}

.bold {
  font-weight: bold
}

.hide {
  display: none
}

.textCenter {
  text-align: center
}

.font25 {
  font-size: 24px !important
}

.font14 {
  font-size: 14px !important
}

.white {
  color: #fff
}

.bgWhite {
  background-color: #fff
}

.blue {
  color: #18b6d4
}

.bgBlue {
  background-color: #18b6d4
}

.red,
.red a {
  color: #d30c0c
}

.bgRed {
  background-color: #d30c0c
}

.grey {
  color: #d8d8d8
}

.bgGrey {
  background-color: #d8d8d8
}

.darkGrey {
  color: #6c6c6c
}

.bgDarkGrey {
  background-color: #6c6c6c
}

.black {
  color: #333
}

.bgBlack {
  background-color: #333
}



/*# 02 LAYOUT / 02: Interface #*/

.page-wrapper {
  width: 980px;
  margin: 0 auto;
}

div.ie6isbad {
  background: #ffffff;
  color: #000000;
  font-weight: bold;
}

div.ie6isbad a {
  color: #000000
}

div.ie6isbad a:hover {
  color: #000000
}

br.clearfix {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 0 0;
}

nav {
  text-align: center;
  margin: 0;
}

nav ul ul {
  display: none
}

nav ul li:hover > ul {
  display: block
}

nav ul {
  background: none;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul:after {
  content: "";
  clear: both;
  display: block;
}

nav ul li {
  float: left
}

nav ul li:hover,
nav ul li.HighLighted {
  background: none;
  border-bottom: 5px solid #FDA7A7;
}

nav ul li:hover a {

}

nav ul li a {
  display: block;
  padding: 10px 15px;
  color: #efe3c5;
  text-decoration: none;
  text-transform: uppercase;
}

nav ul ul {
  background: #e2d6c0;
  border-radius: 0px;
  padding: 10px;
  z-index: 1000;
  position: absolute;
  top: 100%;
  border: solid 1px #543218;
  min-width: 250px;
}

nav ul ul li {
  float: none;
  position: relative;
  border-bottom: 1px solid #7F1010; /* dark red */
}

nav ul ul li a {
  color: #543218;
  padding: 5px;
  text-align: left;
  text-transform: none;
}

nav ul ul li a:hover {
  background: #7F1010; /* dark red */
  color: #E2D6C0;
}

nav ul ul li:hover {
  border-bottom: 1px solid #7F1010
}

nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}



/*# sub menu #*/

.sub-nav {
  text-align: center;
  margin: 0 auto;
}

.sub-nav ul ul {
  display: none
}

.sub-nav ul li:hover > ul {
  display: block
}

.sub-nav ul {
  background: none;
  position: relative;
  list-style: none;
  display: inline-table;

  /*z-index: 999;*/
}

.sub-nav ul:after {
  content: "";
  clear: both;
  display: block;
}

.sub-nav ul li {
  float: left
}

.sub-nav ul li:hover {
  background: none
}

.sub-nav ul li:hover a {

}

.sub-nav ul li a,
.sub-nav ul li span {
  display: block;
  padding: 10px 15px;
  color: #543218;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}

.sub-nav ul ul {
  background: #e2d6c0;
  border-radius: 0px;
  padding: 5px 5px 5px 10px;
  position: absolute;
  top: 100%;
  border: solid 1px #543218;
  min-width: 250px;
  /*z-index: 20;*/

  z-index: 1001;
}

.sub-nav ul ul li {
  float: none;
  position: relative;
}

.sub-nav ul ul li a {
  color: #543218;
  padding: 2px;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
}

.sub-nav ul ul li a:hover {
  background: #7F1010; /* dark red */
  color: #E2D6C0;
}

.sub-nav ul ul li:hover {

}

.sub-nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}





/*# BLOG RIGHT SIDE MENU #*/

ul#blog {
  background: none;
  position: relative;
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}

ul#blog:after {
  content: "";
  clear: both;
  display: block;
}

ul#blog li {
  float: left;
}

ul#blog li:hover {
  background: none;
}

ul#blog li:hover a {

}

ul#blog li a,
ul#blog li span {
  display: block;
  color: #543218;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
}

ul#blog ul {
  background: #e2d6c0;
  border-radius: 0px;
  padding: 5px 5px 10px 10px;

}

ul#blog ul li {
  float: none;
  position: relative;
  list-style: none;
}

ul#blog ul li a {
  color: #543218;
  padding: 2px;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  font-size: 12px;
}

ul#blog ul li a:hover {
  color: red;
}

ul#blog ul li:hover {

}

ul#blog ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}


/*# footer menu #*/

footer,
footer p,
footer a {
  color: #EADDBF;
  font-family: Garamond;
  font-size: 16px;
}

footer p {
  margin: 10px 0 0 0
}

footer span.copyright {
  margin: 0
}

footer p.credit {
  margin: 0 0 10px 10px
}

.footer-copyright {
  text-align: right
}

.footer-nav {
  text-align: left;
  margin: 0;
}

.footer-nav ul ul {
  display: none
}

.footer-nav ul {
  background: none;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
}

.footer-nav ul:after {
  content: "";
  clear: both;
  display: block;
}

.footer-nav ul li {
  color: #EADDBF;
  float: left;
  margin: 10px 7px 3px 0;
}

.footer-nav ul li:after {
  content: '-'
}

.footer-nav ul li a {
  color: #EADDBF;
  padding-right: 7px;
}



/*# 02 LAYOUT / 03: Header #*/

header {
  width: 100%;
  height: 40px;
  background: #7f1010; /* dark red */
  border-bottom: 5px solid #df5454;
}



/*# 02 LAYOUT / 04: Content #*/

.shop-tools {
  width: 100%;
  height: 41px;
  border-top: 3px solid #7f1010; /* dark red */
  border-bottom: 3px solid #7f1010; /* dark red */
}

.body-container {
  min-height: 670px;
  height: 100%;
  background: #eaddbf;
}

.header-image {
  height: 178px;
  background: #dacdab;
}

.border-frame-outer {
  border: 1px solid #9d8d6a;
  margin: 20px auto;
  padding: 5px 0px;
  width: 986px;
}

.border-frame-inner {
  border: 1px solid #9d8d6a;
  width: 976px;
  margin: 0 auto 0 -6px;
  padding: 4px 10px;
}

.blog-border-frame-outer {
  margin: 0px auto;
  width: 980px;
}

.framed {
  border: 1px solid #9d8d6a;
  padding: 20px;
  width: 936px !important;
  margin: 0 auto 0 -1px !important;
  background: #e2d6c0;
}

.framed .row {
  min-height: 300px
}



/*# 02 LAYOUT / 05: Footer #*/

footer {
  width: 100%;
  height: 40px;
  background: #7f1010; /* dark red */
}



/*# 02 LAYOUT / 06: Product List #*/

.product-am-preview,
.product-am-preview-alt {
  border: 2px solid #523317;
  width: 476px !important;
  background: url(../images/prodlist-bg.jpg);
  color: #523317;
  margin-left: 30px;
}

.product-am-preview-alt {
  margin-left: 60px !important
}

.product-am-preview h1,
.product-am-preview-alt h1 {
  font-size: 24px;
  font-weight: bold;
}

.product-am-preview {
  margin-bottom: 20px
}

.product-review-am-artist {
  font-style: italic;
  color: #523317;
  font-family: 'TimesNewRoman';
  font-size: 16px;
  line-height: 20px;
}

.product-preview-am-more {
  background: url(../images/prod-more.png) no-repeat;
  display: block;
  height: 46px;
  width: 140px;
  margin-bottom: -5px;
  margin-right: -68px;
}

.product-preview-am-more a {
  padding: 10px 25px;
  color: #523317;
  font-size: 20px;
  font-style: italic;
  text-decoration: none;
  display: block;
}

.product-preview-am-more:hover {
  background: url(../images/prod-more-hover.png) no-repeat
}

.product-am-preview .stock-number {
  font-size: 13px;
  line-height: 15px;
  color: #523317;
}

.product-am-preview .price {
  font-size: 17px;
  line-height: 19px;
  color: #7f1010; /* dark red */
}

.product-preview-pager {
  text-align: right
}

.prodlist-img-am {
  max-height: 160px;
  max-width: 160px;
  display: block;
  margin: 10px auto 0 auto;
  border: 1px solid #523317;
  vertical-align: top;
}

.prodlist-title-am p {
  color: #1e5644; /* dark green */
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  margin: 5px 0 0 0;
  padding: 0;
  /*width: 100px;*/
}

.prodlist-title-am p a {
  text-decoration: none;
}

/* ------- Heritage Editions -----*/
.product-he-preview,
.product-he-preview-alt {
  border: 2px solid #523317;
  width: 231px !important;
  height: 380px;
  background: url(../images/prodlist-bg.jpg);
  color: #523317;
  margin-bottom: 20px;
  box-shadow: 0px 4px 3px #888888;

  position: relative;
}
.product-he-preview span.productstatus-sold,
.product-he-preview-alt span.productstatus-sold{
  background: #7f1010;
  padding: 5px 10px;
  position: absolute;
  display: block;
  width: 33px;
  color: #fff;
  bottom: 60px;
  right: 0px;
}
.product-he-preview span.productstatus-On-Hold,
.product-he-preview-alt span.productstatus-On-Hold{
  background: #7f1010;
  padding: 5px 10px;
  position: absolute;
  display: block;
  width: 61px;
  color: #fff;
  bottom: 60px;
  right: 0px;
}
.product-he-preview-alt {
  margin-left: 60px !important
}

.product-he-preview h1,
.product-he-preview-alt h1 {
  font-size: 24px;
  font-weight: bold;
}

.product-he-preview {
  margin-bottom: 20px
}

.product-review-he-artist {
  font-style: italic;
  color: #523317;
  font-size: 16px;
  line-height: 30px;
}

.product-preview-he-more {
  background: url(../images/prod-more.png) no-repeat;
  display: block;
  height: 46px;
  width: 140px;
  float: right;
  margin: 8px -16px -15px 0;
}

.product-preview-he-more a {
  padding: 5px 25px;
  color: #523317;
  font-size: 20px;
  font-style: italic;
  text-decoration: none;
  display: block;
}

.product-preview-he-more:hover {
  background: url(../images/prod-more-hover.png) no-repeat
}

.product-preview-pager {
  text-align: right
}

.prodlist-img-he {
  max-height: 210px;
  max-width: 210px;
  display: block;
  margin: 10px auto 0 auto;
  border: 1px solid #523317;
  vertical-align: top;
}

/* .prodlist-img-he-wrap {
height: 180px;
}
*/
.prodlist-title-he p {
  color: #543218;
  text-decoration: none;
  font-weight: normal;
  font-size: 15px;
  line-height: 1em;
  margin: 5px 10px;
  padding: 0;
  min-height: 60px;
  text-align: center;
  height: 60px;
  /*width: 100px;*/
}

.prodlist-stock-he,
.prodlist-price-he {
  font-size: 13px;
  line-height: 15px;
}


.prodlist-stock-he .stock-label,
.prodlist-price-he .price-label {
  margin-left: 20px;
  display: inline-block;
  width: 64px;
}

.prodlist-price-he span {
  font-size: 17px;
  line-height: 19px;
  color: #1e5644; /* dark green */
}

.prodlist-img-he-wrap {
  height: 212px;
  width: 231px;
}

/*Pagnation*/
.product-preview-pager {
  margin-bottom: 10px;
  text-align: right;
  color: #543218;
  font-size: 12px;
  font-family: 'Garamond', 'times', serif;
  cursor: pointer;
  padding-right: 20px;
}

.product-preview-pager span,
.product-preview-pager a,
.product-preview-pager strong {
  text-decoration: none;
  color: #543218;
  cursor: pointer;
}

.product-preview-pager strong {
  font-weight: bold;
  font-size: 17px;
  color: #1e5644; /* dark green */
}

.product-preview-pager a:hover {
  color: #7F1010; /* dark red */
  text-decoration: underline;
}

/* ------- Product Details -----*/
.product-detail-img img {
  max-width: 100%
}

.product-detail span.productstatus-Sold{
  background: #7f1010;
  padding: 5px 10px;
  margin: 7px 0;
  display: block;
  width: 33px;
  color: #fff;
}
.product-detail span.productstatus-On-Hold{
  background: #7f1010;
  padding: 5px 10px;
  margin: 7px 0;
  display: block;
  width: 61px;
  color: #fff;
}
.product-detail .product-detail-price {
  font-size: 21px;
  line-height: 25px;
  color: #7f1010; /* dark red */
  font-weight: bold;
  text-align: right;
  width: 165px;
  display: inline-block;
}

.product-detail-artist {
  font-style: italic;
  font-family: 'Garamond', 'times', serif;
}

.product-detail h1.product-detail-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  font-family: 'times', serif;
}

.product-detail-description {
  font-size: 15px;
  line-height: 17px;
  font-family: 'TimesNewRoman';
}

.product-am-preview {
  margin-bottom: 20px;
  position: relative;
}
.product-am-preview span.productstatus-Sold{
  background: #7f1010;
  padding: 5px 10px;
  position: absolute;
  display: block;
  width: 33px;
  color: #fff;
  top: 80px;
  right: 0px;
}
.product-am-preview span.productstatus-On-Hold{
  background: #7f1010;
  padding: 5px 10px;
  position: absolute;
  display: block;
  width: 61px;
  color: #fff;
  top: 80px;
  right: 0px;
}

.qtylabel,
.addtocart {
  float: left;
  vertical-align: top;
}

.qtylabel {
  background: #5e381b;
  padding: 5px 10px;
  line-height: 20px;
  font-size: 18px;
  display: block;
  color: #e2d6c0;
  margin-top: 5px;
}

.AddToCartTextBox {
  height: 26px;
  width: 50px;
  vertical-align: top;
  margin: 5px 20px 0 0;
  padding: 1px 5px;
  border: solid 1px #5e381b;
}

.stock-number {
  color: #1f5545;
  font-size: 19px;
  line-height: 21px;
}

.product-detail-stock-number {
  width: 300px;
  display: inline-block;
}

/* ------- breadcrumbs -----*/
.breadcrumbs a.category {
  font-size: 24px;
  font-weight: bold;
}

div.breadcrumbs a,
div.breadcrumbs span {
  font-family: calibri;
  font-size: 13px;
}



/*# 02 LAYOUT / 07: Table #*/
table.homeTable{
  width: 100% !important;
  table-layout: fixed;
}
table.homeTable div.homeText{
  width: 100%;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #523317;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold
}

.table thead th {
  vertical-align: bottom
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0
}

.table tbody + tbody {
  border-top: 2px solid #dddddd
}

.table .table {
  background-color: #ffffff
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #dff0d8
}

.table tbody tr.error > td {
  background-color: #f2dede
}

.table tbody tr.warning > td {
  background-color: #fcf8e3
}

.table tbody tr.info > td {
  background-color: #d9edf7
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3
}

/* ShoppingCart */
.subContent .shoppingCart {
  padding: 10px 10px
}

.IE6 .subContent .shoppingCart {
  padding-right: 0
}

.ShoppingCartStepImage {
  border: none;
  margin: 10px;
  padding: 0;
  vertical-align: middle;
}

.ShoppingCartStepSeparator {
  border: none;
  margin-top: 10px;
  padding: 0 20px;
  vertical-align: middle;
}

.CartStepHeader {
  background-color: #543218;
  color: #ffffff;
  padding: 5px !important;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 11px;
  margin-bottom: 5px;
}

.CartStepTable th {
  /*background-color: #543218;*/
  color: #e2d6c0;
  /*font-size: 13px;*/
  line-height: 20px;
  font-weight: normal;
  font-family: Garamond, serif, 'times new roman';
}
.CartCCPaymentTable{
  width: 100% !important;
}
.CartCCPaymentTable tr.top{
  background-color: #543218;
  color: #e2d6c0;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  font-family: Garamond, serif, 'times new roman';
}
.CartCCPaymentTable tr.top th{
  text-align: left;
  padding-left: 5px;
}
.CartCCPaymentTable tr td{
  color: #523317;
}
.CartCCPaymentTable tr td:first-child{
  width: 20%;
}
.CartStepTable {
  border: none;
  border-collapse: separate;
  width: 740px;
}

.CartStepPanel {
  padding: 5px
}

.CartContentTable td {
  border: 1px solid #dddddd;
  background: #F3ECDC;
  padding: 4px;
}

.CartContentTable th {
  border: 1px solid #dddddd;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.ContentButton {
  background: url(../images/checkout-content-btn.png) no-repeat;
  border: none;
  color: #e2d6c0;
  display: block;
  height: 30px;
  width: 90px;
  cursor: pointer;
}

.ContentButton:hover {
  background: url(../images/checkout-content-btn-over.png) no-repeat;
  color: #e2d6c0;
}

.TextRight {
  text-align: right
}

.checkout-top {
  background: url(../images/checkout-bg-top.jpg) no-repeat;
  height: 50px;
  width: 915px !important;
}

.checkout-window {
  background: url(../images/checkout-bg-mid.jpg) repeat-y;
  /*height: 550px;*/
  padding: 40px;
}

.checkout-bot {
  background: url(../images/checkout-bg-bot.jpg) no-repeat;
  height: 100px;
  width: 915px !important;
}

.TextRight input[type="submit"],
.col1 input[type="submit"].ContentButton{
  background: url(../images/checkout-content-btn.png) no-repeat;
  color: #e2d6c0;
  border: none;
  min-height: 30px;
  min-width: 90px;
  cursor: pointer;
}

.TextRight input[type="submit"]:hover,
.col1 input[type="submit"].ContentButton:hover {
  background: url(../images/checkout-content-btn-over.png) no-repeat
}

.TextRight input[type="submit"].ContentButton {
  float: right
}

.TextLeftt input[type="submit"] {
  background: url(../images/checkout-content-btn.png) no-repeat;
  color: #e2d6c0;
  border: none;
  min-height: 30px;
  min-width: 90px;
  cursor: pointer;
}

.TextLeftt input[type="submit"]:hover {
  background: url(../images/checkout-content-btn-over.png) no-repeat
}

.TextLeftt input[type="submit"].LongButton,
input[type="submit"].LongButton {
  background: url(../images/checkout-long-btn.png) no-repeat;
  color: #e2d6c0;
  border: none;
  min-height: 30px;
  min-width: 150px;
  cursor: pointer;
}

.TextLeftt input[type="submit"].LongButton:hover,
input[type="submit"].LongButton:hover {
  background: url(../images/checkout-long-btn-over.png) no-repeat
}

a.CartProductDetailLink {
  color: #7F1010; /* dark red */
  font-family: Garamond, serif, 'times new roman';
  font-size: 17px;
  font-weight: normal;
}

.TotalPrice span {
  color: #1f5545;
  font-family: Garamond, serif, 'times new roman';
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}

.FieldLabel label,
.FieldLabel span,
.BlockContent label,
.TotalShipping {
  color: #543218;
  font-family: 'Garamond', serif, 'Time New Roman';
  font-size: 17px;
  line-height: 21px;
  font-weight: bold;
}
.TotalShipping .col1{
  width: 497px;
}
.ErrorLabel {
  color: red;
  font-weight: bold;
}

.LineErrorLabel {
  color: #ff0000;
  text-align: left;
}

.BlockTitle {
  color: #1f5545;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  font-family: Garamond, serif, 'times new roman';
  padding: 5px 0 5px 0;
  margin: 15px 5px;
  display: block;
}

.BlockContent .LabelInfo {
  color: #523317;
  font-size: 15px;
  line-height: 17px;
}

.BlockContent input,
.BlockContent select {
  height: 25px;
  padding: 0 3px;
  margin: 5px 2px;
  border: 1px solid #543218;
  color: #543218;
  background: #EEE4D3;
}

.PricePanel {
  float: right
}

.ItemsNotAvailable {
  color: red
}

.MyCredit,
.MyOrders,
.MyAddresses {
  padding: 0px 6px
}

.UniGridHead td,
.UniGridHead th {
  text-align: left
}
.UniGridHead th{
  color: #543218;
  font-family: 'Garamond', serif, 'Time New Roman';
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
}
.UniGridGrid td,
.UniGridGrid th {
  border-top: solid 1px #523317;
  border-bottom: solid 1px #523317;
  border-right: none;
  border-left: none;
  padding: 7px;
}

.align_right {
  text-align: right
}

.align_right {
  text-align: right !important
}

.align_left {
  text-align: left
}

.align_center {
  text-align: center
}

.UniGridGrid td td,
.UniGridGrid th td {
  border: none
}

input.UnitsTextBox {
  max-width: 50px
}

.NewAttachmentDisabled {
  text-decoration: underline
}

.AttachmentsList {
  border: 1px solid #CCCCCC;
  padding: 5px;
}

.AttachmentsList .Icon {
  text-decoration: none;
  border: none;
  cursor: pointer;
  margin-bottom: -3px;
  border-right: 5px solid white;
}

/* Shopping cart preview */
.topBlock .shoppingCart {
  padding-left: 0
}

.topBlock .shoppingCart a {
  color: #000;
  text-decoration: none;
}

.topBlock .shoppingCart a:hover {
  text-decoration: underline
}

.topBlock .shoppingCart {
  /*line-height: 33px;_NO__DOTCOMMA__AFTER__*/
}

.MyProfileUserSignature {
  width: 300px;
  height: 100px;
}

/* Shopping cart item selector */
.AddToShoppingCartTextBox {
  width: 25px
}

.AddToShoppingCartLink {
  background-image: url('images/ShoppingCart/AddToCart.gif');
  background-position: left -2px;
  background-repeat: no-repeat;
  padding-left: 18px;
  color: #000000;
  text-decoration: underline;
}

.AddToShoppingCartButton {
  width: 80px
}

.currency-selector {
  height: 40px;
  padding-top: 0px;
}

.currency-selector select {
  max-width: 134px;
  border-radius: 0;
  border: 1px solid #9d8d6a;
  background: #f6eedc;
  margin: -4px 0 5px 0;
  height: 20px;
  padding: 0 5px;
  vertical-align: middle;
}

.currency-selector .item-title {
  margin: 0 5px 3px 0;
  font-size: 13px;
  font-style: italic;
  width: 130px;
  text-align: center;
  vertical-align: middle;
  float: left;
}



/*# 02 LAYOUT / 08: Search #*/

.main-search {
  position: relative
}

.main-search label {
  display: inline-block;
  zoom: 1;
  font-size: 22px;
  color: #523317;
  font-style: italic;
  line-height: 38px;
}

.main-search input[type="text"] {
  border-radius: 0;
  border: 1px solid #9d8d6a;
  background: #f6eedc;
  margin: -4px 0 5px 0;
  width: 215px;
  height: 24px;
  padding: 0 5px;
}

.main-search input[type="submit"] {
  position: absolute;
  right: 0;
  margin: 0;
  background: #9d8d6a;
  color: #f1e6cc;
  border: none;
  height: 28px;
  font-style: italic;
  font-size: 15px;
  top: 7px;
}

.searchResFormat {
  margin-bottom: 15px;
}

.searchResFormat a{
  text-decoration: none;
}

.searchResFormat p{
  margin-top: 5px;
}

.searchImageBox {
width: 100px;
text-align: center;
float: left;
margin-right: 10px;
}

.searchResFormat h2 {
color: #1e5644;
font-weight: bold;
font-size: 16px;
line-height: 19px;
margin: 5px 0 0 0;
padding: 0;
}

.searchHighlight{background: #FFC8C8;}





/*# 02 LAYOUT / 09: Carousel #*/

div.kc-item a{
    display: block;
    /*height: 250px;
    width: 186px;*/
    outline: none !important;
    border: 0 !important;

}
img{border:0}
div.kc-item a span.title,
div.kc-item span.title{
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    font-size: 12px;
    font-family: helvetica, arial, tahoma;
    text-align: center;

    background-color: rgba(226, 214, 192, .8);
    background: #e2d6c0;
    height: 60px;
    line-height: 20px;
    outline: none;

    color: #7F1010;
    overflow: hidden;
}
div.kc-item a span.title em,
div.kc-item span.title em{
  font-size: 13px;
  font-size: 12px\9;
}
/* CSS for images inside item wrapper */
.kc-item img {
    position:absolute;
    width:100%;             /* Make images expand to wrapper size. */
}
.kc-wrap {
    /* Various commands to stop items being selected when mouse-dragging/touching. */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* Disable IE10/11 default actions */
    -ms-touch-action: none;
    overflow:hidden;
    position:relative;
    background: none;
    background-position: center;
    width:100%;
    /* This makes wrapper scale vertically in proportion to width */
    padding-bottom:35%;

    margin-top: -10px;
}
.kc-horizon {
    visibility:hidden;
}
/* 
    This wraps carousel items.
*/
.kc-item {
    position:absolute;
    /* These sizes are from the examples - change as appropriate */
    width:188px;
    height:250px;
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    visibility:hidden;

    background: #e2d6c0;
}


/*
    Item Shadows are made from three sections, bottom, left and right.
    This appears to give better performance than using CSS shadows, and minimizes the
    pixel area of shadow drawn.
    The image URLs used for the shadows will actually be copied into <img> elements.
    You can of course change the images if required.
*/

.kc-shadow-bottom {
    position:absolute !important;
    top:100% !important;
    width:100% !important;
    height:10% !important;
    background-image:url(../images/shadow-bottom.png);
    left:0px !important;
}
.kc-shadow-left,.kc-shadow-right {
    position:absolute !important;
    top:0% !important;    
    width:10% !important;
    height:100% !important;
    left:-10% !important;
    background-image:url(../images/shadow-left.png);
}
.kc-shadow-right {
    left:100% !important;
    background-image:url(../images/shadow-right.png);
}

/*
    Reflection.
    This is applied to an inserted <canvas> element that is the reflection.
*/

.kc-reflection {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:0px;
}

/* The wrapping element of navigation buttons (if used) */
.kc-nav-wrap {
    display:inline-block;
    position:absolute;
    z-index:1000;
}
/* Navigation button */
.kc-nav-button, .kc-nav-button-active {
    width:16px;
    height:16px;
    background-color: #888;
    float:left;
    margin-right:10px;
    cursor: pointer;
    border-radius: 16px;
    border:1px solid rgba(0,0,0,0.5);
}
/* Navigation button active */
.kc-nav-button.active {
    background-color: #fff;
}

/* No margin on  last one. */
.kc-nav-button.last {
    margin-right:0;
}

/*# 02 LAYOUT /10: Membership #*/

.signoutLink,
.login-btn,
.reg-btn,
.myAccount {
  color: #efe3c5;
  display: block;
  float: left;
  text-transform: uppercase;
  margin: 10px 10px 0 0 !important;
  text-decoration: none;
}

.login-btn {
  border-right: 1px solid;
  line-height: 20px;
  padding-right: 10px;
}



/*# 02 LAYOUT /10: Shop Tools #*/

.shop-tools a.wishlist,
.shop-tools a.cartLink {
  display: block;
  margin-top: 3px;
  font-family: Garamond, serif, 'times new roman';
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}

.shop-tools a.cartLink span {
  font-weight: normal
}

.shop-tools div.links {
  padding-top: 5px
}

.shop-tools div.links ul{
  margin: 0;
}

.shop-tools div.links ul li{
  list-style: none;
  float: left;
  display: block;
  padding: 0 0 17px 0;
}
.shop-tools div.links ul li a{
  color: #1e5644; /* dark green */
  font-family: Garamond, serif, 'times new roman';
  font-size: 24px;
  text-decoration: none;
  font-weight: bold;
  padding: 0;
}
.shop-tools div.links ul ul{
  display: none;
  position: absolute;
  top: 41px;
  left: 438px;
  width: 213px;
  background: #eaddbf;
  z-index: 999;
  padding: 10px 0 0 0;
  border-top: 3px solid #7f1010;
  border-left: 1px solid #543218;
  border-right: 1px solid #543218;
  border-bottom: 1px solid #543218;
}
.shop-tools div.links ul ul li{
  padding: 0 10px 10px 10px;
}
.shop-tools div.links ul li:hover ul{
  display: block;
}
.shop-tools div.links ul ul li a{
  padding: 0;
  font-size: 20px !important;
}
.shop-tools div.links a {
  color: #1e5644; /* dark green */
  font-family: Garamond, serif, 'times new roman';
  font-size: 24px;
  text-decoration: none;
  font-weight: bold;
  padding-top: 14px;
  margin: 0 5px;
}



/*# 02 LAYOUT /11: Membership #*/

.myAccountEdit .TabsHeader {
  background: url(../images/tab-shadow.jpg) repeat-x;
  padding: 5px 25px 0 25px;
}

.myAccountEdit .TabControl {
  display: block;
  background: url(../images/tab-off.png) no-repeat;
  width: 140px;
  font-size: 16px;
  line-height: 28px;
  height: 38px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin-top: 5px;
}

.myAccountEdit .TabControl a,
.myAccountEdit .TabControlSelected a {
  font-size: 14px;
  line-height: 15px;
  text-decoration: none;
  color: #543218;
  font-weight: bold;
  display: block;
}

.myAccountEdit .TabControl a {
  padding: 18px 0 5px 0
}

.myAccountEdit .TabControlSelected a {
  padding: 13px 0 10px 0
}

.myAccountEdit .TabControlSelected {
  display: block;
  background: url(../images/tab-on.png) no-repeat;
  width: 140px;
  font-size: 16px;
  line-height: 33px;
  height: 33px;
  margin-top: 0px;
  text-align: center;
  border: none;
  cursor: pointer;
}

.myAccountEdit .TabControlSelected a {
  color: #eaddbf
}

.TabsHeader:before {
  content: "";
  height: 50px;
  width: 30px;
  background: url(../images/tab-fade-left.jpg) no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.myAccountEdit {
  position: relative
}

.TabsHeader:after {
  content: "";
  height: 50px;
  width: 30px;
  background: url(../images/tab-fade-right.png) repeat-y;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.myAccountEdit .TabsContent {
  background: url(../images/checkout-bg-mid.jpg) repeat-y;
  padding: 30px;
}

.myAccountEdit:after {
  content: "";
  width: 915px;
  height: 100px;
  display: block;
  background: url(../images/checkout-bg-bot.jpg) no-repeat;
}

fieldset {
  border: #523317 solid 2px
}

legend {
  color: #1f5545;
  font-size: 24px;
  line-height: 26px;
}



/*# 02 LAYOUT /12: Forms #*/

.contact-form {
  max-width: 360px;
  margin-left: 20px;
}

.contact-form span,
.contact-form .EditingFormErrorLabel,
.LogonDialog .ErrorLabel,
.regForm span.CMSValidator {
  color: #7f1010; /* dark red */
  font-family: 'Garamond', 'times', serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  font-style: italic;
}

.searchDialog input,
.searchDialog  select,
.myAccountEdit input,
.myAccountEdit select,
.regForm input,
.regForm textarea,
.LogonDialog input,
.LogonDialog textarea,
.contact-form input,
.contact-form textarea {
  padding: 0 3px;
  margin: 5px 2px;
  border: 1px solid #543218;
  color: #543218;
  background: #EEE4D3;
}

.contact-form input {
  height: 25px;
  width: 350px;
}

.regForm input,
.LogonDialog input {
  height: 25px;
  width: 250px;
}

.searchDialog  select,
.myAccountEdit select,
.myAccountEdit input {
  height: 25px
}

.searchDialog  input {
  width: 293px;
  height: 25px;
}

.searchDialog  select {
  width: 300px
}

.regForm input[type="checkbox"],
.LogonDialog input[type="checkbox"] {
  height: 25px;
  width: 50px;
}

.contact-form textarea {
  min-height: 100px;
  height: 200px;
  max-height: 400px;
  min-width: 250px;
  width: 335px;
  max-width: 600px;
  padding: 10px;
  font-size: 16px;
  line-height: 18px;
}

.contact-form label {
  color: #543218;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  font-family: 'Garamond', 'times', serif;
}

.searchDialog td {
  min-width: 120px
}

.searchDialogLabel {
  min-width: 120px;
  display: inline-block;
}

.searchDialog input[type="submit"],
.myAccountEdit input[type="submit"],
.regForm input[type="submit"],
.LogonDialog input[type="submit"],
.contact-form input[type="submit"] {
  float: right;
  color: #e2d6c0;
  border: none;
  min-height: 30px;
  min-width: 90px;
  width: 90px;
  cursor: pointer;
  background: url(../images/checkout-content-btn.png) no-repeat;
}

.regForm input[type="submit"]:hover,
.LogonDialog input[type="submit"]:hover,
.contact-form input[type="submit"]:hover {
  background: url(../images/checkout-content-btn-over.png) no-repeat
}

.cta-reg {
  background: url(../images/prodlist-bg.jpg) no-repeat;
  width: 435px;
  height: 140px;
  padding: 20px;
  border: 1px solid #523317;
  box-shadow: 0px 4px 3px #888888;
}

.PasswStrenghtIndicator {
  background-color: #EEE4D3 !important
}

.PasswIndicatorStrong {
  background-color: #1f5545 !important
}

.PasswIndicatorAverage {
  background-color: #523317 !important
}

.PasswIndicatorAcceptable {
  background-color: #E28917 !important
}

.PasswIndicatorWeak {
  background-color: #7f1010 !important
}

.regForm .CaptchaTable td,
.regForm .CaptchaTable input {
  max-width: 140px
}

.regForm .CaptchaTable td img {
  margin-left: 10px;
  height: 25px;
  margin-top: 3px;
}
input[type="checkbox"],
input[type="radio"]{
  border: 0;
  background: none;
}
.TextLeft{
  text-align: left;
}
/* 
 * Bootstrap Cleafix
 */
.clearfix {
  *zoom: 1
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both
}

/* 
 * Bootstrap Grid System 
 */
.alpha {
  margin-left: 0px !important
}

.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}

.row:after {
  clear: both
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.span12 {
  width: 1000px
}

.span11 {
  width: 915px
}

.span10 {
  width: 830px
}

.span9 {
  width: 745px
}

.span8 {
  width: 660px
}

.span7 {
  width: 575px
}

.span6 {
  width: 490px
}

.span5 {
  width: 405px
}

.span4 {
  width: 320px
}

.span3 {
  width: 235px
}

.span2 {
  width: 150px
}

.span1 {
  width: 65px
}

.offset12 {
  margin-left: 1040px
}

.offset11 {
  margin-left: 955px
}

.offset10 {
  margin-left: 870px
}

.offset9 {
  margin-left: 785px
}

.offset8 {
  margin-left: 700px
}

.offset7 {
  margin-left: 615px
}

.offset6 {
  margin-left: 530px
}

.offset5 {
  margin-left: 445px
}

.offset4 {
  margin-left: 360px
}

.offset3 {
  margin-left: 275px
}

.offset2 {
  margin-left: 190px
}

.offset1 {
  margin-left: 105px
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}

.row-fluid:after {
  clear: both
}

.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2%;
  *margin-left: 1.95%;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2%
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.95%;
}

.row-fluid .span11 {
  width: 91.5%;
  *width: 91.45%;
}

.row-fluid .span10 {
  width: 83%;
  *width: 82.95%;
}

.row-fluid .span9 {
  width: 74.5%;
  *width: 74.45%;
}

.row-fluid .span8 {
  width: 66%;
  *width: 65.95%;
}

.row-fluid .span7 {
  width: 57.5%;
  *width: 57.45%;
}

.row-fluid .span6 {
  width: 49%;
  *width: 48.95%;
}

.row-fluid .span5 {
  width: 40.5%;
  *width: 40.45%;
}

.row-fluid .span4 {
  width: 32%;
  *width: 31.95%;
}

.row-fluid .span3 {
  width: 23.5%;
  *width: 23.45%;
}

.row-fluid .span2 {
  width: 15%;
  *width: 14.95%;
}

.row-fluid .span1 {
  width: 6.5%;
  *width: 6.45%;
}

.row-fluid .offset12 {
  margin-left: 104%;
  *margin-left: 103.9%;
}

.row-fluid .offset12:first-child {
  margin-left: 102%;
  *margin-left: 101.9%;
}

.row-fluid .offset11 {
  margin-left: 95.5%;
  *margin-left: 95.4%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.5%;
  *margin-left: 93.4%;
}

.row-fluid .offset10 {
  margin-left: 87%;
  *margin-left: 86.9%;
}

.row-fluid .offset10:first-child {
  margin-left: 85%;
  *margin-left: 84.9%;
}

.row-fluid .offset9 {
  margin-left: 78.5%;
  *margin-left: 78.4%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.5%;
  *margin-left: 76.4%;
}

.row-fluid .offset8 {
  margin-left: 70%;
  *margin-left: 69.9%;
}

.row-fluid .offset8:first-child {
  margin-left: 68%;
  *margin-left: 67.9%;
}

.row-fluid .offset7 {
  margin-left: 61.5%;
  *margin-left: 61.400000000000006%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.5%;
  *margin-left: 59.400000000000006%;
}

.row-fluid .offset6 {
  margin-left: 53%;
  *margin-left: 52.900000000000006%;
}

.row-fluid .offset6:first-child {
  margin-left: 51%;
  *margin-left: 50.900000000000006%;
}

.row-fluid .offset5 {
  margin-left: 44.5%;
  *margin-left: 44.400000000000006%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5%;
  *margin-left: 42.400000000000006%;
}

.row-fluid .offset4 {
  margin-left: 36%;
  *margin-left: 35.900000000000006%;
}

.row-fluid .offset4:first-child {
  margin-left: 34%;
  *margin-left: 33.900000000000006%;
}

.row-fluid .offset3 {
  margin-left: 27.5%;
  *margin-left: 27.4%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.5%;
  *margin-left: 25.4%;
}

.row-fluid .offset2 {
  margin-left: 19%;
  *margin-left: 18.9%;
}

.row-fluid .offset2:first-child {
  margin-left: 17%;
  *margin-left: 16.9%;
}

.row-fluid .offset1 {
  margin-left: 10.5%;
  *margin-left: 10.399999999999999%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.5%;
  *margin-left: 8.399999999999999%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

/* 
 * Bootstrap Utilities
 */
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hide {
  display: none
}

.show {
  display: block
}

.invisible {
  visibility: hidden
}

.affix {
  position: fixed
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.collapse.in {
  height: auto
}



/*# 03 ENRICHMENT #*/

/* -------------------------------------------
ENRICHMENT:

01:  Border radius
02:  Text shadow
03:  Box shadow
04:  Transition
05:  Animations
------------------------------------------- */


/*# 03 ENRICHMENT / 01: Border radius #*/



/*# 03 ENRICHMENT / 02: Text shadow #*/



/*# 03 ENRICHMENT / 03: Box shadow #*/



/*# 03 ENRICHMENT / 04: Transitions #*/

a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  border-transition: all .2s ease-out;
}

a:hover {
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  border-transition: all .2s ease-in;
}



/*# 03 ENRICHMENT / 05: Animations #*/

.BlogPTitle h2 {
  font-size: 24px;
  line-height: 26px;
  color: #7F1010; /* dark red */
  font-weight: normal;
}

.BlogPTitle a {
  text-decoration: none;
}

.BlogPTitle a:hover {
  color: #000
}

.blog h3 {
  font-size: 24px;
  line-height: 28px;
}

.FilterSearch .filterTextBox {
  border-radius: 0;
  border: 1px solid #9d8d6a;
  background: #f6eedc;
  margin: -4px 0 5px 0;
  width: 150px;
  height: 24px;
  padding: 0 5px;
}

.FilterSearch input[type="submit"] {
  margin: 0;
  padding: 0 12px;
  background: #9d8d6a;
  color: #f1e6cc;
  border: none;
  height: 26px;
  font-style: italic;
  font-size: 15px;
  cursor: pointer;
}

.blog-date-list a {
  text-decoration: none;
  font-size: 14px;
  line-height: 26px;
}


/* MOBILE CSS FOR HOME PAGE */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

  body{
    background: #eaddbf;
  }
  header,
  footer{
    width: 1000px !important;
  }
  footer{
    height: 62px;
  }
  table.homeTable{
    width: 100% !important;
    table-layout: fixed;
  }
  div.homeText{
    display: block;
    width: 50% !important;
  }
  div.homeText span,
  div.homeText p{
    word-wrap: break-word;
  }
}