html, body {
	width: 100%;
	height: 100%;
	background: #000000 url(../images/green_bkg.jpg) top left repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;	
	font-family: "Verdana";
	font-size: 12px;
	color: #000000;	
}

a:link { color: #042905; text-decoration: none; }
a:visited { color: #7B5A0B; text-decoration: none; }
a:hover { color: #042905; text-decoration: underline; }
a:active { color: #8C0505; text-decoration: underline; }

h1 { font-size: 36px; color: #460303; margin: 0px; padding: 0px; }
h2 { font-size: 17px; color: #460303; margin: 0px; padding: 0px 0px 5px 0px; font-weight: bold; }
h3 { font-size: 12px; color: #460303; margin: 0px; padding: 0px; font-weight: bold; }

h1 a:link, h2 a:link, h3 a:link {
	font-weight: bold;  color: #063507;
}
h1 a:visited, h2 a:visited, h3 a:visited {
	font-weight: bold;  color: #063507;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	font-weight: bold;  color: #063507; text-decoration: underline;
}
h1 a:active, h2 a:active, h3 a:active {
	font-weight: bold;  color: #063507;
}

h1.imageHeader { position: relative; top: -20px; left: -20px; }

.error, .missed {
	color: red;
}

/********************* END standard styles *********************/

/* expands to cover the viewport (for when the content is too small) */
#outerShellCover {
	width: 838px;	
	height: 100%;
	background: #000000 url(../images/content_bkg_red_large.jpg) top center repeat-y;
	margin: 0px auto;
/*
	position: absolute;
	left: 50%;
	margin-left: -418px;	*/
	/* negative margin technique */

	text-align: left;
}

/* expands to fit the content */
#outerShell {
	width: 838px;	
	background: #000000 url(../images/content_bkg_red_large.jpg) top center repeat-y;
}

#contentTable {
	width: 758px;
	height: 100%;	
}

#contentShell {	
	width: 555px;
	text-align: justify;
	margin-left: 30px;	
}

#headerImageHome {
	width: 798px;
	background: #000000 url(../images/index_header.jpg) top center no-repeat;
	height: 431px;
	margin-left: 20px;	
	text-align: left;
}

#headerImage {
	width: 798px;
	background: #000000 url(../images/content_header.jpg) top center no-repeat;
	height: 256px;
	margin-left: 20px;	
	text-align: left;
}
#headerImageNoSig {
	width: 798px;
	background: #000000 url(../images/content_header_nosig.jpg) top center no-repeat;
	height: 256px;
	margin-left: 20px;	
	text-align: left;
}

#homeTitle {
	position: absolute; 
	top: -52px; left: -20px;
}

/* PNG support for IE */
#featuredBox {
	margin-left: 10px; margin-bottom: 5px; 
	float: right; 
	width: 306px; height: 302px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/featured_product_outside.png',sizingMethod='crop');
	background-repeat: no-repeat;
}
#featuredBox[id] {
	margin-left: 10px; margin-bottom: 5px; 
	float: right; 
	width: 306px; height: 302px; 
	background: #F5CB8F url(../images/featured_product_outside.png) top left no-repeat;
}

.homeImageHolder {
	position: absolute;
	top: 15px; left: 241px;
	display: block;
	background: #EEDDA9 url(../images/featured_product_inside.jpg) top left no-repeat;
	width: 281px; height: 277px; 
	border: 2px solid #292824; 
	margin-left: 11px;  margin-top: 7px; 
	overflow: hidden;

	/* -- can't have an opacity of 1.0 initially, or Firefox will 'flicker', so set it just a little lower */
	-moz-opacity: .99;
	-khtml-opacity: .99;
	opacity: .99;
	filter: alpha(opacity=100);
}

.anchor {
	position: relative;
	width: 0px;
	height: 0px;
	background-color: orange;
}

#logoLink {
	width: 175px;
	height: 79px;
	position: absolute;
	z-index: 5;
	left: 18px;
	top: 175px;
	cursor: pointer;
}

#floatingContent {
	position: relative;
	z-index: 3;	/* to allow the content to float above the feather */
	padding-bottom: 50px;
	padding-right: 10px;
}

#floatingFeather {
	width: 798px;
	background: #F5CB8F url(../images/foot_feather.jpg) bottom center no-repeat;
	position: absolute;
	z-index: 2;	/* to allow the feather to float below the content */
	height: 168px;
	top: -168px;
	left: 20px;	
}

.paddedImage {
	padding: 10px;	
}

#mapLinkBox {
	margin-top: 10px; padding: 5px 0px 5px 0px; 
	text-align: center; 
	width: 194px; 	
	background: url(../images/light_leaves.jpg) top left repeat;
}

.paddedImage a:link img, .paddedImage a:link div, .paddedImage a:visited img, .paddedImage a:visited div {
	border: 2px solid #950D01;
	cursor: pointer;	/* for the sake of the div styles */
}

.paddedImage a:hover img, .paddedImage a:hover div, .paddedImage a:active img, .paddedImage a:active div {
	border: 2px solid #2A5422;
	cursor: pointer;	/* for the sake of the div styles */
}

/* PNG support for IE */
#ravenNewsImage {
	position: absolute;
	top: -250px; left: 310px;
	width: 271px; height: 263px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/raven_news.png',sizingMethod='crop');
	background-repeat: no-repeat;
}
#ravenNewsImage[id] {
	position: absolute;
	top: -250px; left: 310px;
	width: 271px; height: 263px;
	background: url(../images/raven_news.png) top left no-repeat;	
}

/* need this one to specifically handle a cross-browser problem */
#bottomNewsletterImage {
	float: left; 
	padding-left: 0px; padding-bottom: 0px; padding-top: 10px; 
	/* these next 2 are to get IE to stay on top of the tail feather image */
	position: expression("relative"); 
	z-index: 3; 	
}

.formGroup, .formField {
	margin-bottom: 10px;
}

.error {
	color: red;
}

/********************* Table styles *********************/
.divTable {
	background: url(../images/list_table_bkg.jpg) top left repeat; 
	clear: both; 
	padding: 0px 0px;
}
.rowContainer {
	background: url(../images/list_table_bkg.jpg) top left repeat; 
	padding: 0px 6px;
}

.tableRow {
	border-bottom: 1px solid #57120B; 
	background: #EADC9F url(../images/blank.gif) top left repeat;
	padding: 10px;
	position: relative; /* IE is forcing me to do this, if I want the hover to cover the entire div row */
}
.tableRowHover {
	border-bottom: 1px solid #57120B; 
	background: #FFFFFF url(../images/blank.gif) top left repeat;
	padding: 10px;
	position: relative;	/* IE is forcing me to do this, if I want the hover to cover the entire div row */
	cursor: pointer;
}
.tableRowImage {
	padding-right: 10px;	
}

/*
.tableCornerTopLeft {
	background: url(../images/list_table_top_left.jpg) top left no-repeat;
	width: 17px; height: 27px;
}
.tableCornerTopRight {
	background: url(../images/list_table_top_right.jpg) top left no-repeat;
	width: 17px; height: 27px;
}
.tableCornerBottomLeft {
	background: url(../images/list_table_bottom_left.jpg) top left no-repeat;
	width: 17px; height: 27px;
}
.tableCornerBottomRight {
	background: url(../images/list_table_bottom_right.jpg) top left no-repeat;
	width: 17px; height: 27px;
}
*/

.tablePagingRow {
	padding-top: 6px;
}
.tableTotalRow {
	padding-top: 3px;
	font-size: 17px; color: #460303; font-weight: bold;
}
/*
.tableTotalRow h2 {
	padding-top: 4px;
}
*/

/* THESE DON'T SEEM TO WORK TOO WELL FOR IE - EXTRA PIXEL OF HEIGHT AT THE BOTTOM? */
/*
.rowsCornerTopLeft {
	background: red url(../images/table_cells_top_left.jpg) top left no-repeat;
	width: 17px; height: 12px;
	font-size: 12px;
	line-height: 12px;
}
.rowsCornerTopRight {
	background: green url(../images/table_cells_top_right.jpg) top left no-repeat;
	width: 17px; height: 12px;
	font-size: 12px;
}
.rowsCornerBottomLeft {
	background: blue url(../images/table_cells_bottom_left.jpg) top left no-repeat;
	width: 17px; height: 12px;
}
.rowsCornerBottomRight {
	background: orange url(../images/table_cells_bottom_right.jpg) top left no-repeat;
	width: 17px; height: 12px;
}
*/

/********************* Sidebar styles *********************/
#sidebar {
	width: 179px; /* 223 - 34(margin-left) - 10(weird hover problem) */
	height: 100%;
	margin-left: 34px;
	position: relative; 
	z-index: 5; /* to keep all sidebar content above the feather float, and the submenus above the content */
}

ul.navlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li.navpoint {
	padding-top: 5px; 	
}

#menuTop {
	background: #F5CB8F url(../images/menu/menu_top.jpg) top left no-repeat;
	height: 24px;
	width: 178px;
}

.menuContent {
	background: #F5CB8F url(../images/menu/menu_middle.jpg) top left repeat-y;
	padding-left: 8px;
}
.menuBreak {
	background: #F5CB8F url(../images/menu/menu_breaker.jpg) top left no-repeat;
	height: 18px;
}

#sidesearch {
	margin-top: 20px;
	margin-bottom: 12px;
}
#searchTop {
	background: #F5CB8F url(../images/menu/search_top.jpg) top left no-repeat;
	height: 23px;
	width: 178px;
}
.searchContent {
	background: #F5CB8F url(../images/menu/search_middle.jpg) top left repeat-y;
	padding-left: 8px;
}

#miniCartTop {
	background: #F5CB8F url(../images/menu/cart_top.jpg) top left no-repeat;
	height: 24px;
	width: 178px;
}

.miniCartContents {
	background: #F5CB8F url(../images/menu/search_middle.jpg) top left repeat-y;
	padding: 0px 8px;
	width: 162px;	/* 178 - 16(padding) */
}

#menuBottom, #searchBottom, #miniCartBottom {
	background: #F5CB8F url(../images/menu/menu_bottom.jpg) top left no-repeat;
	height: 13px;
	width: 178px;
}

/********************* Submenu Styles ********************/
.levelOneListing {
	display: none;
	position: absolute; 
	z-index: 5; 
	left: 170px;
	top: -40px;
	padding-top: 10px; padding-bottom: 10px;
}

#themeList2 {
	display: none;
	position: absolute; 
	z-index: 5; 
	left: 370px;
	top: -30px;
	padding-top: 10px; padding-bottom: 10px;
}

/*
#themeDhtmlHelper {
	background-color: orange; 
	width: 40px; 
	height: 20px; 
	position: absolute; 
	left: 130px; 
	top: -20px;
	display: none;
}
*/

/* PNG support for IE */
.subMenuTop {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu/dhtml_1_top.png',sizingMethod='crop');
	background-repeat: no-repeat;
	height: 9px;
	width: 130px;	
	line-height: 9px;
}
.subMenuBottom {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu/dhtml_1_bottom.png',sizingMethod='crop');
	background-repeat: no-repeat;
	height: 9px;
	width: 130px;
}
/* For all other browsers */
.subMenuTop[class] {
	background: url(../images/menu/dhtml_1_top.png) top left no-repeat;
	height: 9px;
	width: 130px;
}
.subMenuBottom[class] {
	background: url(../images/menu/dhtml_1_bottom.png) top left no-repeat;
	height: 9px;
	width: 130px;
}

/* the 2nd navigation level */
div.subnavpoint {
	background-color: #E9DC9E;
	border-right: 1px solid #000000;	
	width: 114px;	/* 129-10-5 */
	color: #000000;
	padding-left: 10px;
	padding-right: 5px;
}

/* allows us to keep the parent appearing "hovered", even though it isn't */
div.subnavpointHover {
	background-color: #480C0B;	
	border-right: 1px solid #000000;	
	width: 114px;	/* 129-10-5 */
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 5px;
	text-decoration: none;	
	cursor: pointer;
}

div.navlist a.navlink:hover div.subnavpoint {
	background-color: #480C0B;
	color: white;
	text-decoration: none;	
	cursor: pointer;
}

/* wrapper for the 3rd navigation level */
.subThemeDiv {
	display: none;
	position: absolute; 
	z-index: 5; 
	left: 129px; 
	top: -32px; 
	padding-top: 10px; padding-bottom: 10px; padding-right: 10px;	
}

/* PNG support for IE */
.subMenuTop2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu/dhtml_2_top.png',sizingMethod='crop');
	background-repeat: no-repeat;
	height: 9px;
	width: 163px;	
	line-height: 9px;
}
.subMenuBottom2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu/dhtml_2_bottom.png',sizingMethod='crop');
	background-repeat: no-repeat;
	height: 12px;
	width: 163px;
}
/* For all other browsers */
.subMenuTop2[class] {
	background: url(../images/menu/dhtml_2_top.png) top left no-repeat;
	height: 9px;
	width: 163px;
}
.subMenuBottom2[class] {
	background: url(../images/menu/dhtml_2_bottom.png) top left no-repeat;
	height: 12px;
	width: 163px;
}

/* the 3rd navigation level */
div.subnavpoint2 {
	background-color: #E9DC9E;
	border-right: 1px solid #000000;	
	border-left: 1px solid #000000;
	width: 146px;	/* 163-10-5-2 */
	color: #000000;
	padding-left: 10px;
	padding-right: 5px;
}

div.navlist a.navlink:hover div.subnavpoint2 {
	background-color: #480C0B;
	color: white;
	text-decoration: none;	
	cursor: pointer;
}

/********************* Shopping Cart styles *********************/
.productTable td {
	background-color: #EADC9F;
}
.bottomLined {
	border-bottom: 1px solid #5C110E;
}

#sampleBox {
	width: 280px;
	float: right;
}
#ccvSample {
	background: url(../images/ccv.jpg) top center no-repeat;	
	width: 181px;
	height: 110px;	
}
#ccSample {
	background: url(../images/creditcards.jpg) top center no-repeat;
	width: 148px;
	height: 81px;
}

/********************* Footer styles *********************/
#footerNav {
	margin-left: 35px; 	
	padding-bottom: 10px;
	position: relative; 
	z-index:2;
	text-align: center;
}

#footerNav a:link { color: #460303; text-decoration: none; }
#footerNav a:visited { color: #460303; text-decoration: none; }
#footerNav a:hover { color: #042905; text-decoration: underline; }
#footerNav a:active { color: #8C0505; text-decoration: underline; }

#jtechFooter {
	margin: 40px 0px 0px 10px;	
	text-align: left; 	
}
#jtechFooter a:link, .tablePagingRow a:link { color: #8C0505; text-decoration: none; }
#jtechFooter a:visited, .tablePagingRow a:visited { color: #8C0505; text-decoration: none; }
#jtechFooter a:hover, .tablePagingRow a:hover { color: #042905; text-decoration: underline; }
#jtechFooter a:active, .tablePagingRow a:active { color: #8C0505; text-decoration: underline; }