body {
  color: #000000;
  background-color: #FFFFFF;
  font: normal 12pt/20px "Arial", sans-serif;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border: none;
  min-width: 800px;
  }

.homecook {
  color: #000000;
  background-color: #FFFFFF;
  padding: 0px 0px 20px 10px;
  margin: 0px 0px 0px 0px;
  border: none;
  width: 100%;
 }

h1 { 
  color: #B05000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: medium;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  }

h2 {
  color: #000000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 95%;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px;
  }


h3 {
  color: #007000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 140%;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  }

a:link, a:visited, a:active {
  color: #A00000;
  background: none;
  text-decoration: underline;
  margin: 0px;
  padding: 0px;
  }

a:hover {
  color: #003399;
  text-decoration: underline;
  margin: 0px;
  padding: 0px;
  }

.header {
  border: 1px solid #104050;
  border-bottom: 3px solid #000000;
  height: 85px;
  font-size: 0px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  background-color: #D2DEE9;
  text-align: left;
  }

.header_image {
  display: inline-block;
  width: 594px;
  height: 80px;
  background-image: url("graphics/banner.png");
  background-repeat: no-repeat;
  }

.header_left {
  background-position: 0px 0px;
  width: 430px;
  height: 60px;
  }  

.header_right {
  background-position: -430px 0px;
  width: 164px;
  height: 60px;
  float: right;
  }  

.header_email {
  background-position: 0px -60px;
  width: 18px;
  height: 12px;
  margin-right: 5px;
  float: left;
  margin-top: 1px;
  }

.header_rss {
  background-position: -20px -60px;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  float: left;
  margin-top: 1px;
  }

.header_button {
  display: block;
  height: 14px;
  float: right;
  vertical-align: middle;
  background-color: #EEB050;
  border-top: 2px #FFD060 solid;
  border-left: 2px #FFD060 solid;
  border-bottom: 2px #EEA030 solid;
  border-right: 2px #EEA030 solid;
  margin: 2px 10px 0px 0px;
  text-decoration: none;
  text-align: center;
  color: #000000;
  font: bold 11px/12px "Arial", sans-serif;
  }

a.hemail:link, a.hemail:visited, a.hemail:active {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  color: #000000;
  font: bold 11px/12px "Arial", sans-serif;
  padding: 0px 2px 1px 1px;
  vertical-align: middle;
  }

a.hemail:hover {
  background-color: #AA0000;
  color: #FFFFFF;
  padding: 0px 2px 1px 1px;
  }

a.header_link:link, a.header_link:visited, a.header_link:active {
  text-decoration: none;
  color: #FFFF00;
  }

a.header_link:hover {
  text-decoration: underline;
  color: #00FF00;
  }
  
.banner_bar {
  height: 23px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background: #2580A0 url('graphics/gradients.png') repeat-x 0px -60px;
  border-top: 2px #60B0C0 solid;
  border-bottom: 2px #205060 solid;
  color: #FFFFFF;
  font: bold 12px/22px "Arial", sans-serif;
  text-align: left;
  }


.news_text {
  padding: 10px 10px 10px 10px;
  margin: 20px 20px 20px 20px;
  font: bold 12pt/20px "Arial", sans-serif;
  background-color: #d2dee9;
  text-align: left;
  vertical-align: top;
  }

.product_icon {
  width: 60px;
  text-align: center;
  vertical-align: middle;
  float: left;
  padding: 10px 0px 10px 0px;
  }
  
.product_description {
  width: 100%;
  background: transparent;
  text-decoration: none;
  padding: 15px 0px 15px 0px;
  border-top: 1px #C0E0F0 solid;
  }  

.product_description a:link, .product_description a:visited, .product_description a:active {
  color: #8f1717;
  font: bold 16pt/28px "Arial", sans-serif;
  text-decoration: none;
  }
  
.product_description a:hover {
  color: #CC0000;
  text-decoration: underline;
  margin: 0px;
  }

.link_table {
  background: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  }

.link_column {
  vertical-align: top;
  width: 33%;
  padding: 10px 10px 10px 10px;
  margin: 0px 20px 0px 0px;
  background-color: #FFFFFF;
  }

.index {
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 15px 0px;
  font: bold 12pt/20px "Arial", sans-serif;
  background-color: #d2dee9;
  text-align: left;
  width: 100%;
  }

.index ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

.index a:link, .index a:visited , .index a:active {
  display: block;
  padding: 4px 0px 2px 5px;
  height: 25px;
  color: #000000;
  text-decoration: none;
  }

.index a:hover {
  display: block;
  padding: 4px 0px 2px 5px;
  height: 25px;
  text-decoration: underline;
  color: #AA0000;
  }

.blue_bar {
  height: 22px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background: #2580A0 url('graphics/gradients.png') repeat-x 0px -60px;
  border-top: 2px #60B0C0 solid;
  border-bottom: 2px #306070 solid;
  color: #FFFF00;
  font: bold 16px/21px "Arial", sans-serif;
  text-align: left;
  }

.bluerule {
  height: 2px;
  color: #2580A0;
  background-color: #2580A0;
  border: none;
  }

.bigred {
  color: #AA0000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 130%;
  font-weight: bold;
  }

.bigblack {
  color: #000000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: medium;
  font-weight: bold;
  }

.bigorange {
  color: #C06000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 110%;
  font-weight: bold;
  }

.price {
  color: #007000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  }

.biggreen {
  color: #007000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 110%;
  font-weight: bold;
  }

.small {
  color: #000000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 10px;
  font-weight: normal;
  }

.medium {
  color: #000000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 80%;
  font-weight: normal;
  }

.float_right {
  float: right;
  border: 0px;
  margin: 0px 10px 0px 5px;
  }

.float_left {
  float: left;
  border: 0px;
  margin-right: 15px;
  margin-left: 0px;
  padding-right: 0px;
  }

a.but:link, a.but:visited {
  display:block;
  width: 120px;
  height: 20px;
  list-style-type: none;
  padding: 0;
  background-color: #207090;
  border-top: 2px #4090B0 solid;
  border-left: 2px #4090B0 solid;
  border-bottom: 2px #055070 solid;
  border-right: 2px #055070 solid;
  margin-top: 6px;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
  line-height: 20px;
  }

a.but:hover {
  color: #FFFFFF;
  background-color: #AA0000;
  }

a.but2:link, a.but2:visited {
  height: 20px;
  list-style-type: none;
  padding: 4px;
  background-color: #207090;
  border-top: 2px #4090B0 solid;
  border-left: 2px #4090B0 solid;
  border-bottom: 2px #055070 solid;
  border-right: 2px #055070 solid;
  margin-top: 6px;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
  font: bold 14px/20px "Arial", sans-serif;
  }

a.but2:hover {
  color: #FFFFFF;
  background-color: #AA0000;
  }

a.but3:link, a.but3:visited {
  display: inline-block;
  height: 20px;
  width: 110px;
  float: left;
  list-style-type: none;
  padding: 2px;
  background-color: #207090;
  border-top: 2px #4090B0 solid;
  border-left: 2px #4090B0 solid;
  border-bottom: 2px #055070 solid;
  border-right: 2px #055070 solid;
  margin-top: 3px;
  margin-right: 5px;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
  font: bold 14px/20px "Arial", sans-serif;
  }

a.but3:hover {
  color: #FFFFFF;
  background-color: #AA0000;
  }

.faq_bar {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  background: url("graphics/bullet1.png") no-repeat 0px 6px;
  color: #AA0000;
  font: bold 15pt/28px "Arial", sans-serif;
  border-bottom: 2px #2580A0 solid;
  }

.faq_text {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 30px 20px;
  }

.vid_text {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 30px 20px;
  color: #000000;
  background-color: transparent;
  font: normal 80%/1.3em sans-serif;
  }

.vid_rule {
  height: 1px;
  color: #C0E0F0;
  background-color: #2580A0;
  border: none;
  }
  
.video_index {
  display: block;
  background-color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  border: none;
  }

.back {
  background-color: #FFFFFF;
  padding: 20px 15px 20px 15px;
  margin: 0px;
  text-align: left;
  vertical-align: top;
  }

.hc_left {
  text-align: left;
  vertical-align: top;
  margin: 0px 10px 0px 0px;
  padding: 15px 30px 0px 0px;
  }

.hc_right {
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  width: 320px;
  padding: 15px 35px 5px 0px;
  }

.hc_section_head {
  margin: -10px -10px 0px -10px;
  padding: 0px 0px 0px 10px;
  background-color: #800000;
  color: #FFFFFF;
  font: bold 13pt/25px "Arial", sans-serif;
  }

.hc_section {
  padding: 10px 10px 5px 10px;
  margin: 0px 0px 20px 0px;
  font: bold 12pt/20px "Arial", sans-serif;
  background-color: #DCC8B4;
  text-align: left;
  border: 1px solid #104050;
  width: 100%;
  }

.hc_buy_head {
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 10px;
  background-color: #800000;
  color: #FFFFFF;
  font: bold 14pt/25px "Arial", sans-serif;
  }

.hc_buy_details {
  margin: 0px 0px 0px 0px;
  background-color: #DCC8B4;
  padding: 10px 10px 20px 10px;
  border: 0px solid #000000;
  text-align: left;
  vertical-align: top;
  }

.hc_price {
  color: #007000;
  background-color: transparent;
  font-family: verdana, sans-serif;
  font-size: 16pt;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  padding: 5px 5px 5px 5px;
  text-align: center;
  width: 150px;
  margin: 0px 0px 20px 0px;
  }

.hc_graphic {
  text-align: left;
  vertical-align: top;
  float: right;
  margin: 0px 0px 10px 10px;
  }

.hc_menu {
  float: left;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 10px;
  color: #000000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 80%;
  font-weight: bold;
  width: 160px;
  }

.hc_note {
  text-align: left;
  vertical-align: top;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #000000;
  background-color: transparent;
  font: normal 10pt/20px "Arial", sans-serif;
  }

ul.require {
 list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

li.require {
 background: url(graphics/banner.png) no-repeat -34px -61px;
 padding: 0px 0px 0px 20px;
 margin: 0px 0px 10px 0px;
 }
       
.hc_compat {
  font: normal 14px/20px "Arial", sans-serif;
  padding: 0;
  margin: 0px 0px 0px 20px;
  color: #000000;
  background-color: transparent;
  text-align: center;
  width: 250px;
 }

.hc_compat ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  }

.hc_compat li {
  padding-left:16px;
  background:transparent url(graphics/bullet1.png) no-repeat 0px 1px;
  }

.hc_header {
  text-align: center;
  margin: 20px 0px 0px 0px;
  }

.hc_feature {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  vertical-align: top;
  background: url("graphics/greenstar.png") no-repeat 0px 6px;
  color: #A00000;
  font: bold 15pt/28px "Arial", sans-serif;
  }
  
.hc_bluestar {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  vertical-align: top;
  background: url("graphics/bullet7.png") no-repeat 0px 3px;
  color: #000000;
  font: normal 12pt/20px "Arial", sans-serif;
  }

.hc_text {
  color: #000000;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 95%;
  font-weight: normal;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 20px;
  }

.hc_screenshot {
  height: 120px;
  margin: 0px 0px 20px 0px;
  display: block;
  background-color: transparent;
  font: bold 10pt/22px "Arial", sans-serif;
  }

.hc_steps {
  color: #FFFFFF;
  background-color: #C06000;
  font: bold 20px/24px "Arial", sans-serif;
  border: 1px solid #000000;
  padding: 0px 2px 0px 2px;
  margin: 0px 0px 0px 0px;
  float: left;
  width: 30px;
  text-align: right;
  }

.hc_step_text {
  color: #000000;
  background: transparent;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 30px 0px;
  float: left;
  width: 900px;
  }

.suite_feature {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 20px;
  vertical-align: top;
  background: url("graphics/greenstar.png") no-repeat 0px 3px;
  color: #A00000;
  font: normal 14pt "Century Gothic", sans-serif;
  }

.suite_text {
  color: #000000;
  background-color: transparent;
  font: normal 12pt/20px "Arial", sans-serif;
  margin: 0px 0px 15px 18px;
  padding: 0px 0px 0px 5px;
  
  }

.nav_column {
  width: 220px;
  text-align: center;
  vertical-align: top;
  border-right: solid 2px #000000;
  padding: 20px 0px 0px 0px;
  }

.suite_header {
  text-align: center;
  vertical-align: top;
  padding: 10px 20px 10px 20px;
  margin: 0px 0px 0px 0px;
  border: none;
  font: bold 14pt/30px "Arial", sans-serif;
  color: #AA0000;
  }

.suite_price {
  color: #FFAA00;
  background-color: transparent;
  font: bold italic 24px "Trebuchet MS", sans-serif;
  text-decoration: none;
  margin-top: 10px;
  }

.suite_screenshot {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  float: right;
  font: bold 10pt/18px "Tahoma", sans-serif;
  text-decoration: none;
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 20px;
  }

.suite_os {
  color: #FFFF00;
  background-color: transparent;
  font: normal 14pt/20px "Trebuchet MS", sans-serif;
  }

.small_white {
  color: #FFFFFF;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  }


.suite_numbers {
  color: #A04000;
  background: transparent;
  font: bold 14pt/20px "Arial", sans-serif;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  text-align: right;
  }

a.green_button:link, a.green_button:visited {
  display: inline-block;
  height: 30px;
  width: 150px;
  list-style-type: none;
  padding: 0px 0px 0px 5px;
  background: #00AA00 url('graphics/gradients.png') repeat-x 0px 0px;
  border-top: 2px #00EE00 solid;
  border-left: 2px #00EE00 solid;
  border-bottom: 2px #004400 solid;
  border-right: 2px #004400 solid;
  margin: 1px 0px 0px 0px;
  text-decoration: none;
  text-align: left;
  vertical-align: middle;
  color: #FFFFFF;
  font: bold 14px/30px "Arial", sans-serif;
  }

a.green_button:hover {
  color: #FFFFFF;
  background: #AA0000 url('graphics/gradients.png') repeat-x 0px -90px;
  border-top: 2px #BB6666 solid;
  border-left: 2px #BB6666 solid;
  border-bottom: 2px #550000 solid;
  border-right: 2px #550000 solid;
  }

a.grey_button:link, a.grey_button:visited {
  display: inline-block;
  width: 150px;
  height: 30px;
  list-style-type: none;
  text-decoration: none;
  text-align: left;
  vertical-align: middle;
  margin: 1px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  color: #444444;
  font: bold 14px/30px "Arial", sans-serif;
  background: #BBBBBB url('graphics/gradients.png') repeat-x 0px -30px;
  border-top: 2px #EEEEEE solid;
  border-left: 2px #EEEEEE solid;
  border-right: 2px #444444 solid;
  border-bottom: 2px #444444 solid;
  }
  

a.grey_button:hover {
  color: #FFFFFF;
  background: #AA0000 url('graphics/gradients.png') repeat-x 0px -90px;
  border-top: 2px #BB6666 solid;
  border-left: 2px #BB6666 solid;
  border-bottom: 2px #550000 solid;
  border-right: 2px #550000 solid;
  }

a.orange_button:link, a.orange_button:visited {
  display: inline-block;
  height: 15px;
  list-style-type: none;
  text-decoration: none;
  text-align: left;
  vertical-align: middle;
  margin: 2px 10px 0px 0px;
  padding: 0px 5px 0px 5px;
  color: #000000;
  font: bold 11px/14px "Arial", sans-serif;
  background: #EEB050 url('graphics/gradients.png') repeat-x 0px -120px;
  border-top: 2px #FFD060 solid;
  border-left: 2px #FFD060 solid;
  border-bottom: 2px #EEA030 solid;
  border-right: 2px #EEA030 solid;
  float: right;
  }
  

a.orange_button:hover {
  color: #FFFFFF;
  background: #AA0000 url('graphics/gradients.png') repeat-x 0px -90px;
  border-top: 2px #BB6666 solid;
  border-left: 2px #BB6666 solid;
  border-bottom: 2px #550000 solid;
  border-right: 2px #550000 solid;
  }

  
.dark_box {
  background: #CCCCCC;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
  padding: 5px 5px 5px 5px;
  }

.light_box {
  background: #EEEEEE;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
  padding: 5px 5px 5px 5px;
  }

.version {
  color: #990000;
  background-color: transparent;
  font: bold 14pt/20px "Arial", sans-serif;
  }

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px 10px 0px 10px;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma, sans-serif;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}