﻿/* background  HTML color and BODY graphic */
html 				{background-image:url("../graphics/bg-theme.jpg");}
body 				{margin: 0px ; background-image: url("../graphics/background.jpg");background-repeat: repeat-x; background-position: center top;}
#logo						{position:absolute;}
#themed_image				{position:absolute;}
#themed_image2				{height:179px; width:172px;}
#page_title					{position:absolute; height:60px; width:220px; 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:185px;}
#favorites					{float:left; margin:0px 0px 0px 15px;}
 .favorites_button			{border-width: 0;}
#contact					{float:right; margin:0px 0px 0px 0px;}
 .contact_button			{border-width: 0;}
#site_info					{text-align: center;}

	
/* 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; 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;}
 .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;}

.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: 185px; 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 30px; display: block; background: url('../graphics/vertical_menu.gif');font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: 10pt;}
										
.Vertical_Menu li a:link 
							{padding:2px 0px 0px 30px; display: block; background: url('../graphics/vertical_menu.gif');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 35px; background: url('../graphics/vertical_menu.gif') 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:#EBEBEB; 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:#F7F7F7}
.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;}

.dropmenudiv				{border: 1px solid #665; margin-left:-18px;}
.dropmenudiv				{background-color: #D3D3D3;}
.dropmenudiv a:hover        {background-color: #A7A7A7;}
.dropmenudiv a:active       {background-color: #D3D3D3;}
.dropmenudiv a:visited      {background-color: #D3D3D3;}
.dropmenudiv a:link         {background-color: #D3D3D3;}


 .top_buttons 				{padding:0; margin:0;}
 .top_buttons dt 			{display:none;}
 .top_buttons dd 			{float:left; padding:0; margin:0px 10px 0px 0px; text-align:center;}
 .top_buttons dd span.aa 	{display:block; width:25px; height:19px; background:url(../graphics/hmenu_left.jpg); float:left; border-bottom:0px solid #888; padding:11px 0;}
 .top_buttons dd span.bb 	{height:19px; background:url(../graphics/hmenu_spacer.jpg); float:left; border-bottom:0px solid #888; padding:11px 0;}
 .top_buttons dd span.cc 	{display:block; width:2px; height:19px; background:url(../graphics/hmenu_right.jpg); float:left; border-bottom:0px solid #888; padding:11px 0;}

 .top_buttons a:hover span 	{background-position:0 40px; border-bottom:0px solid #ccccc; text-decoration:none;}
  
 
 .menuAlignment 				{padding: 0px 0px 0px 0px;} ul.halletopmenu {list-style: none; display:inline; height:200px}
	border-style: solid;
	border-color: inherit;
	border-width: 0px;
	float: none;
	display: inline;
	color: #666655;
	text-align: center;
	vertical-align: middle;
} 
.topmenu ul
{margin:25px; padding:25px; height:200px;}

.topmenu ul li
{display:inline;  float:left; list-style:none;}

 
 .topmenu				{display:inline; margin: 0px;}
.topmenu li a 		{ voice-family: "\"}\"";}	
.topmenu li a:visited {padding:6px 0px 0px 45px;}						
.topmenu li a:link 	{padding:6px 0px 0px 45px;}				
.topmenu li a:hover 	{padding:6px 0px 0px 45px;}

.topmenu				{ width:100px; display:inline;}
.topmenu li a:visited {display:inline; width:100px; height:50px; background : url('../graphics/topmenu.jpg')}						
.topmenu li a:link 	{display:inline; width:100px; height:50px;  background: url('../graphics/topmenu.jpg')}		
.topmenu li a:hover 	{background: url('../graphics/topmenu.jpg') 0 -45px;}		

#slidemenu {}
div.slidetabsmenu{text-align: right; }
.slidetabsmenu ul{list-style-type: none; margin:0; padding:0; margin-left:85px; margin-top:2px;}
.slidetabsmenu li{display:inline; margin:0; padding:0; }

.slidetabsmenu a{float:left;  background :url("../graphics/menu-left.jpg") no-repeat left top; margin:0;padding:0 0px 0 0px;}

.slidetabsmenu a span {float:left;  display:block;background:url("../graphics/menu-right.jpg") no-repeat right top;padding:10px 20px 10px 13px;}

.slidetabsmenu a span a:hover{}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */
.slidetabsmenu li.selected a span{}
.slidetabsmenu a:hover span{}
.slidetabsmenu li.selected a{background-position:0% -125px;}
.slidetabsmenu a:hover{background-position:0% -125px;}
.slidetabsmenu li.selected a span{background-position:100% -125px;}
.slidetabsmenu a:hover span{background-position:100% -125px;}
html>/**/body .IEonlybr{ /*None IE browsers hack*/display: none; /*Hide BR tag in non IE browsers, since it's not needed*/}

.slidetabsmenu a:link 		{color:#460607; text-decoration:none;}
.slidetabsmenu a:visited 	{color:#460607; text-decoration:none;}
.slidetabsmenu a:hover 		{color:#A58845; text-decoration:none;}
.slidetabsmenu a:active 	{color:#460607; text-decoration:none;}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv_c{background-color:#C0AB68;  position: fixed; top: 300px; margin-left:350px; border: 0px solid #A58845; /*THEME CHANGE HERE*/ border-width: 1px 0px; line-height:18px; z-index:400; width: 200px; visibility: hidden;}
.dropmenudiv_c a{width:auto; display:block; text-indent:25px; border:1px solid #A58845; /*THEME CHANGE HERE*/ border-bottom-width:0px; padding:2px 0; text-align:left;}
* html .dropmenudiv_c a			{ /*IE only hack*/width: 100%;}
.dropmenudiv_c a:hover			{ /*THEME CHANGE HERE*/background-color: #400404;}
.dropmenudiv_c a:link			{ /*THEME CHANGE HERE*/color:#460607;}
.dropmenudiv_c a:visited		{ /*THEME CHANGE HERE*/color:#460607;}
.dropmenudiv_c a:hover			{ /*THEME CHANGE HERE*/color:#A58845; text-decoration:none;}
.dropmenudiv_c a:active			{ /*THEME CHANGE HERE*/color:#460607;}
.dropmenudiv_c a				{ /*THEME CHANGE HERE*/color:#460607;}


#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;}
 
 .textarea { color: black;}