/* main blocks */
body,html { height: 100%; margin: 0; padding: 0; }
body { background-color: #eee; }
div#page { position: relative; width: 950px; background-color: #FFFFFF; margin: 0 auto; padding: 0; border: 0px solid #ddd; border-width: 0 1px 0 1px; height: 100%; }
body > div#page { height: auto; min-height: 100%; }
div.homepage { background: transparent 100% 3em url('images/home_low.jpg') no-repeat; }
/* header */
/* ------ */
div#header { position: relative; height: 110px; margin: 0; padding: 0; border: 1px solid #E5F7FF; background: #E5F7FF; }
h3.strapline { text-align: right; margin: 5px 30px 0 0; font: normal 20px Arial,Helvetica,sans-serif; color: #3094BF; }
img.logo { position: absolute; top: 15px; left: 30px; height: 80px; width: 80px; /*border: 2px dashed #3094BF; */}
/* tabbed primary navigation NB ie 5 needs these extra current:hover rules */
ul#navigation { position: absolute; bottom: 15px; left: 130px; margin: 0; padding: 0 6px; font: normal 0.9em Arial, Helvetica, sans-serif; white-space: nowrap; border-bottom: 3px solid #00adef; float: left; width: 760px;}
ul#navigation li { display: inline; }
ul#navigation a { display: block; float: left; margin: 0 5px; padding: 3px 10px;
background-color: #BAEAFC; /* border: 1px solid #BAEAFC; */ text-decoration: none; }
ul#navigation a:hover { color: white; background-color: #00adef; }
ul#navigation a.current { background-color: #00adef; color: white; font: bold 1em Arial, Helvetica, sans-serif; }
ul#navigation a.current:hover { background-color: #00adef; color: white; font: bold 1em Arial, Helvetica, sans-serif; }
/* page content */
/* ------------ */
/* content encompasses everthing from header down */
div#content { position: relative; font: 1em Arial,Helvetica,sans-serif; clear: left; margin: 20px 30px 5px 30px; }
div.subcontent { position: relative; }
/* heading */
h1 { font: bold 1.7em Arial,Helvetica,sans-serif; color: #0009B6; margin: 0; padding: 0 0 0.5em 0; vertical-align: middle; }
h1 span { font-weight: normal; margin-left: 0.1em; margin-right: 0.1em; color: #666; font-style: normal; }
p.onepara { clear: both; font-size: 1.05em; margin: 0 0 1em 0; background: #FFFFDF; padding: 0.5em 2em; }
p.onepara strong { font-weight: normal; }
/*span.ysw { color: #0075C6; font-weight: normal; }
h4 span.ysw { font-weight: bold; } */
/* main features */
ul.mainfeatures { position: relative; list-style: none; width: 310px; margin: 0; padding: 1.5em 0 0 2em;}
ul.mainfeatures li { position: relative; border: 2px solid #4799C3; background: transparent 0 0 url('images/mask3.png') repeat; margin: 0 0 1.4em 0; padding: 0.5em 0.5em 0.9em 0.5em; min-height: 4.1em; cursor: pointer; }
ul.mainfeatures li img.icon { position: absolute; top: 6px; left: 6px; width: 48px; height: 48px; }
ul.mainfeatures li div { margin: 0 0 0 56px; }
ul.mainfeatures li h4 { margin: 0 0 0.2em 0; font-size: 1.05em; color: #002768; }
ul.mainfeatures li p { margin: 0; font-size: 0.8em; font-weight: normal; color: #003792; line-height: 1.4em; }
ul.mainfeatures li:hover { cursor: pointer; background: #ABC9FF; border-color: #166DFE; }
p.overview { clear: both; background: transparent 0 0 url('images/mask5.png') repeat; margin: 1em 20px 0 20px; padding: 0.5em 20px; font-size: 1.05em; font-weight: bold; color: #333; width: 812px; }
ul li p.more img { vertical-align: middle; border: 0; width: 16px; height: 16px; }
ul li p.more { margin: 0; font-size: 0.8em; text-align: right; position: absolute; bottom: 2px; right: 2px; color: #002768;}
ul.mainfeatures li a { text-decoration: none; color: #002768;}
/* bottom menu for homepage */
ul.bottommenu { position: relative; width: 890px; list-style: none; padding: 1.3em 20px 0 20px; margin: 0;}
ul.bottommenu li { position: relative; width: 257px; min-height: 75px; background: transparent 0px 0px url('images/mask.png') repeat; float: left; margin: 0 20px 1em 0; font-size: 0.9em; padding: 12px 7px; }
ul.bottommenu li.quote { font-size: 0.8em; }
ul.bottommenu li.quote span.quote, div.quote span.quote { font: bold 2em serif; position: absolute; margin: 0; }
ul.bottommenu li.quote span.left, div.quote span.left { top: 0.2em; left: 0.1em; }
ul.bottommenu li.quote span.right, div.quote span.right { margin-left: 0.2em; }
ul.bottommenu li.quote p { margin: 0 0 0 1em; }
ul.bottommenu li.quote p.where { font-size: 0.9em; color: #333; margin: 0.5em 0 0 0; font-weight: bold;}
ul.bottommenu li.arrange { background-image: url('images/mask3.png'); margin-right: 0; border: 2px solid #4799C3; padding: 10px 5px; cursor: pointer; }
ul.bottommenu li.arrange img { position: absolute; top: 8px; }
ul.bottommenu li.arrange h4 { font-size: 1.1em; color: #002768; margin: 0 0 0.4em 50px; padding: 0; }
ul.bottommenu li.arrange p { margin: 0 0 0 50px; padding: 0; color: #000; }
ul.bottommenu li.arrange:hover { cursor: pointer; background: #ABC9FF; border-color: #166DFE; }
ul.bottommenu li.arrange a { color: #002768; text-decoration: none; }
/* why choose us specifics */
p.whychoosesummary { padding-right: 320px; }
ul.right { position: absolute; right: 0; bottom: 0; width: 275px; padding: 0 0 0 2em; }
ul.right li { width: 260px; margin: 0; }
/* quotes and r.h. blocks */
ul.secondfeatures { list-style: none; width: 310px; margin: 0 1em 0 0; float: right; }
ul.modulelinks { width: 240px; }
ul.secondfeatures li { position: relative; background: #EBFFEB; margin: 0 0 0.5em 0; padding: 0.5em; }
ul.secondfeatures li.quote { font-size: 0.9em; padding: 1em 0.5em; }
div.quote { position: relative; padding: 1em 0.5em; background: #D5FFD5; width: 220px; float: right; clear: right; margin: 0 0 1em 3em;}
div.left { float: left; margin: 0 3em 1em 0; }
div.wide { float: none; width: 500px; clear: both; }
ul.secondfeatures li.quote span.quote, div.quote span.quote { font: bold 2em serif; position: absolute; margin: 0; }
ul.secondfeatures li.quote span.left, div.quote span.left { top: 0.2em; left: 0.1em; }
ul.secondfeatures li.quote span.right, div.quote span.right { margin-left: 0.2em; }
ul.secondfeatures li.quote p { margin: 0 0 0 1em; }
ul.secondfeatures li.quote p.name, ul.secondfeatures li.quote p.where { font-size: 0.9em; color: #333; margin: 0;}
ul.secondfeatures li.quote p.where { font-weight: bold; }
ul.secondfeatures li.link { font-size: 0.9em; padding-bottom: 1.8em;}
ul.secondfeatures li.link img.icon { float: left; margin: 0 0.5em 0.2em 0; }
ul.secondfeatures li.link p { margin: 0; }
ul.secondfeatures li.link h4 { margin: 0 0 0.3em 0; font-size: 1em; color: #000; }
ul.secondfeatures li.heading { font-weight: bold; padding: 0.5em; background: #CBFFCB; }
ul.secondfeatures li.heading h3 { margin: 0; font-size: 0.95em; color: #000; }
ul.secondfeatures li.shortlist { padding: 0.5em; }
ul.secondfeatures li.shortlist ul { list-style: disc; font-size: 0.95em; padding-left: 1.5em;}
ul.secondfeatures li.shortlist ul li { padding: 0; margin-bottom: 0.1em;}
div.moduledetails { position: relative; font-size: 0.95em; margin: 1em 1em 0 200px; padding: 0; }
div.moduledetails p { font-size: 1.05em; margin: 0 0 1em 0; text-align: left; }
div.moduledetails p.opening { font-size: 1.2em; }
div.moduledetails img.largess { width: 670px; margin: 0.6em 0; }
div.moduledetails img.smallss { width: 470px; height: 150px; border: 1px solid #BBB; margin: 0.6em 0; }
div.moduledetails img.tinyss { width: 300px; border: 0px solid #BBB; margin: 1em 0 1em 2em; float: right; clear: right; cursor: help; }
div.moduledetails div.quote p { margin: 0 0 0 1em; text-align: left; }
div.moduledetails div.quote p.where { margin: 0.5em 0 0 0; font-size: 0.9em; font-weight: bold;}
div.moduledetails p.more img { vertical-align: middle; border: 0; width: 16px; height: 16px; }
div.moduledetails p.more { margin: 0.4em 0 0 0; font-size: 0.9em; text-align: right; bottom: 2px; right: 2px; color: #002768; font-weight: bold; clear: both; }
div.moduledetails p.more a { color: #002768; text-decoration: none; }
div.moduledetails p.more a:hover{ color: #A40034; text-decoration: none; }
div.moduledetails p.instructions { color: #333; font-weight: bold; margin: 0 0 2em 0; }
div.moduledetails p.disclaimer { color: #444; font-size: 0.9em; }
div.moduledetails ul.simple { list-style: none; margin: 0 0 1em 1.5em; padding: 0; font-size: 1.05em; }
div.moduledetails ul.simple li { background: transparent 0px 2px url('images/bullet.png') no-repeat; padding: 0 0 0 24px; margin: 0 0 0.3em 0; }
div.generaldetails { margin-left: 1em; }
div.generaldetails div.quote { width: 260px; }
div.caseintro { width: 40%; float: right; padding: 1em; margin: 0 0 2em 2em; background: #D5E6FF; font-size: 1.2em; }
div.caseintro h4 { margin: 0 0 0.7em 0; }
div.caseintro p { margin: 0 0 0.5em 0; font-size: 0.9em; }
div.caseintro p span { font-weight: bold; color: #333; }
div.caseintro p a { font-weight: bold; }
div.caseintro p.address { margin: 0; }
div.caseintro p.website a { font-weight: normal; }
div.moduledetails p.quoted { color: #00396E; }
div.allfeatures { }
div.allfeatures p { font-size: 0.9em; font-weight: bold; color: #444; margin: 0 0 1em 0; }
ul.ticklist { list-style: none; margin: 0; padding: 0; width: 275px; float: left; }
ul.ticklist li { background: transparent 0px 0px url('images/tick.png') no-repeat; padding: 0 0 0 20px; margin: 0 0 0.1em 0; }
ul.ticklist li A:link { color: #003E00;}
ul.ticklist li A:visited { color: #444; }
ul.ticklist li A:active, ul.ticklist li A:hover { color: #A40034; }
ul.features { list-style: none; margin: 0 0 1em 1.5em; padding: 0; font-size: 1.05em; font-weight: bold; color: #333; }
ul.features li { background: transparent 0px 2px url('images/bullet2.png') no-repeat; padding: 0 0 0 24px; margin: 0 0 0.3em 0; }
ul.features ul { list-style: none; margin: 0 0 1em 0; padding: 0.3em 0; font-weight: normal; color: #000; }
ul.features ul li { background: transparent 0px 2px url('images/bullet3.png') no-repeat; padding: 0 0 0 24px; margin: 0 0 0.3em 0; }
ul.keyfeatures { list-style: none; margin: 0 0 1em 0; padding: 0; font-size: 1.1em; font-weight: bold; color: #333; }
ul.keyfeatures li { background: transparent 0px 2px url('images/bullet.png') no-repeat; padding: 0 0 0 24px; margin: 0 0 0.3em 0; }
div#screenshotmask { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: transparent 0px 0px url('images/mask4.png') repeat; z-index: 10; overflow: auto; }
div#screenshotmask img { position: absolute; left: 50%; top: 50%; cursor: pointer; border: 2px solid #444;}
div#screenshotmask p { position: absolute; top: 50%; left: 50%; background: #D5E6FF; border: 2px solid #444; border-top: 0; color: #333; text-align: center; font: bold 1em Arial,Helvetica,sans-serif; padding: 0.1em 0; }
div#screenshotmask img#loadimg { border: 1px solid #000; background: #fff; padding: 25px; margin: -50px; }
div.screenshot { font-size: 0.85em; position: relative; background: #444; text-align: center; margin: 0 0 3em 0; cursor: pointer; padding: 2px; }
div.screenshot img { margin: 0 0 2px 0; }
div.screenshot p { color: #333; margin: 0; padding: 0 0 0.2em 0; text-align: center; font-weight: bold; background: #D5E6FF; }
ul.faq, div.moduledetails ul.faq { list-style: none; margin: 0; padding: 0; }
ul.faq li, div.moduledetails ul.faq li { margin: 0 0 2em 0; padding: 0; background: transparent; }
ul.faq li h4, div.moduledetails ul.faq li h4 { margin: 0 0 0.3em 0; font-size: 1.1em; }
ul.faq li p, div.moduledetails ul.faq li p { margin: 0; font-size: 1em; }
table.formtable { margin: 0.5em 0; width: 100%; padding: 0.5em; border-collapse: collapse; }
table.formtable tr.missing, table.formtable tr.missing td { background: #FFD9D9; }
table.formtable td { padding: 0.3em; background: #eee; vertical-align: middle; }
table.formtable td.label { text-align: right; vertical-align: middle; padding: 0.3em; font-weight: bold; color: #444; }
table.formtable td.buttons { text-align: right; background: #ccc; }
table.formtable td.buttons input{ border: 1px solid #0009B6; background: #E5F7FF; margin: 0 0 0 0.8em; font-weight: bold; color: #222; cursor: pointer; }
span.required { color: #f00; font-weight: bold; font-size: 1.5em; display: inline; margin: 0 0 0 0.3em; line-height: 0.5em;}
p.required { color: #444; font-size: 0.8em; }
p.error { color: #f00; }
p.error span { font-weight: bold; }
table.contact { padding: 0 1em; }
table.contact td { font-weight: bold; text-align: left; padding: 0.1em 0 0.1em 0.4em; vertical-align: top; }
table.contact th { color: #444; font-weight: normal; text-align: right; vertical-align: top; padding: 0.1em 0 0.1em 1em; }
/* footer */
/* ------ */
div.footer { position: relative; clear: both; margin: 0; border-top: 3px solid #00adef; padding: 3px 0; background: #fff; margin: 1em 0 0 0; min-height: 37px; }
div.footer p.ysw { font: 0.9em Arial,Helvetica,sans-serif; text-align: right; font-weight: bold; color: #666; margin: 0; padding: 0; }
body div.footer p.validxhtml { border: 0; margin: 0; padding: 0; display: inline; float: left; }
div.footer p.validxhtml img { height: 21px; width: 60px; border: 0; margin: 0; padding: 0;}
/* secondary navigation */
/* -------------------- */
ul.subnav { position: absolute; left: 0; top: 0; width: 150px; list-style: none; margin: 0; padding: 0;}
ul.subnav li { border: 1px solid #aaa; padding: 0; margin: 0 0 0.3em 0; background: #eee; }
ul.subnav li a { display: block; color: #666; text-decoration: none; padding: 0.3em; font-weight: bold;}
/*ul.subnav li a:visited { color: #666; } */
ul.subnav li a:hover { background: #BAEAFC; color: #222; }
ul.subnav li.active a { color: #222; background: #BAEAFC; }
/* text styles */
A:link { color: #0F2EAA}
/* A:visited { color: #653D96} */
A:active, A:hover { color: #A40034}
h3 { font: bold 1.2em Arial,Helvetica,sans-serif; color: #055d81; }
h2 + h3 { margin-top: 0.7em }
h4 { font: bold 1.2em Arial,Helvetica,sans-serif; color: #055d81; margin-top: 1.4em }
/*
li { line-height: 1.3em}
.normal { font: normal 1em Arial,Helvetica,sans-serif; }
*/
/* for nice printing */
/* ----------------- */
@media print
{
div#page { border: 0; }
div#header {border: 0; }
ul.subnav li { border: 0; }
ul.subnav li.active { border: 2px solid #000; }
}
/* survey */
/* ------ */
form#survey {
}
form#survey h3 { color: #0009B6; font-weight: normal; font-size: 16px; margin-top: 25px; }
form#survey input { }
form#survey p.submit input { border: 1px solid #0009B6; background: #E5F7FF; margin: 0 0 0 0.8em; font-weight: bold; color: #222; cursor: pointer; padding: 5px; }
form#survey ul.range { list-style: none; }
form#survey ul.range span { color: #666; padding-left: 10px; font-style: italic; }
form#survey table { width: 100%; }
form#survey table col.feature { width: 200px; }
form#survey table col.new { width: 300px; }
form#survey table td { vertical-align: top; }
form#survey table th { background: #444; color: #fff; }
form#survey table td.feature { font-weight: bold; }
form#survey table td.feature em { display: block; color: #666; font-size: 12px; font-weight: normal; }
form#survey table tr.stripe { background: #eee; }
form#survey p label { color: #333; font-size: 14px; }