/* 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;height:100px; width:202px;}
#themed_image2				{height:179px; width:172px;}
#page_title					{position:absolute; left: 12px; top: 89px; text-align:center; width:220px;}
#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:217px; top:100px; height:25px; vertical-align:middle; 	text-align: center;}
#bottom_links 				{text-align: center;}
#favcontact 				{height: 90px; width:190px;}
#favorites					{float:left; margin:0px 15px 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 18px 0px 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 0px 0px 5px; padding:0px; vertical-align:top; text-align:left; width:165px;}
 .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;}
 
 .body2i       						{margin:0px 0px 0px 15px; padding:0px; vertical-align:top; text-align:left; width:165px;}
 .body2i p					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body2i h1					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body2i h2					{margin:0px; padding:0px; vertical-align:top; text-align:left;}
 .body2i_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: 180px; margin: 8px;}

					/* change height: this controls the height of the buttons */
.Vertical_Menu li a 			{height: 28px; 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 65px; 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 65px; 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 65px; background: url('../graphics/vertical_menu.gif') 0 -30px;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:5px 15px 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 9px 0px 0px; text-align:center;}
 .top_buttons dd span.aa 	{display:block; width:25px; height:24px; background:url(../graphics/hmenu_left.jpg); float:left; border-bottom:0px solid #888; padding:1px 0;}
 .top_buttons dd span.bb 	{height:24px; background:url(../graphics/hmenu_spacer.jpg); float:left; border-bottom:0px solid #888; padding:1px 0;}
 .top_buttons dd span.cc 	{display:block; width:15px; height:24px; background:url(../graphics/hmenu_right.jpg); float:left; border-bottom:0px solid #888; padding:1px 0;}

 .top_buttons a:hover span 	{background-position:0 25px; 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: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;}
 
 
 
 /*///////////////////////////////////////////////////*/



.chromestyle{
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: 5px 15px 2px 14px;
margin: 0px 0px 0px 0px;
text-align: left; /*set value to "left", "center", or "right"*/
text-indent:0px;
background: url("../graphics/menu_bg.gif")/*THEME CHANGE HERE*/
}

.chromestyle ul li{
display: inline;
margin:0px 0px 0px 0px;;
}

.chromestyle ul li a{
color: #BDCBE8;
padding: 6px 15px 2px 14px;
text-decoration: none;
border-right: 0px solid #0C193F;
background: url("../graphics/menu_bg_right.gif"); background-position: top right; background-repeat: no-repeat;/*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
color: #ffffff;
width:200px;
padding: 6px 15px 2px 14px;
text-decoration: none;
border-right: 0px solid #0C193F;
background: url("../graphics/menu_bg_over.gif");background-position: top right; background-repeat: no-repeat;/*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel] {
 background-image: url(../graphics/arrow.gif);
  background-position: 100% 45% ;
}

.chromestyle ul li a:hover[rel] {
 background-image: url(../graphics/arrow_hover.gif);
  background-position: 100% 45% ;

}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute; 
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 13px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
margin-top:0px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: black;
text-align: left;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}