/* CSS Color Theme page */ body { background: #F3F3F3; font-family: arial, serif; } h2 {color: #aa0000; font-weight: bold; text-align: left; font-size: 2em; margin-left: 12%;} h3 {color: #000080; font-weight: bold; font-style: italic; font-size: 1.4em; text-align: left; margin-left: 12%; font-variant: small-caps; margin-bottom: 6%;} h4 {color: #aa0000; font-weight: bold; font-size: 1.2em;} h5 {color: #aa0000; font-weight: bold;} /* blocks */ .content-body {border: 5px solid #000000; } .main {font-size: 1.2em; margin: 0.3em;} .title-bar {background: #000080 repeat url("../images/bluecherrybk1.gif"); color: #FAEBD7;} .title-bar a {color: AntiqueWhite; font-weight: bold; font-variant: small-caps; text-decoration: none; padding: 5px;} .title-bar a:hover {color: #550000; background-color: AntiqueWhite;} .navbox {background: #000080 repeat url("../images/bluecherrybk1.gif"); color: AntiqueWhite; } .footer {background: #000080 repeat url("../images/bluecherrybk1.gif"); color: AntiqueWhite;} /* boxes */ .shoppingcartbox {border: #092966 3px solid; background: #ffffff;} .currencybox {border: #092966 3px solid; background: #ffffff;} .noscriptbox { background: #ffff00; border:#B21A43 3px solid; color: #000080; text-align: center;} .noscriptbox a {color: #FF0000;} .gradebox {border: #AA0000 3px solid; max-width: 605px; margin: auto; overflow: auto;} .newitembox {border: #B21A43 3px solid; padding: 10px; margin: auto; overflow: auto; font-weight: bold; font-size: 1.3em;} .row1 {padding: 5px; vertical-align: middle; overflow: auto; } .row2 {background: White; padding: 5px; vertical-align: middle; overflow: auto; } .row3 {background: #ffeeff; border-top: 3px dashed #550000; border-bottom: 3px dashed #550000; padding: 5px; vertical-align: middle; overflow: auto; } .rows a {color: #000080; font-weight: bold;} .rows a:hover {color: AntiqueWhite; background: #000080;} .box2 {border-top:#B21A43 3px dotted; color:#092966; padding: 10px; margin: 5px; overflow: auto;} .col1 {width: 45%; float: left; position: relative; border-left: #B21A43 3px dotted;} .col2 {width: 45%; float: right; position: relative; border-left: #B21A43 3px dotted;} .columncontainer {width:90%;} /* text formatting */ .withcolor {color: #aa0000; font-weight: bold;} .withoutcolor {color: #550000; font-weight: bold;} .hbar {background-color: #550000; height: 4px;} .hbar2 {background-color: #FAEBD7; height: 3px;} .firstline {color: #aa0000; font-weight: bold; font-size: 1.1em;} .testimonial {border: inset 5px #AA0000; float: right; padding: 7px; margin: 5px; font-size: 0.8em; background: #FFFFFF;} /*text bits */ #slogan { font-size: 1.2em; color: AntiqueWhite; font-weight: bold;} .address1 {font-size: 0.8em; text-align: center;} #nav-info {font-size: 1.0em;} .nav-header {font-size: 1.2em; font-weight: bold;} #currencyboxtext {font-size: 1.2em; color: #550000; font-weight: bold;} .smallballs {height: 10px; width: 10px;} .footerlinks a {color: AntiqueWhite; font-variant: small-caps; padding: 5px; font-weight: bold;} .footerlinks a:hover {color: #550000; background-color: AntiqueWhite;} /* SITE SPECIFIC */ .test {background: #ffffff; color: #000000; font-size: 1.2em; padding: 15px;} .quickbox { border: #092966 3px solid; background: #ffffff; padding: 10px; border-style: inset; width: 175px; margin: 10px; float: right;} .productbox { border:#aa0000 3px; border-style: inset; padding: 5px; margin: 5px; overflow: auto;} .links1 {font-weight: bold; color: #0000ff; padding: 3px;} .links1:visited {color: #000088;} .links1:hover {color: #ffffff; background:#000088;} .tvlink {font-weight: bold; color: #0000ff; padding: 3px;} .tvlink:visited {color: #000088;} .tvlink:hover {color: #ffffff; background:#000088;} .kit_title {color: #aa0000; font-weight: bold; font-size: 1.1em; text-align: center;} .kit_pricebox {float: right;} .sas {font-size: 0.9em; padding: 10px;} .sasbox { border:#aa0000 3px; border-style: inset; padding: 5px; margin: 5px; overflow: auto;} .image-sample {float: left; padding: 5px; height: 75px; width: 98px;} .image-missing {float: left; padding: 5px; height: 150px; width: 120px;} .image-book {float: left; height: 200px; border: 2px solid #000000; margin: 5px;} .image-kit {padding:5px; border: 3px #550000 solid; width: 300px;} .cartimage {border: 0px;} .image-eden {float: left; width: 153px; border: 2px solid #000000; margin: 5px; margin-right: 1.5em; box-shadow: #000000 -0.5em 0.5em 0.20em -0.4em;} .image-fred {float: right; height: 75px; border: 2px solid #000000; margin: 5px;} .image-bluebl {height: 13px; width: 13px;} .image-bluebar {height: 3px; width: 75%; margin-left: 10%;} .image-border {border: 2px solid #000000; margin: 5px;} .tvimage {max-height: 150px; max-width: 150px; margin: 5px; float: left; border: 2px solid #000080;} /* SITE SPECIFIC BOXES */ .imageBL250 {float: left; padding: 2px; margin-right: 5px; width: 250px; border: 1px solid #000080;} /* Purchase box */ .pbox {position: relative; float: right; overflow: auto; text-align: center; padding-top: 15px; padding-bottom: 15px; border: 2px solid #000080; width: 250px; border-radius: 1em; box-shadow: #000080 0.5em 0.5em 0.3em; margin: 3px; background: #FfFfFf;} .pimage150 {width: 152px; height: 222px; margin: 5px; border: 1px solid #050000; box-shadow: #000000 -0.5em 0.5em 0.20em -0.4em;} .pimage151 {width: 152px; margin: 5px;} .pimage200 {width: 200px; margin: 5px;} .pimage250 {width: 230px; margin: 5px;} .ptitle {color: #aa0000; font-weight: bold; font-size: 1.2em;} .ptitle2 {color: #aa0000; font-weight: bold; font-size: 1.3em;} .pp { float: right; overflow: auto;} .pd {float: right; overflow: auto;} .stantvv {max-width: 650px; max-height: 620px;} /* Media Sizing */ @media only screen and (max-width: 549px){ .main {font-size: 1.0em;} #slogan { font-size: 1.2em; color: AntiqueWhite; font-weight: bold;} .kit_pricebox {float: none; clear: both; width: 100%;} .sasbox {height: 150px; overflow: scroll;} .image-book {float: left; padding: 5px; height: 150px;} .image-kit {padding:5px; border: 3px #550000 solid; width: 180px;} .pbox {float:none; clear: both; overflow: auto; text-align: center; padding-top: 15px; padding-bottom: 15px; border: 2px solid #000080; width: 100%; margin-bottom: 10px;} .col1 {width: 100%; border-left: #B21A43 3px dotted;} .col2 {width: 100%; border-left: #B21A43 3px dotted;} .columncontainer {width:90%;} .tvimage {max-width: 100%; max-height: 250px;} } @media only screen and (max-width: 900px) { .sasbox {height: 200px; overflow: scroll;} .col1 {width: 100%; border-left: #B21A43 3px dotted;} .col2 {width: 100%; border-left: #B21A43 3px dotted;} } @media only screen and (max-width: 1050px){ } /* UniqueMath */ .umheader-bar {background: #000080 repeat url("../images/starbk1.gif"); color: #FFFFFF; overflow: auto;} .umheader-bar a {color: #eeffff; font-weight: bold; font-variant: small-caps; text-decoration: none; padding: 5px;} .umheader-bar a:hover {color: #000080; background-color: #eeffff;} .mathlinks {border: #000080 3px solid; background: #FFFFFF; padding: 7px; font-weight: bold; font-size: 1.2em; text-align: center;} .mathlinks a {color: #000080; font-variant: small-caps;} .mathlinks a:hover {color: #ffffff; background: #000080;} #um-slogan { font-size: 1.4em; color: #EEFFFF; font-weight: bold;} .shipnote {font-weight: bold; font-size: 2em; text-align: center;} .shipnote a {color: #FF0000;} .shipnote a:hover {color: #ffffff; background: #000080;} .shippingbox {border: #880000 3px dashed; padding: 7px;}