/* background  HTML color and BODY graphic */

/* main table for width and centering on page */

.main				{width:1024px; margin-left:auto; margin-right:auto; background-image:url('../graphics/index_spacer_1024.jpg');}

.header				{width:1000px; height:343px;  position:relative; background-image:url('../graphics/index_top_1024_n.jpg'); clear:both;}
.content			{width:1000px; background-image:url('../graphics/index_center_1024.jpg'); background-position: top left; background-repeat:no-repeat;}
.footer				{width:1000px; height:110px; background-image:url('../graphics/index_bottom_1024.jpg');}

	.footer_left		{width:10px; height:110px; }
	.footer_right		{height:90px; text-align:center; vertical-align:top; padding: 20px 0px 0px 0px;}


.content_left1 		{width:40px;}
.content_left		{width:743px; padding: 0px 0px 0px 0px; vertical-align:top;}
.content_right1 	{width:22px;}
.content_right		{padding: 0px 0px 0px 0px; vertical-align:top;}
.content_right2 	{width:30px;}

.body2_w			{padding:7px 0px 5px 0px; vertical-align:top;}
.body1_w			{margin:25px 0px 0px 0px; padding:2px 5px 2px 5px;   border-style:double; border-color:#ADBCC9;}

.body2_top			{width:192px; height:200px; background-image:url('../graphics/body2_top.jpg'); background-position:top left;background-repeat:no-repeat;}
.body2_spacer		{width:192px; height:200px; background-image:url('../graphics/body2_spacer.jpg'); }
.body2_bottom		{width:192px; height:200px; background-image:url('../graphics/body2_bottom.jpg'); background-position:bottom left;background-repeat:no-repeat; vertical-align:top;}

.body3_w			{margin:5px 0px 0px 0px; padding:2px 5px 2px 5px;    border-style:double; border-color:#ADBCC9;}
.w3c_w				{margin:5px 0px 0px 0px; padding:2px 5px 2px 5px;    border-style:double; border-color:#ADBCC9;}

.menu_top			{ height:35px; text-align:left; text-indent:30px; padding-top: 10px; font-size:12pt; font-weight: bold; font-variant:small-caps;}

/* background  HTML color and BODY graphic */
html 				{background-image:url("../graphics/bg-theme.jpg");}
body 				{background-image: url("../graphics/background_n.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;
	width:100%;
}

#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;}
.frontProducts {border:thin #387491 solid; width:100px; height:90px; background-color:#eef3f7; background-image:url(../images/prodBG.jpg)}

	
/* 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: Arial, 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 25px; display: block; background: url('../graphics/vertical_menu.gif');font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt;}
										
.Vertical_Menu li a:link 
							{padding:2px 0px 0px 25px; display: block; background: url('../graphics/vertical_menu.gif');font-family: Arial, 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 25px; background: url('../graphics/vertical_menu.gif') 0 -30px;font-family: Arial, 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: Arial, 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: Arial, 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: Arial, 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: Arial, Helvetica, sans-serif; font-weight: bold;font-size: 10pt;}

.wrapper_catalog 			{margin:5px 15px 20px 0px; border-style: groove; 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;
font-size:16px;
padding-top:8px;
}

.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_n.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_n.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;
}


/* standard markup */
a:link 						{color: #214B63;	text-decoration:none;}
a:visited 					{color: #000000;	text-decoration:none;}
a:hover 					{color: #000000; 	text-decoration:underline;}
a:active 					{color: #214B63;	text-decoration:none;}
a:focus 					{color: #214B63;	text-decoration:underline;}

h6 							{color: #214B63; 	font-size:9pt;	font-weight:normal;}
h5 							{color: #214B63; 	font-size:9pt;	font-weight:normal;}
h4 							{color: #214B63; 	font-size:9pt;	font-weight:normal;}
h3 							{color: #214B63; 	font-size:9pt;	font-weight:normal;}
h2 							{color: #214B63; 	font-size:9pt;	font-weight:normal;}
h1 							{color: #214B63; 	font-size:11pt;	font-weight:bold;}

td							{color: #214B63;	font-size:9pt; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
textarea					{color: #214B63;	font-size:9pt; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
table						{color: #214B63;	font-size:9pt; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
p							{color: #214B63;	font-size:9pt; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
body						{color: #214B63;	font-size:9pt; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

/* stylized text logo */
.text_logo					{color:#214B63; 	font-size:14pt; font-family:Arial, Helvetica, sans-serif;	font-weight:normal;	font-style:oblique; }


/* page title */
#page_title					{color:#214B63; 	font-size:14pt; font-family:Arial, Helvetica, sans-serif;	font-weight:normal;	font-style:oblique; }
#page_title	h1				{color:#214B63; 	font-size:14pt; font-family:Arial, Helvetica, sans-serif;	font-weight:normal;	font-style:oblique; }

/* icons */	
#icons						{color:#BDCBE8;		font-size:8pt; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold;}
		#icons a:link		{color:#BDCBE8;} 
		#icons a:visited	{color:#BDCBE8;} 
		#icons a:hover		{color:#ffffff; 	text-decoration:none;} 
		#icons a:active		{color:#BDCBE8;}
		
		
/* top buttons */
#top_buttons_w				{color:#00349B;		font-size:9pt; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold;}

 .top_buttons a				{color:#BDCBE8; 	font-size:9pt; 	text-decoration:none; cursor:pointer;}
 .top_buttons a:visited 	{color:#BDCBE8; 	font-size:9pt; 	text-decoration:none; cursor:pointer;}
 .top_buttons a:hover 		{color:#ffffff; 	font-size:9pt; 	background:#ffffff;}
  
/* bottom links */
#bottom_links 				{color:#214B63;		font-size:8pt; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold;}
 #bottom_links a:link		{color:#214B63;} 
 #bottom_links a:visited	{color:#214B63;} 
 #bottom_links a:hover		{color:#7996D0; 	text-decoration:none;} 
 #bottom_links a:active		{color:#214B63;}
 
.bottom_content				{color:#214B63;		font-size:8pt; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:normal;}

 
/* site info and copyright */
#site_info					{color:#214B63; 	font-size:8pt; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:normal;}

/* content in body1 */
.body1						{color:#214B63; 	font-size:9pt; 	font-family:Arial, Helvetica, sans-serif;}
 .paragraph_heading			{color:#214B63; 	font-size:11pt; font-family:Arial, Helvetica, sans-serif; 	font-weight:bold;}
 .body1 p					{color:#214B63; 	font-size:9pt; 	font-family:Arial, Helvetica, sans-serif;}
 .body1 h1					{color:#214B63; 	font-size:14pt; font-family:Arial, Helvetica, sans-serif;	font-weight:normal; 	font-style:oblique;}
 .body1 h2					{color:#214B63; 	font-size:11pt; font-family:Arial, Helvetica, sans-serif; 	font-weight:bold; 	font-style:italic;}
 .body1_link				{color:#214B63; 	font-size:9pt; 	font-family:Arial, Helvetica, sans-serif;}
 .redfont 					{color:maroon; 	font-size:9pt; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold;}
 .orangefont 					{color:orange; 	font-size:9pt; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold;}

/* content in body2 left column*/
.body2						{color:#214B63; 	font-size:8pt;	font-family:Arial, Helvetica, sans-serif;}
 .body2 p					{color:#F4F7FB; 	font-size:8pt;	font-family:Arial, Helvetica, sans-serif;}
 .body2 h1					{color:#F4F7FB;		font-size:12pt; font-family:Arial, Helvetica, sans-serif; 	font-weight:bold; 	font-style:oblique;}
 .body2 h2					{color:#F4F7FB;		font-size:9pt; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold; 	font-style:italic;}
 .body2_link				{color:#F4F7FB;		font-size:9pt;	font-family:Arial, Helvetica, sans-serif;}
 .body2_w p					{color:#214B63; 	font-size:8pt;	font-family:Arial, Helvetica, sans-serif;}

.body2i						{color:#214B63; 	font-size:8pt;	font-family:Arial, Helvetica, sans-serif;}
 .body2i p					{color:#F4F7FB; 	font-size:8pt;	font-family:Arial, Helvetica, sans-serif;}
 .body2i h1					{color:#F4F7FB;		font-size:12pt; font-family:Arial, Helvetica, sans-serif; 	font-weight:bold; 	font-style:oblique;}
 .body2i h2					{color:#F4F7FB;		font-size:9pt; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold; 	font-style:italic;}
 .body2i_link				{color:#F4F7FB;		font-size:9pt;	font-family:Arial, Helvetica, sans-serif;}
 .body2i_w p					{color:#214B63; 	font-size:8pt;	font-family:Arial, Helvetica, sans-serif;}

/* content in white space under body1*/
.body3						{color:#214B63;		font-size:8pt;	font-family:Arial, Helvetica, sans-serif;}
 .body3 p					{color:#214B63;		font-size:8pt;	font-family:Arial, Helvetica, sans-serif;}
 .body3 h1					{color:#214B63;		font-size:10pt; font-family:Arial, Helvetica, sans-serif; 	font-weight:bold; 	font-style:oblique;}
 .body3 h2					{color:#214B63;		font-size:9pt; 	font-family:Arial, Helvetica, sans-serif;	font-weight:bold; 	font-style:italic;}
 .body3_link				{color:#214B63;		font-size:9pt;	font-family:Arial, Helvetica, sans-serif;}

/* content in bottom cell */
.special1					{color:#214B63;		font-size: 8pt;	font-family:Arial, Helvetica, sans-serif;}
 .special1 p				{color:#214B63;		font-size: 8pt;	font-family:Arial, Helvetica, sans-serif;}
 .special1 h1				{color:#214B63;		font-size: 8pt;	font-family:Arial, Helvetica, sans-serif;}
 .special1_link				{color:#214B63;		font-size: 8pt;	font-family:Arial, Helvetica, sans-serif;}

/* content in right column */
.special2					{color:#BDCBE8;		font-size: 8pt;	font-family:Arial, Helvetica, sans-serif;}
 .special2 p				{color:#7996D0;		font-size: 8pt;	font-family:Arial, Helvetica, sans-serif;}
 .special2 h1				{color:#7996D0;		font-size: 8pt;	font-family:Arial, Helvetica, sans-serif;}
 .special2_link				{color:#7996D0;		font-size: 8pt;	font-family:Arial, Helvetica, sans-serif;}

/* vertical menu bar */

.Vertical_Menu li a 		{color:#BDCBE8;		font-size:9pt;	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold; 	text-decoration:none;}	
.Vertical_Menu li a:visited {color:#BDCBE8;		font-size:9pt;	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold;}								
.Vertical_Menu li a:link 	{color:#BDCBE8;		font-size:9pt;	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold;}									
.Vertical_Menu li a:hover 	{color:#F4F7FB;		font-size:9pt;	font-family:Arial, Helvetica, sans-serif; 	font-weight:bold;}