/*---------------------------------------
	Forms
---------------------------------------*/
form label {display: block; float: left; width: 110px; padding-top: 5px; }
form div {clear: left; margin-bottom: 10px;}
form small { font-size: 10px; color: #000033; }
form submit {cursor: pointer; }
form .descriptor {margin: 3px 0 0 92px; font-size: .8em; }

.ecom-page {width: 635px !important; }

#ecom-sidebar {float: right; width: 200px; }

#ecom-sidebar label {display: block; float: left; width: 100px; padding-top: 5px; font-weight: bold; color: #435B17; }
#ecom-sidebar .checkout div {margin: 0 0 5px 0; }

.canada { }
.canada form {float: right; width: 180px; margin: 0 0 5px 10px; }
a.btn-canada, input.btn-canada {display: block; width: 180px; height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/button_buycanada.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.btn-canada:hover, input.btn-canada:hover {background-position: 0px -30px}
a.btn-canada img {border: none; }



p {margin: 0 0 15px 0; line-height: 1.3em; }

/*---------------------------------------
	Products
---------------------------------------*/
.productlist ul {list-style-type: none; margin: 0; padding: 0; }
.productlist ul li {float: left; display: inline block; width: 165px; margin: 5px; padding-top: 7px; background: #F5F5F5; text-align: center;}
.productlist ul li img {border: 1px solid #FFF;}
.productlist ul li:hover {background: #FFC;}
.productlist ul li:hover img {border: 1px solid #CCC;}
.productlist ul li .img-block {width: 165px; height: 120px; min-height: 120px; margin-bottom: 5px; text-align: center; }
.productlist ul li form {margin-top: 5px; }
.productlist ul li .product-name {font-weight: bold; font-size: 1em; }
.productlist ul li p {font-size: .9em; }
.productlist ul li.last {margin-right: 0;}

.productsingle .info {float: left; width: 325px;}

.productsingle .info div {clear: left; margin: 10px 0 15px 0; }
.productsingle .info div label {float: left; width: 70px; margin: 0 5px 5px 0; font-weight: bold; padding: 0; }
.productsingle .info div label.top2 {padding-top: 2px; }
.productsingle .info div .price {color: #D4006C; font-weight: bold; margin-top: 5px; }
.price strike {color: #333333;}
.price strong {color: #CC0000 !important;}

.productsingle .images {float: right; width: 220px; padding-bottom: 21px;}

.titleimage {height: 205px; min-height: 205px; }

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


.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: #DDD; margin: 0 5px 5px 0;  }
.productsingle .images ul li:hover {border-color: #007CBC; }
.productsingle .images ul li img {height: 64px; }

/*---------------------------------------
	Shoppping Checkout
---------------------------------------*/
.checkout { border: 1px solid #AAA; border-top: none; }
.checkout td img {border: 1px solid #DDD; }
.checkout thead td, .checkout td.greenbg {background: #EEE; font-weight: bold; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA;}
.checkout td {border-top: 1px solid #CCC; }
.checkout tr.odd td {background: #FCFAFD; }
.checkout .name {font-weight: bold; }
.checkout ul {margin: 5px 0 0 20px; padding: 0; font-size: .8em; color: #666; }
.checkout tfoot { }
.checkout tfoot td {border: none; }
.checkout tfoot .topfoot td {border-top: 2px solid #CCC;}
.checkout tfoot .total td {border-top: 1px solid #CCC; font-size: 1.1em; font-weight: bold; }
.checkout tfoot .total td.totalval {padding-top: 12px; }

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

.checkout div div {padding-top: 5px; clear: none; margin: 0; }

.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; }

/*---------------------------------------
	Related Products
---------------------------------------*/
#related {margin: 15px 0 0 0; padding: 15px 0 0 0;  border-top: 1px dashed #DDD;  }
#related h4 {color: #666; margin: 0 0 5px 0; font-size: 1.1em;}
#related ul {list-style-type: none; margin: 0; padding: 0; }
#related ul li {float: left; display: inline block; width: 97px; 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 span {color: #999; }
#related ul li p {margin: 0; padding: 0; }
#related ul li p strong {color: #CC0000; }

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



/*---------------------------------------
	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 #82B543; text-decoration: none; /* no underline */ color: #82B543; background: #EEF5E0; }
div.pagination a:hover, div.pagination a:active {background: #FFF; }
div.pagination span.current {border: 1px solid #FFF; color: #FFF; background: #82B543; padding: 2px 5px 2px 5px; margin: 1px; font-weight: bold; }
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #BBB; color: #BBB; background: #EFEFEF;}


/*---------------------------------------
	Buttons
---------------------------------------*/
input.addtocart {margin-left: 75px; display: block; width: 145px; height: 40px; background-image: url(/wp-content/plugins/strangerproducts/images/button_addtocart.gif); background-repeat: no-repeat; background-position: 0px 0px;}
input.addtocart:hover {background-position: 0px -40px}

input.addtocart-sm {display: block; width: 109px; height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/button_addtocart-sm.gif); background-repeat: no-repeat; background-position: 0px 0px;}
input.addtocart-sm:hover {background-position: 0px -30px}

a.btn-checkout, input.btn-checkout {display: block; width: 105px; height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/button_checkout.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.btn-checkout:hover, input.btn-checkout:hover {background-position: 0px -30px}
a.btn-checkout img {border: none; }

input.continue-checkout {display: inline-block; width: 170px; height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/button_continue-checkout.gif); background-repeat: no-repeat; background-position: 0px 0px;}
input.continue-checkout:hover {background-position: 0px -30px}

input.submit-checkout {display: block; width: 170px; height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/button_submit-checkout.gif); background-repeat: no-repeat; background-position: 0px 0px;}
input.submit-checkout:hover {background-position: 0px -30px}

input.vieworder {display: block; width: 110px; height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/button_vieworder.gif); background-repeat: no-repeat; background-position: 0px 0px;}
input.vieworder:hover {background-position: 0px -30px}

input.checkbalance {display: block; width: 130px; height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/button_checkbalance.gif); background-repeat: no-repeat; background-position: 0px 0px;}
input.checkbalance:hover {background-position: 0px -30px}

a.continue {float: left; margin-right: 5px; display: block; width: 160px; height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/button_continue.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.continue:hover {background-position: 0px -30px}
a.continue img {border: none; }

input.update {display: block; width: 110px; height: 30px; background-image: url(/wp-content/plugins/strangerproducts/images/button_update.gif); background-repeat: no-repeat; background-position: 0px 0px;}
input.update:hover {background-position: 0px -30px}



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

form h3 {margin-top: 1.5em; color: #82B543;}

.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: 12px; } 
.sort form {margin: 0; padding: 0; }
.sort select {font-size: 11px; }

.bold {font-weight: bold;}

.itemcount {float: left; text-align: left; width: 250px; font-size: 12px; }

.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; }