﻿/* background  HTML color and BODY graphic */
html 				{background-image:url("../graphics/bg-theme.jpg");}
.hdremail {
	position:absolute;
	width:517px;
	height:25px;
	z-index:3;
	left: 247px;
	top: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1B3860;
	text-align: right;
	font-style: normal;
	vertical-align: middle;
	padding-top: 0px;
	padding-left: 5px;
	text-decoration: underline;
	padding-right: 5px;
}
#emaillink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1B3860;
	text-decoration: underline;
	text-align: left;
	height: 25px;
	width: 250px;
	overflow: visible;
	visibility: visible;
}
#div_email {
	text-align: right;
	width: 510px;
	height: 30px;
	vertical-align: bottom;
	padding-top: 16px;
	padding-bottom: 0px;
}


#maintitle {
	position:absolute;
	width:517px;
	height:41px;
	z-index:3;
	left: 254px;
	top: 234px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #D9D6B7;
	text-align: left;
	font-style: italic;
	vertical-align: middle;
	padding-top: 7px;
	padding-left: 5px;
	visibility: visible;
	padding-bottom: 10px;
}


body 				{background-image: url("../graphics/background.jpg");background-repeat: repeat-x; background-position: center top; margin: 0px 0px 0px 0px;}

#logo						{
	position:absolute;
	visibility: visible;
}
#themed_image				{position:absolute;}
#themed_image2				{ height:147px; width:215px;}
#page_title					{position:absolute; height:60px; width:230px; text-align:center;}
#themed_image_insert		{position:absolute; height:161px; width:210px;}
#page_title h1				{margin:10px; text-align:center;}
#icons						{position:absolute;}
#index_flash				{position:absolute; left:1px; top:1px;}
#template_flash				{position:absolute;}
#index_menu					{position:absolute; }

#top_links_w				{position:absolute; display:inline;  width:300px; height:30px; vertical-align:top; text-align: right;}
#top_buttons_w				{position:absolute; left:500px; top:201px; height:30px; vertical-align:middle; 	text-align: center;}
#bottom_links 				{text-align: center;}
#favcontact 				{height: 80px; width:230px;}
#favorites					{float:left; margin:0px 0px 0px 10px;}
 .favorites_button			{border-width: 0;}
#contact					{
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: center;
}
 .contact_button			{border-width: 0;}
#site_info					{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2F578A;
	width: 850px;
	background-position: center;
}

	
/* special wrapper classes */

.body1						{
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.body1_emphasize {
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1B3860;
	font-weight: 700;
}

 .paragraph_heading			{
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
 .body1 p					{
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:left;
	color: #666666;
}
 .body1 h1					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .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;
	color: #D9D6B7;
}
 .body2 p					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body2 h1					{
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}
 .body2 h2					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body2_link				{margin:0px; padding:0px; vertical-align:top; text-align:right;}

.body3						{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body3 p					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body3 h1					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body3 h2					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body3_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;}

.special2					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .special2 p				{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .special2 h1				{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .special2_link				{margin:0px; padding:0px; vertical-align:top; text-align:left;}

/* common page styles */



/* horizontal rule */
.hr 						{color: #F2D87B; width: 50%}

/* Vertical_Menu */
.menuAlignment 				{padding: 0px 0px 0px 0px;} ul.myVerticalMenu {list-style: none;margin: 0;padding: 0;} img {border: none;} 

  					/* change width this controls the width of the buttons*/
.Vertical_Menu					{width: 230px; margin: 0px;}

					/* change height: this controls the height of the buttons */
.Vertical_Menu li a 			{height: 20px; voice-family: "\"}\""; voice-family: inherit; height: 20px; text-decoration: none; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold;}	

					/* change padding: (controls the placment of the button name :top-right-bottom-left) */
.Vertical_Menu li a:visited 
							{padding:2px 0px 0px 50px; display: block; background: url('../graphics/vertical_menu.jpg');font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: 10pt;}
										
.Vertical_Menu li a:link 
							{padding:2px 0px 0px 50px; display: block; background: url('../graphics/vertical_menu.jpg');font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: 10pt;}
										
					/* change padding: (top-right-bottom-left) change -position use 50% of button height*/
.Vertical_Menu li a:hover 
							{padding:2px 0px 0px 50px; background: url('../graphics/vertical_menu.jpg') 0 -22px;font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold;font-size: 10pt;}
			
												
/* Index_Menu */
.menuAlignment 				{padding: 0px 0px 0px 0px;} ul.myVerticalMenu2 {list-style: none;margin: 0;padding: 0;} img {border: none;} 

  					/* change width this controls the width of the buttons*/
.Index_Menu					{width: 180px; margin: 0px;}

					/* change height: this controls the height of the buttons */
.Index_Menu li a 			{height: 26px; voice-family: "\"}\""; voice-family: inherit; height: 26px; text-decoration: none; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold;}	

					/* change padding: (controls the placment of the button name :top-right-bottom-left) */
.Index_Menu li a:visited 
							{padding:5px 0px 0px 50px; display: block; background: url('../graphics/index_menu.jpg');font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: 10pt;}
										
.Index_Menu li a:link 
							{padding:5px 0px 0px 50px; display: block; background: url('../graphics/index_menu.jpg');font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: 10pt;}
										
					/* change padding: (top-right-bottom-left) change -position use 50% of button height*/
.Index_Menu li a:hover 
							{padding:5px 0px 0px 50px; background: url('../graphics/index_menu.jpg') 0 -30px;font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold;font-size: 10pt;}

.wrapper_catalog 			{margin:10px 0px 20px 0px; border-style:dotted; border-width:thin; background-color:#D9D5B6; padding: 5px 5px 5px 5px;}
.catalog_image 				{width:150px; vertical-align:top; background-color:#ffffff;}
.catalog_description1 		{width:150px; vertical-align:top; background-color:#ffffff;}
.catalog_backtotop 			{width:150px; vertical-align:top;}
.catalog_learnmore 			{width:150px; vertical-align:top; background-color:#ffffff;}
.catalog_description2 		{width:100%; vertical-align:top; background-color:#ffffff;}
.catalog_price 				{width:100%; vertical-align:middle; background-color:#EAE8D7}
.catalog_divider hr 		{width:100%; height:1px; color:#C0C0C0; vertical-align:top; background-color:#ffffff;}
.catalog_addtocart 			{width:100%; vertical-align:top; background-color:#ffffff;}


 .top_buttons 				{padding:0; margin:0;}
 .top_buttons dt 			{display:none;}
 .top_buttons dd 			{float:left; padding:0; margin:0; text-align:center;}
 .top_buttons dd span.aa 	{display:block; width:21px; height:18px; background:url(../graphics/hmenu_left.jpg); float:left; border-bottom:0px solid #888; padding:15px 0;}
 .top_buttons dd span.bb 	{height:18px; background:url(../graphics/hmenu_spacer.jpg); float:left; border-bottom:0px solid #888; padding:15px 0;}
 .top_buttons dd span.cc 	{display:block; width:21px; height:18px; background:url(../graphics/hmenu_right.jpg); float:left; border-bottom:0px solid #888; padding:15px 0;}

 .top_buttons a:hover span 	{background-position:0 48px; border-bottom:1px solid #ccccc; text-decoration:none;}

#top_links					{margin: 0px; 			vertical-align: middle; 	text-align: center;}

 #top_links a               {display:inline-block; 	width:113px; 	height:29px; padding: 6px 0px 0px 0px;}
 #top_links a:link			{width:113px; height:29px; background:url('../graphics/toplinks.jpg');} 
 #top_links a:visited		{width:113px; height:29px; background:url('../graphics/toplinks.jpg');} 
 #top_links a:hover			{width:113px; height:29px; background:url('../graphics/toplinks.jpg') 113px;} 
 #top_links a:active		{width:113px; height:29px; background:url('../graphics/toplinks.jpg');}

 #bottom_links a:hover		{text-decoration:none;}
