#sub-container { margin-top: 10px;}

.sub-quadrant {
	width: 350px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
}
.prod-container { padding: 10px 0 10px 0; border-top: 1px solid #555555; border-bottom: 1px solid #555555; }
.prod-item { position: relative; height: 300px; width: 230px; padding-left: 10px; padding-right: 10px; }
.prod-item .prod-name { position: absolute; top: 10px; left: 10px; z-index: 2; }
.prod-item .prod-price { text-align: right; float: right; font-size: 25px; margin-top: 45px; }
.prod-item .prod-desc { clear: both; padding-top: 20px;}
.prod-item .prod-button { position: absolute; bottom: 10px; right: 30px; font-size: 16px; }
.prod-item .prod-button a { position: relative; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 6px 8px 3px 8px; background: #484848; border: 1px solid #535353; }
.prod-item .prod-button a:hover { color: #535353; background: #f0f4f5; border: 1px solid #FFFFFF;}
.prod-item .prod-price-sub { font-size: 12px;}
.prod-item .prod-price-extra { position: absolute; z-index: 1; color: #FFFFFF; padding: 3px; background: #484848; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: -5px -10px -10px -10px; height: 45px; width: 245px; text-align: right; }
.prod-item .prod-price-discount { text-decoration: line-through; }
.prod-item .extra-nice { position: absolute; right: 5px; top: 25px; font-size: 16px; z-index: 2; }

#prod-1 { float: left; display: block; height: 307px; background: #7C1212 url(/images/layout/red-gradient-307.png) repeat-x; color: #FFFFFF; }
#prod-2 { float: left; display: inline; background: #AE0000; color: #FFFFFF; }
#prod-3 { float: left; display: inline; }

#hp1 { float: left; width: 400px; padding: 15px; margin-right: 10px; background: url(/images/layout/subtle_grade.png) repeat-x; }
#hp2 { float: left; width: 300px; }
#hp3 { clear: both; }

#q1 { float: left; display: block; background: url(/images/layout/gradient-medium-grey-215.png) repeat-x; height: 125px; }
#q2 { float: right; display: inline; background: #AE0000; color: #FFFFFF; height: 125px; }
#q3 { float: left; display: block; background: #AE0000; color: #FFFFFF; height: 18px; }
#q4 { float: right; display: inline; background: #535353; color: #FFFFFF; height: 18px; border: 1px solid #484848;}
#q5 { float: left; display: block; background: #cccccc url(/images/layout/gradient-light-grey-215.png) repeat-x; min-height: 75px; width: 250px; border: 1px solid #d6d6d6;}
#q6 { float: right; display: inline; width: 450px;}

#sub-container h3, #cart h3, #prod-breakdown h3 { margin: 0; padding: 0; font-size: 18px; text-align: left; margin-bottom: -20px;}
#coupon h3 { margin-bottom: 10px; font-size: 18px; }
table.recent .odd { background: #DEDEDE; }
table.recent .even { background: #bbbbbb; }
table.recent th { color: #636363; font-size: 14px;}
table.recent td, table.recent th { border-bottom: 1px solid #686D57; padding: 6px 5px 8px 5px; }
.drilldown { margin-top: 5px; text-align: right; }
.drilldown a { color: #000000; text-decoration: none; }
.drilldown a:hover { text-decoration: underline; }

#q3 a, #q4 a { color: #FFFFFF; }

#the-print { font-size: 10px; color: #777777; }

#inv-info { font-size: 20px; }
#inv-count { font-size: 55px; }

#sub-type { background: #484848; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: -10px -10px 10px -10px; padding: 5px; color: #FFFFFF; }
#sub-icon { height: 85px; }
#sub-info { font-weight: bold; text-align: right; }

#acc-summary { position: relative; text-align: left; }
#acc-summary p { margin: 0 0 10px 0;}
#acc-summary p strong { font-size: 14px; color: #444444;}
#acc-summary a { color: #AE0000; font-size: 10px; text-decoration: none; }
#acc-summary-photo { float: right; position: relative; top: 5px; right: 5px; text-align: center;}
#acc-summary-photo p a { background: #AE0000; color: #FFFFFF; padding: 3px; margin-top: 5px; }
#acc-summary-photo p a:hover { background: #000000; color: #FFFFFF; }
#acc-summary-photo img { border: 1px solid #AE0000; }
#acc-summary-photo img:hover { border: 1px solid #FFFFFF; }

#billing-etc { float: right; top: 20px; right: 20px; }
#cart { margin-bottom: 20px; }
.cart-name { min-width: 100px; font-weight: bold; }
.cart-orig-price { text-decoration: line-through; color: #777777;}

#prod-summary { float: left;  width: 300px; background: #DEDEDE; padding: 20px; border-top: 1px solid #686D57; border-bottom: 1px solid #686D57; }
#prod-breakdown { float: right; width: 400px; }
.prod-attr { font-size: 14px; color: #444444; }
.prod-val { font-size: 14px; color: #222222; font-weight: bold; }

input.red-button, a.red-button { position: relative; padding: 1px 7px 1px 7px; background: #AE0000; color: #FFFFFF; text-decoration: none; border: 1px solid #AE0000; }
input.red-button:hover, a.red-button:hover { border: 1px solid #FFFFFF; cursor: pointer; }
a.blue-button { position: relative; height: 20px; padding: 2px 7px 2px 7px; background: #4c80b0 url(/images/layout/gradient-blue-20.png) repeat-x; color: #FFFFFF; text-decoration: none; border: 1px solid #1e5288; }
a.blue-button:hover { border: 1px solid #FFFFFF; }
input.grey-button, a.grey-button { position: relative; height: 20px; padding: 2px 7px 2px 7px; background: #6f7982 url(/images/layout/gradient-grey-20.png) repeat-x; color: #FFFFFF; text-decoration: none; border: 1px solid #3b474e; }
input.grey-button:hover, a.grey-button:hover { border: 1px solid #FFFFFF; cursor: pointer; }
input.mini-grey-button, a.mini-grey-button { position: relative; height: 16px; padding: 1px 4px 1px 4px; background: #6f7982 url(/images/layout/gradient-grey-16.png) repeat-x; color: #FFFFFF; text-decoration: none; border: 1px solid #3b474e; font-size: 10px; }
input.mini-grey-button:hover, a.mini-grey-button:hover { border: 1px solid #FFFFFF; }

a { cursor: hand; }

a.small-button { font-size: 10px; white-space: nowrap; }

a.line-button { clear: both; }

.stripe { background: #cccccc; color: #000000; border-bottom: 1px solid #565656; border-top: 1px solid #565656; padding: 6px 5px 8px 5px; }
.center { text-align: center; }