/* background  HTML color and BODY graphic */
html
{
	background-image: url( "/graphics/bg-theme.jpg" );
}
body
{
	background-image: url( "/graphics/background.jpg" );
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px 0px 0px 0px;
}

.menuLinks
{
	font-weight:bold;
	font-size:larger;
}

.menuLinks td
{
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	vertical-align:middle;
	font-size:larger;
}

.menuLinks a:hover
{
	background-color:Blue;
	text-decoration:underline;
}

.adminMenuLinks
{
	font-weight:bolder;
	font-size:medium;
}

.ddl
{
	font-size:smaller;
	margin:15px 5px 0px 0px;
}
.ddl2
{
	font-size:smaller;
}

.highlighted
{
	background-color:Yellow;
	color:Black;
	padding-left:2px;
	padding-right:2px;
}

#appConfig h2
{
	font-size:small;
	font-weight:bold;
	text-decoration:underline;
}
#appConfig input
{
	font-size:smaller;
	font-family:Arial;
	padding:2px;
	text-align:center;
}

#logo
{
	position: absolute;
}
#themed_image
{
	position: absolute;
}
#themed_image2
{
	height: 179px;
	width: 172px;
}
#page_title
{
	position: absolute;
	height: 60px;
	width: 220px;
	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: 185px;
}
#favorites
{
	float: left;
	margin: 0px 0px 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;
	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: center;
}
.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;
}
.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: 185px;
	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 30px;
	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 30px;
	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 35px;
	background: url( '/graphics/vertical_menu.gif' ) 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: #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 10px 0px 0px;
	text-align: center;
}
.top_buttons dd span.aa
{
	display: block;
	width: 25px;
	height: 19px;
	background: url(/graphics/hmenu_left.jpg);
	float: left;
	border-bottom: 0px solid #888;
	padding: 11px 0;
}
.top_buttons dd span.bb
{
	height: 19px;
	background: url(/graphics/hmenu_spacer.jpg);
	float: left;
	border-bottom: 0px solid #888;
	padding: 11px 0;
}
.top_buttons dd span.cc
{
	display: block;
	width: 2px;
	height: 19px;
	background: url(/graphics/hmenu_right.jpg);
	float: left;
	border-bottom: 0px solid #888;
	padding: 11px 0;
}

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



/* CalendarExtender */


.Calendar .ajax__calendar_container /*The outer rectangular container that supplies the border around the calendar element. Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer. */
{
	border: 1px solid #646464;
	background-color: white;
}

.Calendar .ajax__calendar_header /*A container element that holds the next and previous arrows and the title of the current view. Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next. */
{
}

.Calendar .ajax__calendar_prev /*An element that displays the arrow to view the previous set of data in the view(previous month/year/decade). Child Css classes: none. */
{
}

.Calendar .ajax__calendar_title /*An element that displays the title of the current view (month name, year, decade). Child Css classes: none. */
{
}

.Calendar .ajax__calendar_next /*An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). Child Css classes: none. */
{
}

.Calendar .ajax__calendar_body /*A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years. */
{
}

.Calendar .ajax__calendar_days /*A container element that holds the layout for the days in a month. Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day */
{
}

.Calendar .ajax__calendar_dayname /*An element that displays the short name of the day of the week. Child Css classes: none.  .ajax__calendar_day : An element that displays the day of the month. Child Css classes: none  .ajax__calendar_months : A container element that holds the layout for the months in a year. Child Css classes: .ajax__calendar_month. */
{
}

.Calendar .ajax__calendar_month /*An element that displays the month of the year. Child Css classes: none  .ajax__calendar_years : A container element that holds the layout for the years in a decade. Child Css classes: .ajax__calendar_year. */
{
}

.Calendar .ajax__calendar_year /*An element that displays the year in a decade. Child Css classes: none  .ajax__calendar_footer : A container element that holds the current date. Child Css classes: .ajax__calendar_today. */
{
}

.Calendar .ajax__calendar_today /*An element that displays the current date. Child Css classes: none. */
{
}

.Calendar .ajax__calendar_hover /*This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year */
{
}

.Calendar .ajax__calendar_active /*This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year. */
{
}

.Calendar .ajax__calendar_other /*This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade). Child Css classes: .ajax__calendar_day, .ajax__calendar_year. */
{
}

/* end of CalendarExtender */