﻿/* background  HTML color and BODY graphic */
html 				{background-image:url("../graphics/bg-theme.jpg");}
body 				{background-image: url("../graphics/background.jpg");background-repeat: repeat-x; background-position: center top; margin: 0px 0px 0px 0px;}

#logo						{position:absolute;}
#themed_image				{position:absolute;}
#themed_image2				{height:90px; width:190px;}
#page_title					{position:absolute; height:60px; width:190px; text-align:center;}
#themed_image_insert		{position:absolute; height:90px; width:112px;}
#page_title h1				{margin:10px; text-align:center;}
#icons						{position:absolute; width: 200px;}
#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; 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: 188px; margin: 0px;}

					/* change height: this controls the height of the buttons */
.Vertical_Menu li a 			{height: 23px; voice-family: "\"}\""; voice-family: inherit; height: 23px; 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:5px 0px 0px 35px; 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:5px 0px 0px 35px; 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:5px 0px 0px 35px; background: url('../graphics/vertical_menu.jpg') 0 -28px;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;}


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

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

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

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

 #bottom_links a:hover		{text-decoration:none;}
 
 /** Bernard Styles **/
 
 .logo-link-container {
	 margin-bottom:80px;
 }
 
 .logo-links {
	 text-align:center;
	 float:left;
 }
 
 .logo-links .a-image {
	 display:block;
	 margin-bottom:10px;
 }
 
 .clear {
	 display:block;
	 clear:both;
 }
 
 /** Bernard Styles **/