/* other css styles are included in the text.css file */
body {
	font-family: "Times New Roman", Times, serif; /*font-family: Verdana,Helvetica,Arial,sans;*/
	font-size: 14px;
	line-height: 14px;
	color: #333333;
	background-color: #660000; }
 
form { display: inline; }
 
img { border: none; }
 
input, textarea {
	background-color: #FFFFCC;
	color: #111111;
	font-size: 10px; }
 
input.def_text { color: #666666; }
 
div.quote {
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 3px;
	color: #993300; }
 
div.category_cols {
	float: left;
	width: 115px;
	font-size: 13px;
	white-space: nowrap;
	margin: 3px; }
 
	div.category_cols a { display: block; }
 
	div.category_cols .flyer_subcat { text-decoration: none; /*font-weight: bold;*/ /*text-transform: uppercase;*/ }
 
		div.category_cols .flyer_subcat:hover { background-color: #FFFFCC; }
 
	div.category_cols .prod {  }
 
/*div.para {
	margin-top: 10px;
	margin-bottom: 10px;
}*/
div.divider {
	margin-bottom: 10px;
	border: 1px solid #FFCC99;
	overflow: hidden; }
 
	div.divider .col {
		float: left;
		width: 250px;
		font-size: 12px; }
 
div.faux_label, div.faux_content {
	float: left;
	width: 400px; /*width: 200px;*/
	margin: 5px;
	text-align: left; }
 
div.faux_label {
	width: 75px;
	text-align: right; }
 
div.page_template {
	float: right;
	width: 100px;
	height: 135px;
	border: 1px solid #FFCC99;
	margin-left: 5px;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase; }
 
	div.page_template .sml_image, div.page_template .med_image, div.page_template .big_image {
		border: 1px dotted #99999;
		text-align: center;
		margin: 5px; }
 
	div.page_template .sml_image {
		height: 25px;
		width: 30px; }
 
	div.page_template .med_image {
		height: 40px;
		width: 40px; }
 
	div.page_template .big_image { height: 60px; }
 
	div.page_template .text {
		background-color: #999999;
		height: 15px;
		margin: 5px;
		color: #EEEEEE;
		text-align: center; }
 
/*.button {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #660000;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px solid #CCCCCC;
	border-right-width: 3px;
	border-bottom-width: 3px;
	line-height: 16px;
} .button:hover {
	text-decoration: none;
	background-color: #EEEEEE;
} .button:active {
	margin-left: 1px;
	margin-top: 1px;
	border-width: 2px;
	background-color: #DDDDDD;
}*/
/*.special_button {
	display: block;
	float: left;
	text-align: center;
	font-size: 90%;
	border: 2px solid #CCCCCC;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 85px;
	margin-right: 5px;
	margin-top:3px;
	color: #660000;
	background-color: #FFFFFF;
}
 
.special_button:hover {
	background-color: #EEEEEE;
}
*/
/*.extra_info {
	color: #999999;
	font-size: 13px;
}
*/
.header_gen {
	float: left;
	margin-top: 10px;
	margin-left: 10px; }
 
.header, .header_embox, .header_sub, .header_spotlight, .header_banner {
	font-family: Georgia,serif;
	font-weight: normal; }
 
.header {
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 1px;
	color: #660000; }
 
.header_embox {
	font-size: 22px;
	line-height: 26px;
	color: #993300; }
 
.header_sub {
	font-size: 18px;
	line-height: 16px;
	color: #990000; }
 
.header_spotlight {
	font-size: 22px;
	line-height: 26px;
	color: #FFFFFF; }
 
.header_banner {
	font-size: 20px;
	line-height: 22px;
	color: #FFFFCC; 
	font-size:14px; 
	line-height:16px;
	}
 
	.header_banner a { color: #FFFFFF; }
 
.more_options_box {
	height: 40px;
	margin-top: 20px;
	padding: 20px;
	padding-top: 27px;
	background-color: #FFCC99; }
 
	.more_options_box .special_button { float: right; }
 
	.more_options_box img { margin-top: 5px; }
 
.relbar {
	height: 15px;
	width: 0px;
	background-color: #FFCC99; }
 
.body_margins, .body_margins_wide {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	width: 530px;
	text-align: left; }
 
.body_margins_wide { width: 630px; }
 
.category_floater, .category_floater_small {
	float: left;
	width: 120px;
	height: 140px;
	text-align: center;
	vertical-align: center;
	margin-bottom: 10px; }
 
.category_floater div, .category_floater_small div {
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px; }
 
.category_floater_small {
	width: 100px;
	height: 120px;
	font-size: 12px; }
 
	.category_floater_small div { height: 80px; }
 
.category_floater a {
	margin-left: 4px;
	margin-right: 4px; }
 
#avas {
	margin-top: 5px;
	margin-bottom: 5px; }
 
/******************************************************/
.product_path {
	font-size: 12px;
	margin-bottom: 20px;
	height: 24px; }
 
	.product_path a { text-decoration: none; }
 
table.products {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	vertical-align: center;
	text-align: left;
	font-size: 13px; }
 
	table.products th {
		background-color: #FFCC99;
		color: #660000;
		font-weight: normal;
		padding-left: 10px;
		white-space: nowrap; }
 
	table.products td {
		height: 100px;
		padding: 10px; }
 
	table.products tr.emphasis td { border-bottom: 4px solid #FFCC99; }
 
table.pricing {
	padding: 0px;
	margin: 10px 0px 20px 0px;
	border-spacing: 0px;
	border: 1px solid #333333;
	vertical-align: center;
	text-align: left;
	font-size: 12px;
	width: 400px; }
 
	table.pricing th {
		background-color: #FFCC99;
		color: #660000;
		font-weight: normal;
		padding: 5px;
		text-align: center; }
 
		table.pricing th.first {
			text-align: left;
			padding-left: 10px; }
 
	table.pricing td {
		padding: 10px;
		border-top: 1px solid #660000; }
 
	table.pricing caption {
		text-align: left;
		padding-top: 3px;
		caption-side: bottom; }
 
	table.pricing em { /*	color: #333333;	*/ }
 
/*ul {
	margin: 0px;
	margin-left: 25px;
	margin-bottom: 10px;
	padding: 0px;
}*/
#content {
	margin-top: 10px;
	width: 100%;
	min-height: 490px; /*position: absolute;*/ }
 
	#content #mainbox {
		width: 790px;
		text-align: left;
		background-color: #FFFFFF; }
 
		#content #mainbox #header {
			width: 790px;
			height: 116px; }
 
			#content #mainbox #header #logo {
				float: left;
				margin-top: 13px;
				margin-left: 10px; }
 
			#content #mainbox #header #banner {
				float: left;
				width: 492px;
				height: 92px;
				overflow: hidden;
				background-color: #FF6633;
				margin-top: 13px;
				margin-left: 10px; }
 
				#content #mainbox #header #banner .text { }
 
					#content #mainbox #header #banner .text img { padding-bottom: 2px; }
 
		#content #mainbox #body {
			width: 790px;
			background: url('components/bg_topgrad.gif') repeat-x top left #FFFFFF; }
 
			#content #mainbox #body #nav {
				float: left;
				width: 122px;
				min-height: 490px;
				padding: 15px;
				padding-right: 5px;
				border-right: 1px solid #FFCC99;
				color: #993300;
				background: url('components/bg_bottomgrad_smooth.gif') repeat-x bottom left;
				text-align: left;
				font-size: 15px;
				line-height: 15px; /*text-transform: lowercase;*/ }
 
				#content #mainbox #body #nav em { text-transform: none; }
 
			#content #mainbox #body #header_txt {
				padding-top: 15px;
				margin-left: 140px; }
 
			#content #mainbox #body #subnav {
				float: left;
				margin-left: 10px;
				padding-top: 15px;
				padding-bottom: 15px;
				width: 620px;
				text-align: left;
				color: #FFCC99;
				font-weight: bold;
				font-size: 13px;
				line-height: 18px; }
 
				#content #mainbox #body #subnav a {
					color: #660000;
					text-decoration: none;
					white-space: nowrap; }
 
					#content #mainbox #body #subnav a:hover, #content #mainbox #body #subnav a.selected { color: #993300; }
 
			/*****************************************************************/
#content #mainbox #body #side_nav {
				float: left;
				width: 500px;
				min-height: 10px;
				padding: 15px;
				padding-left: 5px;
				padding-top: 5px;
				color: #993300; /*border-left: 1px solid #FFCC99;*/ /*background-color: #FFF9EE;*/
				text-align: left;
				font-size: 13px;
				line-height: 12px; /*margin-left: 155px;*/ }
 
				#content #mainbox #body #side_nav p {
					margin: 0px;
					padding: 0px;
					margin-bottom: 4px; }
 
				#content #mainbox #body #side_nav a.selected { color: #999999; }
 
	#content #copyrightbox {
		width: 790px;
		height: 25px;
		padding-top: 7px;
		margin-top: 5px;
		background-color: #330000;
		color: #FFFFFF;
		font-size: 12px; }
 
		#content #copyrightbox a { color: #FFFFFF; }
 
	/* NEW */
/*#content #mainbox #body p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
} */
/* HOME PAGE */
#content #mainbox #body #prod_box {
		float: left;
		background-color: #FFCC99;
		width: 333px;
		min-height: 520px; }
 
		#content #mainbox #body #prod_box .text {
			margin-top: 15px;
			margin-left: 15px; }
 
		#content #mainbox #body #prod_box #categories {
			margin: 10px;
			background-color: #FFFFFF;
			width: 305px;
			padding: 5px; }
 
	#content #mainbox #body #other_choices {
		float: left;
		width: 294px;
		margin: 10px;
		min-height: 500px; }
 
		#content #mainbox #body #other_choices #spotlight {
			height: 295px;
			background-color: #660000;
			overflow: hidden; }
 
			#content #mainbox #body #other_choices #spotlight img {  }
 
		#content #mainbox #body #other_choices #spotlight_txt {
			background-color: #660000;
			padding: 10px;
			color: #FFFFFF; }
 
			#content #mainbox #body #other_choices #spotlight_txt a { color: #FFFFFF; }
 
	#content #mainbox #body #comments {
		min-height: 85px;
		color: #666666;
		background-color: #E5E5E5;
		margin-top: 10px;
		padding: 10px; }
 
#thin_content { width: 100%; }
 
	#thin_content #mainbox {
		text-align: left;
		margin-top: 10px;
		width: 380px;
		min-height: 460px;
		background-color: #FFFFFF;
		padding: 10px; }
 
.flyerButton {
	width: auto;
	height: auto;
	padding: 3px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 2px solid #333333; }
 
	.flyerButton:hover { background-color: #CCCCCC; }
 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
li .newthumbnail {
	position: relative;
	z-index: 0; }
 
	li .newthumbnail:hover {
		background-color: transparent;
		z-index: 50; }
 
	li .newthumbnail span {
		position: absolute; /*CSS for enlarged image*/
		background-color: lightyellow;
		padding: 5px;
		left: -1000px;
		border: 1px dashed gray;
		visibility: hidden;
		color: black;
		text-decoration: none; }
 
		li .newthumbnail span img {
			border-width: 0; /*CSS for enlarged image*/
			padding: 2px; }
 
	li .newthumbnail:hover span {
		visibility: visible; /*CSS for enlarged image on hover*/
		top: 0;
		left: 60px; /*position where enlarged image should offset horizontally */ }