/* Main style sheet document for http://store.levitt.com */ /* For debugging: */ /* * { border: thin solid blue;} */ body {background: #f0e0c0 url(/pics/back6.gif) repeat; color: #002840; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1em 2em; padding: 0; } a:link {color: #386888;} a:visited {color: #284068;} a:hover, a:active {color: #5090D0;} @media print { /* Turn off "visited" color */ a:link, a:visited, a:hover, a:active {color: #386888;} } /* Fix nested italics */ i {font-style: italic;} i i {font-style: normal;} i i i {font-style: italic;} i i i i {font-style: normal;} em {font-style: italic;} em em {font-style: normal;} em em em {font-style: italic;} em em em em {font-style: normal;} em cite {font-style: normal;} i cite {font-style: normal;} em i {font-style: normal;} i em {font-style: normal;} img {border: none;} /* Who EVER wants image borders by default?? */ /* By default, put blank lines between
  • items and override with class="compact" */ li, dd {margin-bottom: 1em;} .compact li, .compact dd {margin-bottom: 0;} dl.compact, ul.compact, ol.compact {margin-top: 0;} ul.licon {list-style-image: url(/pics/icon.gif);} /* hr {margin-top: 2em;} */ hr.thick {height: 5px;} /* hr.compact {margin-top: 0;} */ hr.sep {height: 6px; width: 30%; margin-left: auto; margin-right: auto; text-align: center;} h1, h2, h3, h4 {text-align: left; color: #435870; text-transform: uppercase;} h1 {font-size: 140%; margin-bottom: 1.5em;} h2 {font-size: 120%;} h3 {font-size: 110%;} h4 {font-size: 100%;} acronym {cursor: help; /* border: none; */ border-bottom: 1px dashed black;} /* abbr { border-color: #00f; } acronym { border-color: #222; } abbr.redund, acronym.redund { border: none; } @media print { abbr, acronym { border: none; } } */ /* Levitt icon and Media icon (QT/RA) */ img.licon {width: 35px; height: 20px; float: left; margin:0 0.5em 0 0;} img.micon {width: 18px; height: 11px; float: none; margin: 0 2px; vertical-align: text-bottom;} img.pdficon {width: 16px; height: 16px; float: none; margin: 0 2px; vertical-align: text-bottom;} /* Note: background tag not used so background-color could be applied in other styles */ a.pdf {background-image: url(/pics/pdf_sm.gif); background-position: left center; background-repeat: no-repeat; padding-left: 20px; } a.rm {background-image: url(/pics/rm_sm.gif); background-position: 3px center; background-repeat: no-repeat; padding-left: 20px; } /**********************************/ /* Store Class and ID definitions */ /**********************************/ /* Store tabs */ /* Make store tabs go edge-to-edge horizontally. Match with body margins */ #storetabs {margin: 0 -2em 0 -2em;} #storetabs a {outline: none;} #storetabs .edge {width: 49%; vertical-align: top; background-image: url(/pics/tabbg.gif);} #storetabs .bg img {width:45px; height:145px;} #storetabs .left .png, #storetabs .left img {float: left;} #storetabs .right .png, #storetabs .right img {float: right;} /* Entrance page */ #enter p {text-indent: 2.5em;} #enter p.noindent {text-indent: 0;} #enter #notice {font-family: Helvetica, Arial, sans-serif; font-size: 80%; background-color: transparent; padding: 0.5em 0.5em 0 0.5em; border: 6px ridge #fadec0; margin-bottom: 1em;} /* Store items */ .item {margin: 2em 0 1em 0; padding: 0.5em 0; border-top: 2px solid darkgray; clear: both; float: none;} .item .title {font-family: Helvetica, Arial, sans-serif; color: #386888; font-weight: bold; font-style: italic; text-transform: uppercase;} .item .subtitle {font-size: 90%; font-weight: normal; font-style: normal; text-transform: none;} .item .id {font-family: Helvetica, Arial, sans-serif; color: #386888; font-weight: bold; font-size: 80%;} .item .qty {font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 80%;} .item .qty input {font-weight: normal; font-size: 90%; padding: 0; margin: 0 3px;} .item.left .png, .item.left img {float: left; margin: 0 10px 10px 0;} .item.right .png, .item.right img {float: right; margin: 0 0 10px 10px;} .item .center img {margin: 1em;} .item .attn {color: red; font-weight: bold; font-style: italic; margin: 0 1em;} .item.cont {margin: 0 0 1em 0; border-top: 0; clear: none;} .item.last {margin-bottom: 2em; border-bottom: 2px solid darkgray; padding-bottom: 1em;} .item .seealso {font-family: Helvetica, Arial, sans-serif; font-size: 90%; font-style: italic; line-height: 180%;} .mediabox {text-align: center; font-size: 70%;} .mediabox img {float: none;} .mediabox.left {float: left; margin: 0 10px 10px 0;} .mediabox.right {float: right; margin: 0 0 10px 10px;} /* Hidden from all browers except IE for Windows */ /* html should always be the parent, so "* html" should never match anything */ /* But it does on MSIE 6 */ /* @media all { * html div {height: 1%;} } */ /* Donation page */ #donation {border: 2px solid gray; margin-top: 2em; padding: 1em; text-align: center;} #donation form {display: inline; padding: 0.3em; line-height: 2em;} #donation input {margin: 0; padding: 0 2px; /*width: 5em;*/} #donation p {text-align: left;} /* TOC page */ #toc .title {font-family: Helvetica, Arial, sans-serif; font-size: 90%; font-weight: normal; font-style: italic; text-transform: none;} #toc .subtitle {font-size: 80%; font-weight: normal; font-style: normal; text-transform: none;} #toc .price {font-family: Helvetica, Arial, sans-serif; xcolor: #386888; font-weight: normal; font-size: 70%; color: maroon;} #toc .qty {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 70%;} #toc .qty input {font-family: Helvetica, Arial, sans-serif; vertical-align: middle; font-weight: normal; font-size: 90%; padding: 0; margin: 0 3px;} #toc .attn {color: red; font-weight: bold; font-style: italic; margin: 0 1em;} #toc .columns {width: 100%; line-height: 0.9em; margin: 2em 0;} #toc .column1 {width: 48%; float: left;} #toc .column2 {width: 48%; float: right;} /* Detail pages */ #det {font-size: 100%;} #det .subtitle {font-size: 70%;} .detail {margin: 1em 2em;} .detail dt {font-weight: bold;} .detail span {font-style: italic;} /* Convenience styles */ .hide {display: none;} .clear {clear: both;} div.spacer {clear: both;} /* To surround floated divs to give them area */ .larger {font-size: 110%;} .smaller {font-size: 80%;} .center {text-align: center;} .center table, .center div {text-align: left; margin-left: auto; margin-right: auto;} .boldul {font-weight: bold; text-decoration: underline;} .italic {font-style: italic;} .italic i {font-style: normal;} .sans {font-family: Verdana, Helvetica, Arial, sans-serif;} .serif {font-family: Times, "Times New Roman", serif;} .typewriter {font-family: Courier, "Courier New", "Andale Mono", Monaco, monospace; text-align: left;} .indented {margin-left: 2.5em;} .emphasis {font-size: 110%; font-weight: bold;} .highlighted {color: #386888;} .highlight2 {color: #003868; font-weight: bold;} .uppertitle {text-transform: uppercase; font-weight: bold;} p.noindent {text-indent: 0;} .new {color: red;} .para {margin-top: 1em;} /* For "fake" paragraphs that need to include DIVs */ .date {font-weight: bold;} /* Emphesized tour date */ #copyright {font-size: 60%; font-family: Helvetica, Arial, sans-serif; text-align: center; margin-top: 5em;} /* Colored text frames */ /* New way. Example: class="box type2" */ .box {background-color: transparent; padding: 0 1em; margin: 1em auto; border: 6px ridge #F0E0C0;} .box.solid {border-style: solid; border-color: gray;} .box.thin {border-width: 2px;} .type0 {background-color: transparent;} .type1 {background-color: #c0c0e0;} .type2 {background-color: #e0c0c0;} .type3 {background-color: #c0e0c0;} /* Old way... */ .box0 {/*background-color: transparent;*/ padding: 0 1em; border: 6px ridge #fadec0;} .box1 {background-color: #c0c0e0; padding: 0 1em; border: 6px ridge #F0E0C0;} .box2 {background-color: #e0c0c0; padding: 0 1em; border: 6px ridge #F0E0C0;} .box3 {background-color: #c0e0c0; padding: 0 1em; border: 6px ridge #F0E0C0;} .box .boxtitle {text-align: center; letter-spacing: 2px; word-spacing: 2px; font: bold 100% Verdana, Helvetica, Arial, sans-serif; color: #002840; margin: 0 -1em; border-bottom: 6px ridge #F0E0C0;} .box .boxtitle.middle {border-top: 6px ridge #F0E0C0;} /* Sans-serif heading */ .sanshead {text-align: center; font-family: Helvetica, Arial, sans-serif;} .png.rightpic, img.rightpic {float: right; margin: 2px 0 0.5em 1em;} .png.leftpic, img.leftpic {float: left; margin: 2px 1em 0.5em 0;} .item .png.rightpic, .item img.rightpic {float: right; margin: 2px 0 0.5em 1em;} .item .png.leftpic, .item img.leftpic {float: left; margin: 2px 1em 0.5em 0;} .topline {margin-top: 3em; padding-top: 1em; border-top: 4px solid gray;} .botline {margin-bottom: 3.5em; padding-bottom: 1.5em; border-bottom: 4px solid gray;} .bothline {margin: 3.5em 0; padding: 1.5em 0; border-top: 3px solid gray; border-bottom: 3px solid gray;} img.border {border: 2px ridge gray;} img.ebook-icon {float: none !important; margin: 1em 0 0 0 !important;} .ebook-block {margin: 1em 0 0 3em !important;} img.book-icon {float: none !important; margin: 1em 1em 0 0 !important;} /* LiveChat "x" override */ div#livechat-eye-catcher a, div#livechat-eye-catcher div:first-child { top: 30px !important; right: 35px !important; } @media print { /* Live chat */ #chat-widget-container, #livechat-eye-catcher, #livechat-compact-container, #mobile_invitation_container, #operator_avatar_container, #operator_avatar { display: none !important; } } }