@charset "utf-8";
/* CSS Document */
/*Shopping Cart*/
table.cartview {
  padding: 5px;
  display: block;
  clear: both;
  width: 900px;
  border-collapse: collapse;
  margin: 0 auto;
  border: 1px solid #CCCCCC;
}
table.cartview caption {
  padding: 5px;
  border: 1px solid #CCCCCC;
  display: block;
  background: url(/assets/html/buttonbg.jpg);
  font-size: 14px;
  font-weight: bold;
  color: #0052A5;
  text-align: left;
}
table.cartview thead {
  background: #eee;
  width: 900px;
}
table.cartview th {
	padding: 5px;
}
button.cartlines {}
table.cartview tr td {
	padding: 3px;
}
.final-checkout {
	padding: 10px;
  display: block;
  clear: both;
}
div#checkout-tools { width: 900px; }
div#checkout-tools form {}
div#checkout-tools button.positive {}
div#shopperlogin{ width: 900px; padding: 10px; }
div#shopperlogin h3{}
div#shopperlogin form{}
div#shopperlogin label{  margin-left: 10px;}
div#shopperlogin input{ margin-right: 10px; }
div#shopperlogin p{}

.errors { color: #FF0000; }
#cartcontainer {
  width: 900px;
  height: auto;
  display: block;
  min-height: 800px;
  margin: 0 auto;
  clear: both;
}
/* Customer Info Forms */
#customerinfo {}
#customerinfo h3 {}
#customerinfo fieldset { width: 100%; height: auto; padding: 10px; display: block; clear: both;}
#customerinfo label { float: left; display: inline; padding-left: 8px;}
#customerinfo div.inlineflds { width: 100%; padding: 2px; display: block; clear: both; }
#customerinfo div.inlineflds div { float: left; display: block; width: 45%; text-align: right; padding: 3px;}
#customerinfo input {}
#customerinfo select {}
/*--*/

.customer-details {
	display: block;
  clear: both;
}
.customer-details h3{
  padding: 3px;
  margin: 0 0 8px;
  background-color: #eee;
}
.billtoinfo {
	width: 47%;
  float: left;
  padding: 8px;
  border: 1px solid #ccc;
}
.shiptoinfo {
	width: 47%;
  float: right;
  padding: 8px;
  border: 1px solid #ccc;
}

/* NEW BUTTON STYLE */
/* BUTTONS */
#checkout-tools {
	padding: 10px;
	width: auto;
  margin: 0 auto;
  text-align: right;
}
a.positive, button.positive{

	display: inline;
  margin:0 7px 0 0;
  background-color:#f5f5f5;
  border-top:1px solid #CECECE;
  border-left:1px solid #CECECE;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:12px;
  line-height:120%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:3px 8px 4px 5px; /* Links */
  background-image: url(/assets/html/buttonbg.jpg);
  border-right: 1px solid #BEBEBE;
  border-bottom: 1px solid #BEBEBE;
  background-repeat: repeat-x;
  background-position: left bottom;
  
}
a.cartlines, button.cartlines{
  display: inline;
  margin:0 7px 0 0;
  border-top:1px solid #CECECE;
  border-left:1px solid #CECECE;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:12px;
  line-height:120%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:3px 3px 4px;
  border-right: 1px solid #BEBEBE;
  border-bottom: 1px solid #BEBEBE;
  background: #f5f5f5;
}
button.positive{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button.cartlines{
  width:auto;
  overflow:visible;
  padding:3px 2px 2px !important; /* IE6 */
  border: 1px solid #D3D3D3;
  margin-left: 2px;
  background-color: #eee;
  font: 10px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  text-transform: uppercase;
}
button.positive img, a.positive img, button.cartlines img, a.cartlines img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button.positive, a.positive, button.cartlines, a.cartlines{ color:#336699; 
}
a.positive:hover, button.positive:hover{
  background-color:#FFFFFF;
  background-image: none;
  border:1px solid #CCCCCC;
  color:#666666;
}
a.cartlines:hover, button.cartlines:hover{
  background-color:#fff;
  background-image: none;
  border:1px solid #CCCCCC;
  color:#666666;
}
a.positive:active, a.cartlines:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
#checkout-tools  button.positive {
	float: left;
  display: inline;
  margin-right: 5px;
}

/* product view - styles - */
.product-display {}
.product-order { float: right; display: inline; width: 45%; padding: 10px; }
.product-desc {}
.product-order  .product-price {
  display: block;
  font-weight: bold;
}
ul#products-list .positive { margin-left: 5px; }
.product-extra-desc { padding-top: 10px; }
.product-saleprice {}
.product-image { float: left; border: 1px solid #ccc; display: inline; width: 400px;}
.product-display .positive { margin-left: 5px; }
/* product list - styles - */
ul#products-list { width: 100%; height: auto; min-height: 800px; clear: both; display: block; margin: 0 auto; padding: 0; list-style: none; }
ul#products-list li {
  width: 18%;
  height: 230px;
  float: left;
  display: inline;
  margin: 1px;
  padding: 6px;
  min-height: 200px;
  text-align: center;
  sborder-right: 1px solid #CDEBF5;
  sborder-bottom: 1px solid #CDEBF5;

}
ul#products-list .product-info { display: block; }
ul#products-list .product-price {}
ul#products-list .img {
  display: block;
  width: 120px;
  height: auto;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #CDEBF5;
}
ul#products-list .noimg { display: block; width: 150px; height: auto; }
ul#products-list .positive {  }
.clearprod { width: auto; clear: both; display: block; margin: 1px; }
.prodtitle {
  font-size: 13px;
  font-weight: bold;
}
.prodmore {
  font-size: 11px;
}
/* name form styles */

form#snameform{
  background: #F9EBBF;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #81CDE5;
  width: 450px;
}
.orderfuncbox {
  background: #D8EFF5;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #81CDE5;
  width: 450px;
}
.namebox { font-size: 17px; }