body { font-family: verdana, hevetica, sans-serif; line-height:1.125em; margin: 0; padding: 0; background-color: #FFFEF1; color: #000080; background-image : url('http://quiltbug.com/images/parchment.jpg'); background-repeat : repeat; } body image { border: 0px; text-decoration: none; } a:link {color: #07519A; background:transparent; text-decoration: underline; padding-bottom : 0;} a:visited {color: green; background:transparent; text-decoration: underline; padding-bottom : 0;} a:hover {color : #000; background : #FFFFCC; border-bottom : 1px solid #ccc; padding-bottom : 0; font-style: italic} a:active {color : #000; background : #FFFFCC; border-bottom : 1px solid #ccc; padding-bottom : 0; font-style: italic} h1 {font-size : 1.5em; text-align : center; color: navy; letter-spacing : 1px; font-weight : normal; font-family : arial, hevetica, sans-serif; margin: 1px; margin-left: auto; margin-right: auto; line-height: 120%;} h1.main {font-size : 1.2em; text-align : center; color: navy; letter-spacing : 1px; font-weight : normal; font-family : arial, hevetica, sans-serif; margin: 1px; margin-left: auto; margin-right: auto; line-height: 120%;} h2 {font-size : 1.1em; text-align : center; color: navy; letter-spacing : 1px; font-weight : normal; font-family : arial, hevetica, sans-serif; } h3 {font-size : .95em; text-align : center; color: navy; background-color: #F0FFF3; border: 1px solid green; width: 85%; margin: 5px; padding: 5px; margin-left: auto; margin-right: auto; } h3.white {font-size : .85em; text-align : center; color: navy; background-color: #FFFFFF; border: 1px solid green; width: 85%; margin: 5px; padding: 5px; margin-left: auto; margin-right: auto; } h4 {font-weight: bold; text-align : left; color: #07519A; } abbr, acronym {text-decoration:none; border-bottom: dotted red 1px;cursor: help; font-style:italic;} hr { width: 50%; text-align: center; color:#311D80; background-color:#311D80; height: 1px;} legend { color:#311D80; font-size: .9em; font-weight:bold; margin-left: auto; margin-right: auto;} table.one { table-layout: fixed; width: 78%; border-collapse: collapse; color: navy; background: #FFFFFF; text-align: left; } table.two { table-layout: fixed; width: 95%; border-collapse: collapse; color: navy; background: #7EA989; text-align: center; } table.three { table-layout: fixed; width: 95%; border-collapse: collapse; text-align: center; border: 1px solid #FFF; } table.three td { border: 1px solid #FFF; text-align: left; vertical-align: top;} table.three p { color: purple; } table.four {border: 1px dotted #7ea989; width: 80%;} table.four td {padding: 5px; vertical-align:top; text-align: left;} table.five { table-layout: fixed; width: 40%; border-collapse: collapse;text-align: center;margin-left: auto; margin-right: auto; border: 1px; } table.six { table-layout: fixed; width: 95%; border-collapse: collapse; color: #07519A; font-size: .80em; font-weight : bold; text-decoration : none; border-color: #CCCCCC;background: #FFFFFF; text-align: center; } table.six td { border: 1px solid #CCCCCC; padding: 4px;} table.nav { table-layout: fixed; width: 98%; border-collapse: collapse; color: #07519A; border-color: #311D80; background: #FFFFFF; text-align: center; } table.nav td { border: 1px solid #311D80; padding: 4px;} table.nav a {color: #07519A; background:transparent; text-decoration: none; font-weight: bold;} table.pattern { width: 72%; border-color: #CCCCCC; text-align: center; margin-left: auto; margin-right: auto; } table.calculate { table-layout: auto; width: 65%; border-collapse: collapse; border-color: #CCCCCC; font-weight : bold; text-align: left; padding:10pt; margin-left: auto; margin-right: auto; } table.calculate caption {text-align: center; margin-bottom: 10pt;margin-left: auto; margin-right: auto; padding:0px;} table.changedetection {color : navy; font-size: .90em; border: 1px dashed green; } table.changedetection td {background-color: #FFFFF0; text-align: center;} table.burma-shave {color: #FFF; background-color: #ff0000; text-align: center;} table.burma-shave td {border-color: #FFF; } table.box { background-color: #FFF; margin: 0; border: 0; border-collapse: collapse; width:99%; } table.boxx { background-color: #FFF; margin: 0; border: 0; border-collapse: collapse; width:99%;} table.product { table-layout: fixed; width: 75%; border-collapse: collapse; margin-left: auto; margin-right: auto; border: 1px solid #CCCCCC; background-color: #FFF; } table.product b { color: purple; } table.product h4 { font-size: larger; color:navy; } table.product td { border: 1px solid #CCCCCC;} table.products { table-layout: fixed; width: 95%; border-collapse: collapse; margin-left: auto; margin-right: auto; border: 1px solid #CCCCCC; } table.back { table-layout: fixed; width: 95%; border-collapse: collapse; margin-left: auto; margin-right: auto; border: 1px solid #CCCCCC;font-size : .95em; } table.products b { color: purple; } table.products h4 { font-size: larger; color:navy; } table.products td { border: 1px solid #CCCCCC; text-align: center;} table.links { table-layout: fixed; width: 80%; border-collapse: collapse; margin-left: auto; margin-right: auto; border: 1px solid #FFFFFF; } img.expando{ border: none; vertical-align: top; } #header {padding: 5px; background-color: #fff; padding:10px;margin:0; margin-right: 150px;text-align: center;} #container { margin: 10px auto 10px auto; padding: 20px; background-color: #ffffff; width: 93%; border: 1px solid green; max-width: 1200px;} #containers { margin: 10px auto 10px auto; padding: 20px; background-color: #ffffff; width: 93%; border: 1px solid green; max-width: 1200px; font-size : .95em;} #help{float:right; display: block;width:125px; margin: 0px 50px 0px 0px;} #helpbox {position: absolute; top: 16px; background-color: #FFFEF1; border: 1px dashed green; text-align: center; padding: 8px; font-size : 80%; } #copyright { text-align: center; font-size: smaller; background-color: #FFFEF1; } #hr { width: 50%; text-align: center; color:#311D80; background-color:#FFF; height: 1px;} #content { margin-left: 210px; padding: 5px; text-align: left; vertical-align: top;} #content ul li { list-style-image: url('http://quiltbug.com/images/small-dot.gif'); margin: 2px; padding: 2px;} #content li li { list-style-image: url('http://quiltbug.com/images/small-dot.gif'); padding: 2px 0;} #contents { margin-left: 210px; margin-right: 170px; padding: 5px; text-align: left; vertical-align: top;} #contents ul li { list-style-image: url('http://quiltbug.com/images/small-dot.gif'); margin: 2px; padding: 2px;} #contents li li { list-style-image: url('http://quiltbug.com/images/small-dot.gif'); padding: 2px 0;} #contents b { color: purple; } #line-height { line-height:1.5em; } #topmenu { background-color: #FFFFFF; text-align: center; font-size: .80em;font-weight:bold; margin-bottom: 5px; margin-right: 160px; margin-left: 160px; color: inherit; line-height: 120%; position:relative; } #topmenu ul { margin: 0; padding: 0; list-style-type: none;} #topmenu li { display: inline; list-style-type: none; padding: 0px; padding-right: 1em;} #leftnav {width: 180px; float:left;color: #000;padding: 5px;margin: 5px; border: 1px dashed green; background-color: #FFFEF1; } #leftnav ul { margin: 0 0 0 0px; padding: 0 0 0 5px; list-style-type: none; background-color: #FFF; font-size: .90em;} #leftnav li { list-style : none; margin : 1px; padding: 5px; border-left : 1px solid #311D80; border-bottom : 1px solid #311D80; border-right : 1px solid #311D80; text-align : left; } #leftnav li a { display : block; text-decoration : none; color: #07519A; font-weight : bold; } #leftnav li a:visited { padding-left: 14px; background: url('http://quiltbug.com/images/checkmark.gif') no-repeat left; color: green; } #leftnav li a:hover { font-weight : bold; color : #000080; background-color: #FFFFCC; border-left : 1px solid #004080;} #leftnav p, #rightnav { margin: 0 0 1em 0; margin-left: auto; margin-right: auto; } #rightnav { padding: 10px 10px 10px 10px; margin: 0px 0px 10px 10px; float: right; width:150px; border: 1px dashed green; background-color: #FFFEF1; text-align: center; } #rightnav ul { margin: 0 0 0 0px; padding: 2px 0 0 2px; list-style-type: none; background-color: #FFF; } #rightnav li { list-style : none; margin : 1px; padding: 5px; border-bottom : 1px solid #311D80; border-left : 1px solid #311D80; border-right : 1px solid #311D80; text-align : left; font-size : 90%; } #rightnav li a { display : block; text-decoration : none; color: #07519A; font-weight : bold; font-size : 90%; } #rightnav li a:visited { padding-left: 14px; background: url('http://quiltbug.com/images/checkmark.gif') no-repeat left; color: green; font-size : 90%; } #rightnav li a:hover { font-weight : bold; color : #000080; background : #FFFFCC; border-left : 1px solid #004080; font-size : 90%; } #rightnav p {text-align: center; font-size: .9em;} #footer { border-top: 1px solid #311D80; clear: both; padding: 5px; background-color: rgb(255, 255, 255); text-align: center; font-size: 90%; line-height: 135%; } #footer p { margin-top: 0px; margin-bottom: 0px;} #white {background-color: #FFFFFF; } .center { text-align: center;} .date{ font-size: small; text-align: center; border-top: 1px solid #311D80;} .fieldset { margin-bottom: 0px; border: 0px; } .image-right { float: right; padding: 7px; } .image-left { float: left; padding: 7px; } .image-right0 { float: right; padding: 0px; } .image-left0 { float: left; padding: 0px; } .image-nohandheld { float: left; padding: 0px; } .image-center { margin-left: auto; margin-right: auto; border: 0px; text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;} .logo {font-size : 1.1em; text-align : center; letter-spacing : 1px; color: navy;font-weight : bold; font-style: italic; font-family : arial, hevetica, sans-serif; margin-left: 150px;} .small-text {font-size:small;} .small-center {font-size:small; text-align: center; color: purple;font-weight : bold;} .SR {text-align: right; font-size: smaller; font-weight: bold;} .submit { background-color: #FFF5EE; border: 1px; height: 18px; border: 1px solid green;} .submits { background-color: #FFF5EE; border: 1px; height: 18px; border: 1px solid green; font-weight:bold;} .thanks {display: none;} .tip {padding:.5em; margin:.5em 0; border:1px solid #311D80;background-color: #FFF;} .textbox { background-color: #FFFFCC; border: 1px solid green; text-align : center; font-weight:bold; color: navy; margin-left: auto; margin-right: auto;} .video { display: block; text-align: center; margin-left: auto; margin-right: auto; border: 0px; } .cse-branding-bottom {margin:0;padding:0;} .cse-branding-bottom:after, .cse-branding-right:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .cse-branding-form form {margin-bottom: 0;padding-bottom: 0;} /* Bottom-specific selectors for Google search */ .cse-branding-bottom .cse-branding-logo, .cse-branding-bottom .cse-branding-text {display: block; float: left;} .cse-branding-bottom .cse-branding-form {margin-bottom: 3px;} .cse-branding-bottom .cse-branding-logo {padding: 0;} .cse-branding-bottom .cse-branding-text {padding-top: 4px;} .cse-branding-right .cse-branding-form {float: left;} /* Right-specific selectors for Google Search */ .cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text {margin-left: 4px;} .cse-branding-right .cse-branding-form {float: left;margin-right: 4px;} .cse-branding-right .cse-branding-logo {padding: 0;} .cse-branding-right .cse-branding-text {margin-top: -4px;} /*breadcrumbs start*/ .breadcrumbs{ width: 100%; overflow: hidden; font-size: smaller; background-color: #FFFFFF; text-align: center; margin-top: 5px; margin-bottom: 10px; margin-right: 10px; color: inherit; border-bottom: 1px solid #311D80; padding: 5px; line-height: 135%; } .breadcrumbs .B_crumbBox{ float: left; padding: 0 0 0 3px;} .breadcrumbs .B_crumbBox a{ background: url('http://quiltbug.com/images/breadcrumb-arrow.gif') no-repeat right; padding-left:0; padding-right:8px; padding-top:0; padding-bottom:0} .breadcrumbs .C_crumbBox{ float: right; padding: 0 0 0 3px;} /*breadcrumbs end*/ /* ================================================================ CSS for flyout menu. This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls.com/menu/skeleton_left.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #nav, #nav ul {float:left; padding:0 0 0px 0; margin:0; list-style:none; background:#fff; position:relative; z-index:200;} #nav li li {background:#fff; } /* a hack for IE5.x and IE6 */ * html #nav li {float:left;} #nav li a {display:block; color: #07519A; font-size: .94em; margin:0 5px 0 0px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;} #nav li:hover {position:relative; z-index:300;} #nav ul {position:absolute; left:-9999px; top:-9999px;} /* yet another hack for IE5.x and IE6 */ * html #nav, * html nav ul {width:1px;} /* it could have been this simple if all browsers understood */ /* show next level */ #nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;} /* keep further levels hidden */ #nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;} /* show path followed */ #nav li:hover > a {text-decoration:underline; color:#311D80;} /* but IE5.x and IE6 need this lot to style the flyouts and path followed */ /* show next level */ #nav li:hover ul, #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:-15px; margin-left:100%; top:-1px;} /* keep further levels hidden */ #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px;} /* show path followed */ #nav li:hover a, #nav li:hover li:hover a, #nav li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover li:hover a {text-decoration:underline; color:#07519A;} /* hide futher possible paths */ #nav li:hover li a, #nav li:hover li:hover li a, #nav li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li:hover li a {text-decoration:none; color:#07519A;} /*#class*/