/* main elements */
body {background-color: #557841; background-image: url(../img/bcg.jpg); color: #525863; font-size: 13px; font-family: Georgia, Times, serif; line-height: 18px;}
table {font-size: 13px; line-height: 18px;}

/* heading appearance */
h1 {font-size: 30px; line-height: 30px; color: #704c94; font-family: Georgia, Times, serif; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em;}
h2 {font-size: 22px; line-height: 24px; color: #704c94; font-family: Georgia, Times, serif; font-weight: normal; font-style: italic; letter-spacing: normal;}
h3 {font-size: 15px; line-height: 18px; color: #704c94; font-family: Helvetica, Arial, sans-serif; letter-spacing: normal;}
h4 {font-size: 15px; line-height: 16px; color: #5a3182; font-family: Helvetica, Arial, sans-serif; letter-spacing: normal; font-weight: normal;}

/* list numbering type and bullet */
ol li {list-style: decimal;}
ul li {background-image: url(../img/bullet.gif);}

/* general form input appearance */
input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

/* standard link appearance */
a {color: #704c94;}
a:hover, a:active {color: #5a3182;}

/* line table cell */
.lined td {border-bottom: 1px solid #dfe5ee;}

/* form text field and button */
.txt {border: 1px solid #cccccc; background-color: #ffffff; color: #444444;}
.btn {border: 1px solid #704c94; background-color: #704c94; color: #ffffff; font-weight: bold;}
.btn:hover {border: 1px solid #5a3182; background-color: #5a3182;}

/* header height */
#header {height: 100px;}

#logo {padding: 7px 0 0;}

/* heaer text and link*/
#headertext {color: #ffffff; font-family: Helvetica, Arial, sans-serif;}
#headertext a {color: #ffffff;}

/* menu */
#menu {font-family: Helvetica, Arial, sans-serif;}

/* menu button & rollover */
#menu a {color: #ffffff; border-right: 1px solid #cfb7d8;}
#menu strong a, #menu .open a, #menu a:hover, #menu a:active {background-color: #83449b; background-image: url(../img/rollover.gif); color: #ffffff; font-weight: normal;}

/* menu pop-up */
#menu ul {background-color: #333333; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75;}

/* menu pop-up button & rollover  */
#menu .open li a {background-color: #333333; color: #ffffff; border: none;}
#menu .open li a:hover, #menu .open li a:active {background-color: #000000; color: #ffffff;}

/* content area */
#content {border: 1px solid #98ad8c; background-color: #ffffff;}

/* homepage column */
.homecol2 {border-left: 1px solid #e2d6e6;}

/* footer, link */
#footer {border-color: #b6d17d; background-color: #4c6c3a; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #d4ddcf;}
#footer a {color: #d4ddcf;}

/* submenu, button & rollover */
#submenu ul {border-bottom: 1px solid #cadefb;}
#submenu ul a {border-top: 1px solid #cadefb; font-family: Helvetica, Arial, sans-serif; line-height: 15px; color: #859abf;}
#submenu ul strong a, #submenu ul a:hover, #submenu ul a:active {background-color: #6b9ef5; color: #ffffff; font-weight: normal;}

/* submenu 2nd level, button & rollover */
#submenu ul ul {background-color: #eef4ff;}
#submenu ul ul a {font-size: 11px; line-height: 15px; font-weight: bold;}
#submenu ul ul strong a, #submenu ul ul a:hover, #submenu ul ul a:active {background-color: #dae7ff; color: #528ef1; font-weight: bold;}

/* image column, link, image border, rollover */
#images {font-size: 12px; line-height: 14px; font-family: Helvetica, Arial, sans-serif;}
#images a {color: #777d88;}
#images a img {border: 3px solid #ffffff;}
#images a:hover, #images a:active {color: #79b200;}
#images a:hover img, #images a:active img {border: 3px solid #dfecc3;}

/* downloads - small text */
#downloads span {font-size: 11px; color: #777d88;}

/* gallery, link, image border, rollover */
#gallery {border-top: 1px solid #eeeeee; font-size: 12px; line-height: 14px; font-family: Helvetica, Arial, sans-serif;}
#gallery a {color: #777d88;}
#gallery a img {border: 3px solid #ffffff;}
#gallery a:hover, #gallery a:active {color: #79b200;}
#gallery a:hover img, #gallery a:active img {border: 3px solid #dfecc3;}

#products {border-top: 1px solid #eeeeee; font-size: 12px; line-height: 14px; font-family: Helvetica, Arial, sans-serif;}
#products a {color: #777d88;}
#products a:hover, #products a:active {color: #79b200;}
#products a span {border-left: 1px solid #eeeeee;}
#products a span span span {color: #999999; font-size: 11px;}
#products a span span span span {color: #cc0000;}
#products em {text-decoration: line-through; color: #cccccc;}

#homeproducts #products {border: 1px solid #cadefb; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; behavior: url(css/border-radius.htc);}

#productimage {font-size: 12px; line-height: 14px; font-family: Helvetica, Arial, sans-serif;}
#productimage a {color: #777d88;}
#productimage a img {border: 3px solid #ffffff;}
#productimage a:hover, #images a:active {color: #79b200;}
#productimage a:hover img, #images a:active img {border: 3px solid #dfecc3;}