/* HTML Defaults */

body {
	font: 70%/1.25em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #bf2e1a;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
h1 {
	font-size: 220%;
	line-height: 1.15em;
	font-weight: normal;
	margin: 0;
	padding: 10px 10px 0 10px;
}
h2 {
	font-size: 165%;
	line-height: 1.2em;
	font-weight: normal;
}
h3 {
	font-size: 130%;
	line-height: 1.2em;
	font-weight: bold;
}
h4 {
	font-size: 100%;
	font-weight: bold;
}
h5 {
	font-size: 92%;
	line-height: 1.25em;
	font-weight: bold;
}
hr {
	color: #e2e2e2;
	background: #e2e2e2;
	height: 1px;
	padding: 0;
	border: none;
}
table {
	width: 100%;
	border-collapse: collapse;
}
input, textarea, button, select {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #b2b2b2;
}
input, textarea {
	padding: 3px;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

/* Main Containers */

#container {
	width: 980px;
	margin: 0 auto;
}
#main {
	width: 774px;
	float: left;
	padding: 0 5px 10px 5px;
}
.clear {
	clear: both;
}

/* Nav */

#nav {
	width: 196px;
	float: left;
	padding-bottom: 10px;
}
#nav p, #nav dl, #nav dt, #nav dd, #nav ul, #nav li {
	margin: 0;
}
.logo, logo p, .logo a {
	height: 104px;
	width: 196px;
	float: left;
}
.logo {
	background: url(../images/nav_logo.png) no-repeat left top;
}
.logo a {
	text-indent: -9999px;
}
#nav dl, #nav dd, #nav ul, #nav li {
	width: 196px;
	float: left;
	clear: both;
	padding: 0;
}
#nav dt, #nav dd, #nav li {
	list-style: none;
}
#nav dt, #nav dd a {
	width: 186px;
	float: left;
	clear: both;
	padding: 2px 0 2px 10px;
}
#nav dl {
	padding: 10px 0 0 0;
}
#nav dt, #nav dd {
	position: relative;
	z-index: 5000;
}
#nav dt {
	font-size: 125%;
	line-height: 1.3em;
	font-weight: bold;
	color: #bf2e1a;
	background: url(../images/nav_arrow_title.png) no-repeat right bottom;
}
#nav dd {
	font-size: 110%;
	line-height: 1.3em;
	border-bottom: solid 1px #e2e2e2;
}
#nav dd a, #nav dd:hover ul li a, #nav dd.sfhover ul li a {
	color: #000;
	background-color: transparent;
}
#nav dd:hover a, #nav dd:hover ul li a:hover, #nav dd.sfhover ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #bf2e1a;
}
a.navparent {
	background-image: url(../images/nav_arrow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#nav dl dd ul {
	background: #e2e2e2;
	display: none;
	width: 196px;
	position: absolute;
	top: 0;
	left: 196px;
}
#nav dl dd:hover ul, #nav dl dd.sfhover ul {
	display: block;
}
.specials, .specials a {
	height: 180px;
	width: 196px;
	float: left;
	clear: both;
}
.specials {
	background: url(../images/nav_specials.jpg) no-repeat center center;
	padding: 10px 0;
}
.specials a, .payment {
	text-indent: -9999px;
}
.payment {
	background: url(../images/nav_cards.png) no-repeat center top;
	height: 95px;
	width: 196px;
	clear: both;
}

/* Header */

#header {
	height: 57px;
	width: 774px;
	float: left;
}
#header p {
	margin:0;
}
.tel {
	text-indent: -9999px;
	background: url(../images/header_tel.png) no-repeat left top;
	height: 57px;
	width: 295px;
	float: left;
}
#cart {
	color: #ccc;
	text-align: right;
	width: 475px;
	float: right;
	padding-top: 30px;
}
#cart span {
	color: #000;
}
#cart img {
	vertical-align: middle;
	margin: 0 5px;
}
.cartcount {
	font-size: 125%;
}
.carttotal {
	font-size: 110%;
}

/* Top Nav */

#topnav {
	color: #fff;
	background: url(../images/topnav_bg.png) no-repeat left top;
	height: 34px;
	width: 774px;
	float: left;
	clear: both;
}
#topnav ul, #topnav form {
	margin: 0;
}
#topnav ul, #topnav li, #topnav ul li a {
	line-height: 34px;
	height: 34px;
	float: left;
}
#topnav ul {
	width: 435px;
	padding: 0 0 0 10px;
}
#topnav li {
	list-style: none;
}
#topnav ul li a {
	font-size: 110%;
	color: #fff;
	padding: 0 8px;
}
#topnav ul li a:hover {
	text-decoration: none;
	background-color: #bf2e1a;
}
#search {
	width: 329px;
	float: right;
}
#search form {
	padding: 5px 0 5px 8px;
}
#search label {
	font-weight: bold;
	margin-right: 3px;
}
#search input {
	vertical-align: middle;
	padding: 0;
	border: none;
}
#search input.searchbox {
	background: transparent url(../images/searchinput_bg.png) no-repeat left center;
	height: 16px;
	width: 166px;
	padding: 3px;
}

/* Footer */

#footer {
	width: 980px;
	float: left;
	clear: both;
	padding: 10px 0;
	border-top: solid 1px #e2e2e2;
}
#footer p {
	margin: 0 0 10px 0;
}
.contact {
	font-size: 80%;
	width: 620px;
	float: left;
}
.footerlinks {
	font-size: 80%;
	color: #ccc;
	text-align: right;
	width: 360px;
	float: right;
}
.copyright {
	font-size: 80%;
	color: #999;
	clear: both;
}

/* Content */

#content {
	width: 774px;
	float: left;
	clear: both;
	padding: 5px 0;
}
tr.subhead {
	background-color: #ccc;
}
th.alt {
	background-color: #000;
	color: #fff;
	padding: 3% 3% 2%;
}
tr.alt {
	background-color: #eee;
}
p.prodnavigation {
	padding: 0 10px;
}
td.prodimage {
	vertical-align: top;
}
.discountsapply {
	color: #ff0000;
}
.prodname {
	margin-top: 0;
}
td.prodseparator {
	padding: 10px 0;
}
.prodprice, .detailprice, td.pagenums {
	font-size: 130%;
	line-height: 1.3em;
}
.price {
	font-weight: bold;
}
.button, button {
	color: #fff;
	background: #c0301c url(../images/button_bg.png) repeat-x left top;
	padding: 3px 10px;
}
.imagebutton {
	padding: 0;
	border: none;
}
td.cobhl {
	padding: 6px;
}
.detailimage, .detaildescription {
	padding: 10px;
}

/* Front */

#slides, #slideshow, #slideshow img {
	height: 350px;
	width: 774px;
}
#slides {
	position: relative;
	z-index: 1000;
}
#slideshow {
	overflow: hidden;
}
#intro {
	height: 98px;
	width: 774px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2000;
}
#intro h1, #intro p {
	font-size: 100%;
	line-height: 1.25em;
	float: left;
	margin: 0;
}
#intro h1 {
	width: 530px;
	padding: 10px 15px;
}
#intro p {
	font-weight: bold;
	width: 184px;
	padding: 30px 15px 10px 15px;
}
#frontcats, #frontcats ul {
	width: 774px;
	float: left;
}
#frontcats ul {
	margin: 0;
	padding: 5px 0;
}
#frontcats li {
	height: 165px;
	width: 185px;
	float: left;
	margin: 0 11px 5px 0;
	list-style: none;
}
#frontcats li.last {
	margin: 0;
}
#frontcats h2, #frontcats p {
	margin: 0 0 .2em 0;
}
#frontcats h2 {
	font-size: 110%;
	font-weight: bold;
}
#frontcats p {
	font-size: 90%;
	line-height: 1.25em;
}
#frontcats img {
	height: 90px;
	width: 185px;
}
