.icon { width: 48px; height: 48px; display: block; float: right; margin-left: 10px; }
#content .padder { padding: 10px; }
#content { float: left; width: 470px; }
#head .language { float: right; width: 280px; text-align: right; }
#head .padder { padding: 4px; }
#head .webpath { float: left; width: 300px; text-align: left; }
#head { width: 678px; margin: 10px auto 0; padding: 0; border: 1px solid #a1a5a9; text-align: left; border-bottom: 0; }
#head a { font-weight: bold;  }
#head div { display: block; padding-left: 20px; padding-right: 20px; }
#main .lite { color: #79767c; }
#main .more { text-align: right; }
#main { width: 678px; margin: 0 auto 0; text-align: left; padding: 0; border: 1px solid #a1a5a9; background: url(../images/sidebarbackground.png) 477px 0 repeat-y; }
#main div.column { text-align: left; margin-bottom: 1em; }
#main h1 { font-size: 24px; margin: 0 0 .5em 0; }
#main h2 { font-size: 16px; margin: 0; }
#main h3 { font-size: 12px; margin: 0; }
#main h4 { font-size: 10px; margin: 0; }
#main p { margin: 0 0 1em 0; }
#main p.intro { font-weight: bold; }
#main p.last { margin: 0; }
#nav .next { float: right; width: 300px; text-align: right; }
#nav .padder { padding: 4px; }
#nav .previous { float: left; width: 300px; text-align: left; }
#nav { width: 678px; margin: 0 auto; padding: 0; border: 1px solid #a1a5a9; border-width: 0 1px 1px 1px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; }
#nav a.nextarrow { background: url(../images/next.png) right top no-repeat; display: block; padding-right: 20px; }
#nav a.previousarrow { background: url(../images/previous.png) left top no-repeat; display: block; padding-left: 20px; }
#sidebar .padder { padding: 10px; }
#sidebar { float: right; width: 200px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; }
#sidebar a { padding: 10px 10px; display: block; text-decoration: none; color: #000; }
#sidebar a:hover { background-color: #6C9; }
#sidebar a.hi { border-color: #699; border-width: 1px; border-style: groove; background-color: #6C9; }
#sidebar h2 { text-align: left; color: #fff; font-size: 14px; padding: 4px 4px 4px 10px; background-color: #878788; background-repeat: repeat-x ; background-image: url(../images/sidebartitlebackground.png); margin: 0; }
#sidebar h3 { font-size: 11px; margin: 0; text-decoration: underline; }
#sidebar h3 a { color: #000; }
#top { width: 678px; height: 229px; margin: 0 auto 0; padding: 0; border: 1px solid #a1a5a9; text-align: center; border-bottom: 0; }
body { margin: 0; padding: 0; background: #fff; text-align: center; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; }
div.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
img { border: 0; }
img.across { margin: 0 0 10px 34px; border: 0; }
img.left { float: left; margin: 2px 10px 5px 0; border: 0; }
img.right { float: right; margin: 2px 0 5px 10px; border: 0; }
.commentsfield { font-size : 12px; width: 350px; }
.formfield { font-size : 12px; width: 200px; }
.formfieldlarge { font-size : 12px; width: 450px; }
.required { font-size : 10px; color: #76797c; }
.emailFormat { font-size : 10px; color: #C00; font-weight: bold; }
.emailExample { font-size : 10px; font-weight: bold; visibility:hidden; }
.formlabel { font-size : 10px; font-weight: bold; margin: 0.8em 0 0 0; }
.signature { font-size: 12px; font-weight: bold; padding-top: 3em; text-align: center; }

.stepItem { display: block; height: 50px; padding: 20px 10px; margin: 0; }
.stepNo { float: left; font-weight: normal; }
.stepTitle { float: right; width: 370px; height: auto; font-weight: bold; text-align: left;  }
.stepDesc { float: right; width: 370px; padding: 3px 0px 0px 60px; text-align: left; }
.stepDesc input { font-size: 9px; height: 12px; }
#automaticInstall { visibility:hidden; }

p.rebate { color: #f00; }
strike { color: #f00; }

#sidebarbooks { background: url(../images/book.png) no-repeat 145px 10px; }
#sidebarbuy { background: url(../images/kagi.png) no-repeat 145px 10px; }
#sidebarconversions { background: url(../images/conversion.png) no-repeat 145px 10px; }
#sidebardownload { background: url(../images/download.png) no-repeat 145px 10px; }
#sidebarnutrition { background: url(../images/nutrition.png) no-repeat 145px 10px; }
#sidebaroverview { background: url(../images/download.png) no-repeat 145px 10px; }
#sidebarrecipes { background: url(../images/recipe.png) no-repeat 145px 10px; }
#sidebarsmartgroups { background: url(../images/smartgroup.png) no-repeat 145px 10px; }
#sidebarsupport { background: url(../images/support.png) no-repeat 145px 10px; }
#sidebarthemes { background: url(../images/theme.png) no-repeat 145px 10px; }

span.sidetitle { display: block; width: 130px; font-weight: bold; text-decoration: underline; }
span.sidedesc { display: block; width: 130px; }