* { font-family: verdana, arial, helvetica, sans-serif; margin: 0; }
body { background-color: #F2EEDE; color: #000B8E; font-size: 70%; }
body.plain { background-color: white; padding: 0; margin: 0; }
img { border: none; }
a { color: #000B8E; cursor: pointer; }
a:hover { color: #BC0000; }
ul { list-style-type: none; margin: 0; padding: 0; }
ol { list-style-type: decimal; margin: 0; padding: 0; }
input { color: #000B8E; }
input.text { border: 1px solid #7F9DB9; padding: 1px; }
input.text.disabled { background-color: white; color: #C9C7BA; border: 1px solid #C9C7BA; }
select { color: #000B8E; border: 1px solid #7F9DB9; cursor: pointer; padding: 1px; }
select.disabled { background-color: white; color: #C9C7BA; border: 1px solid #C9C7BA; }
label.checkbox, label.radio { cursor: pointer; }
div.fieldset { border: 1px solid #C9C7BA; margin: 15px 10px 15px 10px; padding-bottom: 10px; }
.important { font-weight: bold ! important; }
.unimportant { font-size: 80%; }
/* supersecretsteps.html */
div.register-intro-benny {
background: url("benny_small.jpg") no-repeat;
background-position: right; 
height: 172px; 
width: 144px;
float: right;
}
.main { background-color: white; color: #000B8E; width: 760px; margin: 10px auto; border: 1px solid #000B8E; }
.header, .footer { background-color: #474d8e; color: white; padding: 10px }
.header { border-bottom: 1px solid #000B8E; }
.footer { clear: both; border-top: 1px solid #000B8E; }
.header a, .footer a { color: white; }
.header a:hover, .footer a:hover { color: #C9C7BA; }
.logo { background: url("logo-small.gif") no-repeat; float: left; height: 102px; width: 244px !important;}
.logo a { float: left; height: 102px; width: 244px !important; font-size: 0; }
.signin { text-align: right; font-size: 80%; text-transform: lowercase; }
.signin li { padding: 0 5px 0 6px; border-left: 1px solid white; display: inline; }
.signin li.first { border-left: none; }
.sitenav { margin-top: 30px; margin-bottom: 5px; text-align: right; }
.sitenav ul { border-top: 1px solid white; border-bottom: 1px solid white; }
.sitenav li { display: inline; text-align: center; }
.sitenav a { padding: 10px 5px; text-decoration: none; font: bold 120% helvetica, arial, geneva, lucida, sans-serif; }
.sitenav a:hover, .sitenav a.here { background-color: white; color: #BC0000; border: 1px solid #C9C7BA; padding: 4px; }
.sitenav a.here { cursor: default; }
.content { clear: both; padding: 10px; }
.content h1 { color: #BC0000; font-size: 110%; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
.content h2 { font-size: 100%; font-weight: bold; padding-top: 10px; padding-bottom: 5px; margin-left: 10px; }
.content p { margin-left: 10px; padding-bottom: 10px; }
.content p.error { color: #BC0000; }
.copyright { color: #474D8E; padding-bottom: 10px; text-align: center; font-size: 80%; }
.copyright li { padding: 0 5px 0 6px; border-left: 1px solid #474D8E; display: inline; }
.copyright li.first { border-left: none; }
.copyright a { color: #474D8E; text-transform: lowercase; }
.copyright a:hover { color: #000B8E; }
.breadcrumbs { margin: 10px; font-size: 90%; }
.breadcrumbs li { margin-right: 10px; display: inline; }
.breadcrumb-current { color: #BC0000; font-weight: bold; }
.breadcrumb-future { color: #C9C7BA; }
.buttons { margin: 20px 0px 20px 10px; }
.buttons li { margin-right: 10px; display: inline; width: 100%; }
.home-text { text-align: justify; }
.home-entry { color: #BC0000; font-size: 150%; font-weight: bold; padding: 20px; text-align: center; }
.home-entry a { padding: 0px 20px; }
.home-signin { margin: 20px; background-color: #F2EEDE; width: 240px; padding: 5px; border: 1px solid #C9C7BA; }
.home-signin p.signout { float: right; text-align: right; }
.home-signin p.right { text-align: right; }
.home-signin p.error { text-align: right; color: #BC0000; }
.home-signin p span { display: block; margin-left: 40px; color: #000000; }
.home-register { border-top: 1px solid #C9C7BA; }
.home-card { margin: 20px; background-color: #F2EEDE; width: 240px; padding: 5px; border: 1px solid #C9C7BA; }
.home-card p.center { text-align: center; padding-bottom: 15px; }
.rightcolumn { float: right; }
.template-preview-placeholder { margin-right: 20px; margin-bottom: 20px; width: 300px; height: 180px; border: 1px solid #C9C7BA;  text-align: center; }
.template-preview-placeholder-text { padding-top: 50px; color: #C9C7BA; font: bold 200% helvetica, arial, geneva, lucida, sans-serif; }
.template-preview-area { float: right; margin-right: 0px; }
.template-preview-blankback { margin-right: 20px; margin-bottom: 20px; width: 300px; height: 180px; border: 1px solid #C9C7BA;  text-align: center; display: none; }
.template-preview { margin-right: 20px; margin-bottom: 20px; display: none; }
.template-thumbnails-frame { margin-left: 10px; border: 1px solid #C9C7BA; width: 360px; height: 525px; overflow: auto; }
.thumbnails-thumbnails { padding: 5px; }
.thumbnails-thumbnails li { float: left; width: 48%; margin-left: 2px; margin-bottom: 2px; border: 1px solid #C9C7BA; }
.thumbnails-thumbnails p { float: left; text-align: left; padding-left: 5px; }
.thumbnails-thumbnail { border: 1px solid #C9C7BA; margin: 5px; cursor: pointer; }
.thumbnails-thumbnail-hover { border: 1px solid #000B8E; margin: 5px; cursor: pointer; }
.template-preview-removelink { float: right; padding-right: 5px; }
.template-preview-removelink a { color: #BC0000; }
.template-preview-removelink span { color: #C9C7BA; }
.details-card { position: relative; left: 30px; margin: 5px 0; border: 1px solid #C9C7BA; }
.details-card input { background-color: transparent; border: 0; z-index: 1; padding: 0; margin: 0; }
.details-card input.hover { background-color: #F2EEDE; background-color: rgba(255, 255, 255, 0.3); border: 1px solid #BC0000; z-index: 99; }
.details-card input.hoverzzz1 { background-color: #F2EEDE; border: 1px solid #BC0000; z-index: 99; }
.details-card input.hoverzzz { background-color: #C9C7BA; border: 1px solid #BC0000; z-index: 99; }
.details-card input.focus { background-color: #F2EEDE; background-color: rgba(255, 255, 255, 0.3); border: 1px solid black; z-index: 100; }
.details-card input.focuszzz1 { background-color: #F2EEDE; border: 1px solid black; z-index: 100; }
.details-note { margin-left: 30px; margin-top: 20px; font-size: 80%; color: #BC0000; }
.preview-card { margin: 5px 0 5px 30px; }
.preview-note { margin-left: 30px; font-size: 80%; padding-bottom: 10px; }
.preview-checkboxes li { margin-left: 30px; padding: 5px 0; }
.preview-checkboxes .error { margin-left: 15px; display: none; color: #BC0000; }
.order-form table { margin-left: 10px; border-collapse: collapse; }
.order-form tr { height: 25px; }
.order-form th { width: 150px; font-weight: normal; text-align: left; }
.order-form th span.mandatory { color: #BC0000; padding-left: 5px; }
.order-form input.text { width: 300px; }
.order-form select { width: 304px; }  /* text input width: 300px + their padding: 1px x 2 + their border: 1px x 2 */
.order-form label.radio { padding-left: 2px; padding-right: 20px; }
.order-form .error { font-size: 80%; padding-left: 5px; color: #BC0000; display: none; }
.order-options select { width: 151px; }
.order-cost table { border: 1px solid #000B8E; width: 457px; }
.order-cost tr { height: 30px; }
.order-cost tr.total th { border-top: 1px solid white; font-weight: bold; }
.order-cost tr.total td { background-color: white; border-top: 1px solid #474D8E; font-weight: bold; }
.order-cost th { padding-left: 10px; width: 140px; background-color: #474D8E; color: white; border-right: 1px solid #000B8E; }
.order-cost td { background-color: #F2EEDE; text-align: right; }
.order-cost td.spacing { width: 25%; }
.order-cost .tablenote { margin-left: 10px; padding: 5px 0; font-size: 80%; }
.order-payment #creditCardCode { width: 147px; }
.order-payment #creditCardExpiryMonth, #creditCardExpiryYear { width: 151px; }
.order-form .order-mandatory { margin: 20px 10px; color: #BC0000; }
.prices-tablenote { margin: 5px 0 10px 30px; font-size: 80%; }
table.prices { margin-left: 30px; border-collapse: collapse; border: 1px solid #000B8E; }
table.prices tr { height: 30px; }
table.prices tr.header { font-weight: bold; border-bottom: 0; }
table.prices tr.header, table.prices tr.subheader { background-color: #474D8E; color: white; text-align: center; }
table.prices tr.subheader th, table.prices tr.subheader td { border-bottom: 1px solid #000B8E; height: 40px; }
table.prices tr.header th, table.prices tr.subheader th { background-color: #474D8E; color: white; border-right: 1px solid white; }
table.prices th { font-weight: bold; text-align: left; background-color: #F2EEDE; border-right: 1px solid #000B8E; }
table.prices td.price { text-align: right; padding-right: 10px; }
table.prices .starttable { padding-left: 10px; }
table.prices .startcol { padding-left: 0; }
table.prices .endcol { padding-right: 40px; }
table.prices .endtable { padding-right: 10px; }
.faqs-questions { border-top: 1px solid #C9C7BA; border-bottom: 1px solid #C9C7BA; padding-top: 20px; padding-bottom: 20px; margin-top: 10px; margin-bottom: 20px; }
.faqs-answers li { margin-left: 10px; margin-bottom: 10px; }
.faqs-answers table { border-collapse: collapse; }
.faqs-answers table th { text-align: left; vertical-align: top; padding-right: 10px; }
.faqs-answers table td { width: 100%; }
.faqs-answers table td.q { font-weight: bold; padding-bottom: 5px; }
.faqs-answers table td p { margin: 0; }
.faqs-back-top { text-align: right; font-size: 80%; }
.contact-text table { border: none; margin-left: 10px; border-collapse: collapse; }
.contact-text th { text-align: left; font-weight: normal; padding-bottom: 10px; padding-right: 20px; }
.contact-text td { text-align: right; padding-bottom: 10px; }
.register-intro ul { margin-left: 40px; list-style-type: disc; padding-bottom: 10px; }
.register-intro li { padding-bottom: 5px; }
.register-form table { margin-left: 10px; border-collapse: collapse; }
.register-form tr { height: 25px; }
.register-form .error { font-size: 80%; padding-left: 5px; color: #BC0000; display: none; }
.register-form .hint { font-size: 80%; padding-left: 5px; }
.register-form th { width: 150px; font-weight: normal; text-align: left; }
.register-form th span.mandatory { color: #BC0000; padding-left: 5px; }
.register-form input.text { width: 300px; }
.register-form select { width: 304px; }  /* text input width: 300px + their padding: 1px x 2 + their border: 1px x 2 */
.register-form .register-mandatory { margin: 20px 10px; color: #BC0000; }
.password-form table { margin-left: 10px; border-collapse: collapse; }
.password-form tr { height: 25px; }
.password-form .error { font-size: 80%; padding-left: 5px; color: #BC0000; display: none; }
.password-form th { width: 150px; font-weight: normal; text-align: left; }
.printer-details  table { margin-left: 30px; margin-top: 20px; margin-bottom: 20px; border-collapse: collapse; border: 1px solid #000B8E; }
.printer-details  table tr { height: 30px; }
.printer-details  table th { font-weight: bold; text-align: left; background-color: #F2EEDE; border-right: 1px solid #000B8E; vertical-align: top;  padding-left: 10px; padding-right: 10px; padding-top: 10px; }
.printer-details  table td { text-align: left; padding-right: 10px;  padding-left: 10px; vertical-align: top; padding-bottom: 10px; padding-top: 10px; }
.printer-details  table td span.important { font-weight: bold ! important; font-size: 120%; }
.printer-details  table td span.very-important { font-weight: bold ! important; color: #BC0000; font-size: 120%; }
.printer-options a { display: block; padding-left: 10px; padding-bottom: 20px; padding-top: 10px; font: bold 120% helvetica, arial, geneva, lucida, sans-serif; }
.errorpage-return-link { text-align:center; padding-bottom: 20px; padding-top: 10px; }