/* Tricology Colors

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

*/

html,body{
  margin:auto auto;
  text-align:center;
  background-color: transparent;
  padding:0px;
  }
  
html{
  
  background-color:#000000;
  }
  
  
#header{
  position:relative;
  width:900px;
  margin: auto auto;
  height:119px;
  background-image:url(../images/bgHeader.gif);
  background-repeat:no-repeat;
  border-left:1px solid #00CC00;
  border-right:1px solid #00CC00;
  border-top:1px solid #00CC00;
  }
  
#footer{
  width:900px;
  height:83px;
  background-image:url(../images/footer.jpg);
  background-repeat:no-repeat;
  background-color:#000000;
  }



#content{
  width:950px;
  height:700px;
  margin:auto auto;
  background-image:url(../images/imgBg.jpg);
  background-repeat:no-repeat;
  background-color:#000000;
  text-align:left;
  border:none;
  overflow:hidden;
  }
  
#navigation{
 
  height:106px;
  background-color:transparent;
  margin-left:214px;
  
  }
  
#bodyCopy{
 
  background-color:transparent;
  margin-left:245px;
  width:630px;
  
  }
  
  


  
#activeArea{
  position:absolute;
  text-align:left;
  margin-top:275px;
  margin-left:20px;
  width:880px;
  height:auto;
  background-color:#FFFFFF;
  }
  
  
#shopModule{
  position:absolute;
  top:144px;
  left:298px;
  width:580px;
  height:40px;
  background-color: #13352C;
  border-top:1px solid #1D5C42;
  border-left:1px solid #1D5C42;
  border-bottom:1px solid #1D5C42;
  background-image:url(../images/bgShopMod.jpg);
  background-repeat:no-repeat;
  }
  
    

  

  
.pageBody{
  width:859px;
  margin-left:21px;
  }
  
.fullPanel{
  float:left;
  padding-left:0px;
  width: 860px;
  background-color:transparent;
  }
  
  
  
.leftPanel{
  float:left;
  padding-left:0px; 
  width:463px; 
  padding-right:20px;
  border-right:1px solid #FDC480;
  }

.rightPanel{
  margin-left:10px; 
  float:left;
  padding-left:0px; 
  width:325px; 
  height:auto;
  background-color:#FFFFFF;
  overflow: hidden;
  }
  
.leftText{
  padding:20px 20px 20px 20px;
  text-align:left;
  background-color:#FFFFFF;
  }
  
.rightText{
  padding:0px 30px 10px 20px;
  text-align:left;
  background-color:#FFFFFF;
  }
  
  

  
.spacer{
  clear: both;
  width:1px;
  height:1px;
  font-size:0pt;
  }
  
.navButton{
  width: 160px;
  height:29px;
  margin-left:23px;
  }
  
  
p,ul,li{
  font-family: arial,sans-serif;
  font-size: 8pt;
  line-height:1.4em;
  color:#CCCCCC;
  }

.bold{
  font-size:12pt;
  }
  


.release{
  font-family: arial, sans-serif;
  font-weight:bold;
  color:#1D5C42;
  font-size:8pt;
  }
  
  
  
.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;
  }
  
  
  
.toolIcon{
  float:right;
  }
  

.customerListActive{
  padding:2px;
  cursor:pointer;
  font-weight:bold;
  font-family:arial;
  font-size:8pt;
  color:#CCCCCC;
  background-color:#111111;
  }
  
.customerListProspect{
  padding:2px;
  cursor:pointer;
  font-weight:bold;
  font-family:arial;
  font-size:8pt;
  color:#333333;
  background-color:#111111;
  }
  
.customerListCold{
  padding:2px;
  cursor:pointer;
  font-weight:bold;
  font-family:arial;
  font-size:8pt;
  color:#99FFFF;
  background-color:#111111;
  }
  
.customerListNoCall{
  padding:2px;
  cursor:pointer;
  font-weight:bold;
  font-family:arial;
  font-size:8pt;
  color:#990000;
  background-color:#111111;
  }
  
.customerListUnclassified{
  padding:2px;
  cursor:pointer;
  font-weight:bold;
  font-family:arial;
  font-size:8pt;
  color:#FFFFFF;
  background-color:#111111;
  }
  
.customerListInProgress{
  padding:2px;
  cursor:pointer;
  font-weight:bold;
  font-family:arial;
  font-size:8pt;
  color:#CCFF99;
  background-color:#111111;
  }
  
.customerListOver{
  padding:2px;
  cursor:pointer;
  font-family:arial;
  font-weight:bold;
  font-size:8pt;
  color:#CCCCCC;
  background-color:#003300;
  }

/* CUSTOMER SUMMARY STYLES ------------------------------------------------------------------------<
*/

.largeText{
  font-family:arial;
  font-size:14pt;
  color:#FFFFFF;
  padding:1px;
  margin:0px;
  }
  
h1.customerName{
  font-family:arial;
  font-size:14pt;
  color:#FFFFFF;
  padding:1px;
  margin:0px;
  }
  
h1{
  font-weight:normal;
  }
  
  
.mediumText{
  font-family:arial;
  font-size:12pt;
  color:#FFFFFF;
  font-weight:bold;
  padding:1px;
  margin:0px;
  }
  
.smallText{
  font-family:arial;
  font-size:8pt;
  color:#999999;
  padding:1px;
  margin:0px;
  }
  
a .smallText{
  font-family:arial;
  font-size:8pt;
  color:#999999;
  padding:1px;
  margin:0px;
  }
  
  
.divider{
  border-bottom: 1px dotted #00CC00;
  }
  
.miniIcon{
  float:left;
  }
  
    
.formLabel{
  font-family:arial;
  font-size:8pt;
  font-weight:bold;
  color:#999999;
  padding:2px 2px 2px 2px;
  margin:0px;
  }
  
.formLabelFocus{
  font-family:arial;
  background-color:#56400A;
  font-size:8pt;
  color:#CCCCCC;
  padding:2px 2px 2px 2px;
  margin:0px;
  }
  
.formInput{
  font-family:arial;
  font-size:8pt;
  color:#CCCCCC;
  padding:2px 2px 2px 2px;
  margin:0px;
  }
  
input,select,textarea{
  background-color:#000000;
  border:1px dotted #555555;
  }