/* -----------------------------------------------
Title:		ForeclosureShortSales Styles
Author:		Jarad Severe
Version:	25 July 2007
----------------------------------------------- */

/* Tag Styles
----------------------------------------------- */
body { background: #eee; font: 85% Verdana, Arial, sans-serif; line-height: 1.5em; text-align: center; color: #333; }
a, a:link, a:active { text-decoration: none; color: #006699; }
a:visited { color: #336600; }
a:hover { color: #336600; }
h2, h3, h4, h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { font-size: 210%; font-family: Verdana, Arial, sans-serif; letter-spacing: 1pt; line-height: normal; text-align: center; }
h2 { font-size: 160%; }
h3 { font-size: 150%; text-align: center; line-height: normal;}
h4 { font-size: 130%; text-align: center}
h5 { font-size: 130%; }
ul { list-style-type: square; }
fieldset { padding: 10px; border: 1px solid #aeaeae; background-color: #f2f2f2; }
legend { display: none; background-color: #fff; }
input, textarea, select { border: 1px solid #aeaeae; }

/* Miscellaneous Selectors
----------------------------------------------- */
.hidden { display: none; }
.inner { padding: 0px 20px; margin: 0px; }
.clear { clear: both; }

/* Container
----------------------------------------------- */
#container { border: 1px solid #aeaeae; margin: 0px auto; width: 800px; text-align: left; background: #fff; }

/* Header (Full)
----------------------------------------------- */
#header { border-bottom: 1px solid #aeaeae; height: 125px; position: relative; }
#header .inner { margin: 0px; padding: 0px; }

/* One-Column (Main)  [    ]
----------------------------------------------- */
#layout-m #main { float: none; }
#layout-mx #side { display: none; }
#layout-mx #main { float: left; width: 500px; }
#layout-mx #extra { float: right; width: 280px; }
#layout-mx #main-sub-col1 { float: left; width: 245px; }
#layout-mx #main-sub-col2 { float: right; width: 245px; }

/* Two-Column (Left-Right) [ ][ ]
----------------------------------------------- */
#layout-lr #side { float: left; width: 370px; }
#layout-lr #main { float: right; width: 420px; }
#layout-lr #main-sub-col1 { float: left; width: 390px; }
#layout-lr #main-sub-col2 { float: right; width: 390px; }


/* Side
----------------------------------------------- */
#side { font-size: 90%; }
#side p { margin: 15px 0px; }
#side h3, #side h4 { margin: 15px 0px 5px 0px; color: #006699; border-bottom: 1px solid #006699; }
#side ul, #side ol, #side dl { margin: 15px 0px 15px 15px; }
#side #snav { list-style-type: none; }

/* Main
----------------------------------------------- */
#main p, #main h1, #main h2, #main h3, #main h4 { margin: 15px 0px; }
#main ul, #main ol, #main dl { margin: 15px 0px 15px 25px; }
#main-sub-cols { font-size: 85%; border-top: 1px solid #aeaeae; }
#main h1 { color: #cc3333; font-weight: 900; }
#main h2 { color: #006699; font-weight: 900; }
#main h3 { color: #cc3333; font-weight: bold; }
#main h4 { color: #006699; font-weight: normal}
#main h5 { margin: 15px 0px 0px 0px; color: #333; }

/* Extra
----------------------------------------------- */
#extra { font-size: 90%; }
#extra p { margin: 15px 0px; }
#extra h3, #extra h4 { margin: 15px 0px 5px 0px; color: #006699; border-bottom: 1px solid #006699; }
#extra ul, #extra ol, #extra dl { margin: 15px 0px 15px 15px; }
#extra #snav { list-style-type: none; }
#form-wrap { background:#ffffff; border:dashed 2px #84000b; float:left; margin:0px 0 0 0px; padding:25px 0; width:250px; }
.info-wrap { width:200px; height:22px; margin:0 auto 8px; }
.info-wrap label { color:#336699; width:64px; font:bold 14px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; margin:0 0 0 0px; padding:3px 0 0 0; float:left; }
.info-wrap .txt-field { width:130px; height:16px; padding:2px 2px 2px; border:solid 1px #000; float:left; }
#form-wrap button { width:200px; height:76px; overflow:visible; }
#form-wrap .button-wrap { width:200px; height:76px; margin:15px auto 15px; clear:both; }
#form-wrap button.link { text-indent:-9999px; background:url(http://www.foreclosureshortsales.com/video/images/access.png) no-repeat left top; display:block; margin:0; padding:0; border:none; cursor:pointer; -moz-user-select:text; }
#form-wrap button.link:hover { background:url(http://www.foreclosureshortsales.com/video/images/access.png) no-repeat center bottom; }

#form-wrap .note { color:#818181; font-size:10px; line-height:11px; }
#form-wrap p { margin:0 auto; width:200px; }
#form-box { border-collapse: collapse; border: 1px dashed #000080; }
#form-box p { margin:0 auto; width:390px; }
#form-box button.link:hover { background:url(http://www.foreclosureshortsales.com/video/images/access.png) no-repeat center bottom; border:none;}

/* Footer
----------------------------------------------- */
#footer { color: #333; font-size: 90%; background-color: #d9d9d9; text-align: center; border-top: 1px solid #aeaeae; clear: both;}
#footer .inner { padding: 2px; }
#footer #fnav { list-style-type: none; }
#footer #fnav li { display: inline; }
#footer a, #footer a:link, #footer a:visited { color: #666; padding: 0px 10px; border: none; border-left: 1px solid #aeaeae; }
#footer a:hover { color: #333; }

/* Footer (minimal)
----------------------------------------------- */
#footer-min { height: 15px; background-color: #d9d9d9; border-top: 1px solid #aeaeae; }
#footer-min .inner { padding: 5px; }
#footer-min #fnav { display: none; }

/* Copyright
----------------------------------------------- */
#copyright { margin: 5px auto; width: 750px; color: #666; font-size: 82%; }
#copyright a, #copyright a:link, #copyright a:visited { color: #666; padding: 0px 10px; border: none; border-left: 1px solid #aeaeae; }
/* Order Process
----------------------------------------------- */
table.products { width: 100%; margin-bottom: 20px; }
table.products th, table.products td { border-bottom:1px solid #aeaeae; padding: 5px; color:#333; text-align: center; vertical-align:top; }
table.products th { font-size:85%; color:#000; background-color:#666; padding: 1px; border-bottom-width:0; color:#fff; }
table.products td.description, table.products th.description { width:40%; text-align: left; }
#orderform fieldset label { float:left; width:30%; margin-right:5px; padding-top:2px; text-align:right; font-weight:bold; }
#orderform fieldset input, #orderform fieldset select { margin: 2px 0px; }
#consultationform fieldset label { font-weight: bold; display: block; }
#consultationform fieldset input, #consultationform fieldset select { margin: 2px 0px 10px 0px; }

/* Contact Form
----------------------------------------------- */
#contactform { font-size: 85%; }
#contactform fieldset label { float:left; width:20%; margin-right:5px; padding-top:2px; text-align:right; font-weight:bold; }
#contactform fieldset input, #contactform fieldset select { margin: 2px 0px; }

/* Newsletter Sign-Up Form
----------------------------------------------- */
#newsletterform { font-size: 85%; }
#newsletterform fieldset label { float:left; width:20%; margin-right:5px; padding-top:2px; text-align:right; font-weight:bold; }
#newsletterform fieldset input, #newsletterform fieldset select { margin: 2px 0px; }

/* Glossary
----------------------------------------------- */
div.glossary dt { margin-top: 10px; font-weight: bold; }
div.glossary a.backtotop { position: absolute; top: 0; right: 0; font-size: 10px;}
div.glossary h3 { border-bottom: 1px solid #aeaeae; position: relative; }

/* Form Buttons
----------------------------------------------- */
input.submit { border: 0px double #aeaeae; border-top-color: #d9d9d9; border-left-color: #d9d9d9; padding: 0.25em; /* background: #fff url(/img/bg_submit.gif) repeat-x; */ color: #333333; font-size: 95%; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; }
input.submit:active { border: 3px double #aeaeae; border-top-color: #d9d9d9; border-left-color: #d9d9d9; }

/* Sales Letter
----------------------------------------------- */
.buynow { padding: 20px; text-align: center; }
.buynow input.submit { border: 3px double #660000; border-top-color: #CC6666; border-left-color: #CC6666; font-size: 120%; padding: 0.4em 1em; /* background: #cc0000 url(/img/bg_buynow_submit.gif) repeat-x; */ color: #fff; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; }
.buynow input.submit:active { border: 3px double #660000; border-top-color: #CC6666; border-left-color: #CC6666; }
.storiesofsuccess { border: 1px solid #aeaeae; background: #ffffdc; text-align: left; padding-left: 20px; padding-right: 20px; width: 85%;}
.bonusbox { border: 1px solid #aeaeae; background: #ffffff; text-align: left; padding-left: 20px; padding-right: 20px; width: 85%;}
.stopbox { border: 1px solid #aeaeae; background: #eeeeee; text-align: left; padding-left: 10px; padding-right: 10px; width: 85%;}
.storiesofsuccess h5 { color: #d9d9d9; }
.storiesofsuccess p { color: #333333; font-size: 8pt; }
.house {border: 1px solid #aeaeae; background: #ffffff; text-align: left; padding-left: 20px; padding-right: 20px; width: 85%; }
.float-left { float: left; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; border: 0px solid #000; }
.product {font-size: 95%; margin: 0px auto; border: 1px solid #aeaeae; background-color: #ffffff; font-weight: normal; text-align: left; padding-left: 10px; padding-right: 10px; width: 84%; }
.book {float: left; margin: 0 0px 0px 0; padding: 5px 15px 10px 0; border: 0px solid #000; }
.form {border: 1px dotted #000; padding: 1em; background-color: #FFFFE0; font-face: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; margin: 20px 20px 20px 20px; }
p.red { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 110%; margin: 0px 0px 0px 0px; color: #CC0000; }
p.darkred { font-family: Verdana; text-align: center; margin-left: 3%; margin-right: 3%; margin-top: 10px; font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #990000; line-height: 30px; }
p.bigred { font-family: Verdana; text-align: center; margin-left: 3%; margin-right: 3%; margin-top:10px; font-size: 20px; font-weight: bold; letter-spacing: -1px; color: #CC0000; line-height: 35px; }
.deals { border: 1px solid #aeaeae; background: #ffffff; text-align: left; padding-left: 20px; padding-right: 20px; width: 85%;}
.ads {font-size: 75%; margin: 0px auto; border: 1px solid #aeaeae; background-color: #ffffff; font-weight: normal; text-align: left; padding-left: 10px; padding-right: 10px; width: 20%; }
div.left { float:left; width:160px; margin:0; padding:1em; }
div.content { margin-left:205px; border-left:0px solid gray; padding:1em; }
.price { font-weight: bold; color: #cc3333; font-size: 20px }
.guarantee { border: 4px solid #cc3333; background: #ffffff; text-align: left; padding-left: 15px; padding-right: 15px; width: 65%; }
hr { color: #cccccc; border: 0; background-color: #cccccc; height: 1px; }




/* Miscellaneous Selectors */
.highlight { background-color: #FFFFDC; }/* #DDFEC1; }*/
a img, .noborder, a.noborder:link, a.noborder:visited, a.noborder:hover { border-width: 0px; padding-bottom: 5px; padding-right: 5px; }
.headlines li { margin-bottom: 5px; }
.checklist { /* list-style: url(/images/check.gif) none; */ }
.error { background-color: #FFCCCC; border: 1px solid #cc0000; }
.error ul { margin-left: 20px; }
.price {font-weight: bold; color: #006699; font-size: 22px}
.link {display:block; margin:0; padding:0; border:none; }

/* Study Center
----------------------------------------------- */
.additionalcontent {
width: 170px;
float: right;
border-left: 1px solid #aeaeae;
margin: 0 0 0 10px;
padding: 0 0 20px 10px;
}
* html .additionalcontent { width: 180px; w\idth: 170px; }
.additionalcontent ul {
margin: 0 0 0 12px;
padding: 0;
}

/* Study Center
----------------------------------------------- */
#sitemap{ margin: 0px; padding: 0px; line-height: normal;}
#sitemap li { margin: 2px 0px; padding: 0px; }
#sitemap h3, #sitemap h2 { font-size: 12px; margin: 0px; padding: 0px; }
#sitemap p { font-size: 10px; margin: 0px; padding: 0px; }