/* Tricology Colors

Dark Green - #003D2C
Scalp Green - #A0D3A3
Karite Orange - #FDCB8F
Daily Blue - #B6CEDC

*/

html,body{
  position:relative;
  width:802px;
  margin:auto auto;
  text-align:center;
  background-color: #000000;
  background-image:url(../images/bgTile.gif);
  background-repeat:repeat-x;
  padding:0px;
  }
  
#page{
  width:802px;
  height: auto;
  background-color: #000000;
  
  border-left: 1px solid #FF0000;
  border-right: 1px solid #FF0000;
  border-top: 4px solid #FF0000;
  border-bottom: 4px solid #FF0000;
  margin-top:15px;
  }
  
#mast{
  width:802px;
  height: 166px;
  background-color: #000000;
  background-image:url(../images/mast.gif);
  background-repeat: no-repeat;
  }
  
  
  
#topNav{
  margin: 0px 0px 8px 0px;
  text-align:left;
  width:800px;
  height: auto;
  background-color: #FFFFFF;
  border-bottom: 1px solid #A0D3A3;
  }
  
#screen{
  margin-top:0px;
  text-align:left;
  width:800px;
  height: auto;
  background-color: #FFFFFF;
  /*border:1px solid #FDCB8F;*/
  }
  
#footer{
  margin-top:20px;
  text-align:left;
  width:801px;
  height:108px;
  background-color: #000000;
  background-image: url(../images/footer.gif);
  background-repeat: no-repeat;
  }
  
#leftPanel{
  float:left;
  margin:0px 8px 0px 0px;
  padding:0px;
  width:206px;
  height:495px;
  background-color:#A0D3A3;
  }
  
#rightPanel{
  float:left;
  margin:0px;
  padding:0px;
  width:586px;
  height:auto;
  background-color:#FFFFFF;
  }
  
  
.spacer{
  clear: both;
  width:1px;
  height:1px;
  font-size:0pt;
  }
  
.navButton{
  width: 160px;
  height:29px;
  margin-left:23px;
  }
  
  
p,td,input,textarea{
  font-family: "century gothic", arial, helvetica, sans-serif;
  font-size:10pt;
  padding: 0px;
  margin: 0px;
  line-height:1.4em;
  color: #FFFFFF;
  }
  
input,textarea{
  padding:5px;
  background-color:#000000;
  border:1px solid #FF0000;
  }
  
  
.green{
  color: #003D2C;
  }
  
.over{
  text-decoration:underline;
  }
  
    
a{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  padding: 0px;
  margin: 0px;
  text-decoration:none;
  
  }

a img{
  border:0px;
  text-decoration:none;
  }
  
  
  
    
.groupProduct{
  padding:10px;
  background-color:#EEEEEE;
  border-top: 1px solid #A0D3A3;
  }

.productThumb{
  float:left;
  width:131px;
  height:166px;
  margin-right:15px;
  border:1px solid #A0D3A3;
  }
  
.productInfo{
  float:left;
  width:400px;
  height:auto;
  }
  
.productName{
  font-family:arial;
  font-size:9pt;
  font-weight:bold;
  color: #003D2C;
  }

.productTagline{
  font-family:arial;
  font-size:8pt;
  font-weight:bold;
  color: #003D2C;
  }

.productPitch{
  font-family:arial;
  font-size:8pt;
  font-weight:normal;
  color: #003D2C;
  }

.productInfo{
  font-family:arial;
  font-size:8pt;
  font-weight:normal;
  color: #003D2C;
  }
  
.productPrice{
  font-family:arial;
  font-size:8pt;
  font-weight:bold;
  color: #003D2C;
  }
  
  
table.store{
  background-color: #EEEEEE;
  border-collapse: collapse;
  
  
  
  }
  
td.store,input.store{
  padding: 1px 3px 1px 3px;
  font-family:arial;
  font-size:8pt;
  font-weight:normal;
  color: #003D2C;
  border:1px solid #003D2C;
  background-color: #EEEEEE;
 
  }
  
td.formHeading{
  padding: 5px 3px 5px 3px;
  font-family:arial;
  font-size:8pt;
  font-weight:normal;
  color: #FFFFFF;
  border:1px solid #003D2C;
  background-color: #003D2C;
  }

  
.storeButton{
  padding: 1px 3px 1px 3px;
  font-family:arial;
  font-size:8pt;
  font-weight:bold;
  color: #FFFFFF;
  border:1px solid #003D2C;
  background-color: #003D2C;
 
  }
  
.headline{
  font-size:12pt;
  font-family:arial,sans-serif;
  font-weight:bold;
  color:#006750;
  line-height:1.2em;
  }