/* @group My Group */
.product_preview { float: left; width: 100px; margin-right: 10px; }

.product_preview a, .product_preview a:hover, .product_preview a img { display: block; padding: 0; margin: 0 auto; background: none; }

.product_preview a img { border: 1px solid white; }

.product_preview a:hover img { border-color: black; }

.product_preview .instruction { line-height: 1; font-size: 9px; margin-top: 2px; text-align: center; }

.samples { line-height: 1; margin-top: 1em; }

.samples li { list-style-type: none !important; margin: 0 0 5px 0 !important; font-size: 10pt; }

.samples li a:hover { background: inherit; color: inherit; text-decoration: underline; }

.product { clear: left; padding-top: 15px; }

.product .item_number { font-size: 9px; float: right; }

.product h3, .product h2 { margin-top: 0 !important; padding-top: 0 !important; }

.product_preview .price { font-weight: bold; }

.product .description { margin-left: 110px; }

.noimage .description { margin-left: 0; }

.product form { margin-left: 110px; }

.noimage form { margin-left: 0; }

table.editor td, table.editor th, table.cart td, table.cart th, .product table td, .product table th { line-height: 1; padding: 2px; vertical-align: top; }

.product table td { border: 1px solid white; background: #eee; }

table.editor td.label, table.cart th, .product table th { border: 1px solid white; background: #bbb; font-size: 10px; color: white; }

.error .label { background: red !important; }

/* @end */
/* @group cart */
td.extra, th.extra { padding-left: 20px !important; }

table.cart { width: 100%; margin-bottom: 10px; }

.cart_actions { text-align: right; }

.cart .money { text-align: right; }

.cart td { border-top: 1px solid #aaa; }

.cart tr.sub td, .cart td.outside { border-top: none; }

/* @end */
/* @group customer info */
table.editor td.label { text-align: right; padding: 5px; }

table.editor td.label a:link, table.editor td.label a:visited { color: white; text-decoration: none; }

/* @end */
/* @group errors */
div.message { background: black; padding: 10px; color: white; }

div.error { background: red; padding: 10px; color: white; }

div.error h2 { margin: 0 !important; padding: 0 !important; }

div.error * { color: white !important; }

/* @end */
/* @group pagination */
.pagination { clear: left; text-align: center; }

.pagination a { text-decoration: none; line-height: 1; padding: 5px; background: #666; color: white !important; }

.pagination a.current { background: black; }

/* @end */
/* @group account */
.account a { background: #ccc; padding: 7px 10px !important; float:right;}

/*.account h4 { padding: 0 !important; margin: 0 !important; }
*/
.right { float: right; }

td.right { float: none; }

.flash { background: black; color: white; padding: 10px; }

/* @end */
/* @group sassafras */
/* @group tables */
td, th { vertical-align: top; padding: 4px; }

/* @end */
/* @group forms */
textarea, input[type="text"] { padding: 4px; margin: 0; border: 1px solid #aaa; }

label { color: #666; }

/* @end */
/* @group layout */
.column { margin: 0 2px 4px 2px; }

.container { margin: 0; }

.col1 { width: 956px; }

.col2, .col4_w2, .col6_w3 { width: 476px; }

.col3, .col6_w2 { width: 316px; }

.col3_w2, .col6_w4 { width: 656px; }

.col4 { width: 236px; }

.col4_w3 { width: 716px; }

.col5 { width: 188px; }

.col5_w2 { width: 380px; }

.col5_w3 { width: 572px; }

.col5_w4 { width: 764px; }

.col6 { width: 156px; }

.col6_w5 { width: 796px; }

img {
    max-width: 100%;
}

/* @end */
/* @end */
#content .product.full form table th { background: #666; }
#content .product.full form table td { background: white; }
#content .product.full form table td.product-quantity { width: 15%; }
#content .product.full form table td.product-options { width: 60%; }
#content .product.full form table td.product-options select { width: 100%; }
#content .product.full form table td.product-button { width: 25%; }
#content .product.full form table td.product-button input { font-size: 10px; text-transform: uppercase; padding: 1em .5em; }

@media screen and (max-width: 480px) { #content .product.full .product_preview { width: 100%; margin-bottom: 1em; }
  #content .product.full .product_preview a { float: left; }
  #content .product.full .product_preview .instruction { clear: left; text-align: left; }
  #content .product.full .description { margin-left: 0; }
  #content .product.full form { margin-left: 0; }
  #content #product_list .product .item_number { display: none; }
  #content #product_list .product .product_preview { width: 23%; margin-left: 2%; text-align: center; margin-bottom: .5em; float: right; }
  #content #product_list .product h3 { width: 75%; margin-right: 25%; }
  #content #product_list .product .description { margin-left: 0; } }