@charset "UTF-8";

body {
	margin:0;
	background-color: #c1e292;
	background-image: url(../imgs/bg_img.gif);
	font-family: century gothic;
}
a {color: #55817b; text-decoration: underline;}
a:hover { text-decoration:none;}
a:active { text-decoration: none;}
a:visited { text-decoration: underline;}

h1 { font-size: 12pt; color: #003333; margin: 0; padding: 3px 0; font-weight:lighter; display:inline;}
h2 { color: #b6571d; font-size: 11pt; font-weight:lighter; margin: 0; padding: 3px 0;}
h3 {  color: #999; font-size: 8pt;  font-weight:lighter; border-bottom: 1px solid #cfe7c8; margin: 0; padding: 3px 0;}
h4 { font-size: 12pt; color: #003333; margin: 0; padding: 0; font-weight:bold; display:inline;}
p { margin: 10px 0;}
/*Layout*/
#wrapper {width: 800px; margin: 0 auto; min-height: 430px; border: 1px solid black; background-color: #fff;}
#content { padding: 5px;}
#descBox { height: 250px; margin: 0 auto;}
#header { width: 800px; margin: 0 auto; height: 95px;}

#header a {color: white; text-decoration: none;}
#header a:hover {color: white; text-decoration: underline;}
#header a:active { text-decoration: underline;}
#header a:visited { text-decoration: none;}

#textArea { margin: 10px 20px 10px 20px; font-size: 10pt;}

#showCase { height: 255px; margin-top: 2px;}


/*Page*/

#stage {
	width: 615px;
	position: relative;
	visibility: visible;
	background-position: center;
	left: 25%;
	right: 25%;
}

.breadcrumbs { font-size: .7em; border-bottom: 1px solid #c7cd9c; }
.breadcrumbs a { text-decoration: none;}


.paragraphText { font-size: 10pt; padding: .5em; text-align:left;}
.paragraphText a { font-size: 10pt; text-align:center; text-decoration: underline; color: #b6571d;}
.paragraphText a:hover { text-decoration: none;}
.Text { font-size: 9pt; padding: .5em; text-align:left;}

.thumbnail {border: 1px solid #CCC; vertical-align:middle;}
.measure { color: #777; font-size: x-small; height: 25px;}
.measureText { color: #999; font-size: .7em; border-bottom: 1px solid #cfe7c8;}
.icon {vertical-align:middle;}
.border {vertical-align:middle; border: 1px solid #ccc;}
.row {height: 105px; font-size: 10pt;}
.descText { font-size: .7em; font-style:italic;}
table.descbox { height: 70px;}

.productTitle { font-weight: bolder; font-size: 1.2em; color: #cf5b04; text-decoration: none;}

#sideBar {text-align: center; margin: 0 auto;}

#sideBar a { text-decoration:none; font-weight: bolder; font-size: .7em; color: #20574f;}
.sideBarHeader { border-bottom: 1px solid #c7cd9c; height: 25px; text-align:center; font-weight: normal; color: #20574f; padding-top: 5px; font-size: 10pt;}

/* Menu */
#topmenu { width: 800px; margin: 0 auto; height: 20px; font-size: 8pt; text-align: right; background-color:#003333; color: #fff; padding-top: 3px;}
#topmenu a { text-decoration: none; color: #fff;}
#topmenu a:hover { text-decoration: underline; color: #fff;}
.topmenu { margin-right: 5px;}
#menu { width: 800px; margin: 0 auto; vertical-align: middle; padding: 5px 0; position: relative; font-size: 10pt; color:#fff; background-image:url(../imgs/menu_bg.gif)}
.menu { margin-left: 5px;}
.menu a {color: #fff; text-decoration: none;}
.menu a:hover { text-decoration: underline;}
/*Footer*/
#footer { width: 800px; margin: 0 auto;}
hr.footer { height: 1px; color: #017262; background-color: #017262; border:0;}
.copyright {font-size: 7pt;
	color:#55817b;
	text-align: center;
	padding: 2px 0;
	vertical-align:middle; padding-top: 5px;}