html { height:100%; }
body {
font:13px/1.5 Arial, Helvetica, sans-serif;
margin:0;
padding:0;
height:100%;
color:#666666;
position:relative;
background: url(/images/page-bkgd.gif) repeat-x;
}
img { border:none; margin:0; padding:0; }
a, a.active, a.visited, a:active, a:visited { text-decoration:none; outline:none; color:#44a5cc; }
a:hover { color: #15779f; }
/* Remove the annoying dotted border around button elements */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
button { cursor: pointer; }
h1 { color:#303030; font-size:30px; }
h2 { color:#003e3e; font-size:15px; }
h3 { color:#44a5cc; font-size:14px; margin-top:20px; }
/* header */
#masthead { height:122px; width:960px; margin:0 auto; background:url(/images/header.png) no-repeat; position:relative; }
#header { height:162px; width:auto; padding:0; position:relative; }
#header-links { width:380px; margin-left:590px; padding-top:3px; }
#header-links a, #header-links a:active, #header-links a:visited { color:#FFF; }
#header-links a:hover { color:#d6ff43; }
#header-links li { padding:0 10px 0 10px; border-right:#FFF solid 1px; display: inline; }
#header-help-link {
background:url(/images/header-link-icon-help.png) 0 1px no-repeat;
margin-left:8px;
}
#header-help-link a {
padding-left:17px;
}
#header-text-or { margin:15px 15px 0 0; float:right; }
#header-login { width:325px; height:47px; margin:25px 0 0 630px; padding:0; }
#header-btn-login, #header-btn-logout { float:right; margin:15px 12px 0 15px; }
a#header-btn-login { background:url(/images/header-btn-login.gif) 0px 0px; width: 45px; height: 17px; display: block; }
a#header-btn-login span { display: none; }
a#header-btn-login:hover { background: url(/images/header-btn-login.gif) 0px -17px; }
#header-btn-logout { margin:15px 12px 0 0; }
a#header-btn-logout { background:url(/images/header-btn-logout.gif) 0px 0px; width: 58px; height: 17px; display: block; }
a#header-btn-logout span { display: none; }
a#header-btn-logout:hover { background: url(/images/header-btn-logout.gif) 0px -17px; }
#header-btn-create-acct { float:right; }
a#header-btn-create-acct { background:url(/images/header-btn-create-acct.gif) 0px 0px; width: 203px; height: 47px; display: block; }
a#header-btn-create-acct span { display: none; }
a#header-btn-create-acct:hover { background: url(/images/header-btn-create-acct.gif) 0px -47px; }
#header-btn-return-account { float:right; }
a#header-btn-return-account { background:url(/images/header-btn-return-account.gif) 0px 0px; width: 202px; height: 44px; display: block; }
a#header-btn-return-account span { display: none; }
a#header-btn-return-account:hover { background: url(/images/header-btn-return-account.gif) 0px -44px; }
#beta-tag {
position:absolute;
top:20px;
left:407px;
}
dd#homeBtnDef{ top: 0; left: 0; }
dd#homeBtnDef a{ position:absolute; top:20px; left:5px; width:390px; height:80px; background:#000 transparent; }
dd#homeBtnDef a span{ display: none; }
/* global nav */
#gnav { width:980px; height:38px; margin:0 auto; padding:0; position:relative; z-index:900; }
#gnav ul { margin:1px 0 0 0; padding:0; }
#gnav li { float: left; padding: 0; margin:0; height:38px; }
#gnav li a { display:block; height:37px; background-repeat:no-repeat; text-indent:-9999px; margin:0; }
#gnav ul li a:hover, #gnav ul li a:active { height:37px; margin-top:0px; }
#register-tab a { background: url(/images/gnav.png) no-repeat 0 0; width: 175px;}
.register-hover { background: url(/images/gnav.png) no-repeat 0 -37px !important; width: 175px;}
#benefits-tab a { background: url(/images/gnav.png) no-repeat -175px 0; width: 207px; }
.benefits-hover { background: url(/images/gnav.png) no-repeat -175px -37px !important; width: 207px; }
#marketing-network-tab a { background: url(/images/gnav.png) no-repeat -382px 0; width: 211px; }
.marketing-network-hover { background: url(/images/gnav.png) no-repeat -382px -37px !important; width: 211px; }
#price-tab a { background: url(/images/gnav.png) no-repeat -593px 0; width: 112px; }
.price-hover { background: url(/images/gnav.png) no-repeat -593px -37px !important; width: 112px; }
#about-tab a { background: url(/images/gnav.png) no-repeat -705px 0; width: 275px; }
.about-hover { background: url(/images/gnav.png) no-repeat -705px -37px !important; width: 275px; }
/* global subnav */
#gsubnav { width:966px; margin:0 auto; position:relative; z-index:910; }
#gsubnav h1 { font-size:20px; text-align:center; margin-bottom:1px; text-transform:none; }
#gsubnav p { line-height:24px; text-align:center; }
#gsubnav ul { color:#44a5cc; margin:0; padding:0 0 0 9px; }
#gsubnav ul.toplevel, #gsubnav ul.toplevel-more { font-size:15px; font-weight:bold; }
#gsubnav h1 a, #gsubnav ul.toplevel a, #gsubnav ul.toplevel-more a { color:#44a5cc; }
#gsubnav h1 a:hover, #gsubnav ul.toplevel a:hover, #gsubnav ul.toplevel-more a:hover { color:#15779f; }
#gsubnav ul.toplevel li { margin:5px 0 0; padding:0 0 5px 20px; border-bottom:#CCC solid 1px; }
#gsubnav ul.toplevel-more { margin:0; padding-top:1px; }
#gsubnav ul.toplevel-more li { height:31px; margin:8px 0 0; padding:0 0 8px 20px; }
#gsubnav ul.sublevel { font-size:13px; font-weight:normal; margin:0; padding:8px 0 5px -8px; width:262px; }
#gsubnav ul.sublevel li { background-image: url(/images/list-bullet-triangle.gif); background-position: 0 5px; background-repeat: no-repeat; margin:0; padding:0 0 0 15px; height:20px; border-bottom:none; }
#gsub-register, #gsub-benefits, #gsub-marketing-network, #gsub-price, #gsub-about { position:absolute; top:-2px; left:0px; padding:0; margin:0; display:none; }
#gsub-register p { line-height:18px; }
#gsub-benefits p, #gsub-marketing-network p, #gsub-about p { text-align:left; color:#1e7192; font-size:14px; line-height:20px; margin:0; padding:0 20px 18px 18px; }
#gsub-register { width:319px; height:238px; left:1px; }
#gsub-register h1 { margin-top:-178px; }
#gsub-register p { text-align:center; }
#gsub-register-bkgd { background:url(/images/gnav-sub-get-started-bkgd.png) no-repeat; width:319px; height:237px; }
#gsub-register a { background:url(/images/gsubnav-btn-sign-up.png) no-repeat 0 0; width:146px; height:42px; margin:25px 0 0 87px; display:block; }
/*#gsub-register a { background:url(/images/gsubnav-btn-create-account.gif) no-repeat 0 0; width:201px; height:42px; margin:25px 0 0 60px; display:block; }*/
#gsub-register a span { display: none; }
#gsub-register a:hover { background:url(/images/gsubnav-btn-sign-up.png) 0 -42px; }
/*#gsub-register a:hover { background:url(/images/gsubnav-btn-create-account.gif) 0 -42px; }*/
#gsub-benefits { left:158px; }
#gsub-benefits ul { margin:-211px 0 0 -3px; width:320px; }
#gsub-benefits-bkgd { background:url(/images/gnav-sub-sellers-bkgd.png) no-repeat 0 0; width:333px; height:256px; }
#gsub-marketing-network { left:367px; }
#gsub-marketing-network ul { margin:-125px 0 0 -3px; width:320px; }
#gsub-marketing-network-bkgd { background:url(/images/gnav-sub-network-bkgd.png) no-repeat 0 0; width:333px; height:177px; }
#gsub-marketing-network p { padding-left:25px; line-height:22px; }
#gsub-price { left:564px; text-align:left; }
#gsub-price-bkgd { background:url(/images/gnav-sub-price-bkgd.png) no-repeat; width:239px; height:130px; }
#gsub-about { left:585px; }
#gsub-about ul { margin:-203px 0 0 -3px; width:350px; }
#gsub-about-bkgd { background:url(/images/gnav-sub-about-bkgd.png) no-repeat 0 0; width:362px; height:248px; }
#gsub-about p { padding-right:10px; margin:0 0 25px 0; }
#gsub-marketing-network h1, #gsub-price h1 { font-size:15px; margin-top:-80px; }
.border-bottom-none { border:none; }
/* preloading of background images */
#preload-gnav-sub-get-started-bkgd, #preload-gnav-sub-sellers-bkgd, #preload-gnav-sub-network-bkgd,
#preload-gnav-sub-price-bkgd, #preload-gnav-sub-about-bkgd, #preload-bkgd-search-dialog,
#preload-login-screen-bkgd, #preload-search-link, #preload-gsub-register,
#preload-btn-login, #preload-input-bkgd, #preload-input-left, #preload-input-right { background-repeat: no-repeat; background-position: -1000px -1000px; }
#preload-gnav-sub-get-started-bkgd { background-image: url(/images/gnav-sub-get-started-bkgd.png); }
#preload-gnav-sub-sellers-bkgd { background-image: url(/images/gnav-sub-sellers-bkgd.png); }
#preload-gnav-sub-network-bkgd { background-image: url(/images/gnav-sub-network-bkgd.png); }
#preload-gnav-sub-price-bkgd { background-image: url(/images/gnav-sub-price-bkgd.png); }
#preload-gnav-sub-about-bkgd { background-image: url(/images/gnav-sub-about-bkgd.png); }
#preload-bkgd-search-dialog { background-image: url(/images/bkgd-search-dialog.png); }
#preload-login-screen-bkgd { background-image: url(/images/login-screen-bkgd.gif); }
#preload-gsub-register { background:url(/images/gsubnav-btn-create-account.gif); }
#preload-btn-login { background:url(/images/btn-login.gif); }
/* content */
.content-gradient { background:url(/images/gradient.png) no-repeat; height:18px; margin:0 0 0 40px; padding:0; position:relative; }
#content { margin-top:0px; margin-bottom:0px; padding:0; }
#content-page { margin:4px 0 0 28px; font-size:14px; width:632px; }
#content-page h1#header-copy { margin-top:18px; font-size:24px; }
#content-page p { padding-top:4px; margin-bottom:14px; }
#content.pad { margin-bottom: 20px; }
.header-copy-text { font-size:18px; color:#8b8e91; }
#sign-up { height:225px; margin:8px 0 0 19px; padding:0; z-index:100; }
#page-header { font-size:25px; height:80px; padding-top:30px; margin:0 0 0 10px; background:url(/images/gradient-page.gif) bottom left no-repeat #FFF; width:940px; }
#page-header p { font-size:14px; margin:0 0 0 30px; padding-top:3px; }
#page-header-section-id { font-weight:normal; float:left; padding-left:30px; }
#page-header-page-id { font-weight:normal; color:#44a5cc; font-weight:normal; float:left; margin:0 0 0 8px; }
#featured-pathways { width:263px; border-top:#d2d2d2 solid 1px; margin:0 0 0 14px; }
#btn-start-listing { margin-left:8px; }
#btn-start-listing a { background:url(/images/btn-start-listing.png) 0px 0px; width: 248px; height: 63px; margin:10px 7px 4px 0; padding:0; display: block; }
#btn-start-listing a span { display: none; }
#btn-start-listing a:hover { background: url(/images/btn-start-listing.png) 0px -63px; }
.links-features { background:url(/images/bkgd-side-nav.gif) repeat-y 23px; }
#dashed-line {
padding-bottom:20px;
border-bottom:#cccccc 1px dashed;
}
#tab-register, #tab-benefits, #tab-marketing-network, #tab-pricing, #tab-about {
height:57px; z-index:9500; position:absolute; top:-40px;
}
#tab-register { background:url(/images/gnav-selected-get-started.png) no-repeat; width:179px; left:-10px; }
#tab-benefits { background:url(/images/gnav-selected-home-sellers.png) no-repeat; width:209px; left:168px; }
#tab-marketing-network { background:url(/images/gnav-selected-network.png) no-repeat; width:213px; left:375px; }
#tab-pricing { background:url(/images/gnav-selected-pricing.png) no-repeat; width:114px; left:586px; }
#tab-about { background:url(/images/gnav-selected-about.png) no-repeat; width:275px; left:698px; }
/* side nav */
/*#side-nav { width: 280px; padding:20px 0 0 0; margin:0; height:370px; background:url(/images/bkgd-side-nav-links-about.gif) no-repeat #FFF; }*/
#side-nav { width: 280px; padding:20px 0 1px 0; margin:0; background:url(/images/side-nav-border-top.gif) 14px 0 no-repeat; }
#side-nav-bottom-border { background:#fff url(/images/side-nav-border-top.gif) 13px 0 no-repeat; }
#side-nav ul { margin:0; padding:0; font-size:15px; font-weight:bold; list-style-type: none; color: #15779f; }
#side-nav a { margin:6px 0; padding:0; display: block; width:220px; }
#side-nav a:link, #navlist a:visited { padding:0 0 0 35px; text-decoration: none; color:#44a5cc; }
#side-nav a:hover { color: #15779f; }
#side-nav li.selected-item { background:url(/images/bkgd-sidenav-selected.png) no-repeat -1px 0; height:47px; color:#FFF; font-weight:bold; padding:15px 0 0 35px; margin:0 0 -14px 0; }
#side-nav li.selected-item a, #side-nav li.selected-item a:hover, #side-nav li.selected-item a:visited, #side-nav li.selected-item a:link { color:#FFF; font-weight:bold; padding:0; margin:0; }
#side-nav ul.sublevel { padding:0; margin:0 0 0 18px; font-weight:normal; font-size:13px; }
#side-nav ul.sublevel-current { padding:1px 3px 3px 3px; margin:0 3px 0 15px; font-weight:normal; font-size:13px; background-color:#e1f2fa; }
#navlist.top-navlist-adjust { padding:-8px 0 0 0; }
#current-subnav-item{ background-image: url(/images/list-bullet-triangle.gif); background-position: 23px center; background-repeat: no-repeat; color:#44a5cc; font-weight:bold; padding:0 0 0 35px; margin:6px 0; }
.side-nav-border-top { margin-left:14px; }
a.read-more, a.read-more:link, a.read-more:visited, a.chat-now, a.chat-now:link, a.chat-now:visited { color:#44a5cc; font-weight:bold; background:url(/images/bullet-triangle.gif) right 0px no-repeat; width:7px; height:16px; padding-right:15px; }
a.chat-now { font-size:15px; }
a.read-more:hover, a.chat-now:hover { color: #15779f; background:url(/images/bullet-triangle.gif) no-repeat right -16px; }
.side-nav-bottom {
height:20px;
background-color:#fff;
}
#helpful-links {
height:194px;
width:263px;
border-top:#d2d2d2 solid 1px;
border-bottom:#d2d2d2 solid 1px;
margin:0 0 0 14px;
}
#helpful-links ul {
margin:4px;
background:url(/images/bkgd-helpful-links.gif) repeat-x;
height:164px;
}
#helpful-links li {
border-bottom:#b1b1b1 1px dashed;
padding:1px 0 5px 30px;
margin:6px 15px 0 15px;
}
#helpful-links li a, #helpful-links li a:active, #helpful-links li a:visited {
color:#3e3e3e;
}
#helpful-links li a:hover {
color:#44a5cc;
}
#helpful-links li#helpful-header {
color:#959595;
font-size:16px;
font-weight:bold;
margin:0 0 0 20px;
padding:14px 0 12px 0;
border:none;
}
#helpful-links li.download {
background:url(/images/icon-helpful-download.gif) no-repeat;
}
#helpful-links li.support {
background:url(/images/icon-helpful-support.gif) no-repeat;
}
#helpful-links li.chat {
background:url(/images/icon-helpful-chat.gif) no-repeat;
}
#helpful-links li.sign-up {
height:28px;
background:url(/images/icon-helpful-sign-up.gif) no-repeat;
}
#helpful-links li.border-none {
border:none;
}
#chat-balloon {
background:url(/images/chat-balloon.png) no-repeat;
width:220px;
height:239px;
margin:15px 0 0 12px;
}
#chat-balloon h1 {
padding:15px 0 0 22px;
color:#58b2d7;
}
#chat-balloon p {
width:175px;
line-height:18px;
padding:0 0 0 22px;
margin:4px 0 10px 0;
}
#chat-balloon a {
margin-left:100px;
font-size: 18px;
}
/* footer */
#footer-top { height:100px; }
#footer-wrapper { background:url(/images/footer-bkgd.gif) #959595 repeat-x; width:auto; padding:0; position:relative; }
#footer { height:480px; width:990px; margin:0 auto; padding:0 0 0 90px; color:#fff; }
#footer p { color:#fff; }
#footer a, #footer a:active, #footer a:link, #footer a:visited { color:#cfef10; }
#footer a:hover { color:#a5e9ff; }
#footer a.credit, #footer a.credit:link, #footer a.credit:visited { color:#ddd; }
#footer a.credit:hover { color:#a5e9ff; }
#footer-col1, #footer-col2, #footer-col3, #footer-col4 { height:232px; margin:0; padding:63px 0 0 20px; color:#CFEF10; background:url(/images/footer-divider.gif) no-repeat right 83px; float:left; }
#footer-col1 { width:240px; padding-left:0; }
#footer-col2 ul { padding-top:32px; width:200px; }
#footer-col3 ul { padding-top:32px; width:130px; }
#footer-col4 { background:none; }
#footer-col4 ul { padding-top:32px; background:none; }
#footer-copyright, #footer-sem { padding:0; margin:0; color:#FFF; clear:both; }
#footer-copyright { padding:30px 0 20px 0; }
#footer-sem { padding:0; width:940px; }
#socialize { margin:0; padding:0; color:#fff; }
#footer-sign-up { margin-top:20px; padding-top:0; }
.footer-header { font-weight:bold; color:#FFF; margin-top:14px; line-height:15px; }
.footer-indent { padding:0 0 0 14px; }
.footer-link { margin:0 0 0 2px; padding:0; float:left; }
.footer-link li { padding:0 8px 0 12px; margin:0; }
.footer-top-level { font-weight:bold; }
.textmiddle { vertical-align:middle; }
li.border-right-none { border-right:none; }
div.btn-sign-up { background:url(/images/bkgd-form-field.gif) no-repeat 0px 0px; width: 172px; height: 30px; margin:12px 0 0 0; padding:0; }
div.btn-sign-up a { background:url(/images/btn-submit.gif) 0px 0px; width: 84px; height: 30px; margin:0 0 0 190px; padding:0; display: block; }
div.btn-sign-up a span { display: none; }
.blog-link, .blog-link:visited, .blog-link:active, li.blurb a, li.blurb a:visited, li.blurb a:active { color:#519cd6; }
.blog-link { font-weight:bold; }
.blog-link:hover, li.blurb a:hover { color:#216ca6; }
.blog-entry-info { background:url(/images/icon-blog-entry.gif) no-repeat 0px 3px; padding:1px 0 0 20px; }
.blog-total-comments { color:#306e9d; }
.blog-post-date { color:#aaa; }
div.btn-read-more { background:url(/images/btn-gradient.gif) no-repeat 0px 30px; width: 126px; height: 48px; margin:30px 0 0 0; padding:0; }
div.btn-read-more a { background:url(/images/btn-read-more.gif) 0px 0px; width: 123px; height: 27px; margin:0; padding:0; display: block; }
div.btn-read-more a span { display: none; }
div.btn-read-more a:hover { background: url(/images/btn-read-more.gif) 0px -27px; }
#search-box { width:319px; height:89px; position:absolute; top:0px; right:5px; margin:30px 0 0 0; padding:0 0 0 32px; display:none; }
#search-box-bkgd { background:url(/images/bkgd-search-dialog.png) no-repeat 0 0; width:319px; height:89px; }
#search-box a { background:url(/images/btn-search.gif) 0px 0px; width: 84px; height: 27px; margin:-29px 0 0 204px; padding:0; display: block; }
#search-box a span { display: none; }
#search-box a:hover { background: url(/images/btn-search.gif) 0px -27px; }
.search-box-hover { background: url(/images/btn-search.gif) 0px -27px !important; }
.search-input { width: 172px; height: 29px; border-width: 0px; margin:-58px 0 0 0; padding:0; display: block; }
.search-input input { height: 16px; border: 0px; padding:0; margin:6px 0 0 62px; width: 135px; color: #9B9B9B; outline: none; }
#pre-sales-form { background-color: #efefef; width:548px; height:762px; margin:-18px 0 0 12px; padding:57px 0 0 37px; font-size:13px; }
#sign-up-form h1 { font-size:25px; }
form { margin:0; padding:0; color: #3e3e3e; }
form img, input { float:left; }
input { height:32px; margin:0; padding:9px 0 0 0; border:none; color: #9B9B9B; }
/* Modals
----------------------------------------------- */
body .ui-widget-overlay {
background: #000;
opacity: 0.6;
}
.ui-dialog span.ui-icon.ui-icon-closethick {
background: url(/images/modal/close-button.gif) 0 0 no-repeat;
height: 13px;
right: 50px;
width: 54px;
}
.ui-dialog a.ui-state-hover {
background: none;
border: 0;
}
/* Forms
----------------------------------------------- */
form label.error,
form label .noscript {
background: transparent;
height: auto;
color: #f00;
font-size: 10px;
font-weight: normal;
top: 31px;
}
/* Forms that use the submit button attached to a single form field
*/
.fld-singleton {
position: relative;
background: none;
}
.fld-singleton input {
background: url(/images/bkgd-form-field.gif);
border-width: 0px;
height: 23px;
margin:0;
padding: 7px 0 0 12px;
line-height: 10px;
width: 160px;
}
.fld-singleton button {
background: url(/images/btn-submit.gif);
border: 0;
height: 30px;
padding:0;
margin:0;
width: 84px;
}
.fld-singleton button span {
display: none;
}
.fld-honey {
display: none;
}
/* Rounded corner input fields
*/
.input {
background: url(/images/forms/bkgd-input-left.png) no-repeat;
float: left;
height: 32px;
margin: 20px 0 0 0;
padding: 0 0 0 14px;
position: relative;
}
.input label, .fld-singleton label {
color: #3e3e3e;
font-weight: bold;
left: 14px;
position: absolute;
top: -20px;
z-index: 2;
}
.input label.js, .fld-singleton label.js {
color: #aeaeae;
font-weight: normal;
top: 7px;
}
label.focus { opacity: 0.6; filter: alpha(opacity = 60); }
label.has-text { opacity: 0.0; filter: alpha(opacity = 0); -webkit-transition-duration: 0s; }
.input input {
background: url(/images/forms/bkgd-input-body.png) repeat-x 0 1px;
position: relative;
z-index: 1;
}
.input span {
background: url(/images/forms/bkgd-input-right.png) no-repeat;
display: inline-block;
height: 32px;
width: 14px;
}
/* FIELD SIZES */
#fname, #lname, #email, #phone, #url, #address, #company-name, #company { width:250px; }
#state, #zip { width:114px; }
#fname, #lname { margin-top:38px; }
#fname input, #lname input, #email input, #phone input, #url input, #address input, #company-name input, #company input { width:216px; height:24px; padding:7px 0 3px 0; }
#state input, #zip input { width:88px; }
#captcha input { width:137px; }
#text-area { background:url(/images/forms/bkgd-textarea.gif) no-repeat; width:508px; height:198px; }
textarea { margin:8px; padding:0; color: #9B9B9B; width:490px; height:180px; border:0; }
#captcha { width:165px; margin-top:25px; }
#captcha-img { clear:both; padding:3px; border:#eef3f8 solid; margin:3px 0 0 8px; }
.contact-footer-columns { float:right; margin:0 0 0 20px; padding:0; }
.callout { font-weight:bold; color:#5c5c5c; margin:25px 0 16px 0; padding:0; }
button.submit {
background: url(/images/forms/btn-submit.png);
border: 0;
cursor: pointer;
float: right;
height: 30px;
margin: 20px 40px 0 0;
}
button.submit span {
display: none;
}
/* Deprecated - use