<!--
body {  
	background-color:#ffffff;
	background-image:url(/css/bg.png);
	background-repeat:repeat-x;
    color: #3A5378; 
    font-family: Verdana, Arial, Sans-serif; 
    font-weight: 400; 
    font-style: normal;  
    font-size: 12px; 
    text-decoration: none;
    line-height:1.2; 
    }
html {  
	background-color:#ffffff;
	background-image:url(/css/bg.png);
	background-repeat:repeat-x;
    color: #3A5378; 
    font-family: Verdana, Arial, Sans-serif; 
    font-weight: 400; 
    font-style: normal;  
    font-size: 12px; 
    text-decoration: none; 
    line-height:1.2;
    }
    
p   {
    line-height:1.2;
    margin-bottom: 15px;
    text-align:justify;
    color:#3A5378;
    }
sup{
vertical-align:top;
font-size:10px;
 }
a:link { color: #435D83;  
   text-decoration: none; 
   font-family: Verdana, Arial, Sans-serif; 
   font-weight: 600; 
   }
a { color: #435D83; 
   text-decoration: none; 
   font-family: Verdana, Arial, Sans-serif; 
   font-weight: 600; 
   }  
a:visited { color: #8798B1; 
   text-decoration: none; 
   font-family: Verdana, Arial, Sans-serif; 
   font-weight: 600; 
   }

a:hover {  
   color: #2385C9; 
   text-decoration: none; 
   font-family: Verdana, Arial, Sans-serif;    
   font-weight: 600; 
   }
   
.outer_wrap{ 
    width:950px;
    background-image:url(/css/bodyBgBam.png);
    background-repeat:repeat-y;
    min-height:inherit;
	background-color:#ffffff;
    text-align:center;
    padding-top:0px;
    /* negative margine here needed to compensate for size of innercorner image */
    margin-top:-11px;
    }     
    
.topper{  
    width:934px;
    height:150px;
    max-height:150px;
	background-color:#ffffff;
    color: #3A5378; 
    background-image:url(/css/bamboo_header.png); 
	background-repeat:no-repeat; 
    font-family: Verdana, Arial, Sans-serif; 
    font-weight: 400; 
    font-style: normal;  
    font-size: 11px; 
    text-decoration: none; 
    }  
 
.side_pane{
    float:left; 
    background-image:url(/css/sidebacker.png);
    background-repeat:repeat-y;
    margin-left:8px;
    width:200px;
    color: #ffffff;      
    font-family: Verdana, Arial, Sans-serif; 
    font-weight: 400; 
    font-style: normal;  
    font-size: 12px; 
    text-decoration: none; 
    text-align:center;
  /* next line is to fix IE6 so I can stop cursing...IE 6 doubles margins...pesky pain browser stinky  */
  display:inline;
 }

 /* side container links */
.side_pane a:visited { 
    color: #8798B1; 
    font-family: Verdana, Arial, Sans-serif; 
    text-decoration: none;
    font-size:11px;
    }
.side_pane a:link { 
    color: #435D83; 
    font-family: Verdana, Arial, Sans-serif;
    text-decoration: none; 
    font-size:11px;
    }
.side_pane a:active {  
    color: #C00000;  
    font-family: Verdana, Arial, Sans-serif; 
    text-decoration: none;
    font-size:11px;
    }
.side_pane a:hover { 
    color: #C00000; 
    font-family: Verdana, Arial, Sans-serif; 
    text-decoration: none;
    font-size:11px;
    }
  
.inside_pane{
    float:left; 
    width:180px;
    margin-left:5px;
    margin-right:2px;
    padding-left:5px;
    padding-right:2px;
	background-color:#ffffff;
    color: #3A5378;      
    font-family: Verdana, Arial, Sans-serif; 
    font-weight: 400; 
    font-style: normal;  
    font-size: 12px; 
    text-decoration: none; 
    text-align:left;
    line-height:1.5;
 }

/* body_container is used for main body content */
.body_container{ 
  float:left; 
  width:734px;
  margin-left: 0px;
  /*next line keeps body_container from overlapping*/
  margin-right: 6px;
  background-color:#ffffff;
  text-align:left;
}
.in_body_container{ 
  float:left; 
  width:680px;
  margin-left: 15px;
  background-color:#ffffff;
  color: #3A5378; 
  font-family: Verdana, Arial, Sans-serif; 
  font-weight: 400; 
  font-style: normal;  
  font-size: 12px; 
  text-decoration: none; 
  text-align:left;
    /* next line is to fix IE6 so I can stop cursing...IE 6 doubles margins...pesky pain browser stinky  */
  display:inline;
}

.menu{
  width:734px;
  height:26px;
  background-color:#7FA1DC;
  padding-bottom:2px;
  padding-top:2px;
  text-align:center;
 } 
.menu a:link{
font-size:11px;
float:left;
width:109px;
background-image:url(../css/buttonBack.png);
background-repeat:no-repeat;
height:25px;
padding-top:6px;
 }
.menu a:visited{
font-size:11px;
float:left;
width:109px;
background-image:url(../css/buttonBack.png);
background-repeat:no-repeat;
height:25px;
padding-top:6px;
 }
.menu a:active{
font-size:11px;
float:left;
width:109px;
background-image:url(../css/buttonBackLive.png);
background-repeat:no-repeat;
height:25px;
padding-top:6px;
 }
.menu a:hover{
font-size:11px;
float:left;
width:109px;
background-image:url(../css/buttonBackLive.png);
background-repeat:no-repeat;
height:25px;
padding-top:6px;
}
   
/* Email List  Button */ 
.mailButton{
  width:190px;
  height:30px;
  margin-left:5px;
 } 
.mailButton a:link{
float:left;
width:190px;
background-image:url(../css/mail1.png);
background-repeat:no-repeat;
height:30px;
 }
.mailButton a:visited{
float:left;
width:190px;
background-image:url(../css/mail1.png);
background-repeat:no-repeat;
height:30px;
 }
.mailButton a:active{
float:left;
width:190px;
background-image:url(../css/mail2.png);
background-repeat:no-repeat;
height:30px;
 }
.mailButton a:hover{
float:left;
width:190px;
background-image:url(../css/mail2.png);
background-repeat:no-repeat;
height:30px;
}
  
/*alignment styles: */
.center{ text-align: center; }
.left{ text-align: left; }
.right{ text-align: right; }
.justify{ text-align: justify; }


h1 { color: #10507C; font-size: 14px; }
  
.copyright { font-size:10px; }

.footer{ 
  width:934px;
  height:100px;
  max-height:100px; 
  background-image:url(/css/bambooFooter.png); 
  background-repeat:no-repeat; 
  background-color:#ffffff;
  color: #3A5378;    
  font-family: Verdana, Arial, Sans-serif; 
  font-weight: 400; 
  font-style: normal;  
  font-size: 10px; 
  text-decoration: none;
  text-align:center; 
}

.innercorner{
/* align this relative within body container...different here than in admin */
position: relative; top: 190px; left: -262px;

}



.hiddenPic {display:none;}

.colChtCell{
width:125px;
text-align:center;
padding-bottom:10px;
 }

.submitButton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../css/submitbg.png) repeat-x left top;
}

.cartButton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#fff;
font-size:9px;
font-weight:bold;
padding: 1px 2px;
background:url(../css/cartBackBAM.png) repeat-x left top;
}

.albimg{
  border-left: 10px double #1E5880;
  border-right: 10px double #267EBC; 
  border-top: 10px double #267EBC; 
  border-bottom:10px double #1E5880;
 }
.albumcell{
 padding-bottom:6px;
 padding-left:3px;
 padding-right:3px;
 }
 
.blueBord{
 border-width:1px;
 border-color:#7599D9;
 border-bottom-color:#7599D9;
 border-bottom-width:1px;
 border-bottom-style:ridge;
 border-left-color:#7599D9;
 border-left-width:1px;
 border-left-style:ridge;
 border-right-color:#7599D9;
 border-right-width:1px;
 border-right-style:ridge;
 border-top-color:#7599D9;
 border-top-width:1px;
 border-top-style:ridge;
}

.cartBord{
 padding-bottom:4px;
 padding-left:3px;
 padding-right:2px;
 padding-top:6px;
 }
 
.colorSamps{
 width:20px;
 padding-bottom:1px;
 padding-left:1px;
 padding-right:1px;
 padding-top:1px;
 float:left;
 }
 
 .prodPrev{
 width:123px;
 font-size:9px;
 padding-bottom:5px;
 padding-left:5px;
 padding-right:5px;
 float:left;
 }
 
 .backer{ /* add so it shows up in IE */
 height:450px;
 background-color:#ffffff;
 color: #3A5378; 
 background-image:url(/css/bamDetailBack.png); 
 background-repeat:no-repeat; 
 font-family: Verdana, Arial, Sans-serif; 
 font-weight: 400; 
 font-style: normal;  
 font-size: 11px; 
 text-decoration: none; 
}

 .chatBack{
 height:109px;
 width:53px;
 background-image:url(/css/chatBack.png); 
 background-repeat:no-repeat; 
}


-->