/* Reset CSS from Yahoo! */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

table {width:100%;}

div, img, a, object, embed {
	outline:0px;
	border:0px;
}
body, html {
	padding: 0px;
	margin: 0px;
	font-family: Sans, Arial;
	font-size:14px;
}
a, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.spacer {
	clear:both;
}
#id-base-backdrop {
	position:absolute;
	top:0px;
	left:-133px;
	width:166px;
	height:155px;
	background: url(img/mj-head.gif) no-repeat;
}
#id-base-page {
	width:1000px;
	margin:0px auto;
	padding-bottom: 35px;
	position:relative;
}
#id-base-header {
	height: 138px;
	background: url(img/header-background.png) no-repeat;
	position:relative;
}
#id-base-header > img {
	padding-top:20px;
	padding-left:20px;
}
#id-base-nav-panel td {
	text-align:center;
	padding:10px;
	font-size:1.2em;
	text-transform:uppercase;
	background-color: #E3E3E3;
	border: 5px solid #EFEFEF;
}
#id-base-nav-panel a {
	color: black;
}
#id-base-nav-panel a:hover {
	border-bottom: 1px solid #E71124;
}
#id-base-nav-panel a.active {
	font-weight: bold;
	/*text-decoration:underline;*/
	border-bottom: 1px solid #E71124;
}
#id-base-nav-panel a:hover {
	text-decoration:none;
}
#id-base-footer {
	padding-top:20px;
	text-align:center;
	color: #ccc;
}
#id-base-footer a {
	color: #0016FC;
}
#id-powered {
	text-align:center;
	color: white;
	font-size:0.8em;
	padding-top:5px;
}
#id-powered a, #id-powered a:visited {
	color: white;
}
#id-base-contact {
	position:absolute;
	right:10px;
	bottom: 10px;
	color:#D23900;
	text-align:right;
	font-size:1.1em;
	line-height:25px;
}
#id-base-contact a {
	color:#D23900;
}
#id-base-contact label {
	color:#979595;
}
#id-base-contact .call {
	font-size:1.5em;
}
#id-base-checkout {
	position:absolute;
	top:0px;
	padding:10px 0px;
	left:0px;
	width:100%;
	text-align:center;
}
#id-base-checkout a {
}
#id-location {
	background: url(img/arrow.png) no-repeat center left;
	padding:10px;
	padding-left:25px;
	color: #888;
}
#id-location a {
	color: #555;
}
ul.product-list li {
	width:240px;
	height:450px;
	border:5px solid #E7E7E7;
	background-color: #E3E3E3;
	margin-right:10px;
	margin-bottom:15px;
	float:left;
}

ul.product-list li .name, ul.product-list li .description, ul.product-list li .image, ul.product-list li .status, ul.product-list li .retail, ul.product-list li .price {
	display:block;
	text-align:center;
}
ul.product-list li .name, ul.product-list li .status, ul.product-list li .retail, ul.product-list li .price {
	text-transform: uppercase;
}
ul.product-list li .image {
	background-color: white;
	text-align:center;
	height:240px;
	line-height:240px;
	padding:5px;
}
ul.product-list li .image img {
	vertical-align:middle;
}

ul.product-list li .name {
	color: black;
	font-size:24px;
	margin-bottom:5px;
	font-weight: bold;
	font-family: "Times New Roman", serif, Serif;
}
ul.product-list li .description {
	margin-bottom: 10px;
}
ul.product-list li .status {
	font-size:16px;
	margin-bottom:5px;
	color: #CB7F22;
}
ul.product-list li .sold-out {
	color: red;
}
ul.product-list li .retail {
	text-decoration:line-through;
	font-size:14px;
}
ul.product-list li .price {
	font-size:16px;
	font-weight: bold;
}

.block {
	border:5px solid #E7E7E7;
	background-color: #E3E3E3;
	margin-bottom:10px;
}
.block > h1 {
	text-align: center;
	color: white;
	background-color: #EB3B14;
	padding:5px;
	font-size:1.1em;
	font-weight: bold;
	text-shadow: #F25735 0px 1px 1px;
}
.block > ul {
	margin:10px;
}
.block > ul li a {
	text-transform:uppercase;
	color: black;
	line-height:20px;
}
.block > ul li a.active {
	font-weight: bold;
}

.section {
	padding:20px;
	border:5px solid #E7E7E7;
}
.section h1 {
	font-size:1.2em;
	color: #FF4400;
	margin-bottom:10px;
}

.button {
	background-color: #FF4400;
	border:5px solid #D23900;
	color: white;
	font-weight: bold;
	cursor:pointer;
	text-align:center;
	padding:2px;
}
.button:hover {
	background-color: #FF5500;
	border:5px solid #FF4400;
	text-decoration:none;
}
.input {
	border: 1px solid #FF4400;
	line-height:20px;
}