﻿/* div markup */
#wrapper_top				{position:relative; height:232px;}

	#logo					{padding:0px 0px 0px 0px; margin:px 0px 0px 0px;}
	#themed_image			{position:absolute; left:45px; top:85px; height:145px; width:321px;}
	#special_1				{position:absolute; left:200px; top:110px; 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:52px; 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:76px; height:153px; width:760px; overflow:hidden;}

	#template_flash			{position:absolute; right:0px; top:84px; height:145px; width:277px; overflow:hidden;}

#top_links					{padding: 0px 0px 0px 0px; margin: 7px 0px 0px 0px; width:490px;  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_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_link				{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9pt;}

/* 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%}

/* 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;}

.w3c {text-align:center;}