@charset "UTF-8";
body,html {
	background-color: #c0d9d9;	
	margin: 0;
	height: 100%;
}
	body{ background:#C0DAD9; margin:0px; } /* I don't like body margins */
	
	#divOuter{min-width:320px;}
		
		#divTop{position:relative; height:65px; max-height:65px; min-height:65px; background:transparent url(images/bgTopLeft.gif) 0px 0px no-repeat;} /* This is for the top decoration only */
			#cornerTopRight{position:relative; float:right; display:inline-block; width:71px; height:65px; background:transparent url(images/bgTopRight.gif) 0px 0px no-repeat; } /* Questionable xhtml - a placeholder for the */
		
		#divLeft{position:relative; background:transparent url(images/bgLeft.gif) 0px 100% repeat-y; min-height:65px;} /* Holds the left and bottom borders, size is therfore controlled by the contents */
	
		#divRight{position:relative; background:transparent url(images/bgRight.gif) 100% 100% repeat-y; min-height:65px; padding-bottom:65px;} /* Holds the page contents, therefore defines size of left, bottom and right borders. */

		#divBottom{position:relative; height:65px; max-height:65px; min-height:65px; background:transparent url(images/bgBottomLeft.gif) 0px 0px no-repeat;} /* This is for the top decoration only */
			#cornerBottomRight{position:relative; float:right; display:inline-block; width:71px; height:65px; background:transparent url(images/bgBottomRight.gif) 0px 0px no-repeat; } /* Questionable xhtml - a placeholder for the */
.style4 {font-size: 24px}
h1 {
	font-weight: 100;	
}
#accountinfo {
	font-size: 10px;
	color: #000;	
	text-align: right;
	font-family:Garamond;
	padding: 10px;
}
#wrapper {
	max-width: 2000px;
	margin:0px 55px 30px 55px;} /* FF honours the top margin which breaks this bottom-oriented layout. Limit the edges so they stay off the bg. */
	background-color: #c0d9d9;
}
#header {
	width: 100%;
	background-color: #c0d9d9;
	height: 145px;
  color: #000066;
  font-family: Garamond;
  font-size: 20px;
text-align:center;
vertical-align:middle;
margin: auto;
display:block;
}
.headerimg {
margin: auto;
display:block;
width: 100%;
max-width: 495px;
}
#menuarea {
	background-color: #c0d9d9;
	height: 50px;
text-align:center;
vertical-align:middle;
}
#contentarea {
  color: #000066;
  font-family: Garamond;
  font-size: 20px;
	width: 100%;
}
#footer {
	color: #000066;
	padding: 20px;
	float: left;
  font-family: Garamond;
  font-size: 20px;
	max-width: 1050px;
	width: 100%;
}
#contentarea a{
	color: #000066;
}
#contentarea a:hover{
	color: #000066;
}
@charset 'UTF-8';
/* Starter CSS for Flyout menu-main-menu-container*/
.menu-main-menu-container ul,
.menu-main-menu-container ul li,
.menu-main-menu-container ul ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.menu-main-menu-container ul {
  position: relative;
  z-index: 597;
  float: left;
}
.menu-main-menu-container ul li {
  float: none;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}
.menu-main-menu-container ul li.hover,
.menu-main-menu-container ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
.menu-main-menu-container ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
}
.menu-main-menu-container ul ul li {
  float: none;
}
.menu-main-menu-container ul ul ul {
  top: 1px;
  left: 99%;
}
.menu-main-menu-container ul li:hover > ul {
  visibility: visible;
}
.menu-main-menu-container ul ul {
  top: 1px;
  left: -150px;
}
.menu-main-menu-container ul li {
  float: left;
}
.menu-main-menu-container ul {
  font-weight: bold;
}
.menu-main-menu-container ul ul {
  margin-top: 1px;
}
.menu-main-menu-container ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
.menu-main-menu-container{
  background-color: #c0d9d9;
 	padding: 0;
 	border: 0;
margin: 0px auto;
display:block;
max-width: 1220px;
}
.menu-main-menu-container:after {
  content: '';
  display: block;
  clear: both;
}
.menu-main-menu-container a {
  background-color: #c0d9d9;
  color: #0000FF;
  display: block;
  font-family: Garamond;
  font-size: 20px;
  font-weight: normal;
  line-height: 180%;
  padding: 4px 4px;
  text-decoration: none;
  max-width: 150px;
  height: 45px;
}
.menu-main-menu-container ul {
  list-style: none;
}
.menu-main-menu-container> ul {
  float: left;
}
.menu-main-menu-container> ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.menu-main-menu-container> ul > li.active a {
  background-color: #c0d9d9;
}
.menu-main-menu-container> ul > li:hover > a {
  background-color: #c0d9d9;
  color: #0000FF;
}
.menu-main-menu-container  {
  z-index: 1;
}
.menu-main-menu-container ul a {
  font-size: 14px;
}
.menu-main-menu-container ul li {
  *margin-bottom: -1px;
}
.menu-main-menu-container ul li a {
  border-bottom: 1px dotted #dadada;
  filter: none;
  font-size: 20px;
  display: block;
  padding: 5px;
  color: #0000FF;
}
.menu-main-menu-container ul li ul { 
	margin-top: -1px;
    position:absolute;
    top:65px;
    left:0px;
}
.menu-main-menu-container ul li ul li:hover a { 
  background: #0c82b5;
}
/* Custome Woocommerce Styles */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .page-title, h2, h3, ul.products {
	text-align:center;
}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating .images img {
	float:none!important;
	display:block!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
.woocommerce ul.products li.product a img {
	float:none!important;
	display:block!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
/*.woocommerce ul.products li.product a img {
height: 200px!important;
}*/
ul.products {
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center;
  list-style:none;
  position:relative;
  display: table;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000066!important;
    float: right;
    font-size: 24px!important;
  font-weight: bold;
}
.woocommerce div.product form.cart {
    margin-bottom: 2em;
    float: right;
    clear: both;
}
.woocommerce #respond input.alt#submit:hover, .woocommerce a.alt.button:hover, .woocommerce button.alt.button:hover, .woocommerce input.alt.button:hover {
    background-color: #ff0000!important;
    color: #000000!important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #ff0000!important;
    color: #000000!important;
    margin-top: 30px!important;
}
/*media all*/
.woocommerce #respond input.alt#submit, .woocommerce a.alt.button, .woocommerce button.alt.button, .woocommerce input.alt.button {
    background-color: #ff0000!important;
    color: #000000!important;
    -webkit-font-smoothing: antialiased;
}
.woocommerce li.product {
	width: auto!important;
}
.description_tab a{
	color: #c0d9d9!important;	
}
.additional_information_tab a{
	color: #c0d9d9!important;	
}
.reviews_tab a{
	color: #c0d9d9!important;	
}
.woocommerce a.button{
	color: #c0d9d9!important;	
}
#payment {
	color: #333;	
}
.country_to_state {
	color: #333!important;	
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images
{
     	margin: 100px auto auto !important;

}
/*.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
	width: auto!important;	
}*/
.subcategory-products, .products, .product-category-level-2 {
	border: 1px solid black;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	min-height: 355px!important;
	width: 150px!important;
	margin: 5px 5px 5px!important;
	border: 1px solid black;
}
/*media all*/
.woocommerce div.product {
     	width: 100%!important;
    margin: 0px auto;
}
.woocommerce div.product .images, 
.woocommerce-page div.product .images {
     	float: none!important;
     	margin: 0 auto!important;
	border: 5px solid black;
}

.woocommerce div.product .summary, 
.woocommerce-page div.product .summary {
     	margin: 0 auto!important;
	float: none!important;
	width: 100%;
    font-size: 24px!important;
}
.woocommerce .product_meta {
display: none;
}
@media only screen and (max-width: 1240px) {
#gallery-1 .gallery-item {
		width: 100%!important;
}
.menu-main-menu-container ul ul {
  top: 1px;
  left: 0px;
  clear:both;
}
}
@media only screen and (max-width: 480px) {
#gallery-1 .gallery-item {
		width: 100%!important;
}
.menu-main-menu-container ul ul {
  top: 1px;
  left: 0px;
  clear:both;
}
		#divTop{position:relative; height:0px; max-height:0px; min-height:0px; background:transparent;} /* This is for the top decoration only */
			#cornerTopRight{position:relative; float:right; display:inline-block; width:0px; height:0px; background:transparent; } /* Questionable xhtml - a placeholder for the */
		
		#divLeft{position:relative; background:transparent; min-height:65px;} /* Holds the left and bottom borders, size is therfore controlled by the contents */
	
		#divRight{position:relative; background:transparent; min-height:65px; padding-bottom:65px;} /* Holds the page contents, therefore defines size of left, bottom and right borders. */
		#divBottom{position:relative; height:0px; max-height:0px; min-height:0px; background:transparent;} /* This is for the top decoration only */
			#cornerBottomRight{position:relative; float:right; display:inline-block; width:0px; height:0px; background:transparent; } /* Questionable xhtml - a placeholder for the */
#wrapper {
	margin:0px 0px 0px 0px;} /* FF honours the top margin which breaks this bottom-oriented layout. Limit the edges so they stay off the bg. */
}
#contentarea {
padding: 10px;
}		


.title
{
  width: 50%;
  color: #000066;
  font-family: Garamond;
  font-size: 20px;
  float: left;
  margin-top: 2px;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
span.cat-text-content {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 150px;
left: 0;
position: absolute;
top: 0;
width: 150px;
opacity: 0;
}
 
span.cat-text-content span {
display: table-cell;
text-align: center;
vertical-align: middle;
} 

ul.products li:hover span.cat-text-content {
opacity: 1;
} 
.related.products { display: none; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  position: absolute;
  bottom: 0;
  height: 100px;
  width: 100%;
}
.woocommerce-loop-category__title mark.count {
    background-color: transparent;
		color: #000066;

}