﻿/* 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: 147px;
	width: 215px;
}
#page_title {
	position: absolute;
	height: 60px;
	width: 230px;
	text-align: center;
}
#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: 500px;
	top: 201px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
}
#bottom_links {
	text-align: center;
}
#favcontact {
	height: 80px;
	width: 230px;
}
#favorites {
	float: left;
	margin: 0px 0px 0px 10px;
}
.favorites_button {
	border-width: 0;
}
#contact {
	float: right;
	margin: 0px 0px 0px 10px;
}
.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;
	color: #000000;
}
.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;
	color: #18385F;
}
img {
	border: none;
}
/* change width this controls the width of the buttons*/
.Vertical_Menu {
	width: 230px;
	margin: 0px;
}
/* change height: this controls the height of the buttons */
.Vertical_Menu li a {
	height : 20px;
	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 50px;
	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: 2px 0px 0px 50px;
	display: block;
	background: url('../graphics/vertical_menu.jpg');
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #18385F;
}
/* change padding: (top-right-bottom-left) change -position use 50% of button height*/
.Vertical_Menu li a:hover {
	padding: 2px 0px 0px 50px;
	background: url('../graphics/vertical_menu.jpg') 0 -22px;
	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: #FBFDFD;
	padding: 5px 5px 5px 5px;
}
.wrapper_catalog {
	margin: 10px 0px 20px 0px;
	border-style: dotted;
	border-width: thin;
	background-color: #D9D5B6;
	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: #EAE8D7;
}
.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;
}
.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: 0;
	text-align: center;
}
.top_buttons dd span.aa {
	display: block;
	width: 21px;
	height: 18px;
	background: url("../graphics/hmenu_left.jpg");
	float: left;
	border-bottom: 0px solid #888;
	padding: 15px 0;
}
.top_buttons dd span.bb {
	height: 18px;
	background: url("../graphics/hmenu_spacer.jpg");
	float: left;
	border-bottom: 0px solid #888;
	padding: 15px 0;
}
.top_buttons dd span.cc {
	display: block;
	width: 21px;
	height: 18px;
	background: url("../graphics/hmenu_right.jpg");
	float: left;
	border-bottom: 0px solid #888;
	padding: 15px 0;
}
.top_buttons a:hover span {
	background-position: 0 48px;
	border-bottom: 1px solid #cccccc;
	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;
}


