/*html, body { height: 100%; }*/ body{ background-color: #f7f7f7; margin: 0px; padding: 0px; font-family: Georgia; font-size: 0.88em; } .wrapper { width: 1000px; } .container { width: 970px; padding-bottom: 96px; } .wrapper { min-height: 100%; border-left: 15px solid white; border-right: 15px solid white; margin-left: auto; margin-right: auto; background-color: transparent; } .container{ min-height: 100%; background-color: white; border-left: 15px solid #f7f7f7; border-right: 15px solid #f7f7f7; } .contenthere { padding: 0px 45px; } /* make the right hand side column work */ #navcontainer { float: right; } .allcolumns { display: flex; margin-bottom: 48px;} .largeside { padding: 0px 12px; } .header { text-align: center; width: 100%; padding-top: 40px; padding-bottom: 20px; } div.statcol{ float: left; padding: 0px; vertical-align: middle; overflow: hidden; text-align: left; margin-bottom: 42px; } /* div.statrow{ padding-top: 0px; vertical-align: middle; clear: both; float: none; } */ div.statrow { width: 100%; margin: 0 auto; overflow: hidden; } .polaroid { padding: 10px 10px 19px 10px; background-color: #f7f7f7; display: inline-table; font-style: italic; line-height: 1.45em; } .statcol:nth-child(4n+4) { padding-bottom: 40px; clear: both; display: table; } .statcol { text-align: center; } .polaroid img { display: block; padding-bottom: 5px; } .spacing { width: 100%; height: 40px; display: block; } /* Product Page */ .wrapper2 { min-width: 100%; min-height: 100%; padding-left: 0px; background-image: url('graphics/back.png'); background-repeat: repeat-y; background-color: white; } .leftbar { background-color: black; z-index: 0; min-height: 100%; height: 100%; position: absolute; left: 0px; width: 8px; } .header2 { font-size: 3.5em; font-style: italic; position: relative; left: 36px; } .tagline { font-size: 0.75em; margin-left: 35px; margin-top: 47px; width: 425px; font-style: italic; } .pagetitle { position: relative; left: 8px; width: 100%; margin-left: 32px; background-color: black; color: #a8a8a8; font-size: 0.75em; font-family: Helvetica, Arial; padding: 12px; text-transform: uppercase; } .paddinghere { padding: 32px 12px; } /* For Cartcake */ /*html, body { height: 100%; }*/ img { border: 0px; } /* https://csscreator.com/node/7459 a:hover not working on visited links??; */ a:link{color:#0066cc;text-decoration:none;} a:visited{color:#0066cc;text-decoration:none;} a:hover{color:#cc0000;text-decoration:underline;} a:active{color:#000000;text-decoration:none;} #navcontainer a:link, #navcontainer a:visited{color:#000000;text-decoration:none;} #navcontainer a:hover{color:#cc0000;text-decoration:underline;} a.nostyle:link { color: #000000 !important; text-decoration: none; } a.nostyle:hover { color: #000000 !important; text-decoration: underline; } a.nostyle:active { color: #000000 !important; text-decoration: none; } a.nostyle:visited { color: #000000 !important; text-decoration: none; } .notice, .rednotice, .ambernotice, .greennotice { text-align: center; color: #3C3C3C; font-weight: bold; margin-top: 32px; clear: both; width: 97%; padding: 8px; margin-bottom: 12px; } .notice{ background-color: #BABABA; border-top: solid #3C3C3C 8px; } .rednotice{ background-color: #DD9898; border-top: solid #3C3C3C 8px; } .ambernotice{ background-color: #DDC498; border-top: solid #3C3C3C 8px; } .greennotice{ background-color: #98DD98; border-top: solid #3C3C3C 8px; } h1, font.headline, font.shoulderline{ font-family: FrugalSansRegular, Verdana, Georgia; font-style: italic; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.2em; font-weight: normal; } font.headline{ /* background-color: #fff; */ /* color: #A4341D; */ color: #000000; font-size: 2.5em; } h1, font.shoulderline{ /* background-color: #fff; */ /* color: #0066cc; */ font-size: 1.8em; } #loading { background-color: black; color: white; padding: 12px 0px; text-align: center; font-size: 2.6em; position: absolute; bottom: 0px; z-index: 1; width: 100%; display: none; margin-top: 48px; } /*********** Breadcrumbs http://css-tricks.com/triangle-breadcrumbs/ */ .breadcrumb { list-style: none; overflow: hidden; font-size: 0.8em; } .breadcrumb li { float: left; } .breadcrumb li a { color: #dcdcdc; text-decoration: none; padding: 10px 0 10px 45px; background: #323232; /* fallback color */ background: hsla(0,0%,20%,1); position: relative; display: block; float: left; } .breadcrumb li a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid hsla(0,0%,20%,1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .breadcrumb li a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid #686868; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; } .breadcrumb li:first-child a { padding-left: 10px; } .breadcrumb li:nth-child(2) a { background: hsla(0,0%,25%,1); } .breadcrumb li:nth-child(2) a:after { border-left-color: hsla(0,0%,25%,1); } .breadcrumb li:nth-child(3) a { background: hsla(0,0%,35%,1); } .breadcrumb li:nth-child(3) a:after { border-left-color: hsla(0,0%,35%,1); } .breadcrumb li:nth-child(4) a { background: hsla(0,0%,45%,1); } .breadcrumb li:nth-child(4) a:after { border-left-color: hsla(0,0%,45%,1); } .breadcrumb li:nth-child(5) a { background: hsla(0,0%,55%,1); color: #3c3c3c; } .breadcrumb li:nth-child(5) a:after { border-left-color: hsla(0,0%,55%,1); } .breadcrumb li:last-child a { /* background: transparent !important; */ /* text-decoration: underline; */ /* color: black; */ pointer-events: none; cursor: default; } /* ----------------- forms ----------------- */ .bigbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; background-color: #cccccc; color: #666666; margin-right: 6px; border: 3px ridge #000000; } .bigtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; margin-right: 6px; background-color: #CCCCCC; border: 1px solid #666666; width: 250px; } .mediumbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; background-color: #cccccc; color: #666666; margin-right: 6px; border: 3px ridge #000000; } .mediumtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin-right: 6px; background-color: #CCCCCC; border: 1px solid #666666; } .mediumblock { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; background-color: #CCCCCC; border: 1px solid #666666; width: 75px; color: #000000; margin-left: auto; margin-right: auto; } .editable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin-right: 6px; background-color: #CCCCCC; border: 1px solid #666666; } .minitext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-right: 6px; background-color: #CCCCCC; border: 1px solid #666666; } .minitextBOLD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-right: 6px; background-color: #CCCCCC; border: 1px solid #666666; font-weight: bold; } .minibutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #cccccc; color: #666666; margin-right: 6px; border: 3px groove #000000; } select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin-right: 6px; background-color: #CCCCCC; border: 1px solid #666666; } input,input[type='text'],input[type='password'] { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin-right: 6px; background-color: #CCCCCC; border: 1px solid #666666; } button{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin-right: 6px; background-color: #CCCCCC; border: 3px ridge #dcdcdc; } /* ----------------- tables ----------------- */ th { padding: 8px; background-color: #3C3C3C; margin: 8px; text-align: left; } .totals{ background-color: #808080; color: #242424; font-weight: bold; } td { padding: 8px; margin: 8px; text-align: left; vertical-align: middle; } /* ----------------- menus ----------------- */ .navlist { padding-left: 0; margin-left: 0; border-bottom: 1px solid gray; width: 200px; float: right; } .navlist li { list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid gray; } .navlist li a { text-decoration: none; }