/* div markup */
#wrapper_top				{position:relative; height:177px;}

	#logo					{padding:0px 0px 0px 0px; margin:px 0px 0px 0px;}
	#themed_image			{position:absolute; left:45px; top:40px; height:145px; width:321px;}
	#special_1				{position:absolute; left:200px; top:117px; color: #ffeebb; font-family:Times ;font-size:2em; font-style:oblique; font-weight: normal;}
	 #special_1 p			{font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;}
 	 #special_1 h1			{color:#ffeebb; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:14pt; font-weight: normal; font-style:oblique; }

	#icons					{position:absolute; float:left; right :25px; top:0px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align:middle; text-align:left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
		#icons a:link		{color: #E67E01;} 
		#icons a:visited	{color: #E67E01;} 
		#icons a:hover		{color: #ffffff; text-decoration:none;} 
		#icons a:active		{color: #ffcc00;}

	#index_flash			{position:absolute; left:10px; top:21px; height:153px; width:760px; overflow:hidden;}

	#template_flash			{position:absolute; right:0px; top:29px; height:145px; width:277px; overflow:hidden;}

#top_links					{padding: 0px 0px 0px 0px; margin: 7px 0px 0px 0px; width:590px;  vertical-align: middle; text-align: center; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}

 #top_links a               {padding: 0px 10px 0px 5px;  border-right-width:1px; border-right-color:#95DB77; border-right-style:dashed; }
 #top_links a:link			{color: #C5EBB4; } 
 #top_links a:visited		{color: #C5EBB4; } 
 #top_links a:hover			{color: #ffffff;text-decoration:none;} 
 #top_links a:active		{color: #C5EBB4; }


#bottom_links 				{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align: top; text-align: center; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
 #bottom_links a:link		{color: #000000;} 
 #bottom_links a:visited	{color: #000000;} 
 #bottom_links a:hover		{color: #009900;text-decoration:none;} 
 #bottom_links a:active		{color: #000000;}
 
#vertical_menu				{padding: 0px 0px 0px 0px; margin: 0px 0px 30px 30px;}

#site_info					{padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; vertical-align: top; text-align: center; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;}

#wrapper_favcontact 		{height: 130px; width: 270px;}
#favorites					{float:left; height:130px; width:135px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-width: 0;}
 .favorites_button			{border-width: 0;}
#contact					{float:right; height:130px; width:135px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-width: 0;}
 .contact_button			{border-width: 0;}

/* special wrapper classes */

#body1						{padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px; vertical-align: top; text-align: left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;}
 #body1 p					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;}
/*
 #body1 h1					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; background-image: url('../graphics/h1.jpg'); background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:14pt; font-weight: normal; font-style:oblique; color:#5C5C5C;}
 #body1 h2					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px; background-image: url('../graphics/h2.jpg'); background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:11pt; font-weight: bold; font-style:italic; color:#5C5C5C;}
*/
 #body1 h1					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px;  background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:14pt; font-weight: normal; font-style:oblique; color:#5C5C5C;}
 #body1 h2					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px;  background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:11pt; font-weight: bold; font-style:italic; color:#5C5C5C;}

 #body1_link				{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;}
 #body1 hr					{height:1px; width: 50%; color: #c0c0c0;}
 .redfont 					{color: #FF0000; font-weight:bold;}

#body2						{padding: 0px 0px 0px 0px; margin: 15px 25px 15px 30px; vertical-align: top; text-align: left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt;}
 #body2 p					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt;}
 #body2 h1					{padding: 0px 0px 0px 0px; margin: 5px 0px 5px 10px; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:10pt; font-weight: bold; font-style:oblique; color:#5C5C5C;}
 #body2 h2					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:9pt; font-weight: bold; font-style:italic; color:#5C5C5C;}
 #body2_link				{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;}

#body3						{padding: 0px 0px 0px 0px; margin: 0px 45px 0px 25px; vertical-align: top; text-align: left; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt;}
 #body3 p					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 8pt;}
/*
 #body3 h1					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 35px; background-image: url('../graphics/h1.jpg'); background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:10pt; font-weight: bold; font-style:oblique; color:#5C5C5C;}
 #body3 h2					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px; background-image: url('../graphics/h2.jpg'); background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:9pt; font-weight: bold; font-style:italic; color:#5C5C5C;}
*/
 #body3 h1					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 35px;  background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:10pt; font-weight: bold; font-style:oblique; color:#5C5C5C;}
 #body3 h2					{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px;  background-position: left;background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:9pt; font-weight: bold; font-style:italic; color:#5C5C5C;}
 #body3_link				{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;}

#gedged 
	{padding:14px 0px 0px 50px; display: block; background: url('../graphics/menunews.gif');font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: medium; color:#006633;}

/* common page styles */
a:link 						{text-decoration: none; color: #111111;}
a:visited 					{text-decoration: none; color: #111111;}
a:hover 					{text-decoration: underline; color: #111111;}
a:active 					{text-decoration: none; color: #111111;}
a:focus 					{text-decoration: underline; color: #111111;}

h6 							{color: #cccccc; font-weight: normal; font-size:9pt;}
h5 							{color: #cccccc; font-weight: normal; font-size:9pt;}
h4 							{color: #333333; font-weight: bold; font-size:10pt; color:maroon;}
h3 							{color: #333333; font-weight: bold; font-size:12pt; color: blue;}
h2 							{color: #333333; font-weight: normal; font-size:10pt;}
h1 							{color: #cccccc; font-weight: normal; font-size:9pt;}

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

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

.janbox { 
  background: #DBDBE3; 
}
.janboxtop { 
 height: 10px;
  background: url('../graphics/ne.gif') no-repeat top right; 
}
.janboxtop div {
 height: 10px; 
  background: url('../graphics/nw.gif') no-repeat top left; 
}
.janboxbottom { 
 height: 10px;
  background: url('../graphics/se.gif') no-repeat bottom right; 
}
.janboxbottom div { 
  height: 10px; 
  background: url('../graphics/sw.gif') no-repeat bottom left; 
}
.janboxcontent {
  padding: 0px 10px 0px 10px;
}


/* CSSMenubar */
.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*/
#CSSMenubar					{width: 220px; margin: 0px;}

					/* change height: this controls the height of the buttons */

#CSSMenubar li a 			{height: 42px; voice-family: "\"}\""; voice-family: inherit; height: 42px; 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) */
#CSSMenubar li a:visited 
							{padding:5px 0px 0px 50px; display: block; background: url('../graphics/menubutton.gif');font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: medium; color:#5C5C5C;}
										
#CSSMenubar li a:link 
							{padding:5px 0px 0px 50px; display: block; background: url('../graphics/menubutton.gif');font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: medium; color:#006633;}
										
					/* change padding: (top-right-bottom-left) change -position use 50% of button height*/
#CSSMenubar li a:hover 
							{padding:5px 0px 0px 50px; background: url('../graphics/menubutton.gif') 0 -47px;font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold;font-size: medium; color:#FF6600;}
						
.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;}

/* menu added 2010 */
ï».dropmenudiv				{border: 1px solid #665; margin-left:0px;}
.dropmenudiv				{background-color: #86ba1a;}
.dropmenudiv a:hover        {background-color: #394462;}/* change in font.css as well */
.dropmenudiv a:active       {background-color: #86ba1a;}
.dropmenudiv a:visited      {background-color: #86ba1a;}
.dropmenudiv a:link         {background-color: #86ba1a;}
.dropmenudiv				{border: 1px solid #BBB;}
.dropmenudiv a				{text-indent: 3px;	border-bottom: 1px solid #bbb;}

.chromestyle ul li a		{border-right: 1px solid #A5AFBC;}


/* ######### Style for Drop Down Menu ######### */
.menuAlignment 				{padding: 0px 0px 0px 0px;} ul.myVerticalMenu {list-style: none;margin: 0;padding: 0;} img {border: none;} 

.Vertical_Menu li a:visited {display: block; background: url('../graphics/vertical_menu.jpg');}						
.Vertical_Menu li a:link 	{display: block; background: url('../graphics/vertical_menu.jpg');}	
.Vertical_Menu li a:hover 	{background: url('../graphics/vertical_menu.jpg') 0 -30px;}	
/*///////////////////////////////////////////////////*/

.chromestyle{margin-right:45px;}

.chromestyle:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.chromestyle ul{border: 0px solid #BBB;width: 100%;background: url(../graphics/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/padding: 4px 0;margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/}

.chromestyle ul li{display: inline;}

.chromestyle ul li a{padding: 4px 7px;margin: 0px 0px 0px -3px;}

.chromestyle ul li a:hover{background: url(../graphics/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/margin: 0px 0px 0px -3px;}

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

.dropmenudiv{position:absolute;top:0; border-bottom-width:0; line-height:18px; z-index:100; width:200px; visibility:hidden;}

.dropmenudiv a{width: auto;display: block; padding: 2px 0;}

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

.w3c {text-align:center;}