/* General */
* {padding: 0; margin: 0}
html, body {height: 100%; padding: 0; margin-bottom:1px; font-family: Verdana; font-size: 13px; color:#585858; background-color: #fff}
p {font-family: Arial; font-size: 18px; line-height: 1.2}
button {cursor: pointer}
hr {border: 1px solid #fff; clear: both}
.boldtext {font-family: Arial; font-size: 14px; font-weight: bold}
.boldtel {color:#fff; font-family: Arial; font-size: 18px}
.italictext {font-family: Times New Roman; font-size: 25px; font-style: italic}
.orange {color: #f60}
.red {color: #f00}
.white {color: #fff}
.grey {color: #ccc}
.box350up {width: 350px; height: 8px; background: url("../images/box350up.png"); float: left}
.box350down {width: 350px; height: 8px; margin-bottom: 15px; background: url("../images/box350down.png"); float: left}
/* Links */
a {color: #74b408}
a:link {color: 74b408}
a:visited {color: 74b408}
a:hover {color: 74b408; text-decoration:none}
/* Headings */
h1{font-size: 30px; font-family: Arial; color: #000; font-weight: normal; line-height: 1.3}
h2{font-size: 24px; font-family: Arial; color: #2a4295}
h3{font-size: 13px; font-family: Arial; font-weight: normal; color: #000}
h4{font-size: 18px; font-family: Verdana; color: #01356e}
/* Wrapper, including *all* except footer, for footerpushing to work */
.wrapper {min-height: 100%; height: auto; margin: 0 auto -80px;}
#content {width: 950px; margin: 0 auto 0 auto}
#content h1 {font-weight: normal; margin-top: 25px; color:#2a4295 }
#content h2 {font-weight: normal; margin-top: 25px}
#content h3 {font-weight: normal; color:#585858}
#content p {margin: 15px 0 15px 0; font-size: 13px; line-height: 1.7}
#content ul {margin: 10px 0 10px 0; line-height: 1.7; color: #74b408}
#content li {margin-left: 30px; font-family: Arial; font-size: 13px;color:#585858 }
/* Header */
#menucontainer {height: 128px; background: url('../images/menu-background.png')}
#menucontainer #menu {width: 950px; margin: 0 auto 0 auto}
#menucontainer #menu ul {list-style-type: none}
#menucontainer #menu ul #home {width: 78px}
#menucontainer #menu ul #about {width: 126px}
#menucontainer #menu ul #product {width: 168px}
#menucontainer #menu ul #contact {width: 92px}
#menucontainer #menu ul li {float: left}
#menucontainer #menu ul li a {display: block; height: 33px; margin-top: 73px; padding-top: 11px; font-size: 18px; font-family: Arial; color: #fff; text-align: center; text-decoration: none}
#menucontainer #menu ul li a:hover {color: #dedddd}
/* Display selected items from menu differently */
#ihome #menu #home a {color: #000; background: url('../images/menu-home.png')}
#iabout #menu #about a {color: #000; background: url('../images/menu-about.png')}
#iproduct #menu #product a {color: #000; background: url('../images/menu-product.png')}
#icontact #menu #contact a {color: #000; background: url('../images/menu-contact.png')}
#brandingcontainer {height: 0}
#brandingcontainer #branding {width: 950px; margin: 0 auto 0 auto; padding-top: 22px}
#brandingcontainer #branding img {float: left; margin: -138px 0 0 500px}
#brandingcontainer #branding #separationline {width: 0px; height: 45px; margin: 17px 19px 0 280px; background: #ccc; float: left}
#brandingcontainer #branding #telephonenumber {height: 45px; margin: -93px 0 0 340px; float: left}
#brandingcontainer #branding #telephonenumber p {margin-bottom: 5px}
#brandingbottom {height: 0px; background: url("../images/brandingbottom.png")}
#yellowfieldbottom {height: 12px; background: url("../images/rand.png")}
/* Home */
#urlentercontainer {height: 304px; background: url("../images/seo2.png"); margin-top:-4px}
#urlentercontainer #urlenter {width: 950px; margin: 0 auto 0 auto; padding-top: 15px}
#urlentercontainer #urlenter .line {margin-top: 10px; float: left; color: #fff}
#urlentercontainer #urlenter #arrow {margin: -53px 0 0 12px; float: left}
#urlentercontainer #urlenter h1 {text-align: center; color: #fff; padding-right:45px; padding-top:-20px}
#urlentercontainer #urlenter h1 strong {font-style: bold; color: #fff; margin: -10px 0 0 0}
#urlentercontainer #urlenter h2 {text-align: left; color: #fff; padding-left: 120px; margin-top:-55px; padding-bottom:30px}
#urlentercontainer #urlenter #stepsleft {margin: 23px 0 0 -90px; float: left}
#urlentercontainer #urlenter #stepsleft p {color: #fff}
#urlentercontainer #urlenter #stepsright {margin: 15px 0 0 -30px; float: left}
#stepsright #numbers {float: left}
#stepsright #numbers .selectedstep {width: 22px; height: 32px; background: url("../images/selected-step2.png"); color: #fff; font-family: Arial; font-size: 18px; font-weight: bold; margin-right: 5px; padding: 5px 0 0 11px; float: left}
#stepsright #numbers .unselectedstep {width: 22px; height: 28px; background: url("../images/unselected-step2.png"); color: #999; font-family: Arial; font-size: 18px; font-weight: bold; margin-right: 5px; padding: 5px 0 0 11px; float: left}
#stepsright #urlentering {width: 750px; padding: 18px 0 0 10px; clear: both}
#stepsright #urlentering p {margin-bottom: 3px; color: #fff}
#stepsright #urlentering form input {margin-right: 6px; float: left}
#stepsright #urlentering form button {float: left; color}
.url {width: 455px; height: 44px; font-family: Arial; font-size: 30px; padding: 8px 0 0 15px; background: url("../images/input.png"); border-style: none}
#submit {width: 230px; height: 52px; font-family: Arial; font-size: 24px; color: #fff; background: url("../images/button.png"); margin-left: 5px; border-style: none}
/* Service summary, viewable on pages home, scanpreparation, scan and results */
#servicesummary {width: 950px; margin: 0 auto 0 auto}
#left {width: 465px; margin-right: 100px; float: left}
#left h2 {font-weight: normal; margin-top: 25px}
#left h3 {font-weight: normal; color:#585858}
#left p {margin: 15px 0 15px 0; font-size: 13px; line-height: 1.7}
#left ul {margin: 10px 0 10px 0; line-height: 1.7; color: #74b408}
#left li {margin-left: 30px; font-family: Arial; font-size: 13px; color: #74b408 }
#right {width: 385px; float: left}
#right h2 {font-weight: normal; margin-top: 25px}
#right p {margin: 15px 0 15px 0; font-size: 13px; line-height: 1.7}
#right ul {margin: 15px 0 20px 30px; line-height: 1.7; color: #74b408}
#right li {margin: 0 0 15px 0; ; font-family: Arial; font-size: 13px}
#right h3 {font-weight: normal; color:#585858}
#right #boxsamplereport {width: 320px; padding: 10px 15px 10px 15px; background: url("../images/box350mid.png") repeat-y; float: left}
#right #boxsamplereport h2 {margin: 0}
#right #boxsamplereport img {margin: 3px 3px 0 5px}
#right #boxsamplereport a {font-size: 18px; text-decoration: none; color: #74b408 }
#right #boxguarantee {width: 320px; padding: 10px 15px 8px 15px; background: url("../images/box350mid.png") repeat-y; float: left}
#right #boxguarantee h2 {margin: 0; float: left}
#right #boxguarantee p {width: 242px; margin: 10px 0 0 80px; float: left}
#right #boxguarantee a {float: left}
#right #guaranteestar {margin: -120px 0 0 -36px}
#right #weaccept {margin-top: 5px; clear: both}
#right .paymentmethod {margin-right: 10px; float: left}
/* About */
#iabout #content {display:blok; float: left; width: 550px; min-height:500px; margin-left:-280px;margin-bottom:35px}
/* Product */
#productheadercontainer {height: 308px}
#productheadercontainer #productheader {width: 650px; margin: 0 auto 0 auto}
#iproduct #content {display:blok; float: left; width: 550px; min-height:500px; margin-left:-280px;margin-bottom:35px}
#iproduct #content a {font-size: 14px; text-decoration: none; color: #74b408}
#iproduct #content table {margin-top: 5px; padding-top: 0px; border:0}
#iproduct #content table p {margin: 0px;padding: 0px; font-weight: bold}
#iproduct #content table td {line-height: 1.6em; padding-right: 25px;}
#iproduct #content table hr {border: 1px solid #585858; clear: both}
/* Contact */
#contactheadercontainer {height: 308px}
#contactheadercontainer #contactheader {width: 950px; margin: 0 auto 0 auto}
#icontact #content {display:blok; float: left; width: 550px; min-height:500px; margin-left:-280px;margin-bottom:35px}
#smallheadercontainer { heigth: 80px}
#smallheadercontainer #smallheader { display:block; float:left; margin: 0 0 40px -200px}
#smallheadercontainer #smallheader h1 { color: #585858; text-align:left}
#form-submit-message fieldset {width: 480px; border: none}
#form-submit-message legend {width: 480px; font-size: 18px; padding-top: 50px}
#form-submit-message label {width: 120px; margin: 20px 10px 0 0; font-weight: bold; float: left}
#form-submit-message input {width: 210px; height: 22px; margin: 10px 10px 0 0; padding: 5px 10px 5px 10px; font-size: 18px; background: url("../images/input-order.png"); border-style: none; float: left}
#form-submit-message textarea {width: 343px; height: 154px; margin: 10px 0 0 0; padding: 5px 10px 1px 7px; font-family: Verdana; font-size: 14px; background: url("../images/contact-textarea.png"); border-style: none; overflow:hidden;}
#form-submit-message #submit {width: 230px; height: 30px; font-family: Arial; font-size: 16px; color: #fff; background: url("../images/button-small.png"); margin: 10px 0 0 130px; border-style: none; float: left}
.contacttelephonenumber {font-family: Times New Roman; font-size: 25px; font-style: italic; color: #f60; margin-left: 30px}
/* Scanpreparation */
#scanprepheadercontainer {height: 444px; background: url("../images/seo480.png"); margin-top:-4px}
#scanprepheadercontainer #scanprepheader {width: 950px; margin: 0 auto 0 auto; padding-top: px}
#scanprepheadercontainer #scanprepheader #line {margin-top: 10px; float: left; color: #fff}
#scanprepheadercontainer #scanprepheader h1 {text-align: left;color: #fff; padding-left:20px; padding-top:20px}
#scanprepheadercontainer #scanprepheader h1 strong {font-style: bold; color: #fff; margin: -10px 0 0 0}
#scanprepheadercontainer #scanprepheader #stepsleft {margin: 40px 0 0 76px; float: left}
#scanprepheadercontainer #scanprepheader #stepsleft p {color: #fff}
#scanprepheadercontainer #scanprepheader #stepsright {margin: 35px 0 0 18px; float: left}
#scanprepheadercontainer #scanprepheader input {margin-bottom:10px}
/* Scan */
#scanheadercontainer {height: 400px; background: url("../images/seo400.png"); margin-top:-14px}
#scanheadercontainer #scanheader {width: 950px; margin: 0 auto 0 auto; padding-top: 0 px}
#scanheadercontainer #scanheader #line {margin-top: -20px; float: left; color: #fff}
#scanheadercontainer #scanheader h1 {text-align: left; margin-top: 10px; padding-top:15px; color: #fff; text-align: center}
#scanheadercontainer #scanheader h1 strong {color: #fff; text-align: center}
#scanheadercontainer #scanheader h1 em {font-weight: bold; color: #ff6600}
#scanheadercontainer #scanheader #stepsleft {margin: 20px 0 15px 76px; float: left}
#scanheadercontainer #scanheader #stepsleft p {color: #fff}
#scanheadercontainer #scanheader #stepsright {width: 750px; margin: 15px 0 15px 18px; float: left}
#scanheadercontainer #scanheader #stepsright #numbers {width: 750px; float: left}
#scanning {width: 710px; height: 82px; margin-top: 5px; background: #fff; float: left;cursor:progress;}
#scanning img {margin: 15px 0 0 18px; float: left}
#scanning #scaninfoleft {margin: 10px 0 0 20px; font-family: Arial; font-size: 24px; font-weight: bold; float: left}
#scanning #scaninforight {margin: 35px 20px 0 0; font-size: 12px; color: #666; font-weight: bold; float: right}
#scanning h1 {margin:20px;font-weight: normal; color: #fff}
#progressbar {width: 270px; height: 20px; margin-top: 18px; background: url("../images/progressbar.png"); background-repeat: repeat-x; font-family: Arial; font-size: 12px; text-align: center; clear: both}
#progresspercentage {width: 270px; height: 18px; margin-top: -19px; padding-top: 2px; font-family: Arial; font-size: 12px; text-align: center; clear: both}
#additionalinformation {margin: 30px 0 0 10px; float: left}
#additionalinformation h2 {margin:-10px;font-weight: bold; color: #fff}
#additionalinformation p {font-size: 14px; margin-top: 20px; color: #fff; margin-left:-10px}
#additionalinformation #url a {color: #fff}
/* Results */
#resultsheadercontainer {height: 350px; background: url("../images/seo480.png"); margin-top: -4px}
#resultsheadercontainer #resultsheader {width: 950px; padding-top: 22px; margin: 0 auto 0 auto}
#resultsheadercontainer #resultsheader h1 {text-align: left; color: #fff; }
#resultsheadercontainer #resultsheader h1 strong {color: #fff; text-weight:bold}
#searchpositionheader {margin: 20px 0 10px 0}
#searchpositionheader p {margin-top: 10px; font-size: 14px; line-height: 1.5}
#searchpositionheader p strong{color: fff;}
#resultsmain h1 {color:#2a4295; margin-top: 15px }
#searchpositionheader table {margin:20px 0 0 10px}
#searchpositionheader table th {text-align:left}
#searchpositionheader table td {padding-right:20px}
#quickanalysis {width: 950px; float: left}
#quickanalysisleft {width: 400px; float: left}
#quickanalysisleft dl {margin-top: 7px}
#quickanalysisleft dt {width: 180px; height: 20px; margin: 0 0 5px 0; padding: 10px 0 10px 0; border-bottom: 1px solid #fff; color: #fff; font-weight: bold; text-transform: uppercase; text-align: right; float: left}
#quickanalysisleft dd {width: 200px; height: 20px; margin: 0 0 5px 0; padding: 10px 0 10px 10px; border-bottom: 1px solid #fff; float: left; color: #fff; }
#quickanalysisright {margin: 20px 0 0 40px; padding-bottom: 35px; border-bottom: 1px solid #fff; float: right}
#quickanalysisright .scorebox {width: 110px; height: 92px; margin: 10px 10px 0 0; background: url("../images/scorebox.png"); float: left}
#quickanalysisright #overallscore {width: 110px; height: 92px; margin: 10px 0 0 0; background: url("../images/overallscore.png"); float: left}
#quickanalysisright .scorehead {margin-top: 5px; text-align: center; color: #fff}
#quickanalysisright .scoreblack {margin-top: 12px; text-align: center; font-size: 32px}
#quickanalysisright .scorewhite {margin-top: 12px; text-align: center; font-size: 32px; font-weight: bold; color: #fff}
#buyreport {width: 470px; margin-bottom: 15px; height: 54px; font-family: Arial; font-size: 24px; color: #fff; background: url("../images/button-large.png"); margin-top: 25px; border-style: none; float: left}
#buyreport_bestellen {width: 470px;margin-bottom: 15px; height: 54px; font-family: Arial; font-size: 24px; color: #fff; background: url("../images/button-large.png"); margin-top: 25px; border-style: none; float: right}
#resultsmain {width: 710px; margin: 0 auto 0 auto; height: auto; min-height: 700px;}
#resultsmain ul {margin-left: 20px}
#block_error {margin:40px 0 0 0;}
#quickwinsheader {margin: 40px 0 10px 0}
#quickwinsheader p {margin-top: 10px; font-size: 14px; line-height: 1.5}
#quickwinsheader h1 {color: #2a4295}
.quickwinsboxup {width: 710px; height: 8px; margin-top: 20px; background: url("../images/quickwin-box-up.png"); float: left}
.quickwinsboxmid {width: 670px; padding: 10px 20px 20px 20px; background: url("../images/quickwin-box-mid.png") repeat-y; float: left}
.quickwinsboxmid .quickwinheader {width: 500px; float: left}
.quickwinsboxmid .quickwinexpandbutton {margin-top: 6px; float: right}
.quickwinsboxmid p {clear:both;padding:0; margin: 40px 0 5px 0; font-size: 13px; line-height: 1.5}
.quickwinsboxmid a {text-decoration: none}
.quickwinsboxmid #quickwin1 {width: 670px; display: none; float: left}
.quickwinsboxmid #quickwin2 {width: 670px; display: none; float: left}
.quickwinsboxmid #quickwin3 {width: 670px; display: none; float: left}
.quickwinsboxmid #quickwin4 {width: 670px; display: none; float: left}
.quickwinsboxmid #quickwin5 {width: 670px; display: none; float: left}
.quickwinsboxdown {width: 710px; height: 8px; background: url("../images/quickwin-box-down.png"); float: left}
/* Order */
#pricetag {width: 188px; height: 74px; margin-top: 32px; padding: 3px 0 0 40px; background: url("../images/pricetag.png"); color: #fff; font-family: Georgia, Verdana; font-size: 36px; font-weight: bold}
#pricetag .bigger {font-size: 48px}
#pricetag small {font-size: 10px; float:right;padding-right:12px;}
#form-confirm-order #label-coupon {margin:-60px 0 0 280px;}
#form-confirm-order #coupon {width:130px; margin:-35px 0 0 280px; background: url("../images/input-order-small.png")}
#form-confirm-order fieldset {width: 480px; border: none}
#form-confirm-order legend {width: 480px; font-size: 18px; padding-top: 50px}
#form-confirm-order hr {border: 1px solid #eee; margin: 4px 0 12px 0}
#form-confirm-order label {width: 230px; margin: 20px 10px 0 0; font-weight: bold; float: left}
#form-confirm-order #label-company {width: 480px}
#form-confirm-order #label-city {width: 480px}
#form-confirm-order #label-paymenttype {width: 480px}
#form-confirm-order #label-coupon {width: 480px}
#form-confirm-order #paymenttype {margin-top:-10px;}
#form-confirm-order input {width: 210px; height: 22px; margin: 10px 10px 0 0; padding: 5px 10px 5px 10px; font-size: 18px; background: url("../images/input-order.png"); border-style: none; float: left}
#form-confirm-order select {width: 230px; height: 32px; margin: 10px 10px 0 0; padding: 5px 10px 5px 10px; font-size: 18px; background: url("../images/input-order.png"); border-style: none; float: left}
#form-confirm-order p {margin-top: 10px; font-size: 11px}
#form-confirm-order #company {margin-bottom: 20px;}
#form-confirm-order .gender {float:left;width:12px;}
#form-confirm-order .radiolabel {width: 80px; margin: 12px 20px 0 0; font-weight: bold; float: left }
#form-confirm-order .ptos {margin: 25px 0 0 0}
#confirmorder {width: 470px; height: 54px; margin-bottom: 35px; font-family: Arial; font-size: 24px; color: #fff; background: url("../images/button-large.png"); margin-top: 10px; border-style: none; float: left}
.topright {margin-top: 30px}
/* Recheck */
#recheckheader {width: 470px; height: 44px; margin-top: 27px; padding-top: 13px; background: url("../images/button-blue.png"); color: #fff; font-family: Arial; font-size: 24px; text-align: center; border-style: none}
.recheckhead {width: 300px; font-size: 18px; margin-top: 20px; float: left}
#pricespecification {font-size: 20px; margin-top: 20px; float: right}
.recheckbox1 {width: 220px; height: 32px; margin: 20px 10px 0 0; font-weight: bold; float: left}
.recheckbox2 {width: 220px; height: 32px; margin: 0 10px 0 0; float: left}
.recheckbox3 {width: 480px; height: 32px; margin: 0 10px 0 0; float: left}
.largebox {width: 480px; height: 32px; margin: 20px 10px 0 0; font-weight: bold; float: left}
#completeorderbuttons {float: left}
#completeorderbuttons #completeorder {width: 470px; height: 54px; margin-top: 27px; font-family: Arial; font-size: 24px; color: #fff; background: url("../images/button-large.png"); border-style: none; float: left}
#completeorderbuttons a {margin: 10px 0 35px 0; font-size: 11px; text-decoration: none; float: left}
#discount {float:right;margin-top:20px;color:green;font-weight:bold}
#receipt {width:200px; float:right; margin-top:0px;}
#receipt .amount {text-align:right;}
/* Download */
#getreport hr {border: 1px solid #eee; margin: 10px 0 10px 0 }
#getreport #downloadbutton {margin: 10px 0 0 80px}
#getreport a {font-size: 16px; text-decoration: none}
#thankyou {width: 470px; height: 44px; margin-top: 27px; padding-top: 13px; background: url("../images/download-button-green.png"); color: #fff; font-family: Arial; font-size: 24px; text-align: center; border-style: none}
/* Administration */
#administration-table {width:100%; margin-top:40px;}
#administration-table td {padding:5px 0 5px 0;}
#administration-table .left {text-align:left;}
#administration-table .right {text-align:right;}
#administration-table .total {padding-top:10px; border-top: 1px dashed #000000;}
#form-administration fieldset {width: 480px; border: none}
#form-administration legend {width: 480px; font-size: 18px; padding-top: 50px}
#form-administration label {width: 120px; margin: 20px 10px 0 0; font-weight: bold; float: left}
#form-administration input {width: 210px; height: 22px; margin: 10px 10px 0 0; padding: 5px 10px 5px 10px; font-size: 18px; background: url("../images/input-order.png"); border-style: none; float: left}
#form-administration #login {width: 230px; height: 30px; font-family: Arial; font-size: 16px; color: #fff; background: url("../images/button-small.png"); margin: 10px 0 0 130px; border-style: none; float: left}
#form-administration #logout {width: 230px; height: 30px; font-family: Arial; font-size: 16px; color: #fff; background: url("../images/button-small.png"); margin: 50px 0 0px 0px; border-style: none; float: left}
/* Footer */
#footercontainer {position: relative; margin-top: 0px; height: 100px; clear:both; background: url("../images/foot.png")}
#footer {width: 950px; margin: 0 auto 0 auto }
#footer a {color:#fff; text-decoration: none}
#footer #copyrights {font-family: Arial; font-size: 12px; color: #fff; float: left; margin: 30px 0 0 550px}