html,body {
color:#000;
background:#FFF;
font: 16px/18px Arial, sans-serif;
border:none;
height:100%;
margin:0;
padding:0;
}

.container {
max-width:1300px;
border:none;
position:relative;
margin:0 auto 0 auto;
padding:0 2% 0 2%;
display: block;
text-align:left;
}

.maxwide {max-width: 100%;}

.hcicon {
background:url(/graphics/sprites.png) no-repeat -136px -106px;
width:39px;
height:50px;
display:inline-block;
position: relative;
top: 0px;
left: 0px;
border: none;
}

.hc_small{
background:url(/graphics/sprites.png) no-repeat -182px -2px;
width:25px;
height:32px;
display:inline;
float: left;
border: none;
margin: 2px 10px 2px 0;
padding: 0;
}

.micon {
background:url(/graphics/sprites.png) no-repeat -141px -29px;
width:32px;
height:32px;
display:inline;
margin: 0px 8px 0 0;
border: none;
float: left;
padding: 0;
}

.sicon {
background:url(/graphics/sprites.png) no-repeat -139px 0;
width:34px;
height:30px;
display:inline;
margin: 2px 8px 0 0;
float: left;
border: none;
padding: 0;
}

.company {border: none; margin: 0; max-width: 100%; padding: 0; display: block;}

.header {background:#B5CDE1; width:100%; margin:0; padding:0;}
.header_group {vertical-align: middle; padding: 0; margin: 0; display: block; max-width: 100%; position: relative; color: #FFFF00; font:12pt/18pt Arial, sans-serif;}
.header_group:after {content: ""; display: table; clear: both;}
.header_left {float: left; text-align: left; padding: 0; margin: 10px 0px 10px 0px;}
.header_right {font-size: .9rem; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}
@media screen and (max-width: 800px) {
.header_left {text-align: left; padding: 0;}
.header_right {position: relative; float: none; clear: left; left: 0; margin: 5px 0 5px 0; transform: none; font-size: .9rem;}
}

.header_bar {display: inline; border-right: solid 1px #FEFE00; margin: 0 8px 0 0; padding: 0 0 0 8px;}

a.header_link:link,a.header_link:active {text-decoration:none; color:#FFF; font:12pt/18pt Arial, sans-serif; display:inline-block; padding: 0 5px 0 5px; margin: 0;}
a.header_link:visited {color: #FFF;}
a.header_link:hover {color:#FFF; background: #40A0C0;}


.main_gradient_old {
background:#808080 url(/graphics/gradient_main.png) repeat-x;
}

.main_gradient {
background:#503C32 url(/graphics/gradient_main.png) repeat-x;
}


a:link,a:active {
color:#A00000;
background-color:transparent;
text-decoration:underline;
margin:0;
padding:0;
}
a:visited {
color:#A00000;
background-color:transparent;
}
a:hover {
color:#039;
text-decoration:underline;
margin:0;
padding:0;
}
.h1green {
font:bold 24pt Tahoma, sans-serif;
text-shadow:0 1px 1px rgba(255,255,255,.3);
color:green;
background-color:transparent;
display:block;
padding: 20px 0 20px 0;
margin: 0;
}
.h1black {
font:bold 24pt Tahoma, sans-serif;
text-shadow:0 1px 1px rgba(255,255,255,.3);
color:#000;
background-color:transparent;
display:block;
margin:0;
}

.noborder {border:0;}
.center {text-align:center;margin:0 auto;}
.brboth {clear:both;}
.brleft {clear:left;}
.floatr {float:right;}
.floatl {float:left;}
.middle {vertical-align:middle;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.top40 {margin-top:40px;}
.bottom10 {margin-bottom: 10px;}
.bottom20 {margin-bottom: 20px;}
.left20 {margin-left:20px;}
.left40 {margin-left:40px;}
.right10 {margin-right:10px;}
.right20 {margin-right:20px;}
.right40 {margin-right:40px;}
.pad20 {padding-top: 20px; padding-bottom: 20px;}
.pad40 {padding: 40px 0 40px 0;}
.shiftl {display: inline; margin-left: 15px;}

ol.steps {
list-style-type: none;
margin: 0 0 0 15px;
padding: 0;
counter-reset: li-counter;
}
ol.steps > li{
position: relative;
margin: 0 0 30px 20px;
padding: 0 0 0 10px;
min-height: 2em;
border-left: solid 1px #CCCCCC;
vertical-align: top;
}
ol.steps > li:before {
font: bold 18pt Arial, sans-serif;
position: absolute;
top: 4px;
left: -1.6em;
line-height: 1;
width: 1.2em;
text-align: right;
content: counter(li-counter);
counter-increment: li-counter;
color: #000000;
}

.msgradient {
background:#A7B59F url(/graphics/gradient_milestones.png) repeat-x;
}
.suitegradient {
background:#83A5BE url(/graphics/gradient_suite.png) repeat-x;
}
.help_bullet {
margin: 0 0 10px 15px;
padding: 0 0 0 20px;
text-align: left;
color: #000;
background: url('/graphics/red_dot.png') no-repeat 0px 5px;
}
.help_heading {
font:bold 13pt/20px Arial, sans-serif;
text-align:left;
color:#000;
margin:0 0 7px 0;
padding:0 0 0 15px;
display: block;
border-bottom:dashed 1px #2580A0;
position: relative;
}
.help_heading:before {
background:url(/graphics/sprites.png) no-repeat -118px -121px;
height:8px;
width:8px;
padding: 0;
margin: 0 3px 0 0;
display: inline-block;
position: absolute;
top: 5px;
left: 0px;
content:"";
}

ul.help_list {
margin: 0 0 20px 10px;
padding: 0;
}
ul.help_list > li{
list-style-type:none;
padding-left: 16px;
position: relative;
margin: 0 0 8px 0;
}
ul.help_list > li:before {
content:"";
background:url(/graphics/sprites.png) no-repeat -118px -131px;
width:8px;
height:9px;
display: inline-block;
position: absolute;
top:6px;
left:0px;
}
.help_list a:link {
text-decoration:none;
color:#000;
}
.help_list a:visited {
color: #000;
}
.help_list a:hover {
color:#A00;
text-decoration:underline;
}
.blue {background: #2580A0;}
.black {background: #000;}
.hcgradient {background:#D3BEA4 url(/graphics/gradient_homecook.png) repeat-x;}
.hctext {
display:inline-block;
vertical-align:top;
text-align:left;
margin:0px 0px 30px 0px;
padding: 1% 2% 2% 2%;
font-size: 1rem;
line-height: 1.25rem;
width: 96%;
background: #FFF;
border: solid 1px #4090B0;
overflow: hidden;
}
.half_column {
display:inline-block;
vertical-align:top;
text-align:left;
width: 45%;
background: #FFF;
overflow: hidden;
}
@media screen and (max-width: 800px) {
 .half_column {width: 96%}
}
.third_column {
display:inline-block;
vertical-align:top;
text-align:left;
width: 28%;
background: #FFF;
overflow: hidden;
}
@media screen and (max-width: 700px) {
 .third_column {width: 96%}
}

h4 {
color:#A00000;
font:bold 1.4rem/1.6rem Arial, sans-serif;
margin:0 0 10px 0;
padding:0;
max-width: 94%;
}
.screenshot {
display:block;
float: right;
text-align:center;
vertical-align:top;
font:bold 10pt/18px Tahoma, sans-serif;
text-decoration:none;
background:#FFF;
margin:0 0 20px 30px;
padding:0;
max-width:96%;
}
@media screen and (max-width: 700px) {
.screenshot{float: none; margin: 5px 0 1em 0;}
}
.graphic {
display:inline-block;
vertical-align:top;
margin:0 auto;
padding:0;
max-width:98%;
}
.btext {
font:10pt Arial, sans-serif;
color:#765;
clear:left;
margin-top:5px;
}
.feature {
font: 1rem/1.5rem Arial, sans-serif;
text-align:left;
color:#000;
margin:0 0 0 0;
padding:0 0 0 0;
display: block;
white-space:nowrap;
}
.feature:before {
background:url(/graphics/sprites.png) no-repeat -118px -43px;
height:14px;
width:14px;
padding: 0;
margin: 0 4px 0 0;
display: inline-block;
position: relative;
top: 1px;
content:"";
}

.amazon {
width:171px;
height:90px;
border:0;
}
a.page_button:link {
display:inline-block;
height:40px;
width:110px;
float:none;
text-decoration:none;
text-align:center;
vertical-align:middle;
color:#333;
font:bold 16px/38px Arial, sans-serif;
background:transparent url(/graphics/sprites.png) no-repeat -1px -1px;
border:none;
padding:0;
}
a.page_button:visited {
color: #333;
}
a.page_button:hover {
color:#000;
background:transparent url(/graphics/sprites.png) no-repeat -1px -42px;
}
.thirty_day {
display:block;
background:url(/graphics/sprites.png) no-repeat -1px -135px;
width:77px;
height:77px;
}
body#overview_page .lower_menu a#overview,
body#purchase .lower_menu a#buy,
body#download_page .lower_menu a#download,
body#address_page .lower_menu a#address,
body#password_page .lower_menu a#password,
body#upgrade_page .lower_menu a#upgrade,
body#vehicle_page .lower_menu a#vehicle,
body#menstrual_page .lower_menu a#menstrual,
body#index .lower_menu a#home,
body#review_page .lower_menu a#review,
body#faq_page .lower_menu a#faq,
body#help_page .lower_menu a#help,
body#epub_page .lower_menu a#epub,
body#cookbook_page .lower_menu a#cookbook,
body#history_page .lower_menu a#history,
body#recipe_page .lower_menu a#recipes,
body#features_page .lower_menu a#features,
body#about_page .lower_menu a#about,
body#contact_page .lower_menu a#contact,
body#newsletter_page .lower_menu a#newsletter,
body#cloud_page .lower_menu a#cloud {
color:#000;
background:#FFF;
margin: 0;
max-width: 100%;
float: left;
}
.lower_menu {
list-style:none;
font: 1rem/36px Arial, sans-serif;
margin: 0;
padding:0;
}
.lower_menu li {
float:left;
color:#FFF;
background-color: #000;
margin:0;
padding:0;
}
.lower_menu a:link {
background-color:transparent;
text-decoration:none;
color:#FFF;
float:left;
padding: 0 .6rem 0 .6rem;
margin: 0;
}
@media screen and (max-width: 600px){
.lower_menu a:link{width: 7rem; padding: 0 0 0 .4rem;}
}
.lower_menu a:visited {
color:#FFF;
}
.lower_menu a:hover,.lower_menu a:active {
color:#000;
background-color:#BBB;
}
.footer_text {
color:#FFFF00;
font:12pt/18pt Arial, sans-serif;
display:block;
margin: 0;
padding: 5px 0 15px 0;
width: 98%;
text-align: center;
}
.footer_space {display: inline-block; margin: 0px 10px 0px 10px;}
a.footer_link:link,a.footer_link:active {
text-decoration:none;
color:#F0F8FF;
font:12pt/18pt Arial, sans-serif;
display:inline-block;
}

a.footer_link:visited {
color: #E8F0FF;
}
a.footer_link:hover {
text-decoration:underline;
color:#FFF;
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 2px;
background: #000000;
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: 1em;
color: white;
padding: 8px;
text-align: right;
background: #000000;
margin: 0;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
padding: 0px;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid ;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}