/*  This css sheet needs to be refined and built from scratch.  There are id's
and placements that have changed.  We'll see if it gets us close */

/* Hide these elements */
.sub, #quotestepsmenu, #topmenu, #bodynav, #leftquote, .photobutton, #search,
#sidebar, .hide, .hidden, #header h1, #footer a, #footer span, #toprightnav,
#topnav, #topright, p img, fieldset br {display:none;}

/* Hide the sidebar background */
#wrap, #footer {background:none;}

/*Basic styles and classes*/
/* switch font to serif, point based */
body {font-family:"Times New Roman", Times, serif; font-size:10pt; line-height:12pt; color:#000; margin:0; padding:0;}
p {margin:1em 0 1em; padding:0; text-align:left; width:80%;}
a {color:#666; text-decoration:underline; font-weight:bold;}
.clear, .reset {clear:both;}
img {border:0;}
.red {color:#f00;}
.right {text-align:right;}
.indent {margin-left:25px; font-style:italic;}

/* ------ table styles ----------*/
table {border:1px solid #999; width:95%; margin-bottom:10px;}
caption {color:#000; text-align:center; font-weight:bold; border-collapse:collapse; padding:3px 0;}
#quoteresults tr.ruled {background-color:#9cf;} 
td {border:1px solid #999; padding:2px 4px; border-collapse:collapse;}
th {font-size:90%;}
/* this section gives a nice hover in compliant browsers but it has no
side-effects in IE */

/* ---( top )------------------------------- */
#wrap {position:relative; margin:0; padding:0; text-align:left; width:650px;}
html>body #wrap {width:650px;}


/* ---( main column )----------------------------- */
#content {margin:0!important; padding:0!important;}
#maincontent {width:650px!important; margin:-20px 0 0 0!important; float:left; padding:0!important; clear:right; }
#maincontent h1 {font-family:Georgia, "Times New Roman", Times, serif; clear:none; color:#755057; margin:0 0 -15px 0; letter-spacing:2px; line-height:1.5em; font-weight:bold; font-size:1.2em;}
#maincontent h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; color:#3A4292; margin:0 0 -5px 0;}
#maincontent li {width:100%;}

/* ---( footer )----------------------------------- */
#footer {float:left; position:relative; clear:both; margin:10px 0 0 0; padding:8px 20px; font-size:80%; color:#000; border-top:1px dotted #333;}
#footer strong {font-weight:bold; padding:0 10px;}

/* ---( misc. )------------------------------------------ */
.section-product #sidebar {display:none;}
hr {border-top:1px dashed #ccc; color:#fff; background-color:#fff; height:1px;}
.center {text-align: center;}
.print {display:block;}
ol li strong {display:block; font-weight:bold;} /*this is for ordered lists that want the li's to look like dt's */

/* Forms in the body section*/
/* #fff is the number code for white. we are over-riding borders and backgrounds to avoid printing them*/
checkbox {background-color:#fff !important;}
#stack label {display: block;padding: 3px 0 2px; float:none; font-weight:bold;}
#stack input, #stack select, #stack checkbox{font: 12px Arial, Verdana, sans-serif;height: auto; }
#stack label.non {display: inline !important; margin-right:10px;}
.radio {background: #fff; border: none !important; }
fieldset {padding: 10px;margin: 10px 0;}
legend {margin: 10px 0 10px;padding: 2px 4px;}
.stackradio {display:block;}
.inputage {margin:2px; display:block; float:left; width:25px;}
#quotetotal {border:0; font-weight:bold;}
#quotesteps {border:1px solid #fff;}

/* Added in these to help fix the print problems */
#tblcompare {width:371px; margin:0;}
#tblcompare td {border:1px solid #000; text-align:left; padding-right:6px;}
/*#tblcompare tr td:first-child {white-space:nowrap;}*/
#tblcompare dl.fsquotebuttons {width:130px;}
.tblcompareheader th {border:1px solid #000;}



/* WEB-135 Freestyle upsell changes */
#tblcomparefsdiv {width:540px!important; margin:0; padding:0;}
/* main compare table styles */
#tblcomparefs tr th {border:1px solid #000;}
#tblcomparefs tr td {border:1px solid #000;}
#tblcomparefs tr td img {display:none;}

/* column styles*/
#tblcomparefs .desc {background-color:#fff; text-align:left;}
#tblcomparefs .prod1 {background-color:#fff; border-left:2px solid #000!important;}
#tblcomparefs .prod2 {background-color:#fff; border-left:2px solid #000;}
/* row styles */
#tblcomparefs .sectiontitle, #tblcomparefs .sectiontitleaddon {
    border:1px solid #000; height:28px; text-align:center; font-weight:bold; font-size:110%; color:#fff;}
#tblcomparefs .sectiontitle div, #tblcomparefs .sectiontitleaddon div {
    display:none;}
#tblcomparefs .sectiontitle img, #tblcomparefs .sectiontitleaddon img {
    display:none;}




/* fieldset div.required label:before {content: "* ";} */
div#packinglist fieldset {width:450px; border-color:#F60;}
div#packinglist legend {background-color:#FFFFCC; border-color:#F60;}
div#packinglist label {float:left; margin:0 0 5px 5px; width:175px; display:block;}
div#packinglist label.long {width:374px;}
div#packinglist input {float:left; margin:0 2px 5px 2px;}
div#packinglist br {display:none;}
div#packinglist a {background-color:#ffc; padding:5px; border:1px solid #F60; margin:10px 0;}


/* List Styles */
dl {width:450px;}
dt {display:block; margin:10px 0 0 0; padding:0; font-weight:bold; }
dd {margin:0;}
/* Custom List Styles */
dt.timeshare {height:40px;}	/* These are so both lists line up printing in IE on the dec page */
dd.timeshare {height:40px;}
#salescontacts dl {float:left; width:220px; margin: 5px; font-size:90%; border:1px dotted #333;}
#salescontacts dt {position:relative; margin:0; font-weight:bold;}
#salescontacts dd img {float:left; margin:0 2px 0 0;}
#salescontacts dd {font-weight:normal; display:block;}
dl#prcontact {float:right; width:230px; padding:4px;  font-size:90%; }
dl#prcontact dt {font-weight:bold; margin:0; padding:0 0 4px 0;}
dl#prcontact dd {margin:0; padding:0; line-height:normal;} 
/* this is being used on the cert policy page to make dt and dd align next to each other */
dl.linear {text-align:center; }
dl.linear dt {width:65%; display:block; float:left; margin:0 0 3px 0; padding:2px; border:1px solid #333; border-right:0;}
dl.linear dd {width:30%; display:block; float:left; margin:0 0 3px 0; padding:2px; border:1px solid #333; background-color:#F3F3F3;}
/* this is used on choose policy to make the options stand out */
#choosepolicy dt {background-color:#ffc; padding:5px; margin:10px 0 3px 0; border:1px solid #333;}
#choosepolicy dd {padding:5px; border:1px solid #000; margin:10px;}

/* pullquote - use this for mission statement and pullquotes on pressreleases*/
#pullquote {width:75%; border:1px solid #333; padding:5px; margin:5px auto;  }
#pullquote p {width:90%; padding: 10px 0 0 10px; margin:0;}
#pullquote h3 {text-align:center;}
#pullquote .indent {text-align:right;}

.pullquote {margin:5px 0 5px 50px; width:330px;  font-family:"Times New Roman",Georgia,  Times, serif; line-height:normal; font-style: italic; font-size:90%; padding:5px; border: 1px solid #333;}

/* this div is for the error boxes */
.error {float:right; background-image: url(../images/warning-sign.png); background-repeat:no-repeat; width:400px; margin:3px 10px 3px 0;border: 2px solid #f00; padding:3px 3px 3px 60px;}
.error ul {color:#f00;}

/* this div will put a box in the body section for mission statement or other use. */
#bodybox {width:80%; margin:5px 0; padding:5px; border:1px solid #333; }
#bodybox h3 {text-align:center;}

/* packing list */
#packinglist ul {list-style-type:circle;padding-left:20px;margin-bottom:10px;}
#packinglist ul li {font-weight:bold; width:180px; float:left; margin:3px 10px;}

/*attempts to make the dec page print on fewer pieces of paper the h3 tags need more top space*/
#declaration div {width:600px; clear:left; margin:3px 0;}
#declaration dl, dl.purchasesummary {width:600px;}
#declaration dt, .purchasesummary dt {float:left; clear:left; margin:0; padding:3px;width:250px; border-top:1px solid #000; }
#declaration dd, .purchasesummary dd {float:left; margin:0; padding:3px; width:250px; border-top:1px solid #000;}
#purchasestatus h3, #declaration h3 {clear:left; padding:0;}
* html #purchasestatus h3, * html #declaration h3 {padding:10px 0 0 0;}

/* this allows us to highlight policy number*/
#declaration dd.highlighter {font-weight:bold; color:#f00; }

/* This helps align the homepages boxes */
.rightBox {float:left;}
.rightBox dt {width:200px; padding:15px 0;}