/*Needed to override main.css rules*/
#main div, #main td, #main strong, #main p, #main a, #main a:hover, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main form {font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;}
#main div, #main td, #main p, #main a, #main a:hover {font-weight: normal;}
#main a, #main a:hover {color: #467AA7}
div#foot span.links {padding: 0;}
div#botHelpSect p.sect a, div#botHelpSect p.sect strong, div#botPrivacySect p.sect a, div#botPrivacySect p.sect strong {font-size: 14px;}
/*Needed because the above rules mess up the footer rules*/
#footer a:link, #footer a:visited {color: #666666; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;}
#footer a:hover {color: #666666; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline;}

/*Needed so SaleByOwner.com looks OK*/
div#ContentContainer {width: 780px;}
div#ContentContainer form {font-size: 11px;}

/* Header content, main divs, drop shadows */
div#wrapper {min-width: 780px;}
div#logo {clear: both; position: absolute; width: 187px; height: 118px; margin: -10px 0 0 10px;
}

div.contentPad {padding: 0 20px;}
div.contentPadEdu {padding: 0;}

div#loginLine {text-align: right; padding: 12px 12px 6px 12px; font-size: 12px; color: #b3b3b3; border-bottom: 1px solid #e6ecf2;}
div#loginLine span.divider {padding: 0 9px; background-image: url("../images/divider.gif"); background-repeat: no-repeat; background-position: center bottom;}

div#helpLine {text-align: right; padding: 6px 12px 0 0; font-size: 11px; font-weight: bold; color: #000;}

div.shadTop {margin-left: 15px; margin-right: 15px; height: 7px; background-image: url("../images/bgShadTop.gif"); background-repeat: repeat-x; font-size: 0;}
div.shadBot {margin-left: 15px; margin-right: 15px; height: 7px; background-image: url("../images/bgShadBot.gif"); background-repeat: repeat-x; font-size: 0;}

/* Errors */
div#error {background-image: url("../images/sell/create/bgErrorBoxSell.gif"); border: 0; background-position: bottom left;}

/* Status Bar */
div#logo img#FSBOlogo {display: none;} 

ul#status {list-style-type: none; height: 60px; padding: 25px 0 0 210px; background-image: url("../images/bgStatus.gif"); background-repeat: repeat-x; background-position: bottom;}
ul#status li {display: block; float: left; background-color: #fff; white-space: nowrap;}
ul#status li a.step {display: block; float: left; height: 59px; padding: 0 13px 0 13px; border-left: 1px solid #E6ECF2; font-size: 12px; line-height: 1.5em; color: #99B1CC;}
ul#status li a.step:hover {text-decoration: none;}
ul#status li span.num {display: block; font-size: 14px; padding-top: 12px; font-weight: bold; text-transform: uppercase;}

ul#status li.on {}
ul#status li.on a.step {color: #000; border-left: 1px solid #b3c5d9;}
ul#status li.on a.step span.num {padding-left: 18px; background-image: url("../images/iconStepOn.gif"); background-repeat: no-repeat; background-position: 0 14px;}

ul#status li.off {border-left: 1px solid #b3c5d9;}
ul#status li.off a.step {color: #000000;}
ul#status li.off a.step:hover {text-decoration: none;}
ul#status li.off a.step span.num {padding-left: 18px; background-image: url("../images/iconStepDone.gif"); background-repeat: no-repeat; background-position: 0 12px;}

ul#status li.done {background-color: transparent; border-left: 1px solid #b3c5d9;}
ul#status li.done a.step {color: #336399}
ul#status li.done a.step:hover {text-decoration: underline;}
ul#status li.done a.step span.num {padding-left: 18px; background-image: url("../images/iconStepDone.gif"); background-repeat: no-repeat; background-position: 0 12px;}

ul#status li.visited {background-color: transparent; border-left: 1px solid #b3c5d9;}
ul#status li.visited a.step {color: #336399;}
ul#status li.visited a.step:hover {text-decoration: underline;}

div.navShadowEdu {margin: 0 0 40px 0 !important;}
div.navShadow {margin: 0 0 30px 0 !important;}
div.navShadowCobrand {margin: 0 !important;}

/* Cobrand Overrides */
div#statusWrap ul#status {padding: 0;}

/* Main Page Header & Submit Buttons */
div#contentHeader {margin: 35px 0 0 0; height: 45px;}
div#contentHeader h1 {float: left; font-size: 18px; line-height: 1.4em; margin: 10px 0; font-weight: bold;}
div#contentHeader p.subhed {clear: left; float: left; font-size: 12px; line-height: 1.4em;}
div.contentHeader {margin: 35px 0 0 0; height: 45px;}
div.contentHeader h1 {float: left; font-size: 18px; line-height: 1.4em; margin: 10px 0; font-weight: bold;}
div.contentHeader p.subhed {clear: left; float: left; font-size: 12px; line-height: 1.4em;}
div.submitButs {float: right; padding: 0 5px 10px 5px;}
div.submitButsLeft {float: left; padding: 0 5px;}

/* Cart table */
table.cart {clear: left; width: 730px; margin: 8px 0 15px 0; border: 0; border-collapse: collapse; border-top: 1px solid #CCD8E6;}
table.cart tr {background-color: #fff;}
table.cart th,table.cart td {font-size: 12px; font-weight: normal; border: 1px solid #CCD8E6; border-width: 0 0 1px 1px; text-align: left; vertical-align: middle;}
table.cart th {width: 500px; padding: 10px; border-left: 0;}
table.cart td {padding: 10px; vertical-align: top;}
table.cart tr.totalRow th {text-align: right;}
table.cart tr.totalRow td {font-weight: bold;}

/* Cart type */
table.cart img.cartItem {float: left; border: 1px solid #7F9DB9; margin: 0 10px 0 0;}
table.cart span.item {font-size: 12px; font-weight: bold; line-height: 1.6em;}
table.cart span.line {font-size: 10px; font-weight: bold;}
table.cart a.remove {font-size: 10px;}
table.cart div.desc {font-size: 12px; line-height: 1.6em;}
/*following line needed to override main.css*/
table.cart div.desc p {font-size: 12px; margin-bottom: 10px;}
table.cart div.desc ul {list-style: disc inside; margin-left: 12px; margin-bottom: 10px;}
table.cart div.desc li {font-size: 12px; line-height: 1.4em;}

/* Cart upsell row expander headline */
table.cart #specialRow span.hed {display: block; font-size: 12px; font-weight: bold; margin-bottom: 5px;}

/* Help & Contact Section (bottom of page) */
div#botHelpSect,div#botPrivacySect {background-image: url("../images/bgGrad.gif"); background-repeat: repeat-x; background-position: top;}
div#botHelpSect {float: left; width: 45%; padding: 10px 2%;}
div#botPrivacySect {float: right; width: 45%; padding: 10px 2%}
div#botHelpSect h3.helpHed, div#botPrivacySect h3.helpHed {padding: 30px 0 0 0; font-size: 18px; line-height: 1.3em; font-weight: bold; color: #000;}
div#botHelpSect p.helpHed, div#botPrivacySect p.helpHed {padding: 5px 0 10px 0; font-size: 14px; line-height: 1.5em; font-weight: normal; color: #000;}
div#botHelpSect p.sect, div#botPrivacySect p.sect {padding: 22px 0 22px 85px; border-top: 1px solid #ccc; font-size: 14px; line-height: 1.5em;}
div#botHelpSect p.phone {background-image: url("../images/iconPhone.gif"); background-repeat: no-repeat; background-position: 0 14px;}
div#botHelpSect p.chat {background-image: url("../images/iconChat.gif"); background-repeat: no-repeat; background-position: 5px 17px;}
div#botHelpSect p.email {background-image: url("../images/iconEmail.gif"); background-repeat: no-repeat; background-position: 2px 12px;}
div#botPrivacySect p.secure {background-image: url("../images/iconSecure.gif"); background-repeat: no-repeat; background-position: 0 12px;}
div#botPrivacySect p.cert {padding-left: 0;}
div#botPrivacySect p.cert img {vertical-align: top; margin-right: 10px;} /* LOGO SPACING */
/* Following is for Google optimizer test*/
#botPrivacySect.fullWidth {width: 96%;}
#botPrivacySect.fullWidth p.secure {padding-bottom: 32px !important; padding-left: 50px !important;}


/* Footer */
div#foot {clear: both; border-top: 1px solid #ccc; padding: 5px 12px 10px 12px;}
div#foot span.copyright {float: left; font-size: 10px; color: #ccc;}
div#foot span.links {float: right; font-size: 10px; color: #ccc;}