span, label, small {
	font-size: 15px;
}

#logo {
	height: 63px;
}

#about-wrapper img {
	width: 80%;
}

#about-wrapper p {
	font-size: 18px;
}

/* Base styles for product list */
.product-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* Changed from center to stretch */
  justify-content: center;
  gap: 16px; /* Added gap for consistent spacing */
}

.product-list-single {
  flex-direction: column;
  display: flex;
  height: 100%; /* Ensure full height */
}

.product-list-wrapper .card {
  display: flex;
  flex-direction: column;
  /*height: 350px; 
  */
  /* Increased minimum height to accommodate content */
  width: 220px; /* Set a standard width */
  margin: 8px;
  transition: all 0.3s ease; /* Smooth transition for size changes */
}

.product-list-single img {
  width: 100%;
  height: 180px;
  object-fit: contain;
  margin-bottom: 10px; /* Add space below image */
}

.product-list-single h3 {
  font-size: 1rem;
  margin: 0 0 8px 0; /* Reduced margin */
  line-height: 1.2; /* Tighter line height */
  flex: 0 0 auto; /* Prevent title from expanding */
}

.product-list-single .price {
  margin-top: auto; /* Push price to bottom */
  padding: 8px 0;
  font-weight: bold;
}

/* Tablet screens */
@media (max-width: 768px) {
  .product-list-wrapper .card {
    width: 200px;
    height: 330px;
  }
  
  .product-list-single img {
    height: 160px;
  }
}

/* Mobile screens */
@media (max-width: 628px) {

  #logo {
  	height: 50px;
  }

  .product-list-wrapper {
    gap: 8px; /* Reduced gap */
  }
  
  .product-list-wrapper .card {
    width: 160px !important;
    height: 320px; /* Increased height to ensure price is visible */
    margin: 4px !important;
  }
  
  .product-list-single img {
    max-width: 100% !important;
    height: 140px !important;
  }
  
  .product-list-single h3 {
    font-size: 0.9rem; /* Smaller font size */
    max-height: 2.4em; /* Limit title height */
    overflow: hidden; /* Hide overflow text */
  }
}

/* Very small screens */
@media (max-width: 400px) {
  .product-list-wrapper .card {
    width: 140px !important;
  }
  
  .product-list-single img {
    height: 120px !important;
  }
}















.featured-photo {
  /* width: 100%; 
  height: auto;
  max-height: 65vh; */
  max-width: 100%;
  height: auto;
}

@media (max-width: 628px) {
  /* .featured-photo {
    max-height: 60vh;
  } */
}


/* Get rid of strikethrough line when clicking a link */
a, a:visited, a:active {
  text-decoration: none !important;
}

/** Make the category home subcategories not go off the side of the page */

#subcategory-wrapper {
	max-width: 100%;
	overflow-x: auto;
}

@media ( max-width: 665px ) {
  #nav-links-wrapper {
	padding-left: 103px !important;
  }
}

/* Optional - Add any specific tweaks for very small screens */
@media (max-width: 576px) {

  #nav-links-wrapper {
	padding-left: 173px !important;
  }
  #searchtext {
    width: 100%;
  }
  
  #slider-range {
    width: 100%;
  }

  .form-control {
    width: 100%;
  }
}

/** teeny tiny screens */
@media ( max-width: 450px ) {
  #nav-links-wrapper {
	padding-left: 273px !important;
  }
}

/** Search input with icon */

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
  

  .ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
  }


.coupon-list-wrapper {
	position: fixed;
    z-index: 99999;
    top: 0;
    width: 100%;
	line-height: 14px;
}

.top-notification-wrapper {
    position: relative; /* Changed to relative to allow stacking */
    width: 100%; /* Ensures notifications take full width */
    padding: 16px; /* Add padding for the notification */
    text-align: center; /* Center the content */
    border-bottom: 1px solid black; /* Optional: add a border */
    margin-bottom: 10px; /* Space between notifications */
}


.category-featured-photo {
	max-width: 300px;
}



@font-face {
  font-family: Slab;
  src: url('Slab.otf');
}

body {
  font-family: Slab !important;
}

body {
    font-family: 'Slab', serif !important;
}
.category-single a { 
	font-size: 18px;
	font-family: 'Slab', serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Slab', serif !important;
}


#nav-links-wrapper {
	padding-right: 18px;
    margin-top: 2px;
    overflow-x: scroll;
    padding-top: 3px;
    font-size: 0.85em;
    height: 40px;
}

/* Style the scrollbar for WebKit browsers (Chrome, Safari) */
#nav-links-wrapper::-webkit-scrollbar {
    height: 6px; /* Set the height of the scrollbar */
}

#nav-links-wrapper::-webkit-scrollbar-thumb {
    background-color: #888; /* Set scrollbar thumb color */
    border-radius: 10px;     /* Rounded scrollbar thumb */
}

#nav-links-wrapper::-webkit-scrollbar-track {
    background-color: transparent; /* Hide track when no thumb is present */
}



.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-top-50p {
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 1030;
}



        .dashboard-card-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
            gap: 1rem;
        }
        .dashboard-card-grid .card {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }



:root {
    --link-color: #ecf0f1;
    --link-active-color: #f1c40f;
}

.menu ul {
    list-style: none;
    padding-left: 0;
}

.menu ul li {
    display: inline-block;
    text-align: left;
    position: relative;
    margin-left: 18px;
}

.menu a {
    display: inline-block;
    padding: 0;
    transition: color 0.2s;
    color: var(--link-color);
    font-size: 13px;
    line-height: 2;
    text-decoration: none;
}

.menu ul ul li a {
    color: var(--link-color);
}

.menu ul ul li a:focus,
.menu ul ul li a:active {
    color: var(--link-active-color);
}

.menu a:hover,
.menu a:focus,
.menu a:active,
.menu a:focus:hover,
.menu a:active:hover {
    color: var(--link-active-color);
}

.menu ul ul {
    display: none;
    position: absolute;
    background: #2d3436;
    padding: 8px 14px 8px 4px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.menu ul ul li {
    display: list-item;
    position: relative;
}

.expand-btn {
    display: inline-block;
    background: none;
    border: none;
    color: var(--link-color);
    font-size: 18px;
    cursor: pointer;
}










    .dropdown-menu {
      display: none;
      position: fixed;
    }

 .active-page {
    background-color: #8DD0E2;
    color: white !important;
}


input.largerCheckbox
{
	width: 30px;
	height: 30px;
}

#back-to-top {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #8DD0E2; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#back-to-top:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}


th, td { 
  font-size: 9pt;
}

		
a:visited {
/*  color: #4870aa;*/
  text-decoration: none;
}
		
a:hover	{
  color: #4870aa;
  text-decoration: none;
}
		
a:active {
  color: #FFB340;
  text-decoration: line-through;
}

a:link.white {
  color: #ffffff;
  text-decoration: none;
}
		
a:visited.white {
  color: #ffffff;
  text-decoration: none;
}
		
a:hover.white	{
  color: #ffffff;
  text-decoration: underline;
}
		
a:active.white {
  color: #ffffff;
  text-decoration: line-through;
}

a:link.red {
  color: #ff0000;
  text-decoration: none;
}
		
a:visited.red {
  color: #ff0000;
  text-decoration: none;
}
		
a:hover.red	{
  color: #ff0000;
  text-decoration: underline;
}
		
a:active.red {
  color: #ff0000;
  text-decoration: line-through;
}

table.data { 
  border: 1px solid #dddddd;
  width: 90%;
}

thead tr th { 
  background: #020202;
  color: #efefef;
  padding: 4px 8px 4px 8px;
  text-align:left;
  font-weight:bold;
  font-size:18;
}

table.data-fields tr th { 
  width: 40%;
}

tbody tr { 
  border: 1px solid #c2b9a5;
}
                
tbody th { 
  padding: 2px;
  border: 1px solid #c2b9a5;
  text-align:right;
  background: #efefef;
  color: #000066;
  font-size: 8pt;
}

tr.search_columns { 
  text-align: center;
  background: #4870aa;
  font-size: 11px;
  font-weight:bold;
  color:white;
}

.buttons { 
  text-align: center;
  border: 1px solid black;
  background: #4870aa;
  font-weight:bold;
}

.even { 
  background: #ffffff;
}

.odd { 
  background: #ffffdd;
}

tr.odd:hover { 
  background: #ffffff;
}

.error { 
  text-decoration: blink;
  color: #ff0000;
}

ul.list { 
  margin: 0px;
  padding: 0px;
}

.list li { 
  margin: 0px;
  padding: 0px;
  margin-left: 20px;
  color: #4870aa;
}

.red { 
  color: #990000;
}

#order-history-list { 
  width: 100%;
  border: 1px solid #9A9B9B;
  margin: 0px;
  margin-bottom: 30px;
}

#order-history-list th { 
  font-weight: normal;
}

.order-history-date { 
  width: 75%;
}

.order-history-item { 
  width: 100%;
  border-top: 1px solid #9A9B9B;
}

.order-history-item-photo { 
  padding: 10px 65px;
}

.order-history-item-desc { 
  padding-top: 15px;
  vertical-align: top;
}

.order-history-item-total { 
  padding-top: 15px;
  vertical-align: top;
}

.gallery-widget .preview img {
    height: 150px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    cursor: pointer;
}

.lightbox-target {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
    display: none; /* Initially hide the lightbox */
	margin-top: 132px;
}

.lightbox-target img { 
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    transition: .5s ease-in-out;
    box-sizing: border-box;
}

a.lightbox-close {
    display: block;
    width: 50px;
    height: 50px;
    background: white;
    color: black;
    text-decoration: none;
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
    border-radius: 50%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
    transition: .5s ease-in-out;
    z-index: 1001;
    cursor: pointer;
}

.lightbox-target.visible {
    display: block;
    opacity: 1;
    top: 0;
    z-index: 2;
}





/* Admin Photo Upload */
    .image-upload {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
        text-align: center;
        position: relative;
    }

    .image-upload .image-container {
        position: relative;
        width: 150px;
        height: 150px;
    }

    .image-upload img {
        display: block;
        margin-bottom: 5px;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .delete-button {
        position: absolute;
        top: 0;
        right: 0;
        background-color: red;
        color: white;
        border: none;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        cursor: pointer;
        display: none;
    }

    .image-input {
        display: inline-block;
        margin-bottom: 10px;
    }
/* Multi photo image gallery */

.gallery-widget {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.gallery-widget .preview {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.highlighted-thumbnail {
	border: 2px solid rgb(43, 41, 41);
}

.gallery-widget .preview img {
    width: 100%;
    height: auto;
    display: block;
}

.gallery-widget .gallery-thumbnails {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.gallery-widget .gallery-thumbnails img {
    width: 80px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    transition: opacity 0.3s;
}

.gallery-widget .gallery-thumbnails img:hover {
    opacity: 0.8;
}





.add2cart-notification {
	margin-top: 20px;
	position: fixed;
    top: 140px;
    right: 20px;
}

/**  Notification **/
        .notification-container {
            position: relative;
            display: inline-block;
        }

        .notification-container .notification-badge {
			    position: absolute;
    top: 0px;
    right: -12px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
        }

		

        .notification-container .notification-icon {
            font-size: 24px;
            color: #000; /* You can change the color of the icon here */
        }

/**************** General Classes *****************/

.qty-increase {
    border: none;
}
.qty-decrease {
    border: none;
}

.add-to-cart-btn {
    border: none !important;
}


.modal-dialog {
	margin-top: 80px;
}

/* Login */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-content {
    background-color: #fff;
    padding: 40px;
    border-radius: 5px;
    position: relative;
}
.close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

/* General*/

.clickable {
	cursor: pointer;
}



body {
	margin: 0px;
	font-size: 11px; /* Font Size */
	color: #666666; /* Global Gray */
	background-repeat: repeat-x;
	touch-action: manipulation;
}

#page_render {
	font-size: 18px;
}

.quantity {
	width: 60px !important;
}

.button {
	background-color: #0d1011;
    padding: 8px;
	font-size: 17px;
	color: white !important;
    border: none;
    border-radius: 4px;
	cursor: pointer;
}

.button-right {
	background-color: #111314;
    padding: 6px;
	font-size: 14px;
	color: white !important;
    border-radius: 4px;
	cursor: pointer;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}

.btn-primary {
	background-color: #121515;
}


.search {
	margin-left: 18px;
	height: 20px;
}

.input {
	border-radius: 0;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	height: 30px;
}

.pagination {
    padding: 6px;
    color: white !important;
    border-radius: 25px;
	margin-top: 14px;
	margin-bottom: 14px;
	display: inline-block !important;
}

.itemname {
	color: black;

}

.stocklevel {
	color: black;
	font-weight: bold;
	font-size: 13px;
	margin: 10px 0;
}

.value {
	font-size: 14px;
}



#homePage {

}

#subPage {

}

#globalContainer {
	background-color: #FFFFFF; /* Global White */
	background-repeat: repeat-y
}

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #1b1d20; /* Accent 1 */
}

h2 {
	/* font-size: 18px; */
	font-weight: bold;
	color: #222222; /* Text Medium */
	margin: 0px 0px 5px 0px;			
}

h3 {
	/* font-size: 12px; */
	color: #212121; /* Link */
	font-weight: bold;	
	margin: 0px 0px 5px 0px;			
}

a {
 color: #191a1a; /* Link */
 font-weight: bold;
}

p {
	margin: 0px 0px 20px 0px;
	font-size: 12px;
	padding: 8px;
}

p.noSpace {
	margin: 0px;
}

#homePage h1, #homePage h2, #homePage h3 {
  clear: none;
}

#footer {
  text-align: center;
	padding: 5px 13px 5px 13px;
	color: #666666; /* Global Gray */
}
#footer a {
  text-decoration: none;
}

#borderTop {
	height: 48px
}

#borderBottom {
	height: 9px
}

/**************** Header Classes *****************/

#homePage #header {
	background-repeat:no-repeat;
	height: 107px
}


#subPage #header {
	background-repeat:no-repeat;
}

#homePage #header h1 {
	color: #FFFFFF; /* Accent 7 */
	font-style:italic;
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
	padding: 90px 30px 0px 30px;
	margin: 0px;
}

#homePage #header p {
	padding: 8px 425px 0px 30px;
	color: #F1F0EE; /* Global Gray Light */
}

#subPage #header h1{
	color: #FFFFBF; /* Accent 7 */
	font-weight: bold;
	font-size: 18px;	
	padding: 30px 0px 0px 236px;
	text-transform:lowercase;
	line-height: 18px;
	margin: 0px;
}

/**************** Top Nav Classes *****************/
#topNav {
	padding-left:28px; padding-right:28px; padding-top:10px; padding-bottom:10px
}

#innerContainer {
	background-repeat:repeat-y;
	margin: 15px 8px 15px 8px;
}

#innerContainer #innerLeft {
	float: left;
}
#homePage #innerContainer #innerLeft {
	width: 190px;
}
#subPage #innerContainer #innerLeft {
	width: 160px;
}

#homePage #innerContainer #innerRight {
	margin-left: 190px;
}
#subPage #innerContainer #innerRight {
	margin-left: 170px;
}

/**************** Resources Classes *****************/
#resources {
	padding: 20px 5px 10px 10px;
}

#resources form {
	margin: 0px;
	padding: 0px;
}

#resources p {
	margin: 0px 0px 10px 0px;	 
}

#sideNav {
	padding: 0px 0px 10px 5px;
}

#homePage #sideNav a {
  text-decoration: none;		
}

#homePage #sideNav a {
	display: block;
}

#homePage #featured {
	padding: 0px 50px 10px 15px;
}

#homePage #featured .featuredLeft {
	width: 265px;
	float: left;
	padding-right: 15px;
}

#homePage #featured .featuredRight {
	margin-left: 280px;
	padding-left: 15px;
}

#homePage #featured a {
	font-weight: bold;
}

#homePage #featured h1 {
	margin-top: 0px;
}

#homePage #featured ul {
	padding: 0px 15px 0px 15px;
	margin: 0px;
}

#homePage #featured h3 {
	margin: 0px;
	font-size: 11px;
	text-decoration:underline;
}

#homePage #featured li {
	padding-bottom: 10px;
}



/*
*, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	*/
/* start global styles */
h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	}
h2 {
	/* font-size: 15px; */
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}	
h3 {
	/* font-size: 14px; */
	font-weight: bold;
	margin: 20px 0px 6px 0px;
	padding: 0px;
	}	
h3.first {
	margin: 0px;
}	


.button-right {
	padding: 4px !important;
	font-size: 14px !important;

}


h3.backToTop{
	display: block;
	margin: 26px 25px;
}

.product-dimensions {
	font-size: 15px;
}


p {
	font-size: 13px;
	margin: 0px;
	}
p.intro {
	margin-bottom: 20px;
}

.bold{
	font-weight: bold;
}
	
.textFloat {
	padding-left: 10px;
	margin-left: 204px;
}

.textFloat h2{
	margin-top: 0px;
}
	
ul {
	list-style-type: square; 
	font-size: 14px;
	margin: 10px 0px;
	padding-left: 14px;
}
ul.bold {
	font-weight: bold;
}
ul.noBullet {
	list-style-type: none; 
	font-weight: bold;
	padding-left: 0px;
}


ul.bold li {
	margin-top: 4px; 
}
ul.noBullet li{
	margin-top: 4px; 
}

a.callToAction {
	font-weight: bold;
}

/*  start box styles */

table.threeColumn{
	table-layout: fixed;
	width: 100%;
}

/* Product Categories */
.categories-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.category-single { 
    margin: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* Adjust base size for mobile */
    width: calc(50% - 30px); /* 50% minus margins to ensure 2 per row on smallest screens */
    max-width: 180px; /* Keep the max width from the original */
    box-sizing: border-box; /* Include padding and border in the element's dimensions */
}

.category-single h3 {
    /* font-size: 1.27rem; */
}

.category-single img {
    height: 180px; /* Reduced fixed height */
    width: 160px; /* Reduced width to fit container with padding */
    margin-bottom: 14px;
    object-fit: contain;
    display: block; /* Ensure block display */
}

/* Media Queries for different screen sizes */
@media screen and (min-width: 576px) {
    .category-single {
        width: calc(33.33% - 30px); /* 3 per row on small tablets */
    }
}

@media screen and (min-width: 768px) {
    .category-single {
        width: calc(25% - 30px); /* 4 per row on tablets */
    }
}

@media screen and (min-width: 992px) {
    .category-single {
        width: 180px; /* Original fixed width on desktops */
        margin: 22px 25px; /* Original margins on desktops */
    }
}

table.threeColumn td{
	width: 33%;
	padding-top: 25px;
	vertical-align: top;
}

table.twoColumn{
	table-layout: fixed;
	width: 100%;
}
table.twoColumn td{
	width: 50%;
	padding-bottom: 25px;
	vertical-align: top;
}
	
div.buyButton{
	margin-top: 10px;
	font-size: 11px;
}
div.bannerNav {
	font-size: 11px;
	font-weight: bold;
	height: 25px;
}
div.bannerNav div{
	padding: 6px 10px 0px 10px;
}
div.bannerNav .pagination{
	padding: 0px 27px 0px 27px;
}
div.bannerNav .left{
	float: left;
}
div.bannerNav .middle{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div.bannerNav .right{
	float: right;
	width: 100px;
	text-align: right;
}

div.bannerNav .rightPaginated{
	float: right;
	width: 378px;
	text-align: right;
}
div.calendarNav {

}
div.dayPlannerEntry{
	padding: 6px 10px 0px 10px;
}
div.dayPlannerEntry h3{
	margin: 6px 0px 0px 0px;
}
div.dayPlannerEntry p{
	margin: 0px 0px 16px 0px;
}
	


div.boxColumnLeft{
	width: 50%;
	float: left;
}

div.boxColumnRight{
	width: 50%;
	float: left;
}
	
div.boxTop {
	padding: 6px;
	font-size: 11px;
	font-weight: bold
}


div.linkBox {

}
div.linkBox ul{
	padding: 0px 0px 10px 22px;
}

div.contentHeaderContainer {
  overflow: hidden;
  height: 1%;
}
div.contentBodyContainer {

}
div.hr {
	height: 1px;
	margin: 10px 0px 14px 0px;
	line-height: 1px;
}

div.hrLeft {
  margin-right: 10px;
}

div.imgBox {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 0px;
}

div.imgBox img {
  padding: 1px;
}

div.imgBoxLeft {
	
	margin: 0px 0px 10px 0px;
	float: left;
	font-size: 0px; 
}
div.imgBoxLeft img {
  padding: 1px;
  }
div.imgBoxLeft p {
	text-align: center;
	margin-top: 2px;
	font-size: 0px; 
}

div.imgBoxColumn {
  text-align: center;
  float: left;
  width: 33%;
}

div.imgBoxTwoColumn {
	width: 49%;
	float: left;
	text-align: left;
}

div.imgBoxTwoColumn h2 {
  margin-top: 5px;
}
  
div.imgBoxTwoColumn img {
	padding: 1px;
}

div.imgBoxColumn img {
	padding: 1px;
}

div.imgBoxColumn p {
	text-align: center;
	margin-top: 2px;
}


div.imgBoxLrgRight {
	float: left;
	margin-left: 20px;
	font-size: 0px; 
}
div.imgBoxLrgRight img {
  padding: 1px;
}
div.imgBoxSmlRightTop {
	float: left;
	margin-left: 5px;
	font-size: 0px; 
}
div.imgBoxSmlRightTop img {
  padding: 1px;
}
div.imgBoxSmlRightBot {
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	font-size: 0px; 
}
div.imgBoxSmlRightBot img {
  padding: 1px;
}


p.price {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

table.calendar {
	width: 99%;
	border-collapse: collapse;
}
table.calendar th{
	font-size: 11px;
	font-weight: normal;
	border-top: none;
	padding: 2px;
	width: 14%;
}
table.calendar tr.day td{
	font-size: 10px;
	text-align: right;
	padding-right: 5px;
}
table.calendar tr.box td{
	font-size: 10px;
	height: 71px;
}
table.labelBox{
	margin: 10px 0px;
	border-collapse: collapse;
}

table.labelBox td, table.labelBox th{
	padding: 9px 25px;
	text-align: center;
	font-size: 11px; 
	font-weight: normal;
}
table.labelBox tr td{

}

td.homeFeatureText{
	padding: 0px 6px 0px 6px;
}
td.homeFeatureText h2{
	margin-top: 0px;
	padding-top: 0px;
}


.homeBodyContainer p{

}

.homeBodyContainer{
	position: absolute;
}

.headerBackgroundImage{
	position: absolute; 
	z-index: 1; 
}

.homeHeaderText{
	position: absolute; 
	z-index: 2; 
}

.homeHeaderText p{
	line-height: 22px;
}

.homeBodyContainer a{
	font-weight: bold;
	text-decoration: underline;
}

.homeFeatureContainer{
	position: absolute; 
	padding-top: 25px;
}

.homeFeatureTable{
	margin-left: 15px; 
	width: 570px;
}


/*  Version 1 styles */
.BodyCell {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.BodyCell_paddingRightLeft {
	padding-right: 15px;
	padding-left: 15px;
}

.BodyCell_noPadding {

}

.BuyNow {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.BuyNowText {
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

.CalendarLayout {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.CallToAction_paddingBottom20px {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;	
	padding-bottom: 20px;
	text-align: left;
}

.CallToAction_paddingBottom15px {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;	
	padding-bottom: 15px;
	text-align: left;
}

.CallToAction_paddingTop5px {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;	
	text-align: left;
	padding-top: 5px;
}

.FeatureItemNameCell {
	padding-top: 15px;
}

.FeatureItemNameTable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.FeatureItemNameText {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;	
	white-space: nowrap;
	text-align: left;
	padding-left: 5px;
}

.FeaturedItemBody {
	font-size: 11px;
	line-height: 16px;
	padding-top:10px;
}

.FeaturedItemBody_paddingTop15px {
	font-size: 11px;
	line-height: 16px;
	padding-top:15px;
}

.FeaturedItemBodyCell {
	padding-left: 10px;
}

.FeaturedItemBodyText {
	font-size: 11px;
	line-height: 16px;
	padding-top: 5px;
}

.FeaturedItemBodyTextBold {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	padding-top: 5px;
}

.FeaturedItemDetail {
	padding-top: 10px;
	padding-bottom: 10px;	
}

.FeaturedItemDetail_paddingTop10px {
	padding-top: 10px;
}

.FeaturedItemDetailBullet {
	width: 18px;
	height: 18px;
	background-image: url('/images/arrow.gif');
}

.FeaturedItemDetailCell {
	font-size: 12px;
	line-height: 18px;	
	font-weight: bold;
	padding-left: 5px;
	white-space: nowrap;	
}

.FeaturedItemDetailCell_noLineHeight {
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	white-space: nowrap;	
}

.FeaturedItemDetailCell_fontSize11px_lineHeight16px {
	font-size: 11px;
	line-height: 16px;	
	font-weight: bold;
	padding-left: 5px;
	white-space: nowrap;	
}

.FeaturedItemDetailTable {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.FeaturedItemImage {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.FeaturedItemNameBullet {
	width: 18px;
	height: 18px;
	background-image: url('images/arrow.gif');
}

.FeaturedItemNameCell {
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	white-space: nowrap;	
}

.FeaturedItemNameTable {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.FeedbackCell {
	font-size: 11px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.GalleryCell_paddingBottom15px {
	padding-bottom: 15px;
}

.GalleryCell_paddingLeft10px_paddingBottom10px {
	padding-left: 10px;
	padding-bottom: 10px;	
}

.GalleryCell_paddingRight10px_paddingTop10px {
	padding-right: 10px;
	padding-top: 10px;	
}

.GalleryCell_paddingRight10px_paddingTop10px_paddingBottom10px {
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.GalleryCell_paddingRight10px_paddingTop20px {
	padding-right: 10px;
	padding-top: 20px;	
}

.GalleryImage {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.GalleryLastCell {
	padding-top: 10px;
}

.GalleryLastCell_paddingTop10px_paddingBottom10px {
	padding-top: 10px;
	padding-bottom: 10px;	
}

.GalleryLastCell_paddingTop20px {
	padding-top: 20px;
}

.GalleryLink {
	font-size: 9px;
	line-height: 14px;
	padding: 5px;
	font-weight: bold;
}

.Layout {
    font-size: 11px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.LeftBodyCell {
	padding-right: 15px;
	padding-top: 15px;
}

.LeftBodyCell_padding15px {
	padding: 15px;
}

.LeftCell {
    padding-right: 5px;
}

.LinkCell {	
	text-align: center;
	padding: 5px;
}

.LinkLastCell {
	text-align: center;
	padding: 5px;	
}

.LinkTable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.LinkText {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.PageSubTitle {
    font-size: 11px;
    letter-spacing: 2px;
}

.PageTitle {
	font-size: 18px;
	line-height: 27px;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.PromotionBodyCell {
	padding: 10px;
}

.PromotionCell {
	font-size: 10px;
	padding-left: 15px;
    padding-right: 10px;
	padding-top: 20px;
}

.PromotionCell_padding15px {
  padding: 15px;
}

.PromotionHeadline {
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	white-space: nowrap;
	padding-top: 15px;
	text-align: left;
}

.PromotionHeadline_fontSize14px_noPadding {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
}

.PromotionImage {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.PromotionPointsCell {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.PromotionPointsCell_paddingTop10px_paddingLeft15px_paddingRight15px {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.PromotionPointsCell_paddingTop20px_paddingBottom20px_paddingLeft15px_paddingRight15px {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.PromotionPointsCell_padding15px {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.PromotionSellingPoints {
	font-size: 11px;
	line-height: 16px;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
}

.PromotionSellingPoints_fontSize12px_lineHeight18px_padding15px {
	font-size: 12px;
	line-height: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

.PromotionSellingPoints_fontSize12px_lineHeight18px_padding10px {
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
	text-align: left;
}

.PromotionText {
	font-size: 11px;
	line-height: 16px;
	text-align: left;
}

.PromotionTopCell {
	padding: 15px;
}

.RightBodyCell {
	padding-left: 15px;
	padding-top: 15px;
}

.RightBodyCell_padding15px {
	padding: 15px;
}

.ShowcaseCell {
	padding-top: 15px;
	padding-bottom: 15px;	
}

.SpecRow1 {

}

.SpecRow1LeftCell {
	font-size: 11px;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
}

.SpecRow1RightCell {
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

.SpecRow2 {

}

.SpecRow2LeftCell {
	font-size: 11px;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
}

.SpecRow2RightCell {
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
}

.SpecTable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.TopBody {
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 15px;	
}

.TopCell {
	font-size: 11px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 10px;
}

.YearCell {
	font-size: 18px;
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.calendarText {
	font-size: 9px; 
	line-height: 14px;
	font-weight: bold;
}

.calendarTextLast {
	font-size: 9px; 
	line-height: 14px;
	font-weight: bold;
}

.date {
	font-size: 9px; 
	line-height: 14px;
	font-weight: bold;
}

.dateLast {
	font-size: 9px; 
	line-height: 14px;
	font-weight: bold;
}

.dayOfWeek {
	font-size: 9px; 
	line-height: 14px;
	font-weight: bold;
}

.dayOfWeekLast {
	font-size: 9px; 
	line-height: 14px;
	font-weight: bold;
}

.footerTable {
    font-size: 11px;
}

.headerTable  {
	
}

.leftContentTable {
	
}

.leftContentTable a, .leftContentTable a:visited {
	
}

.leftContentTable a:hover {
	
}

.monthYear {
	font-size: 12px; 
	line-height: 18px;
	font-weight: bold;
}

a:link {

}

a:visited {

}

.BulletTD {
	width: 18px;
}

/* Site Name & Description Classes */


.SiteName {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.SiteNameInnerTD {
	font-size: 11px;
  padding-left: 15px;
}

.SiteDescription {
	font-size: 11px;
}


/* ------------ New Page Type Additions ------------ */

.SectionTitle {
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 2px;
}

.BorderDotted {
	border-width: 1px;
	border-style: dotted;
	padding: 2px;
}

.BulletUL {
	line-height: 1.8em;
	list-style-image: url(../bullet.gif);
}

.BulletDiv {
	background-image: url(../bullet.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
	margin-left: 25px;
}

.BulletUL2 {
	list-style-image: url(../bullet.gif);
	line-height: 1.8em;
}

.BulletDiv2 {
	background-image: url(../bullet.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
	margin-left: 25px;
}

a.LinkTextDark {
	text-decoration: none;
}

a.LinkTextDark:hover {
	text-decoration: underline;
}

.LightHR {
	height: 1px;
}

a:link.red {
  color: #ff0000;
  text-decoration: none;
}
		
a:visited.red {
  color: #ff0000;
  text-decoration: none;
}
		
a:hover.red	{
  color: #ff0000;
  text-decoration: underline;
}
		
a:active.red {
  color: #ff0000;
  text-decoration: line-through;
}