* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

h1, h2, h3, h4, form, p, a, ul, ol, li { margin: 0; padding: 0; }

body { background: url(/img/bg.gif) 0 0 repeat-x; text-align: center; margin-top: 10px; }

h1, h2, h3 { color: #8C8C8C; margin: 0 0 10px 0; }
h1 { font-size: 14px; }
h2 { font-size: 12px; }
h3 { font-size: 11px; }
h1 span { color: #98211C; font-size: 14px; }
h2 span  { color: #98211C;  font-size: 12px; }
h3 span { color: #98211C; font-size: 11px; }

h1.imghdr { display: block; width: 230px; height: 24px; color:#ffffff; }
/* h2.imghdr { display: block; text-indent: -100em; width: 165px; height: 24px; } */

p { color: #333333; line-height: 14px; border-bottom: solid 1px #e0e0e0; margin: 0 0 10px 0 ; padding: 0 0 10px 0; }
form p { border: none; padding: 0; }
img { border:none; }

a { color: #98211C; font-weight: bold; text-decoration: none; }

label { font-weight: bold; }

#outer { width: 780px; background-color: #ffffff; border: solid 3px #D7D7D7; margin: 0 auto; text-align: left; position: relative; }  

#hdr_logo { background: url(/img/logo.gif) 15px 10px no-repeat; width: 780px; height: 100px; }
#hdr_logo_ticker { background: url(/img/logo.gif) 15px 10px no-repeat; width: 780px; height: 75px; color:#ffffff; }
#hdr_logo a, #hdr_logo_ticker a { color: #ffffff; font-size: 9px; width: 100%; height: 100%; display: block; }

#nav { padding-left: 15px; float: left; }
#nav ul { list-style-type: none; }
#nav li { background-color: #ffffff; display: inline; }

#nav a 
{
	color: #ffffff;
	display: block;
	text-decoration:none;
	background: url(/img/bullet_1.gif) bottom left no-repeat;
	background-color: #98211C; 
	height: 22px;
	width: 164px;
}

#nav a#store { height: 44px; line-height: 37px;  }

#nav a span { margin-left: 5px; display: block; padding-top: 4px; }
#nav a:hover { background-color: #A64B48; }

#subnav { float: left; margin: 0 0 20px 0; }
#subnav ul { list-style-type: none; }
#subnav li { background-color: #ffffff; display: inline; }

#subnav a 
{
	color: #ffffff;
	display: block;
	text-decoration:none;
	background: url(/img/bullet_1.gif) center left no-repeat;
	background-color: #98211C; 
	height: 22px;
	width: 164px;
}

#subnav a span { margin-left: 5px; display: block; padding-top: 4px; }
#subnav a:hover { background-color: #A64B48; }

#homepic { float: left; display: inline; background: url(/img/homepic.jpg); width: 582px; height: 151px; margin-left: 2px; border: solid 1px #CCCCCC; }

#left_col { clear: left; float: left; width: 165px; margin: 20px 0 0 15px; display: inline; }

#details { color: #717171; text-align: center; margin: 10px 0 20px 0; }

#center_col { float: left; width: 550px; margin: 20px 0 0 30px; padding: 0 0 20px 0; }
#home #center_col, #contact #center_col { float: left; width: 350px; margin: 20px 0 0 30px; }
#center_col p { line-height: 16px; }
#page #center_col p { border: none; }

#home #right_col, #contact #right_col { display: inline; float: right; width: 165px; margin: 20px 15px 0 0; }

#review { margin-bottom: 30px; }
#review p { border: none; }

.reviewer { color: #98211C; font-style: italic; text-align: right; margin: 0; padding: 0; }
.reviewmag { color: #98211C; font-style: italic; font-weight: bold; text-align: right; font-size: 11px; margin: 0 0 10px 0; padding: 0; }

#home_thumbs { padding: 0 0 25px 0; }
#home_thumbs div { margin: 0 40px 10px 0; text-align: center; width: 90px; height: 160px; float: left; display: inline; }
#home_thumbs div.clr { height: 1px;  }
#home_thumbs div img { margin: 0; padding: 0; display: block; }
#home_thumbs div p { margin: 0; padding: 3px 5px; border: none; line-height: 11px; }
#home_thumbs .r { margin: 0 0 10px 0; }

#home_news { padding: 0 0 10px 0; }
#home_news h2 { margin: 0; padding: 2px 0 5px 0; color: #98211C; font-size: 11px; }

.clr { clear: both; height: 1px; overflow: hidden; }

#footer
{
	clear: both;
	width: 750px;
	margin: 0 15px 0 15px;
	text-align: center;
	color: #66811D;
	border-top: solid 1px #CCCCCC;
	padding: 10px 0 0 0;
}

#footer li { display: inline; margin: 0 10px; }
#footer li a { text-decoration: none; }

#footer p { border: none; margin: 5px 0 0 0; padding: 0; }
#footer p#credit { margin: 15px 0 0 0; padding: 0 0 10px 0; }

#puzzle { text-align: center; padding: 20px 0 30px 0; }

#maglist { clear: left; margin: 0; padding: 0 0 20px 0; }
#maglist div { border-bottom: solid 1px #e0e0e0; margin: 0 0 10px 0; }
#maglist div.clr { border-bottom: none; margin: 0; }
#maglist img { float: left; margin: 0 15px 10px 0; }
#maglist h2 { margin: 0; padding: 0 0 5px 0; }
#maglist h2 a { font-size: 14px; }
#maglist p { margin: 0; padding: 0 0 10px 0; border: none; }

.articlelist { margin: 0 0 0 25px; }
.articlelist li, .articlelist li a { font-size: 14px; }

#imgs, #attachments { width: 220px; display: inline; float: right; clear: right; margin: 0 0 15px 25px; padding: 0 0 10px 0; border: solid 1px #e0e0e0; text-align: center; }
#imgs img { display: block; margin: 10px auto 0 auto; }
#attachments { text-align: left; }
#attachments ul { list-style: square; margin: 10px 0 0 25px; }

#contact form {}
#contact form p { border: none; margin: 0 0 5px 0; padding: 0; }
#contact form label { font-size: 11px; }
#contact form label.noshow { color: #ffffff; }
#contact form input, #contact form textarea { font-size: 12px; }

#flashcontent { padding: 0 0 0 15px; margin: 0; width: 550px; }

#puzzlead { border: solid 1px #e0e0e0; margin: 0 0 10px 0; }
#puzzlead h2 { margin: 10px; padding: 0; border: none; }
#puzzlead p { margin: 0 10px 10px 10px; padding: 0; border: none; }
#puzzlead img { margin: 0 10px 10px 9px; padding: 0; }

#currentdate { float: right; font-size: 11px; color: #999999; height: 25px; line-height: 25px; margin: 0 15px 0 0; }

#flashad { position: absolute; width: 400px; height: 64px; border: solid 1px #999999; background-color: #e0e0e0; top: 18px; right: 15px; }

#billingform { float: left; width: 270px; }
#deliveryform { float: right; width: 270px; }

.clr { clear: both; height: 1px; overflow: hidden; }

.orderconfirm { border-collapse: collapse; border: solid 1px #999999; width: 550px; }
.orderconfirm th { border: solid 1px #999999; text-align: left; padding: 4px 7px; }
.orderconfirm td { border: solid 1px #999999; text-align: left; padding: 4px 7px; }

/* div {border: solid 1px #000000;}*/