@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #270100 url(http://www.opdigital.com/projects/trumans/images/bg_site.jpg) repeat-x top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 11px 0 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
img {
	border: 0;
}
hr {
	color: #333;
	background: #333;
	height: 1px;
	overflow: hidden;
}
form {
	padding:0;
	margin: 0;
}
input, textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #666;
}
a {
	color: #900;
	text-decoration: none;
}

.ecommerce_menu {
	text-align: center !important;
}
.ecommerce_menu img{
	display: inline !important;
}
#wrapper {
	margin: 0 auto;
	width: 950px !important;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left;
	background: url(http://www.opdigital.com/projects/trumans/images/bg_solid.jpg) repeat-y #202A34;
}
.page-container {
}
.page-header {
	padding: 0;
	height: 143px;
	overflow: hidden;
	background: url(http://www.opdigital.com/projects/trumans/images/bg_menu.jpg) bottom no-repeat;
	text-align: center;
}
.page-header #header img {
	display: block;
}
.page-header object {
	margin: 0;
	padding: 0;
}

.page-column-left {
	width: 235px;
}

.module-body, .module-body td {
	padding: 2px !important;
}

.man {
	text-align: center;
}

.cart-module{
	width: 175px !important;
	overflow: hidden;
}
.cart-module mod-body-lt td{
	width: 1px;
}
.cart-module td, .page-column-left td{
	padding: 2px;
}
.cart-module th{
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
}
.cart-module strong{
	color: #999;
}
.mini td { padding: 10px 0; }
.cart-module  .mini {
	width: 100%;
}
.mini-cart-subtotal strong {
	border-bottom: none;
}
.mini-cart-subtotal td {
	border-bottom: 1px solid #333;
}

.cat-nav li{
	letter-spacing: 1px;
	font-size: 14px;
	margin: 10px auto;
}

.cat-nav ul li {
	font-size: 12px;
	margin: 2px auto;
}

.search-filters h5{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.page-html-content {
	border-bottom: 1px solid #333;
}

.page-body-content {
	padding: 0 16px 3px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(http://www.opdigital.com/projects/trumans/images/bg_gradient.jpg) top no-repeat;
	text-align: left;
}
.page-body-content h1 {
	background: url(http://www.opdigital.com/projects/trumans/images/bullet_crown_black.jpg) left no-repeat;
	padding: 5px 0 5px 30px;
	margin: 10px 0 0 0;
	font-size: 25px;
	border-bottom: 1px solid #333;
}
.category-list-item {
	background: #222;
	margin: 0 !important;
	padding: 0 !important;
	height: 35px;
}
.category-list-item h5, .category-list-item-head {
	font-size: 12px;
	line-height: 35px;
	margin: 0 !important;
	padding: 0 !important;
}

.category-list {
	border-bottom: 1px solid #333;
}



.product-pager-page, .product-pager-list {
	color: #999;
}
.product-pager-list img{
	vertical-align: middle;
}
.pager-item-current {
	color: #FFF;
}


.search-result-text {
	color: #999;
	margin-top: 10px;
}

.product-list-options {
	background: #999;
	padding: 15px;
}
.product-list-size {
	color: #999;
}
.product-list-results {
	color:#999;
}
.product-list-price {
	height: 25px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	display: inline;
	padding-top: 3px;
}
.product-list-cost-label {
	color: #222;
}
.product-list-qty {
	height: 25px;
	overflow: hidden;
	float: right;
	margin-right: 30px;
	color: #222;
	display: inline;

	margin: 0 !important;
}
.product-list-control {
	clear: both;	
	
}
.product-list-text {
	color: #222;
}
.product-list-item-container, .product-list-item-container-alt {
	border: 5px solid #666;
}
.product-list-item-container  h5, .product-list-item-container-alt h5{
	border-bottom: 1px solid #666;	
	font-size: 12px;
	padding-bottom: 10px;
}
.product-list-item-container {
	background: #FFF;
}
.product-list-item-container-alt {
	background: #FFF;
}

/* shopping cart */
.cart-header, .checkout-cart-header {
	color: #999;
}
.cart-header th, .checkout-cart-header th{
	border-bottom: solid 1px #333 !important;
	padding-bottom: 5px;
	padding-left: 8px;
}
.cart-header input, .checkout-cart-header input {
	margin-left: 4px;
}
.cart-item td, .checkout-cart-item td {
	background: #222;
	border-bottom: solid 1px #333 !important;
}
.cart-actions input{
	vertical-align: middle;
}
.cart-shipping-estimate {
	background: #222;
}
.cart-tax {
	text-align: right;
}
.cart-update {
	margin-bottom: 5px;
}
.register-small-container, .login-small-container {
	background: #222;
	width: 290px !important;
}

/*checkout */
.checkout-step-text, .checkout-step-number, .checkout-step-inactive {
	font-size: 14px;
}
.checkout-step-number {
	color:#F00;
}
.checkout-step-inactive {
	color: #999;
}
.checkout-customer-container .content-body{
	background: #222;
	padding: 0 25px 25px 25px;
}
.checkout-customer-container h3{
	margin-top: 15px;
}

.checkout-customer-container h5 {
	border-bottom: 1px solid #333;
	font-size: 14px;
	padding-bottom:  5px;
}

.form-item td {
	padding: 5px 2px !important;
}

.text-required, .text-important {
	color:#900;
}
.text-error{
	background: #900;
}

.invoice-detail-header th{
	background:#900 !important;
}
.invoice-detail-row td{
	background: #222 !important;
}
.invoice-detail-row-alt td{
	background: #333 !important;
}

.checkout-shipping-container .content-head-lt {
	width: 1px;
	margin: 0;
	padding:0;
}
.checkout-shipping th {
	border-bottom: 1px solid #333 !important;
	font-size: 14px;
	padding-bottom:  5px;
}

.page-body-columns {
	border: 1px solid #567797;
	background: #101010;
	color: #FFF;
}
.page-body-columns td {
	padding: 9px;
}
.page-footer-content {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #270100;
	color: #CCC;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.page-footer-content img {
	display: block;
}
.page-footer-content #footer_links {
	padding: 15px 0;
}
.page-footer-content a {
	color: #CCC;
	text-decoration: none;
	margin: 0 27px;
}
.page-footer-content a:hover {
	color: #F00;
}
.page-footer-content #site_credit {
	padding: 15px 0;
	line-height: 10px;
}
.pale {
	color:#999;
}
.grey {
	color:#666;
}
.red {
	color:#900;
}
.fltrt {
	float: right;
}
.fltlft {
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

