@charset "utf-8";

/* --- Universal Reset --- */

html,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1.5;
  font-size: 75%;
} /* sets font base to 12px */
html > body {
  font-size: 12px;
} /* for modern browsers with pixel resize */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: 400;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a img {
  border: none;
}

/* --- Headings --- */

h1,
h2,
h3,
h4,
h5 {
  color: #377ca4;
  margin: 10px 0 5px 0;
}
h1,
h2,
h3 {
  font-family: Georgia, "lucida bright", "times new roman", serif;
}
h1 {
  font-size: 1.8em;
  line-height: 0.75em;
  margin-bottom: 15px;
}
h2 {
  font-size: 1.5em;
  line-height: 1.5em;
}
h3 {
  font-size: 1.333333em;
  line-height: 1.125em;
}
h4 {
  font-size: 1.166667em;
  line-height: 1.285714em;
}
h5 {
  font-size: 1em;
  line-height: 1.5em;
}
div #sub h1,
div #sub h2,
div #sub h3,
div #sub h4,
div #sub h5 {
  color: #618fc2;
}

/* --- Text Elements --- */

p {
  margin-bottom: 1em;
}
p.last {
  margin-bottom: 0;
}
ul,
ol {
  margin: 0 1.5em 1.5em 1.5em;
  padding-left: 1em;
}
ul {
  list-style-image: url(../Images/cssimg/li-leaf.gif);
}
ol {
  list-style: decimal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt,
strong,
dfn,
#hours td,
#directions {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
}
address {
  font-style: italic;
  margin-top: 1.5em;
}
del {
  color: #666;
}
a {
  /* color: #2E6282; */
  color: #0072a9;
  /* font-weight: 540; */
  text-decoration: none;
}
a:focus,
a:hover {
  color: #00689a;
  text-decoration: underline;
}
blockquote {
  margin: 1.5em;
}
em,
dfn {
  font-style: italic;
}
pre,
code {
  margin: 1.5em 0;
  white-space: pre;
}
pre,
code,
tt {
  font: 1em "andale mono", "monotype.com", "lucida console", monospace;
  line-height: 1.5;
}
tt {
  display: block;
  line-height: 1.5;
  margin: 1.5em 0;
}
hr {
  background: #ddd;
  border: none;
  clear: left;
  color: #ddd;
  float: none;
  height: 0.1em;
  margin: 1.4em 0;
  width: 100%;
}
hr.space {
  background: #fff;
  color: #fff;
}

/* --- Body and Wrap --- */

body {
  background: url(../Images/cssimg/birchtile.jpg);
  background-position: top center;
  color: #555;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
}
#wrap {
  margin: 0 auto;
  position: relative;
  width: 970px;
}

/* --- Main Content Containers: Default --- */

#main {
  background: #fff;
  border: 1px #eee solid;
  margin: 15px auto;
  position: relative;
  padding: 1em 1em 1em 2.5em;
}
#main.shop {
  padding: 1em 0.5em;
}
.minheight {
  min-height: 600px;
  height: auto !important;
  height: 600px;
}

/* --- Web Pages with Right Column (default template) --- */

.page-content {
  width: 700px;
  float: left;
  font-size: 14px;
}
#main.shop .page-content {
  width: 760px;
}
.content-left {
  width: 400px;
  float: left;
}
.content-right {
  width: 250;
  float: right;
}
.side-panel {
  float: right;
  background: #2e6282;
  border: 3px solid #eee;
  width: 184px;
  padding-bottom: 4px;
}

/* --- Web Pages no Right Column --- */

.left-column {
  float: left;
  width: 650px;
}
.right-column {
  float: right;
  width: 250px;
}
.left-column.narrow {
  width: 580px;
}
.right-column.wide {
  width: 300px;
  padding-right: 2em;
}

/* ---  Header --- */

#masthead {
  background: url(../Images/cssimg/header-image.jpg) top no-repeat;
}
#header {
  height: 126px;
  line-height: 126px;
  position: relative;
  width: 670px;
}
#header h1 {
  position: absolute;
  left: -999em;
}
a#logo {
  left: 84px;
  position: absolute;
  top: 38px;
}
#enews-header {
  position: absolute;
  top: 98px;
  left: 688px;
}

/* Subscribe Image Link in Nav */
.subscribe-link {
  width: 284px;
  height: 102px;
  display: block;
  background: transparent url("/Images/cssimg/sign-up.png") center top no-repeat;
}

/* --- Shopping Cart Status (upper-right of header) --- */

#shopcart-header {
  border: 1px solid #d5e0e6;
  background-color: #fff;
  position: absolute;
  top: 12px;
  right: 44px;
}
.cartSummaryTable {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  float: right;
}
.cartSummaryItem {
  background: url(/Images/cssimg/shopbasket.jpg) no-repeat center right;
  display: inline-block;
  padding: 4px 30px 4px 4px;
}

/* --- Nav Main Background --- */

#navbar {
  background: url(../Images/cssimg/nav-main-background.png) repeat-x;
  height: 64px;
}
#nav {
  background: url(../Images/cssimg/nav-main-submenu-left.png) no-repeat;
  background-position: bottom left;
  height: 64px;
}

/* --- Nave Main CSS Horizontal Menu --- */

#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 630px;
  z-index: 98;
}
#nav a {
  display: block;
}
#nav li {
  border-right: 1px solid #4c7d9e;
  float: left;
}
#nav li:hover,
#nav li.hover {
  background: url(../Images/cssimg/nav-main-selected-background.png) repeat-x;
}
#nav li#menu-home,
#nav li#menu-home:hover,
#nav li#menu-home.hover {
  background: url(../Images/cssimg/nav-main-home-selected.png) no-repeat;
}
#nav li a {
  color: #fff;
  font: 16px Arial, Helvetica, sans-serif;
  padding: 9px 12px 5px 12px;
  text-decoration: none;
}

/* --- Nav Main: Begin Second Level --- */

#nav li ul,
#nav ul:hover li#menu-home ul,
#nav ul.hover li#menu-home ul {
  position: absolute;
  left: -999em;
  z-index: 99;
}
#nav li:hover ul,
#nav li.hover ul,
#nav ul li#menu-home ul,
#nav ul li#menu-home:hover ul,
#nav ul li#menu-home.hover ul {
  top: 30px;
  left: 10px;
}
#nav li#menu-events:hover ul,
#nav li#menu-events.hover ul {
  left: 80px;
}
#nav li li {
  border: none;
  padding: 0 8px 12px 8px;
}
#nav li li:hover,
#nav li li.hover {
  background: none;
}
#nav li li a {
  padding-top: 10px;
}
#nav li li a:hover {
  color: #ddeeff;
}
#nav li li#menu-native-titles a,
#nav li li#menu-native-arts a {
  cursor: default;
}

#nav li li#menu-native-titles a:hover,
#nav li li#menu-native-arts a:hover {
  color: #fff;
}

/* --- Nav Main: Begin Third Level--- */

#nav li:hover ul ul,
#nav li.hover ul ul {
  position: absolute;
  top: 35px;
  left: -999em;
  list-style-image: none;
}
#nav li li:hover ul,
#nav li li.hover ul {
  left: 6px;
  z-index: 100;
}
#nav li li#menu-native-arts:hover ul,
#nav li li#menu-native-arts.hover ul {
  left: 135px;
  z-index: 100;
}
#nav li li#menu-native-titles li,
#nav li li#menu-native-arts li {
  background: #2e6282;
  border-bottom: 1px solid #ddd;
  float: none;
  /* height: 16px; */
  font-size: 14px;
  padding: 2px;
  width: 170px;
}

#nav li li#menu-native-titles li:hover,
#nav li li#menu-native-titles li.hover,
#nav li li#menu-native-arts li:hover,
#nav li li#menu-native-arts li.hover {
  background: #4c7d9e;
}
#nav li li#menu-native-titles li a,
#nav li li#menu-native-arts li a {
  cursor: pointer;
  margin: 0;
}

/* --- Footer --- */

#footer {
  border-top: 1px #ddd solid;
  color: #888;
  margin-top: 1em;
  padding: 1em;
  text-align: center;
}
#footer img {
  float: left;
  margin-right: 1em;
}
#footer ul {
  list-style: none;
}
#footer ul li {
  display: inline;
}
#footer ul li a {
  color: #888;
  padding: 4px;
  text-decoration: none;
}
#footer ul li a:hover {
  color: #555;
}
.copyright {
  float: left;
  text-align: left;
}
.footer-address {
  float: right;
  text-align: right;
}

/* --- SHOP PRODUCT, CATALOG, AND CART SETTINGS --- */

/* --- Online Shop Overall Layout --- */

.shop-main {
  margin-bottom: 20px;
  padding: 10px;
}
.shop-main .shop-body {
  width: 750px;
  min-height: 700px;
  height: auto !important;
  height: 700px;
}
.shop-main .header {
  background: #f9f9f9;
  border-bottom: 1px solid #eee;
  height: 30px;
  line-height: 30px;
  margin: 0 0 8px;
}
.shop-main .breadcrumbs {
  float: left;
  padding-left: 20px;
  width: 700px;
}
.shop-main .breadcrumbs a {
  font-size: 1.2em;
}
.shop-main .description {
  margin-left: 252px;
  padding: 0 10px 8px 10px;
}
.shop-main .description h1 {
  color: #555;
  font-size: 1.5em;
  line-height: 1.1em;
  margin-top: 10px;
}
.shop-main .description h3 {
  font-size: 1.2em;
}
.shop-main .description ul {
  margin: 0 0 0 18px;
  padding: 0;
}
.shop-main .description li {
  list-style: square;
}
.shop-main ul {
  margin: 0;
  padding: 0;
}
table.productTable {
  border-collapse: collapse;
  border-spacing: 0;
  float: left;
}
table.productTable td {
  padding: 3px;
}
.shop-paging {
  float: left;
  margin: 15px 15px 0 15px;
}
.shop-paging img {
  margin-right: 15px;
  vertical-align: baseline;
}
.shop-paging .pagination {
  color: #888;
  font-size: 2em;
}

/* --- Catalogs --- */

.shop-catalogue {
  background-color: #fff;
  border: 2px solid #d5e0e6;
  float: left;
  margin: 2px;
  padding: 0;
  overflow: hidden;
}
.shop-catalogue:hover,
.shop-catalogue .hover {
  border: #888;
}
.shop-catalogue h4 {
  font-size: 0.8em;
  font-weight: bold;
  height: 22px;
  line-height: 1.2em;
  margin: 0;
  padding: 1px 1px 2px 1px;
  text-align: center;
}
.shop-catalogue h4 a {
  /* color: #1969bc; */
  text-decoration: none;
}
.shop-catalogue h4 a:focus,
.shop-catalogue h4 a:hover,
.shop-catalogue h4 a.hover {
  /* color: #555; */
}
.shop-catalogue .image {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
}
.catalog-description {
  margin: 15px 28px;
  font-size: 13px;
  color: #333;
}

/* --- Shop Catalogs Side Panel --- */

.shop-sidepanel {
  background: #2e6282;
  border: 3px solid #eee;
  width: 184px;
  position: absolute;
  top: 5px;
  right: 14px;
  padding-bottom: 4px;
}
.product-search {
  margin-left: 5px;
}
.product-search h2 {
  color: #fff;
}
.product-search #CAT_ProductSearch {
  width: 150px;
}
.product-search .form .item {
  margin: 0;
  padding: 0;
}
.product-search .cat_button {
  margin-top: 5px;
  margin-bottom: 15px;
}
#native-titles {
  margin: 4px;
}
#native-titles h2 {
  background: #fcfcfc;
  border: 1px solid #d5e0e6;
  color: #82382e;
  font-size: 1.333333em;
  line-height: 1.125em;
  margin: 0 3px 2px 2px;
  padding: 3px;
  width: 164px;
}
#native-titles .shop-catalogue {
  height: 87px;
  width: 80px;
}
#native-titles .shop-catalogue:hover,
#native-titles .shop-catalogue.hover {
  border: 2px solid #888;
}
#native-titles .shop-catalogue:hover a,
#native-titles .shop-catalogue.hover a {
  color: #000;
}
#all-titles .shop-catalogue {
  height: 74px;
  margin-left: 6px;
  margin-top: 3px;
  width: 168px;
}
#all-titles .shop-catalogue:hover,
#all-titles .shop-catalogue.hover {
  border: 2px solid #888;
}
#all-titles .shop-catalogue:hover a,
#all-titles .shop-catalogue.hover a {
  color: #000;
}
#all-titles .shop-catalogue h4 {
  background: #fcfcfc;
  border-bottom: 1px dotted #f3f3f3;
  font: bold 1.333333em/1.125em Georgia, "lucida bright", "times new roman",
    serif;
  height: 18px;
  padding: 2px 0;
  text-align: center;
}
#all-titles .shop-catalogue h4 a {
  color: #82382e;
}
#all-titles .shop-catalogue h4 a:hover,
#all-titles .shop-catalogue h4 a:focus {
  color: #000;
}

/* --- Shop Product Large --- */

.shop-product-large {
  background: #fff;
  border: 1px solid #eee;
  color: #666;
  margin: 0 0 18px;
  min-width: 640px;
  overflow: hidden;
}
.shop-product-large h1 {
  color: #000;
  font-size: 14px;
}
.shop-product-large ul {
  list-style-type: none;
  list-style-image: none;
}
.shop-product-large .image {
  padding: 18px;
  text-align: center;
}
.shop-product-large li.price {
  font-size: 14px;
}
.shop-product-large li.instock {
  font-size: 10px;
}
.shop-product-large li.quantity img {
  cursor: pointer;
}
.shop-product-large li.quantity input.productTextInput {
  width: 25px;
}
td.productItem .comment-form input #Captcha {
  width: 300px;
}
.shop-product-large .details {
  background: #f9f9f9;
  float: left;
  padding: 10px;
  margin-right: 20px;
  width: 30%;
  text-align: center;
}
.shop-product-large ul {
  margin: 0 0 18px;
  padding: 0;
}
.shop-product-large li {
  margin: 9px 0;
}
.shop-product-large .comment-list h5 {
  margin-top: 36px;
  background-color: #fbfbfb;
  font-weight: normal;
}
.comment-container {
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
  margin: 0 0 18px 0;
  border: none;
}
.comment-container .header {
  background: #fdfdfd;
  font-size: 12px;
  padding: 3px 3px 3px 9px;
  border-bottom: 0;
  margin: 0;
}
.comment-container .content {
  color: #236282;
  background: #fff;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
  font-size: 0.9em;
  padding: 0 9px 9px;
  border-bottom: 0;
}

/* --- Shop Product Small --- */

.shop-product-small {
  background: #fff;
  border: 1px solid #ddd;
  color: #666;
  width: 240px;
  margin: 0 auto;
  text-align: center;
}
.shop-product-small h5 {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 18px 24px 8px;
  text-align: center;
}
.shop-product-small h5 a {
  text-decoration: none;
}
.shop-product-small h5 a:hover {
  text-decoration: underline;
}
.shop-product-small .image img {
  border: 1px #ddd solid;
}
.shop-product-small ul {
  background: #f9f9f9;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 9px 9px 9px 18px;
}
.shop-product-small ul li {
  font-size: 11px;
  margin: 0 0 3px;
}
.shop-product-small li.price {
  font-size: 11px;
}
.shop-product-small li.price strong {
  font-size: 14px;
  margin-left: 6px;
}
.shop-product-small li.stock {
  font-size: 11px;
}
.shop-product-small li.stock strong {
  color: #666;
  margin-left: 3px;
}
.image a,
td.actions a {
  border: none !important;
}
li.quantity img {
  cursor: pointer;
  position: relative;
  top: 8px;
}
.shop-product-small ul {
  clear: left;
  margin-top: 9px;
}
.shop-product-small li.quantity input.productTextInput {
  width: 25px;
}

/* --- Shop Product Very Small (individual product insert) --- */

.small-titles {
  border: 2px #d5e0e6 solid;
  float: left;
  font-family: Georgia, "lucida bright", "times new roman", serif;
  margin-bottom: 30px;
  position: relative;
}
.small-titles table {
  border-collapse: collapse;
  border-spacing: 0;
  float: left;
  width: 140px;
}
.small-titles .shop-product-small {
  background: #fff;
  border: 1px solid #f9f9f9;
  color: #666;
  margin: 0;
  padding: 3px;
  width: 134px;
}
.small-titles .shop-product-small h5 {
  background: #fcfcfc;
  font: 0.9em "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 5px;
  text-align: left;
}
.small-titles .shop-product-small h5 a {
  text-decoration: none;
}
.small-titles .shop-product-small h5 a:hover {
  text-decoration: underline;
}
.small-titles .shop-product-small ul {
  background: #f9f9f9;
  list-style: none;
  margin: 0;
  min-height: 0;
  padding: 5px 10px 10px;
}
.small-titles .shop-product-small ul li {
  font-size: 11px;
  margin: 0;
}
.small-titles .shop-product-small li.price,
#feature .shop-product-small li.stock {
  font-size: 11px;
}
.small-titles .shop-product-small li.price strong {
  font-size: 14px;
  margin-left: 6px;
}
.small-titles .shop-product-small li.stock strong {
  color: #666;
  margin-left: 3px;
}
.small-titles .shop-product-small .image {
  height: 150px;
  margin: 9px 0 9px 5px;
  overflow: hidden;
  text-align: left;
}
.small-titles .shop-product-small .image img {
  border: 2px #ddd solid;
}
.small-titles .image a,
td.actions a {
  border: none !important;
}

/* --- Poplet Images --- */

.poplets {
  border-top: 1px solid #eee;
  margin-top: 56px;
  padding: 9px 0 0;
  text-align: center;
}
.poplets img {
  border: 1px solid #ddd;
}
table.productPoplets {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
}

/* --- Shopping Cart --- */

.shop-cart {
  padding-right: 10px;
}
.shop-cart h1 {
  margin-bottom: 1em;
}
.cart {
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ddd;
  margin-bottom: 5px;
  padding: 1em;
}
.cart a {
  color: #1969bc;
}
.cart table {
  width: 100%;
}
.cart th,
.cart td {
  color: #666;
  padding: 9px;
}
.cart th {
  background-color: #f3f3f3;
  color: #333;
  font-family: Georgia, "lucida bright", "times new roman", serif;
  font-size: 1.2em;
}
.cart .items {
  background-color: #fafafa;
}
.cart th.wider,
.cart td.wider {
  width: 40%;
}
.cart .shipping-prefs {
  font-size: 14px;
}
.cart .shipping-prefs input,
.cart .shipping-prefs select {
  font-size: 14px;
}
tr.grand-total td {
  border-top: 1px solid #eee;
  font-size: 1.8em;
}
td.quantity input.update {
  margin: 0 0 0 3px;
}
input.cartInputText {
  width: 30px;
}
input #DiscountCode,
input #GiftVoucher {
  width: 70px;
}
select.shippingDropDown {
  width: 250px;
}
.shippingCalc {
  font-size: 1.1em;
  margin-left: 10px;
  margin-top: 4px;
}
.productitemcell {
  font-size: 1.1em;
  margin: 0 0 0.5em 0;
  height: 1.3em;
  overflow: hidden;
  padding-bottom: 0.4em;
}
a #catshopclear {
  font-size: 10px;
  font-weight: normal;
}
div#catCartDetails {
  overflow: auto;
  margin-bottom: 48px;
  min-height: 400px;
}
div#catCartDetails a.cartLink {
  font-size: 1.5em;
  position: absolute;
  top: 40px;
  left: 40px;
}
div.shippingDiv {
  padding-bottom: 1em;
  padding-top: 1em;
}
div.shippingPostcodeDiv {
  padding-top: 1em;
}
.grand-total strong {
  font-size: 18px;
}

/* --- Voucher Recipient Page --- */

.voucher-recipient {
  font-size: 16px;
}
.voucher-recipient label,
.voucher-recipient input,
.voucher-recipient textarea {
  font-size: 14px;
}
.voucher-recipient td {
  padding-top: 1em;
}

.voucher-recipient #catshopcontinue {
  background-color: #f0f0f0;
  padding: 6px;
}

/* --- Shop Checkout Form --- */

#personal-info,
#shipping-info,
#billing-info,
#card-info {
  border: 3px solid #f3f3f3;
  margin-bottom: 10px;
  padding: 20px;
}
#personal-info h3,
#shipping-info h3,
#billing-info h3,
#card-info h3 {
  font-size: 1.5em;
  margin: 4px 0 8px 0;
}
#personal-info input,
#shipping-info input,
#billing-info input,
#card-info input {
  font-size: 13px;
}
#personal-info select,
#shipping-info select,
#billing-info select,
#card-info select {
  font-size: 13px;
}
.shop-form {
  margin: 0 0 18px;
}
.shop-form ul.form {
  background: #f9f9f9;
  border: 1px solid #eee;
  padding: 18px;
}
div.shop-checkout div.item {
  margin: 0;
  padding: 0 0 9px 0;
  font-size: 13px;
}
.shop-form label {
  font-size: 13px;
  color: #777;
}
.shop-form li.last {
  border-top: 1px solid #eee;
}

#paymentdiv {
  margin-top: 10px;
}

#card-info input#catwebformbutton.cat_button {
  font-size: 16px;
  padding: 5px;
}

.shop-form ul.form input.cat_textbox,
.shop-form ul.form select.cat_dropdown,
.shop-form ul.form textarea.cat_listbox {
  width: 260px;
}
.shop-form textarea.cat_listbox {
  height: 100px;
}
div#receipt {
  font-size: 1.2em;
  min-height: 700px;
  height: auto !important;
  height: 700px;
  padding: 6px 15px 20px 40px;
  width: 700px;
}
div#receipt-details {
  clear: left;
  padding-left: 40px;
}

/* --- Home Page --- */

.home-content {
  border: 1px #e9e9e9 solid;
  margin: 15px 5px 15px 0px;
  width: 610px;
  background: #fff;
  position: relative;
  padding: 1em 1em 1em 1.5em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#home-right-column {
  background: #fff;
  border: solid 3px #af8079;
  position: absolute;
  top: 60px;
  right: 5px;
  width: 310px;
}
.welcome {
  margin-bottom: 10px;
}
.welcome h1 {
  margin-top: 0.5em;
  color: #bbb;
  font-weight: bold;
}
.welcome p {
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua",
    Georgia, serif;
  font-size: 17px;
  line-height: 22px;
  padding-right: 138px;
  color: #777;
}
#note {
  position: absolute;
  top: 0;
  right: 4px;
}
.product-search-home {
  background: #eee;
  color: #777;
  font-size: 1.5em;
  padding: 6px 12px;
}
.product-search-home form {
  display: inline;
}
.product-search-home input {
  border: 1px solid #d5e0e6;
  font-size: 18px;
}
.product-search-home #CAT_ProductSearch {
  width: 250px;
}
.product-search-home .cat_button {
  border: 1px solid #d5e0e6;
  color: #555;
  font-size: 17px;
  padding: 4px 8px;
}
.product-search-home .cat_button:hover,
.product-search-home .cat_button .hover {
  background: #d5e0e6;
}

/* --- Home Page: New books from Louise box --- */

.newbook {
  display: inline-block;
  width: 95%;
  vertical-align: top;
  margin-top: 0.1em;
  margin-bottom: 0.5em;
  padding-right: 4px;
  font-size: 14px;
}
.newbook img {
  float: left;
  margin-right: 1em;
}
.newbook h3 {
  margin-top: 0.1em;
  color: #333;
}

/* --- Home Page: Featured Items --- */

#feature {
  border: 2px #d5e0e6 solid;
  padding: 3px;
  position: relative;
}
#feature p {
  margin: 0.5em 1em;
}
#feature .shop-product-small {
  border: 1px solid #f9f9f9;
  width: 280px;
}
#feature .shop-product-small h5 {
  background: #fcfcfc;
  margin: 0;
  padding: 0 0 0 5px;
  text-align: left;
  font-size: 13px;
}
#feature .shop-product-small h5 a {
  text-decoration: none;
}
#feature .shop-product-small h5 a:hover {
  text-decoration: underline;
}
#feature .shop-product-small ul {
  background: #f9f9f9;
  margin: 0;
  padding: 5px 10px 8px 10px;
}
#feature .shop-product-small ul li {
  font-size: 11px;
  margin: 0;
}
#feature .shop-product-small li.price,
#feature .shop-product-small li.stock {
  font-size: 11px;
}
#feature .shop-product-small li.price strong {
  font-size: 14px;
  margin-left: 6px;
}
#feature .shop-product-small li.stock strong {
  color: #666;
  margin-left: 3px;
}
#feature .shop-product-small .image {
  margin: 9px 0 16px 5px;
  text-align: left;
}
#feature .shop-product-small .image img,
#louise_books img {
  border: 2px #ddd solid;
}
#feature .image a,
td.actions a {
  border: none !important;
}
#feature-1-blurb {
  position: absolute;
  left: 115px;
  top: 65px;
  width: 155px;
  line-height: 16px;
}
#feature-2 {
  position: absolute;
  left: 300px;
  top: 3px;
}
#feature-2-blurb {
  position: absolute;
  left: 410px;
  top: 52px;
  width: 155px;
  z-index: 5;
  line-height: 16px;
}

/* --- Home Page: Louise Recent Books --- */

#featured-louise {
  margin-top: 10px;
}
#featured-louise img {
  float: left;
  margin: 0.5em 1.5em 1em 1em;
}
#featured-louise p {
  clear: left;
  padding-left: 1em;
}

/* --- Home Page Right Column --- */

#storefront {
  border: solid 2px white;
}
.soc-media {
  float: right;
  padding: 1em 1em 0 0;
}
.soc-media td {
  padding: 0.1em;
}
.contact-info {
  color: #34711e;
  padding: 1em;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2em;
}
.contact-info address {
  font-style: normal;
  vertical-align: top;
  margin: 0 1em 0 0;
  display: inline-block;
}
.contact-info p {
  padding-top: 0.5em;
  margin-bottom: 0;
}
.twitter-feed {
  width: 225px;
  margin: 10px auto;
}
.events-link {
  display: block;
  text-align: center;
  font-size: 1.2em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

#enews {
  background: url(../Images/cssimg/porcupines-home.jpg) bottom no-repeat;
  height: 355px;
}
#enews .item {
  margin: 0 0 4px 6px;
  padding: 0;
}
#enews .newsletter-form {
  background: none;
  border: none;
}
#enews .cat_textbox_small {
  border: 1px solid #d5e0e6;
}
#enews .cat_button {
  border: 1px solid #d5e0e6;
  color: #555;
}
#enews .cat_button:hover,
#enews .cat_button .hover {
  background: #d5e0e6;
}

/* --- Online Shop Page --- */

#onlineshop p {
  font: 1.25em "Palatino Linotype", "Book Antiqua", Palatino, serif;
  line-height: 1.5em;
}
#onlineshop ul {
  clear: left;
  height: 95px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#onlineshop li {
  float: left;
}
#onlineshop li.cat-blurb {
  background: #fdfcfd;
  color: #333;
  height: 85px;
  margin: 2px 10px 0 1px;
  padding: 0 6px;
  width: 200px;
}
#onlineshop #native-titles h2 {
  background: none;
  border: none;
  font-size: 1.5em;
  line-height: 1em;
  margin-left: 0;
  padding-left: 0;
}
#onlineshop #native-titles ul {
  padding-bottom: 8px;
}
#onlineshop #native-titles .shop-catalogue {
  height: 92px;
  width: 84px;
}
#onlineshop #native-titles .shop-catalogue h4 {
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 4px;
}
#onlineshop #all-titles .shop-catalogue {
  height: 80px;
  width: 80px;
}
#onlineshop #all-titles h2 {
  color: #82382e;
  clear: left;
  margin-bottom: 5px;
  padding-left: 2px;
}
#onlineshop #all-titles .shop-catalogue h4 {
  color: #fff;
  position: absolute;
  left: -999em;
}
#onlineshop #all-titles .shop-catalogue img {
  margin: 10px 0 0 -43px;
}

/* --- Events (Announcements) --- */

.announcement-list {
  padding: 0 18px 0 14px;
  overflow: auto;
  margin-top: 0;
}
.announcement-list h2 {
  background: #fefefe;
  border-bottom: 1px #eee solid;
  /* color: #82382e; */
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-top: 0.5em;
}
.event-date {
  padding-bottom: 6px;
}
.announcement-list a:hover,
.announcement-list a:active {
  color: #000;
}
.announcement-list img,
.announcement-details img {
  border: 2px #eee solid;
  float: left;
  margin: 6px 8px 0 0;
}
.inner .announcement-list,
.announcement-details {
  margin-left: 20px;
  width: 600px;
}
.announcement-details img {
  border: 2px #eee solid;
  float: left;
  margin: 6px 12px 0 0;
}
.page-content .announcement-list h2 {
  margin-top: 2em;
}

/* --- Events Calendar --- */

div.select-month-year {
  padding: 9px 0;
}
table.module-calendar {
  border: 1px solid #888;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
table.module-calendar td {
  border: 1px solid #d7d7d7;
  font-size: 11px;
  height: 60px;
  padding: 0;
  vertical-align: top;
}
table.module-calendar td span {
  background: #f7f7f7;
  color: #444;
  display: block;
  font-size: 11px;
  padding: 0 2px;
  text-align: right;
}
tr.day-of-week td {
  background: #d7d7d7;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  height: 18px;
  text-align: center;
  vertical-align: middle;
}
table.module-calendar td.events span {
  background: #4c7d9e;
  color: #fff;
  font-weight: bold;
}
table.module-calendar td.events {
  background: #eef5fa;
}
table.module-calendar td ul {
  margin: 9px 0;
  padding-left: 4px;
  list-style: none;
}
table.module-calendar td ul li {
  font-weight: bold;
}
table.module-calendar td.last-month {
  background: #eee;
}
table.module-calendar td.next-month {
  background: #eee;
}

/* --- Blog --- */

/* NOTE: div.post-list exists in FORUMS as well */
.blog-list {
  border: 1px solid #eee;
  color: #000;
  font-size: 11px;
  margin: 0 0 18px;
  padding: 18px;
}
.blog-list h2 {
  font-size: 18px;
  margin: 0 0 3px 0;
}
.blog-list span {
  color: #888;
}
.blog-container h1 {
  color: #bbb;
  font-size: 36px;
  line-height: 40px;
  margin: 0 0 6px 0;
}
.blog-container p.description {
  margin: 0 0 36px;
}
.blog-post {
  background: url(../Images/cssimg/cattails.gif) no-repeat 600px -5px;
  color: #555;
  font-family: Georgia, "lucida bright", "times new roman", serif;
  font-size: 1.1em;
}
.blog-post a {
  color: #518fb5;
  text-decoration: none;
}
.blog-post a:focus,
.blog-post a:hover {
  color: #666;
  text-decoration: underline;
}
.blog-post h2.post-title {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 45px 0 0;
  padding: 10px 0 3px 0;
}
.blog-post .post-details {
  color: #888;
  font-size: 1em;
  margin: 0 0 10px 0;
}
.blog-container .post-list {
  float: left;
  width: 69%;
}
.blog-container .blog-side-panel h4 {
  color: #82382e;
}
.blog-side-panel #canoe-family {
  margin: -30px 0 30px 0;
}
.blog-post {
  margin: 0;
  padding: 0 0 0 8px;
}
.blog-post br {
  line-height: 0.8em;
}
.post-body {
  margin-left: -4px;
}

/* Post Body Rounded Corners */
.roundedcornr_box_744618 {
  background: #f9f9f9;
}
.roundedcornr_top_744618 div {
  background: url(/Images/cssimg/roundedcornr_744618_tl.png) no-repeat top left;
}
.roundedcornr_top_744618 {
  background: url(/Images/cssimg/roundedcornr_744618_tr.png) no-repeat top right;
}
.roundedcornr_bottom_744618 div {
  background: url(/Images/cssimg/roundedcornr_744618_bl.png) no-repeat bottom
    left;
}
.roundedcornr_bottom_744618 {
  background: url(/Images/cssimg/roundedcornr_744618_br.png) no-repeat bottom
    right;
}
.roundedcornr_top_744618 div,
.roundedcornr_top_744618,
.roundedcornr_bottom_744618 div,
.roundedcornr_bottom_744618 {
  width: 100%;
  height: 12px;
  font-size: 1px;
}
.roundedcornr_content_744618 {
  margin: 0 12px;
}
/* End Rounded Corners */

.post-body .links {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 8px;
}
.comment-list {
  margin-bottom: 24px;
  padding-bottom: 18px;
}
.comment-list h5 {
  color: #82382e;
  font-size: 1.2em;
  margin: 0 0 4px;
}
.comment-list input #Captcha {
  width: 300px;
}
.comment-list textarea.cat_listbox_small {
  height: 120px;
  width: 100%;
}
.comment-list form {
  color: #777;
  margin-left: 20px;
}
.comment-list .form .item {
  margin: 0 0 5px 0;
  padding: 0;
}
.comment-list .cat_textbox_small,
.comment-list .cat_listbox_small {
  border: 1px solid #ddd;
}
.comment-list form h5 {
  color: #555;
  margin: 0 0 4px 0;
}
.blog-comment-container {
  border-left: 1px solid #eee;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
  margin: 0 0 18px 0;
}
.blog-comment-container .comment-details {
  background: #fdfdfd;
  font-size: 12px;
  padding: 3px 3px 3px 9px;
}
.blog-comment-container .comment {
  color: #666;
  background: #fff;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
  font-size: 0.9em;
  padding: 0 9px 9px;
}
input #fullname,
input #website,
input #emailaddress,
input #Captcha {
  width: 300px;
}
textarea.comment {
  height: 160px;
  width: 100%;
}
.forum-registration textarea.comment {
  height: 70px;
  width: 270px;
}
.blog-container .blog-side-panel {
  float: right;
  width: 27%;
}
.blog-side-panel h4 {
  font-size: 12px;
  margin: 0 0 9px;
}
.BlogTagCloud {
  margin: 0 0 18px;
}
.BlogTagCloud a {
  padding-right: 4px;
}
.BlogTagCloud-X-Large {
  font-size: 124%;
}
.BlogRecentPost ul,
.BlogTagList ul,
.BlogPostArchive ul {
  margin: 0;
  padding: 0;
}
.BlogRecentPost li,
.BlogTagList li,
.BlogPostArchive li {
  font-size: 11px;
  list-style: none;
  margin: 0 0 9px;
}
p.page-nav {
  text-align: center;
}
p.page-nav a {
  margin: 0 9px;
}
.blog-post dl {
  background: #f9f9f9;
  border: 1px solid #eee;
  margin: 0 0 18px;
  padding: 18px;
}
.blog-post dt {
  color: #000;
}
.blog-post dd {
  margin: 0 0 9px;
}

/* --- Directions Page --- */

.directions address {
  font-style: normal;
  font-weight: bold;
}

/* --- Contact Us Page --- */

#contact-us {
  padding-left: 25px;
}
#contact-us-right {
  margin-top: 4em;
  float: right;
  width: 300px;
  text-align: center;
}

/* --- Educators Page --- */

.educators {
  padding-left: 1em;
}
.educators blockquote {
  color: #333;
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua",
    Georgia, serif;
  font-size: 1.2em;
  font-style: italic;
  margin-left: 0;
}
.educators .shaded-list {
  margin-left: 0;
}
.educators a {
  font-weight: bold;
}

/* --- Audiobooks Page --- */

.audiobooks {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.audiobooks h3 {
  margin-top: 30px;
}
.audiobooks p {
  max-width: 75%;
}

.audiobooks a {
  text-decoration: none;
}
.librofm-button {
  background-color: #eee;
  padding: 8px;
  border-radius: 5px;
}

.librofm-button:active,
.librofm-button:hover {
  background-color: #ccc;
}

.librofm-button:active,
.librofm-button:hover {
  background-color: #ccc;
}

.audiobooks-louise {
  width: 75%;
  margin: 25px 0;
  background-color: #f9f9f9;
  border: 2px solid #e9e9e9;
  border-radius: 5px;
  padding: 10px 20px;
}
.audiobooks-louise p {
  max-width: 100%;
}

/* --- Our Story Page --- */

.shaded-list {
  margin: 1em 0 1em 1em;
  background: #f9f9f9;
  border: 4px solid #d5e0e6;
  font-family: Georgia, "lucida bright", "times new roman", serif;
}
.shaded-list h4 {
  padding-left: 14px;
  font-weight: bold;
}
.shaded-list ul {
  margin-right: 0;
  padding-right: 8px;
}

/* --- Our Dogs Page --- */

.dogs a {
  font-weight: bold;
  /* font-style: italic; */
}
/* link to further adventures */
.dogs p:last-of-type a {
  font-weight: normal;
  font-style: normal;
}
img.dog-pic {
  float: left;
  margin-right: 20px;
}

.dog-blurb-container {
  display: inline-block;
  width: 500px;
}

.dog-pick {
  float: right;
  margin-left: 20px;
}
.dog-pick .shop-product-small {
  background: #f9f9f9;
  border: 2px solid #ffffff;
  margin-top: 8px;
  padding-bottom: 8px;
  width: 180px;
}
.dog-pick .shop-product-small h5 {
  font: 0.9em "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
  font-weight: bold;
  margin: 0;
  min-height: 0;
  padding: 6px;
}
.dog-pick .shop-product-small ul {
  display: inline;
  text-align: center;
  margin: 0;
  padding: 0;
}
.dog-pick .shop-product-small ul li {
  margin: 0;
  padding: 0;
}

/* --- Individual Dogs --- */

#dog-story h1 {
  font-size: 20px;
}

#dog-story a {
  font-weight: bold;
  /* font-style: italic; */
}
#dog-story img {
  float: left;
  margin: -1.5em 1em 0 -0.2em;
}
#dog-story p img {
  margin: 0 1em 0 0;
}

/* --- Photo Gallery -- */

#photo-gallery {
  color: #ccc;
  border: 6px solid #646464;
  background: #242424;
  padding: 0.5em 2em 2em;
  margin-top: 1.2em;
  text-align: center;
}
table.photogalleryTable {
  margin: 1em auto;
}
.photogalleryTable td {
  vertical-align: middle;
  text-align: center;
}
.photogalleryItem img {
  border: 1px solid #000;
  margin: 2em;
}

/* --- FAQ Page --- */

.faq h2 {
  border-bottom: 2px solid #eee;
  color: #888;
  margin-bottom: 0px;
  padding-bottom: 4px;
  padding-left: 8px;
  width: 30%;
}
.questions {
  border-left: 2px solid #eee;
  padding: 8px;
}
p.faq-question {
  color: #518fb5;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
  /* font-size: 1.1em; */
  font-weight: bold;
  margin-bottom: 0;
}

/* --- Search Page --- */

#search {
  float: left;
  margin: 10px 20px 20px 0;
  width: 240px;
}
#search-site,
.product-form {
  border: 2px solid #eee;
  padding: 8px 4px 8px 8px;
}
#search-site h2,
.product-form h2 {
  margin: 2px 0 4px;
  font-size: 1.4em;
}
#search input.cat_button {
  margin-top: 4px;
}
#search-site .search-box input#CAT_Search {
  width: 200px;
}
.product-form .form .item {
  padding-left: 0;
}
#search-results {
  margin-left: 260px;
}
#search-results .shop-product-small {
  width: 210px;
}

/* --- System Messages --- */

.system-message,
.system-error-message {
  background-color: #f9f9f9;
  border: 1px solid #eee;
  color: #666;
  /* font-size: 1.2em; */
  min-height: 140px;
  height: auto !important;
  height: 140px;
  padding: 36px 36px 36px 130px;
  background: #f9f9f9 url(/Images/cssimg/system-bear.gif) no-repeat;
}
.system-message h1,
.system-error-message h1 {
  margin: 0 0 18px 0;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
}
.system-message a:link,
.system-error-message a:link {
  color: #1969bc;
}
.ok {
  background: #e9fbe3;
  color: #21a347;
  margin-bottom: 18px;
}
.error {
  background: #fbe3e4;
  color: #d12f19;
  margin-bottom: 18px;
}

/* --- MISC --- */

.subscribe {
  padding: 0 2px 2px;
}
/* Remove Comment Breaks until BC fixes it */
div.comment br {
  display: none;
}
div.comment-container div.content br {
  display: none;
}
#prevBLink,
#nextBLink {
  display: none !important;
}

.event-page ul {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.img-left {
  float: left;
  margin-right: 1em;
}
.img-right {
  float: right;
  margin-left: 1em;
}

/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Hide Classes for Booking Form */
.hide {
  display: none;
}
.hideform {
  display: none;
}

/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}