html { background: url(/imgs/page-bkgrd-checkered.gif) repeat; }

body {
	background-color: #F9F9F9;
	font-family: Verdana, Geneva, sans-serif; /* Georgia, "Times New Roman", Times, serif;*/
	background: url(/imgs/page-bkgrd-checkered.gif) repeat;
}

#header {
	background: url(/imgs/bkgrd-top.png) repeat-x;
	border-bottom: #000 solid 1px;
	min-height:41px;
	/*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.5);*/
	z-index:800;
}

.container { background: #fff; }

ul.products-container {
	padding:0px;
	list-style: none;	
	margin-left: auto;
	margin-right: auto;  
	color: #777;  	
}
ul.products-container li{
	display: inline-block;
	border: 2px solid #ECECEC;
	margin: 5px;
	background: #fff;
	text-align: center;
	font-size: 12px;
}

ul.products-container li:hover{
	display: inline-block;
	border: 2px solid #06F;
	margin: 5px;
	background: #fff;
	text-align: center;
	font-size: 12px;
}

ul.products-container li h4{
	margin: 0;
	padding: 15px 5px 5px 5px;
	text-align: center;
	border-bottom: 1px solid #FAFAFA;
}
ul.products-container li .product-box{
	border: 1px solid #EAEAEA;
	background: #F9F9F9;
	margin: 5px;
	padding: 5px;
	text-align: left;
}
ul.products-container li .product-box div{
	margin-bottom:5px;
}
ul.products-container li .product-box button{
	margin-left: 5px;
	background: #2469d9;
	border: none;
	padding: 3px 8px 3px 8px;
	color: #fff;
}
ul.products-container li .product-box button[disabled=disabled]{
	background: #FC84A8;
}

ul.products-details {
	padding:0px;
	list-style: none;	
	margin-left: auto;
	margin-right: auto;  
	color: #777;
	width:100%;	
}
ul.products-details li{
	display: inline-block;
	border: 2px solid #ECECEC;
	margin: 5px;
	background: #fff;
	text-align: center;
	font-size: 12px;
	width:100%;	
}
ul.products-details li h4{
	margin: 0;
	padding: 15px 5px 5px 5px;
	text-align: left;
	border-bottom: 1px solid #FAFAFA;
	font-size: 22px;
}
ul.products-details li .product-box{
	border: 1px solid #EAEAEA;
	background: #F9F9F9;
	margin: 5px;
	padding: 5px;
	text-align: center;
}
ul.products-details li .product-box div{
	margin-bottom:5px;
}
ul.products-details li .product-box button{
	margin-left: 5px;
	background: #2469d9;
	border: none;
	padding: 3px 8px 3px 8px;
	color: #fff;
}
ul.products-details li .product-box button[disabled=disabled]{
	background: #FC84A8;
}
#products-details-text-box {
	float:left;
	font-size:16px;
	text-align: left;
	border-bottom: 3px solid #000;
	border-top: 3px solid #000;
	padding: 5px 0 5px 0;
	margin-top: 80px;
}
#price-not-logged-in {
	color:#06C;
	border-top: 1px solid #000;
	padding-top: 5px;
}

.input-small {
	width: 40ps;
}

.cart-counter {	
	background: #2469d9 url(../images/cart-icon.png) no-repeat 10px 10px;	
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 rgba(255, 255, 255, .2);
    padding: 10px 0;
    text-align: center;
    height: 41px;
    border-radius: 2px;
    font-weight: 500;
    margin-top: 5px;
    width: 80px;
    display: inline-block;
	
}
.header-box {   
    z-index: 10;
    background-color: #2874f0;
	height:55px;
}
.cart-item {
	border-radius: 3px;
    background-color: rgba(0, 0, 0, .1);
    height: 20px;
    padding: 3px 6px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    line-height: 12px;
    margin-left: 25px;
}
.shopping-cart-counter{ 
	position: absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	max-width: 450px;
	color: #FFD5D5;
	background: #2469d9;
	border-radius: 4px;
	padding: 10px;
	font: small Verdana, Geneva, sans-serif;  
	margin-top: 10px;
	display:none;
}
.shopping-cart-counter a{
	color: #FFD5D5;
	text-decoration:none;
}
.shopping-cart-counter:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0; height: 0;
	border-bottom: 8px solid #2469d9;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.shopping-cart-counter ul.cart-products-loaded{
	margin: 0;
	padding: 0;
	list-style: none;
}
.shopping-cart-counter .close-shopping-cart-counter{
  float: right;
}
#shopping-cart-results ul.cart-products-loaded li{
	background: #2469d9;
	margin-bottom: 1px;
	padding: 6px 4px 6px 10px;
}
.shopping-cart-counter .remove-item{
	float:right;
	text-decoration:none;
}
.shopping-cart-counter .cart-products-total{
	font-weight: bold;
	text-align: right;
	padding: 5px 0px 0px 5px;
}
.shopping-cart-counter h3{
	margin: 0;
	padding: 0px 0px 5px 0px;
}

ul.view-cart {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 15px 15px 15px 25px;
  list-style: none;
}

ul.view-cart {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 15px 15px 15px 25px;
  list-style: none;
  border: 1px solid #ECECEC;
  border-radius: 4px;
}
ul.view-cart li span{
    float: right;
}
ul.view-cart li.view-cart-total{
  border-top: 1px solid #ddd;
  padding-top: 5px;
  margin-top: 5px;
  text-align: right;
}
hr{
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
input[type="number"] {
    width: 50%;
}
.product_large {
	max-height: 400px; 
	max-width: 400px;
}
.product_image {
	max-height: 200px; 
	max-width: 200px;
}

.product_thumb {
	max-height: 100px; 
	max-width: 100px;
}
#product_img_detail {
	float:left;
}

.product-text {
	color: #777;
}

a.product-text, a.product-text:visited { text-decoration:none; color:#777; outline:none; }
a.product-text:hover, a.product-text:visited:hover { text-decoration:none; color:#777; outline:none; }

a, a:visited { text-decoration:none; color:#06C; outline:none; }
a:hover, a:visited:hover { text-decoration:none; color:#f00; outline:none; }
a:active { text-decoration:none; color:#06C!important; outline:none; }

a.trash, a.trash:visited { text-decoration:none; color:#fff; outline:none; }
a.trash:hover, a.trash:visited:hover { text-decoration:none; color:#fff; outline:none; }
a.trash:active { text-decoration:none; color:#fff!important; outline:none; }

#PopupOverlay {
            display: none;
            position: fixed;
            left: 0px; right: 0px;
            top: 0px; bottom: 0px;
            background-color: #000000;
            opacity:0.92;
			z-index: 200;
}
#PopupWindow {
            display: none;
            position: fixed;
            width: 495px; height: 305px;
            top: 80px;
			left: 30%;
			margin: 0 0 0 0;
            border: solid 2px #cccccc;
            background-color: #ffffff;
			z-index: 300;
}

#PopupWindow a {
            display: block;
            position: relative;
			top: 10px;
			left: 480px;
            margin: -330px 0 0 -2px;
            width: 36px; height: 36px;
			background:url(/imgs/PopUpClose.png);
			z-index:400;
}

#PopupShipping {
            display: none;
            position: fixed;
            width: 495px; height: 305px;
            top: 80px;
			left: 30%;
			margin: 0 0 0 0;
            border: solid 2px #cccccc;
            background-color: #ffffff;
			z-index: 300;
}

#PopupShipping a {
            display: block;
            position: relative;
			top: 10px;
			left: 480px;
            margin: -330px 0 0 -2px;
            width: 36px; height: 36px;
			background:url(/imgs/PopUpClose.png);
			z-index:400;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	line-height: 100%;
	letter-spacing: 1px;
	color: #c8001e;
	font-weight: bold;
	font-style:italic;
}

.slogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	line-height: 100%;
	font-weight: bold;
	color: #c8001e;
	letter-spacing: 1px;
	font-style:italic;
}

#footer {
	bottom: 0px;
	min-height: 80px;
	margin-top:20px;
	background: #313537;
	font-family:Arial, Helvetic, sans-serif;
	font-size:9pt;
	color:#ccc!important;
	text-decoration:none;
}

.footer {
	bottom: 0;
	min-height: 80px;
	background: #313537;
	font-family:Arial, Helvetic, sans-serif;
	font-size:9pt;
	color:#fff!important;
	text-decoration:none;
}
a.footer, a.footer:visited { text-decoration:none; color:#ccc!important; font-size:10pt; }
a.footer:hover, a.footer:visited:hover { text-decoration:underline; color:#ccc!important; font-size:10pt; }
a.footer:active { text-decoration:underline; color:#ccc!important; font-size:10pt; }