﻿
/* editables */
html 			{background-color:#C1772C;}

#main			{width:780px; }
#header 		{width:780px; height:333px;}
#content 		{width:780px;}
	.c_l		{width:0px; height:100%;}
	.c_menu		{width:180px;}
	.c_c		{width:1px;}
	.c_r		{width:5px;}
		
	.menu_heading	{height:15px; vertical-align: bottom; margin-bottom:5px;}
	.menu_heading1	{height:7px;}

	.body_heading	{height:20px;padding-top:20px;}

#footer 		{width:780px; height:130px;}
	.footer_l	{width:200px; height:130px;}
	.footer_r	{width:560px; height:90px; padding-top:40px;}
	
/* end editables */


/* main - left - center - right */
#main			{vertical-align:top; margin-left:auto; margin-right:auto;}

/* header - content - footer */
#header 		{position:relative; background-image:url('../images/graphics/index_header.jpg'); background-position:top left; background-repeat:no-repeat;}

#content 		{background-image:url('../images/graphics/index_content2.jpg'); background-position:top left; background-repeat:repeat-y; vertical-align:top;}
.content 		{border:0px; border-collapse:collapse; width:100%; background-image:url('../images/graphics/index_content1.jpg'); background-position:top left; background-repeat:no-repeat; vertical-align:top;}

#footer 		{background-image:url('../images/graphics/index_footer.jpg'); background-position:top left; background-repeat:no-repeat; }
.footer_l		{position:relative; float:left;}
.footer_r		{float:left;}

	.c_l		{vertical-align:top;}
	.c_menu		{vertical-align:top; text-align:left;}
	.c_c		{vertical-align:top;}
	.body1		{vertical-align:top; }
	.c_r		{vertical-align:top;}
	.c_bottom	{clear:both;}
	
html 			{background-image:url("../images/graphics/index_bg.jpg"); background-position:top center; background-repeat:repeat-x;}
body 			{margin: 0px ; background-image: url("../images/graphics/bg_image.jpg"); background-position:top center; background-repeat:no-repeat;}


#regformBottom {
  border-bottom:1px gray solid
}

#logo						{position:absolute;}
#themed_image				{position:absolute;}
#themed_image_index				{}

#themed_image2				{width:200px;}
#page_title					{position:absolute; height:60px; width:200px; text-align:center;}
#page_title h1				{margin: -2px 0px 0px 0px; text-align:center;}
#icons						{position:absolute; width:200px;}
#search						{position:absolute; width:200px;}
#template_flash				{position:absolute;}

#top_buttons_w				{position:absolute;}
#bottom_links 				{text-align: center;}
#favorites					{position:absolute;}
 .favorites_button			{border-width: 0;}
#contact					{position:absolute;}
 .contact_button			{border-width: 0;}
#site_info					{text-align: center; vertical-align:middle;}
	
/* special wrapper classes */

.body1						{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .paragraph_heading			{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body1 p					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body1 h1					{margin:0px; padding:0px 0px 0px 40px; vertical-align:top; text-align:left; background-image:url('../images/graphics/h1_bg.gif');background-position:left top;background-repeat:no-repeat;}
 .body1 h2					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body1_link				{margin:0px; padding:0px; vertical-align:top; text-align:right;}
 .body1 hr					{height:1px; width: 50%; color: #c0c0c0;}

.body2						{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body2 p					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body2 h1					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body2 h2					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body2_link				{margin:0px; padding:0px; vertical-align:top; text-align:right;}

.special1					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .special1 p				{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .special1 h1				{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .special1_link				{margin:0px; padding:0px; vertical-align:top; text-align:left;}

/* news and info*/
.news						{width:185px; vertical-align:top;text-align:left; background-image:url('../images/graphics/n0.gif'); float:right; clear:both; margin:0px 0px 20px 10px;}
.n2							{background-image:url('../images/graphics/n2.gif'); background-position:left top; background-repeat:repeat-x;vertical-align:top;}
.n6							{background-image:url('../images/graphics/n6.gif'); background-position:left bottom; background-repeat:repeat-x;}
.n4							{background-image:url('../images/graphics/n4.gif'); background-position:right top; background-repeat:repeat-y;}
.n8							{background-image:url('../images/graphics/n8.gif'); background-position:left top; background-repeat:repeat-y;}
.n5							{background-image:url('../images/graphics/n5.gif'); background-position:right bottom; background-repeat:no-repeat;}
.n7							{background-image:url('../images/graphics/n7.gif'); background-position:left bottom; background-repeat:no-repeat;}
.n3							{background-image:url('../images/graphics/n3.gif'); background-position:right top; background-repeat:no-repeat;vertical-align:top;}
.n1							{background-image:url('../images/graphics/n1.gif'); background-position:left top; background-repeat:no-repeat;vertical-align:top;}
.news_content				{width:165px; min-height:150px; color:black; padding:0px 5px 35px 5px;text-align:left;}
.news p						{margin:0px 0px 0px 0px;}
.news h1					{margin:0px 0px 0px 0px; padding:-5px 0px 0px 0px;}
.news h2					{margin:0px 0px 0px 0px;}
.news h3					{margin:0px 0px 0px 0px;}


.news a:hover				{text-decoration:none;} 
.news_scroller_bg 			{margin:0px; background-image:url('../images/graphics/scroller_bg.jpg');}

p.search-container 			{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline; width:200px; height:21px;}
.search						{margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:75px; height:21px; border-width: 0px;}
.searchbox 					{border-style:solid; border-width:0px;  border-color:#4A76BD; background-image:url('../images/graphics/search_bg.jpg'); height:18px; margin:0px 0px 0px 0px; vertical-align:top;}

.info						{background-image:url('../images/graphics/info.gif');background-position:top left; background-repeat:no-repeat; }
.info						{width:200px; margin: 20px 0px 0px 0px; padding: 7px 0px 0px 5px;}
.info h1					{margin:-5px 0px 0px 0px;}
.info p 					{padding: 0px 0px 0px 0px; margin:3px 0px 0px 0px; width: 190px;}

/* horizontal rule */
.hr 						{color: #F2D87B; width: 50%}

.wrapper_catalog 			{margin:10px 0px 20px 0px; border-style:dotted; border-width:thin; background-color:#333; padding: 5px 5px 5px 5px;}
.catalog_image 				{width:150px; vertical-align:top; background-color:#111;}
.catalog_description1 		{width:150px; vertical-align:top; background-color:#111;}
.catalog_backtotop 			{width:150px; vertical-align:top;}
.catalog_learnmore 			{width:150px; vertical-align:top; background-color:#ccc;}
.catalog_description2 		{width:100%; vertical-align:top; background-color:#333;}
.catalog_price 				{width:100%; vertical-align:middle; background-color:#333}
.catalog_divider hr 		{width:100%; height:1px; color:#C0C0C0; vertical-align:top; background-color:#ffffff;}
.catalog_addtocart 			{width:100%; vertical-align:top; background-color:#ccc;}

 #bottom_links a:hover		{text-decoration:none;}
 
 
/* Vertical_Menu */

.Vertical_Menu				{width: 200px; margin: 0px; font:normal 10pt Arial;}
.Vertical_Menu li 	 		{height: 22px;}	
.Vertical_Menu li a 		{height: 22px; voice-family: "\"}\""; voice-family: inherit;}	
.Vertical_Menu li a:visited {padding:4px 0px 0px 40px;}						
.Vertical_Menu li a:link 	{padding:4px 0px 0px 40px;}				
.Vertical_Menu li a:hover 	{padding:4px 0px 0px 40px;}
			
												
/*///////////////////////////////////////////////////*/



.chromestyle{
font:normal 10pt Arial;
width: 100%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
padding: 10px 15px 1px 14px;
margin: 0px 0px 0px 0px;
text-align: right; /*set value to "left", "center", or "right"*/
text-indent:4px;
background: url("../images/graphics/menu_bg.gif")/*THEME CHANGE HERE*/
}

.chromestyle ul li{
display: inline;
margin:0px 0px 0px -4px;
}

.chromestyle ul li a{
color: #DFDFDF;
padding: 10px 15px 1px 14px;
text-decoration: none;
border-right: 0px solid #0C193F;
background: url("../images/graphics/menu_bg_right.gif"); 
background-position: top right; 
background-repeat: no-repeat;/*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
color: #D8985A;
width:200px;
padding: 10px 15px 1px 14px;
text-decoration: none;
border-right: 0px solid #0C193F;
background: url("../images/graphics/menu_bg_over.gif");
background-position: top right; 
background-repeat: no-repeat;/*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel] {
 background-image: url(../images/graphics/arrow.gif);
background-position:  100% 35%; 
}

.chromestyle ul li a:hover[rel] {
 background-image: url(../images/graphics/arrow_hover.gif);
  background-position: 100% 45% ;

}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #33342F; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 8pt Arial;
line-height:16px;
z-index:100;
background-color: #666667;
width: 100px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 13px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #ccc;
}

.dropmenudiv a:hover{
color: #D8985A;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #535353;
text-decoration:none;
}


.menuAlignment 				{padding: 0px 0px 0px 0px;}   
ul.myVerticalMenu {list-style: none;margin: 0px;padding: 0px;font:normal 10pt Arial;} 
img {border: none;} 

.Vertical_Menu				{width: 199px; margin: 0px; font:normal 10pt Arial;}
.Vertical_Menu li a:visited {display: block;background: url('../images/graphics/vertical_menu.gif');}						
.Vertical_Menu li a:link 	{display: block;background: url('../images/graphics/vertical_menu.gif');}				
.Vertical_Menu li a:hover 	{background: url('../images/graphics/vertical_menu.gif') 0 -25px;}




.regformBottom {
  border-bottom:1px gray solid
}
#formStyle{
  font-size:8pt;
}
/* standard markup */
a:link 						{color: #ccc;	text-decoration:none;}
a:visited 					{color: #ccc;	text-decoration:none;}
a:hover 					{color: #fff; 	text-decoration:underline;}
a:active 					{color: #ccc;	text-decoration:none;}
a:focus 					{color: #333;	text-decoration:underline;}

h6 							{color: #DFDFDF; 	font-size:9pt;	font-weight:normal;}
h5 							{color: #DFDFDF; 	font-size:9pt;	font-weight:normal;}
h4 							{color: #DFDFDF; 	font-size:9pt;	font-weight:normal;}
h3 							{color: #DFDFDF; 	font-size:9pt;	font-weight:normal;}
h2 							{color: #DFDFDF; 	font-size:9pt;	font-weight:normal;}
h1 							{color: #DFDFDF; 	font-size:11pt;	font-weight:bold;}

td							{color: #DFDFDF;	font-size:9pt; 	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;}
textarea					{color: #DFDFDF;	font-size:9pt; 	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;}
.comment					{color: #000000;	font-size:9pt; 	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;}
table						{color: #DFDFDF;	font-size:9pt; 	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;}
p							{color: #DFDFDF;	font-size:9pt; 	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;}
body						{color: #DFDFDF;	font-size:9pt; 	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;}

/* stylized text logo */
.text_logo					{color:#DFDFDF; 	font-size:14pt; font-style:oblique; }

/* page title */
#page_title					{color:#DFDFDF; 	font-size:14pt; font-style:oblique; }
#page_title	h1				{color:#DFDFDF; 	font-size:14pt; font-style:oblique; }

/* icons */	
#icons						{color:#DFDFDF;		font-size:8pt;font-weight:bold;}
		#icons a:link		{color:#DFDFDF;} 
		#icons a:visited	{color:#DFDFDF;} 
		#icons a:hover		{color:#ffffff; 	text-decoration:none;} 
		#icons a:active		{color:#DFDFDF;}
		
/* bottom links */
#bottom_links 				{color:#DFDFDF;		font-size:8pt;}
 #bottom_links a:link		{color:#DFDFDF;} 
 #bottom_links a:visited	{color:#DFDFDF;} 
 #bottom_links a:hover		{color:#ffffff; 	text-decoration:none;} 
 #bottom_links a:active		{color:#DFDFDF;}
 
.bottom_content				{color:#DFDFDF;		font-size:8pt;}
 
/* site info and copyright */
#site_info					{color:#BDCBE8; 	font-size:8pt; }

/* content in body1 */
.body1						{color:#DFDFDF;	font-size:11pt;}
 .body1 td 	{color:#DFDFDF;	font-size:11pt;}
 .paragraph_heading			{color:#DFDFDF; 	font-size:11pt; font-weight:bold;}
 .body1 p					{color:#ccc; 	font-size:11pt;}
 .body1 h1					{color:#DFDFDF; 	font-size:14pt; font-weight:bold;}
 .body1 h2					{color:#DFDFDF; 	font-size:12pt; font-weight:bold;	font-style:italic;}
 .body1_link				{color:#333; 	font-size:11pt;}
 .redfont 					{color:#FFFFFF; 	font-size:11pt;	font-weight:bold;}
 .body_heading h1			{color:#DFDFDF;		font-size:14pt; font-weight:bold; 	font-style:italic;}


/* content in body2 left column*/
.body2						{color:#DFDFDF; 	font-size:8pt;}
 .body2 p					{color:#DFDFDF; 	font-size:8pt;}
 .body2 h1					{color:#DFDFDF;		font-size:12pt; font-weight:bold;}
 .body2 h2					{color:#DFDFDF;		font-size:11pt; 	font-weight:bold;}
 .body2_link				{color:#DFDFDF;		font-size:9pt;}
 
 /* headings */
 .body_heading h1			{color:#DFDFDF;		font-size:12pt; font-weight:bold; 	font-style:italic;}
 .menu_heading				{color:#DFDFDF;		font-size:12pt; font-weight:bold; 	font-style:italic; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px;}
 .menu_heading0				{ color:#DFDFDF;		font-size:12pt; font-weight:bold; 	font-style:italic; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center;}

 .news						{color:#000; 	text-align:left;}
 .news p					{color:#DFDFDF; 		margin:0px 0px 0px 0px;}
 .news h1					{color:#829AC8; 	font-size:10pt; font-weight:bold; font-variant:small-caps; text-align:center;}
 .news h2					{color:#666666; 	font-size:10pt; font-weight:bold; font-variant:small-caps; text-align:center;}
 .news h3					{color:#666666; 	font-size:10pt; font-weight:bold; font-variant:small-caps; text-align:center;}
 .news a:link				{color:#BDCBE8;} 
 .news a:visited			{color:#BDCBE8;} 
 .news a:hover				{color:#ffffff; 	text-decoration:none;} 
 .news a:active				{color:#BDCBE8;}
 .news_heading				{color:#DFDFDF; 	font-size:12pt; font-weight:bold; font-variant:small-caps; text-align:left; padding:3px 0px 7px 10px;}

 .info						{font-size:8pt; 	font-weight:normal;}
 .info h1					{text-indent:15px; 	font-size:9pt; font-weight:bold; color: white;}
 .info p 					{font-size:8pt; 	font-weight:normal;}
 
 .info2						{font-size:8pt; 	font-weight:normal;}
 .info2 h1					{text-indent:15px; 	font-size:9pt; font-weight:bold;}
 .info2 p 					{font-size:8pt; 	font-weight:normal;}


/* content in bottom cell */
.special1					{color:#BDCBE8;		font-size: 8pt;}
 .special1 p				{color:#BDCBE8;		font-size: 8pt;}
 .special1 h1				{color:#7996D0;		font-size: 8pt;}
 .special1_link				{color:#7996D0;		font-size: 8pt;}


/* vertical menu bar */

.Vertical_Menux li a 		{color:#DFDFDF;		font-size:10pt;font-weight:bold; 	text-decoration:none;}	
.Vertical_Menux li a:visited {color:#DFDFDF;	font-size:10pt;font-weight:bold;}								
.Vertical_Menux li a:link 	{color:#DFDFDF;		font-size:10pt;font-weight:bold;}									
.Vertical_Menux li a:hover 	{color:#D8985A;		font-size:10pt;font-weight:bold;} 