/* CSS Color Theme page */

body 	{	background: #dff6fe;
			font-family: arial, serif;
      	 }

      	 
h2	{color: #42629e; 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;}

.highlight	{background: #42629e; font-weight: bold; color: AntiqueWhite; padding: 7px;
             text-align: center;}

/* blocks */
.content-body {border: 5px solid #000000;
			}

.main		{font-size: 1.2em; margin: 0.3em;}


.title-bar {background: #005500 repeat url("../images/lbluecherrybk1.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: #005500 repeat url("../images/lbluecherrybk1.gif");
	      color: AntiqueWhite;
	      }

.footer   {background: #005500 repeat url("../images/lbluecherrybk1.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: #880000; 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;}

#header-logo {margin-left: auto; margin-right: auto; margin-top: 1em; 
			width: 60%; max-width: 500px; height: auto; max-height: 60px;}
		  
.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;}



.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-bluebl {height: 13px; width: 13px;}
.image-arrow {height: 14px; width: 15px;}
.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;}

#image-bee-large {float: right; height: auto; width: 50%; max-height: 450px; max-width: 330px;}
#image-su {float: right; height: 100px; padding: 5px; border: 2px solid #005500; margin: 5px;}
#profb-text  {margin-left: auto; margin-right: auto; padding: 5px;
			width: 100%; max-width: 500px; height: auto; max-height: 60px;}


/* 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: #42629e 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;} 


/* Media Sizing */

@media only screen and (max-width: 549px){
.main	{font-size: 1.0em;}
#image-su {display: none;}
#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;}


.pbox2 {position: relative; clear: both; overflow: auto; align: left;  padding-top: 15px; padding-bottom: 15px;}
.pp   { float: right; overflow: auto;}
.pd   {float: right; overflow: auto;} 


.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){
.pbox2 {border-bottom: dotted 3px #cccccc;}
}

/* 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;}