/*---------------------------------------
	Colors to Customize
---------------------------------------*/
.productlist h2 em {color: #0099FF; font-style: normal; }
.itemcount span {color: #0099FF; }

.price strong, .red {color: #CC0000 !important;} /* Red color for price, required fields asterisk */

/*---------------------------------------
	Forms
---------------------------------------*/
form.products-form div {clear: left; margin-bottom: 1.75em;  }
form.products-form label {float: left; margin: 1px 10px 10px 0; width: 170px; font-weight: bold; text-align: right; font-size: 11px !important; }
form.products-form .input, form.products-form textarea, .input {padding: 3px; border: 1px solid #AAA; margin: 0 3px 0 0; }
form.products-form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form.products-form select {margin: 2px 0 0 0 ;}
form.products-form .lite {color: #666; }
form.products-form submit {cursor: pointer; }

form.products-form .descriptor {margin: 3px 0 0 92px; font-size: .8em; }
form.products-form .right label {width: 80px; }

/*---------------------------------------
	Products
---------------------------------------*/
.productlist ul {list-style-type: none; margin: 0; padding: 0;  }
.productlist ul li {float: left; display: inline block; width: 190px; margin: 10px 15px 10px 15px; text-align: center;}
.productlist ul li .img-block {width: 190px; height: 120px; min-height: 120px; margin-bottom: 5px; text-align: center; }
.productlist ul li .product-name {font-weight: bold; }
.productlist ul li p {font-size: .9em; }

.productsingle .info {float: left; width: 420px; }
.productsingle h2 {margin-bottom: 1em; }
.productsingle h2 small {color: #666; font-size: 12px; font-weight: normal;  }

.productsingle .info div {clear: left; margin: 10px 0 15px 0; }
.productsingle .info div label {margin-top: 0; margin-right: 5px; width: 130px; font-size: 12px; }
.productsingle .info div .price {margin-top: 5px; }

.productsingle .images {float: right; width: 220px; }

.titleimage {height: 215px; }
#imgcaption {text-align: center; font-size: 12px;}

.productsingle .images .md-pic {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; }
.productsingle .images ul {list-style-type: none; margin-bottom: 5px;}
.productsingle .images ul li {display: block; width: 64px; height: 64px; float: left; border-style: solid; border-width: 1px; border-color: #CCC; margin: 0 5px 5px 0;  }
.productsingle .images ul li:hover {border-color: #666; }
.productsingle .images ul li img {height: 64px; }

/*---------------------------------------
	Shoppping Checkout
---------------------------------------*/
.checkout h3 {margin-bottom: 0; }
.checkout h3 small{font-size: 11px; }

.checkout thead td {font-weight: bold; color: #444; padding: 2px 10px; }

.checkout tbody td {padding: 10px; }
.checkout tr.odd td {background: #EEE; }
.checkout .name {font-weight: bold; }
.checkout ul {margin: 5px 0 0 20px; padding: 0; font-size: .8em; color: #444; }

.checkout tfoot td {padding: 10px; color: #444; }
.checkout .topfoot td {border-top: 2px solid #CCC;}
.checkout .total td {border-top: 1px solid #CCC; font-size: 1.2em; font-weight: bold; padding-bottom: 30px;}
.checkout tfoot .entercode td {background: #EEE; }

.checkout td.rtbdr {border-right: 1px solid #CCC; }

.checkout label {width: 95px !important; font-size: 12px; margin-bottom: 10px; }
.checkout select {font-size: 11px; }

.checkout #city, .checkout #bcity {width: 70px; }
/*
.checkout #state, .checkout #bstate {width: 20px; }
*/
.checkout #zipcode, .checkout #bzipcode {width: 35px; }



.creditcards {width: 180px; height: 25px; min-height: 25px; background: url(/wp-content/plugins/strangerproducts/images/creditcards.gif) top left no-repeat; } 
.creditcards img {border: none !important; }


.ordersummary {float: right; }

/*---------------------------------------
	Related Products
---------------------------------------*/
#related {}
#related ul {list-style-type: none; margin: 0; padding: 0; }
#related ul li {float: left; display: inline block; width: 114px; padding: 5px; margin: 0 5px 10px 5px; background: #FFF; text-align: center; font-size: 11px; }
#related ul li .product-name {margin: 3px 0 3px 0; }
#related ul li p {margin: 0; padding: 0; }

#related ul li a {text-align: center;}
#related ul li a img {border: 1px solid #CCC;}
#related ul li a:hover img {border: 1px solid #666;}


/*---------------------------------------
	Category Products
---------------------------------------*/
.category {background-color: #EEE; background-image: url(/wp-content/themes/ssfixedboxed/images/bg_gradient-light.gif); background-position: bottom left; background-repeat: repeat-x; padding: 15px; margin: 0 0 1.5em 0; border: 1px solid #EEE; }
.category h2 a {text-decoration: none; text-shadow: 1px 1px 1px #FFF; }
.category ul {list-style-type: none; margin: 0; padding: 0; }
.category ul li {float: left; display: inline block; width: 120px; margin: 5px; text-align: center; font-size: 11px; }
.category ul li .product-name {margin: 3px 0 3px 0; }
.category ul li p {margin: 0; padding: 0; }

.category ul li a {text-align: center;}
.category ul li a img {border: 1px solid #CCC;}
.category ul li a:hover img {border: 1px solid #666;}

/*---------------------------------------
	Pagination
---------------------------------------*/
div.pagination {padding: 3px; margin: 1px; font-size: 10px; float: right; }
div.pagination a {padding: 2px 5px 2px 5px; margin: 1px; border: 1px solid #777; text-decoration: none; /* no underline */ color: #777; background: #FFF; }
div.pagination a:hover, div.pagination a:active {background: #FFF; border-color: #000; color: #000; }
div.pagination span.current {border: 1px solid #777; color: #FFF; background: #777; padding: 2px 5px 2px 5px; margin: 1px; font-weight: bold; }
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAA; color: #AAA; background: #FFF;}


/*---------------------------------------
	Buttons
---------------------------------------*/
.btn {display: block; margin: 0; background-position: top left; background-repeat: no-repeat; cursor: pointer; }
.btn:hover {background-position: bottom left; }

.btn-addtocart {margin-left: 75px; width: 125px; height: 30px; min-height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/btn_addtocart.gif); }

.btn-checkout, .btn-checkout {width: 115px; height: 30px; min-height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/btn_checkout.gif); }

.btn-continue-checkout {display: inline-block; width: 200px; height: 30px; min-height: 30px;background-image: url(/wp-content/plugins/strangerproducts/images/btn_continue-checkout.gif); }

.btn-submit-checkout {width: 195px; height: 30px; min-height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/btn_submit-checkout.gif); }

.btn-submit {width: 75px; height: 30px; min-height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/btn_submit.gif); }

.btn-vieworder {width: 115px; height: 30px; min-height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/btn_view-order.gif); }

.btn-continue {float: left; margin-right: 5px; width: 185px; height: 30px; min-height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/btn_continue.gif); }

.btn-update {width: 125px; height: 30px; min-height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/btn_update.gif); }

.btn a {border: none; }
.btn img {border: none; }

/*---------------------------------------
	Misc
---------------------------------------*/

.thumbnails ul {margin: 10px 0 0 0; padding: 0;}
.thumbnails ul li {margin: 0; padding: 0;}

.sort {float: right; width: 200px; text-align: right; font-size: .9em;} 
.sort form {margin: 0; padding: 0; }
.sort select {font-size: 10px; }

.bold {font-weight: bold;}

.itemcount {float: left; text-align: left; width: 250px; margin: 5px 0 0 0; font-size: .9em; }
.itemcount span {font-weight: bold; }

.print_order {float: right; width: 150px; text-align: right; background: url(/wp-content/plugins/strangerproducts/images/printer.gif) top right no-repeat; padding-right: 20px; }
.print_order a {text-decoration: none; font-weight: bold; }

/* on sale items */
a.onsale {position: relative;}
img.onsale {position: absolute; border: none !important;}