/* PAGE */
body { background-image:url(bg.png); margin:1em 0.5em; padding:0; font-family:'Lucida Grande',Verdana,sans-serif; }
img { border:0; }
#slogan { width:359px; height:27px; }
#logo { width:327px; height:45px; }
#badge { position:absolute; margin-top:-177px; margin-left:8px; }

/* IE 6 PNG fix */
#body-top, #body-bottom, #slogan, #logo, #badge, h2, .errorlist, .errornote, button { _behavior:url(/media/dh/iepngfix.htc); }

#body { width:925px; margin:0 auto; }

#header { padding:0 30px; margin-bottom:-6px; }
#slogan { float:right; padding-top:13px; }

#body-top { background-image:url(bg-top.png); height:52px; }
#body-middle { background-image:url(bg-middle.png); padding:1px 17px; _padding-left:10px; min-height:200px; }
#body-bottom { background-image:url(bg-bottom.png); height:34px; }

#body-top { text-align:center; }
#body-middle .col1, #body-middle .col2 { margin:-10px 0 0 30px; width:376px; float:left; }
#body-middle .col { margin:-10px 30px 140px 30px; }

/* TOP MENU */
#menu { margin:0 auto; padding:17px 0 0 0; text-align:center; line-height:34px; display:table; #zoom:1; #display:inline; }
#menu li { padding:0; margin:0; list-style-type:none; display:inline; color:black; line-height:34px; }
#menu a { display:table-cell; #display:block; float:left; height:34px; color:black; text-decoration:none; padding:0 1em; font-size:16px; }
#menu li:hover a { background-image:url(menu-hoverbg.png); }
#menu li.active a { background-image:url(menu-activebg.png); }
#menu .active a { color:#000; font-weight:bold; }

/* SUB MENU */
#submenu { margin:0 auto; padding:6px 0px; display:table; #display:inline; #zoom:1; }
#submenu li { display:table-cell; #display:block; float:left; height:16px; background-image:url(submenu-middle.png); padding:3px 0; }
#submenu li.submenu-start { background-image:url(submenu-left.png); width:12px; }
#submenu li.submenu-end { background-image:url(submenu-right.png); width:12px; }
#submenu li.active a { font-weight:bold; color:#000; }
#submenu a { padding:0 1em; text-decoration:none; font-size:13px; color:#444; }
#submenu a:hover { color:#666; }
#submenu-container { text-align:center; }

/* CLASS STYLES */
.clear { clear:both; }
.small { color:#888; font-size:11px; }
sup { font-weight:normal; font-size:9px; color:#333; }
.small sup { color:inherit; }
#content>div { padding:0 12px; }
#content h2 { margin-left:-0.8em; margin-right:-12px; }
#content p { margin:1em; text-align:justify; }
#content ul, #content ol { padding-left:40px; margin:0.8em 0; }
#content ul li { list-style-type:square; }

/* CONTENT */
a { color:#555; }
a:hover { color:#777; }
h1 { padding:1em; margin:0; color:#666; }
h2 {
    margin-top:1.2em;
    margin-bottom:-0.4em;
    text-align:center;
    background-image:url(hbg.png); background-repeat:no-repeat;
    line-height:31px;
    height:38px;
    color:#0c270c;
    font-size:16px;
}
.col h2 { background-image:url(hbg-full.png); }
h3 { margin-top:1.2em; margin-bottom:-0.4em; font-size:14px; }
dt { margin-left:20px; }
dt, p, li, td, th { font-size:13px; line-height:1.3em; }
li { margin:0 0 0.6em 0; }
.img { border:1px solid #ccc; background-color:white; display:block; margin:1em auto; }
/*strong { background-color:#ada; padding:2px 6px; }*/
strong { color:#030; text-shadow:#8b8 1px 1px 4px; background-color:#cec; padding:1px 4px; }
.centered { text-align:center; padding:1px; }
.centered * { text-align:center !important; }
pre { margin:1em 20px; padding:6px; background-color:#bdb; }
p.small { margin:0 1em !important; }


/* COPYRIGHT */
#copyright { color:#bbb; font-size:10px; text-align:right; margin:0 17px 2em 1em; }
#copyright a { color:#888; }
#copyright a:hover { color:#aaa; }

/* PRICELIST */
table.pricelist { border-top:1px solid #aaa; margin:1em auto 0 auto; text-align:right; width:18em; }
table.pricelist th { background-color:#ddd; }
table.pricelist td, table.pricelist th { padding:4px 1.8em; border-bottom:1px solid #aaa; }
table.pricelist span { color:#444; font-size:10px; }

/* PLANS */
table.plans { border-bottom:1px solid #aaa; margin:1em auto 0 auto; text-align:right; width:18em; }
table.plans th { background-color:#ddd; }
table.plans td, table.plans th { padding:4px 0.8em; border-top:1px solid #aaa; }
table.plans span { color:#444; font-size:10px; }

/* FORMS */
.captcha { border:1px solid #999; margin:10px 0; }

/* TABLE */
table.nice { margin:1em 0; border-top:1px solid #ccc; border-spacing:0; }
table.nice th { text-align:center; }
table.nice th, table.nice td { border-bottom:1px solid #ccc; border-spacing:0; padding:0.4em 0.8em; }
table.nice tr.subheader th, table.nice tr.subheader td { border-top:0; font-size:10px; padding:0 0.4em 0.4em 0.4em; font-weight:normal; }
table.nice .center { text-align:center; }
table.nice .no-border { border-bottom:0; }

/* SIGNUP */
table.signup { margin:1em auto -4em auto; border-bottom:0; }
table.signup th, table.signup td { padding-left:2em; padding-right:2em; }
table.signup th { text-align:right; }
table.signup th.optional { font-weight:normal; color:#666; }

.errorlist { background:url(error-bg.png) no-repeat; margin:0 auto -0.4em 0 !important; width:526px; padding:0 !important; }
.errorlist li { list-style-type:none !important; margin:0; color:white; padding:6px 20px 6px 96px; }

table.signup input[type=text] { width:220px; }
table.signup select { width:226px; }

table.signup .submit { background:url(submit.png); width:244px; height:47px; border:0; margin-top:2em; color:white; font-size:16px; font-weight:normal; font-family:'Lucida Grande'; }
table.signup .submit:active { background:url(submit-active.png); color:#999; }

p.errornote { margin:2em auto 1em auto !important; background:url(error-overview.png) top center no-repeat; padding:6px 100px; height:17px; text-align:center !important; color:black; font-weight:bold; }
span.help-text { font-size:11px; }



/* NEW */
#content .signup-right { float:right; margin:-4px 0px 0 20px; }
#content .signup-center { display:block; margin:20px auto; }
#content p.lead { text-align:left; font-size:15px; margin:20px 0px 40px 0px; }
.new { margin:0 40px; }
.new h1 { font-family:"Myriad Pro",sans-serif; font-weight:normal; font-size:36px; margin:1em 0 0.5em 0; padding:0; letter-spacing:-1px; color:#0c270c; }
.new h2 { text-align:left; background:none; font-family:"Myriad Pro",sans-serif; font-weight:normal; font-size:26px; margin:16px 0 8px 0; padding:0; letter-spacing:-1px; height:auto; line-height:auto; }
#content.new p { margin:0; padding:0; }