/************** Default Elements *******************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #660000;
}
/************** Layout Elements *******************/
#wrapper {
	width: 90%;
	margin: 25px auto;
	font-size: .8em;
	background-color: #ccc;
	min-height: 400px;
}
#header {
	min-height: 100px;
	background: url(../images/header_bg.jpg) repeat-x;
}
#header #title { margin-top: 20px; }
#header ul {
	border-bottom: 1px solid #003366;
	list-style-type: none;
	margin: 13px 20px 0 20px;
	min-height: 22px;
}
#header li {
	float: right;
	padding: 2px 10px;
	width: auto;
}
#header li a {
	color: #0099cc;
	text-decoration: none;
}
#header li a:hover { color: #dfb44b; }
li a#here { color: #98a085; }
#strap {
	height: 85px;
	background: #FFFFFF;
	border-bottom: 1px solid #789;
	font-weight: bold;
	padding: 0 0 5px 10px;
}
#content {
	padding-top: 1px;
	background: #0000cc;
	line-height: 1.3;
	background:url(../images/content_bg.jpg) center;
}
#innerwrapper {
	margin: 5px 5px 25px 10px;
	padding-bottom: 25px;
}
#innercontent {
	background-color: #2c2c2c;
	border: 1px solid #5f5f5f;
	min-height: 200px;
	margin: 20px 5px 0 130px;
	padding: 1px 5px 10px 5px;
	display: block;
}
#rightcol {
	position: absolute;
	min-height: 150px;
	border: 1px solid #5f5f5f;
	width: 165px;
	right: 52px;
	top: 223px;
}
#rightcol p { font-size: .875em; }
.twocol #rightcol { display: none; }
#rightcol img {
	display: block;
	margin: 6px auto 5px auto;
	border: 1px solid #5f5f5f;
}
#leftcol {
	float: left;
	width: 125px;
	min-height: 200px;
	background: transparent;
}
#leftcol h3 {
	margin-top: 0;
	padding-top: 0;
}
/* Navigation menu ---- */
#leftcol ul {
	list-style-type: none;
	list-style-position: inside;
}
#leftcol li {
	border-left: 1px solid #5f5f5f;
	border-bottom: 1px solid #5f5f5f;
}
#leftcol li a, #leftcol li a:link, #leftcol li a:visited {
	display: block;
	text-decoration: none;
	font-size: 10px;
	padding: 3px;
	color: #fff;
	background-color: #313221;
}
#leftcol li a#here, #leftcol li a:hover, #leftcol li a:active {
	background-color: #dcdcdc;
	color: #dfb44b;
}
#leftcol ul li ul {
	border: none;
	padding-left: 10px;
	background-color: #313221;
}
#leftcol ul li ul li { border-left: none; }
/* --------------- */	
	
#footer {
	padding: 8px 5px;
	font-size: 10px;
	background: url(../images/header_bg.jpg) repeat-x;
	color: #333;
	line-height: normal;
}
.crumbs {
	width: 98%;
	background: #fff;
	color: #990000;
	padding-left: 2%;
	font-size: 9px;
}
#sort {
	padding: 3px 2%;
	width: 90%;
	margin: 10px auto;
	color: #990000;
	background: #fff;
	font-size: 9px;
}
#sort a:active { color: #dfb44b; }
#sort a:visited { color: #ccc; }
#prod_form { padding: 2em; }
#make_selection {
	margin: .5em;
	padding-left: 1.5em;
	border: 1px dashed #999;
}
#prod_form fieldset { border: 1px dashed #999; }
#prod_form .tab { margin-left: .75em; }
.sel_prod {
	margin: 25px;
	padding: 5px;
}
/***** Images */
.fltrt {
	float: right;
	padding: .75em 0 .7em 1.5em;
	width: auto;
}
.fltlt {
	float: left;
	margin: .5em 1.5em .5em 0;
	height:auto;
	width: auto;
}
/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6 {
	padding: 15px 0 5px 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF0000;
}
h1 {
	font-size: 100%;
	font-style: italic;
	color: #333;
	padding-bottom: 0;
}
h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	font-style: normal;
}
.content_special h2 { font-size: 2em; }
h3 {
	font-size: 100%;
	font-style: italic;
}
h3.deal {
	padding: 3px 0;
	text-align: center;
	color: #333;
	background: #99CCFF;
	font-size: 150%;
	font-style: normal;
	font-variant:small-caps;
	margin: 20px 0 5px 0;
}
h4 { font-size: 120% }
h5 { font-size: 110%; }
h6 { font-size: 100%; }
p { padding: 10px 20px; }
ol { margin: .5em 3.5em; }
ol li { padding: 10px; }
ul#tiplist { margin-left: 3em; }
ul#tiplist li {
	font-weight:bold;
	padding: 5px 0;
	list-style: none;
}
ul.list { margin: .5em .75em .5em 1em; }
ul.list li { padding: .5em 0; }
/************** Contact and Search ****************************/
#contact {
	width: 150px;
	font-size: 1.5em;
	padding: 5px 15px 0 0;
}
#contactus {
	margin: 25px;
	font-size: .9em;
}
#search {
	float:right;
	clear: right;
	text-align: right;
	color: #333;
	width:auto;
}
#search form {
	margin-top: 4px;
	padding: 5px 8px 0 0;
}
#freefind, #search p {
	font-size: 9px;
	padding-right: 5px;
}
#query {
	background: #0099cc;
	padding-left: 5px;
}
#freefind a { color: #999; }
/************** Generic Classes *******************/
span.tab { padding-left: 2.5em; }
#itemdescrip { padding: 0 35px; }
#more_manuf {
	float: left;
	width: 30%;
	margin-right: 25px;
	font-size: 10px;
}
.smit {
	font-size: .75em;
	font-style: italic;
}
.norm {
	font-weight: normal;
	font-style:normal;
}
.tipcell {
	margin: 10px;
	float: right;
	width: 400px;
}
.right {
	float: right;
	margin: 5px 0 2px 10px;
	width: auto;
}
.left {
	float: left;
	margin: 5px 10px 2px 0;
	width: auto;
}
.clearit {
	font-size: 0;
	line-height: 0;
	clear: both;
}
.clearleft { clear: left; }
.centerit {
	text-align: center;
	font-size: .6875em;
}
#globe {
	float: right;
	padding: 5px 10px;
	width: auto;
}
.enlarge { font-size: 1.5em; }
.it {
	font-style: italic;
	font-size: .75em;
}
#chart { padding-left: 3.5em; }
.new, h2.new {
	color: #CC0000;
	font-size: 1.8em;
	font-weight: bold;
	font-style: italic;
}
.extras {
	width: 90%;
	padding-left: 25px;
}
.info {
	width: 90%;
	background: white;
	color: black;
	margin-left: 25px;
	padding-left: 2.5em;
}
.info2 {
	margin: 10px auto;
	width: 90%;
}
.announce {
	float: right;
	width: 200px;
	margin-left: 25px;
	font: 14px/1 Georgia, "Times New Roman", Times, serif;
	text-align: center;
	background: white;
	color: red;
	border: 1px solid #dcdcdc;
}
.announce p { padding: 5px; }
/* Subseries Styles ------------------------ */
.subseries {
	padding-left: 10px;
	margin: 10px auto;
	width: 92%;
	overflow: hidden;
	border: 1px solid #666;
}
.subseries_img {
	float: left;
	width: 150px;
	height: auto;
	margin: 20px 6px 0 0;
}
.subseries h3 {
	padding: 15px 0 15px 25px;
	font-size: 125%;
}
ul.subseries_prod {	list-style-type: none; }
ul.subseries_prod li {
	float: left;
	margin: 6px 10px 15px 0;
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	max-width: 159px; 
	height: 140px;
}
ul.subseries_prod img {
	display: block;
	border: 1px solid #d4d4d4;
	margin-bottom: 3px;
	height: auto;
}
.saleprice {
	color: #FF0000;
	font-weight: bold;
}
/************** Tables *************************/
table { width: 100%; }
table#cart {
	width: 65%;
	float: left;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table#cart td { /* border: 1px solid #ccc; */
	padding: 2px; }
table#threecol { width: 90%; }
table td {
	vertical-align: top;
	font-size: .875em;
}
td.content_main {
	width: 50%;
	padding: 5px;
}
td.content_other {
	padding: 0 10px;
	width: 15%;
}
td.content_main #item { width: 520px; }
.content_feature {
	background: #fff;
	color: #990000;
	padding: 15px 10px 5px 10px;
}
.content_feature caption { color:#990000; }
.content_special {
	background: white;
	color: #333333;
	border-bottom: 1px solid #ccc;
}
table#products {
	margin: 25px 4em;
	width: 90%;
	border:none;
	padding:10px;
	border-collapse: collapse;
	background: white;
	color: black;
}
table.sales {
	margin: 0 auto;
	width: 80%;
	border: none;
	padding: 5px;
	border-collapse: collapse;
	background: white;
	color: black;
}
table.sales th, table.sales td {
	text-align: left;
	padding: 3px;
	font-size: .8em;
}
table#products td {
	vertical-align:bottom;
	padding: 5px 5px 5px 25px;
}
table#products td a { font-weight: bold; }
table#products td h3 { padding: 35px 0 0 0; }
#footer table { width: 100%; }
#footer table td { padding: 0 3px; }
#footer table td.info {
	color: #333;
	font-size: 10px;
	text-align: right;
	background: transparent;
}
#footer a { font-size: 10px; }
table#specials {
	width: 90%;
	margin: 0 5%;
	border-collapse: collapse;
	text-align: left;
	font-size: 11px;
}
.mini {
	margin: 10px 0;
	border: 1px solid #ccc;
	padding: 2px;
}
.cart td { padding: 2px; }
/************** Link Styles *******************/
a {
	text-decoration: none;
	font-weight: bold;
}
a img { border: none; }
a, a:link, a:visited { color: #0099cc; }
a:hover, a:active, a:focus { color: #dfb44b; }
/********** DHTML Goodies ************/
#dhtmlgoodies_slidedown {
	position:relative;
	width:250px;
	padding: 3em 2em 4em 2em;
}
#dhtmlgoodies_contentBox {
	border:1px solid #317082;
	height:0px;
	visibility:hidden;
	position:absolute;
	background-color:#E2EBED;
	overflow:hidden;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	width:250px;
	margin-top: 2.5em;
}
#dhtmlgoodies_content {
	position:relative;
	width:100%;
}
.goodies_pullquote {
	float: right;
	width: 200px;
	border-top: 2px double #990000;
	border-bottom: 2px double #990000;
	font-weight: bold;
	text-align: center;
	line-height: normal;
	width: auto;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */ 

#commentbox {
	width: 350px;
	position: relative;
	height:auto;
	line-height: normal;
	text-align: center;
	margin: 2em 1.25em;
}
.shiftcontainer {
	position: relative;
	left: 5px; /*Number should match -left shadow depth below*/
	top: 5px; /*Number should match -top shadow depth below*/
}
.shadowcontainer {
	width: 350px;
	background-color: #990000;
}
.shadowcontainer .innerdiv {
	height: auto;
	background-color: white;
	border: 1px solid gray;
	padding: 2px;
	position: relative;
	left: -5px; /*shadow depth*/
	top: -5px; /*shadow depth*/
}
.addspace { margin-top: 65px; }
input#cart_submission, input#order_submission, input#add_cart, input#update, input#remove {
	background: #d8d8d8;
	color:#006699;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border: 1px outset #006699;
	cursor:auto;
}
/* Image Hover/Zoom ------------------------------- */
#bemag img {
	float: left;
	padding: 20px 10px;
}
span.zoom a:hover img {
	width: auto;
	height: auto;
	padding: 0;
	overflow: visible;
	z-index: 100;
	position: absolute;
	left: 300px;
	top: 50px;
}
div#bemag {
	background: #fff;
	color: #333;
	padding: 10px;
}

/* Print styles --------------------------------- */
@media print {
#innercontent {
	width: 90%;
	margin-left: 25px;
	border: none;
}
#rightcol, #leftcol, #search, #header ul { display: none; }
}