body {
margin: 0;
background-repeat: repeat-x;
background-position: 0% 0%;
background-color: #ffffff;
background-attachment: scroll;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
color: #333333;

}

body.withBgImage {
min-width: 800px;
margin: 0;
background-image: url('/images/bbnBG.gif');
background-repeat: no-repeat;
background-position: center 0%; 
background-color: #ffffff;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
color: #333333;

}

body.withLeftBgImage {
margin: 0;
background-image: url('/images/bbnBG.gif');
background-repeat: no-repeat;
background-position: left top; 
background-color: #ffffff;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
color: #333333;

}

body.white {
margin: 0;
background-repeat: repeat-x;
background-position: 0% 0%;
background-color: #ffffff;
background-attachment: scroll;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
color: #333333;

}

ul.noBottomMargin {
margin-bottom: 0cm;
}
ul.noTopMargin {
margin-top: 0cm;
}

ul.neitherMargin {
margin-top: 0cm;
margin-bottom: 0cm;
}



A:link, A:visited {
color: #1B6E42;
font-size: 10pt;
font-weight: bold;
}
A:hover, A:active {
color: #cc0000; 
font-size: 10pt;
font-weight: bold;
}

A.tiny:link, A.tiny:visited {
color: #1B6E42;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}
A.tiny:hover, A.tiny:active {
color: #cc0000; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

A.normalWhite:link, A.tinyWhite:visited {
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
}
A.normalWhite:hover, A.tinyWhite:active {
color: #ffff00; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
}

A.tinyWhite:link, A.tinyWhite:visited {
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}
A.tinyWhite:hover, A.tinyWhite:active {
color: #ffffff; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

A.tinyRed:link, A.tinyRed:visited {
color: #aa0000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}
A.tinyRed:hover, A.tinyRed:active {
color: #cc0000; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

A.tinyYellow:link, A.tinyYellow:visited {
color: #ffff99;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}
A.tinyYellow:hover, A.tinyYellow:active {
color: #ffff33; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
}

A.featured:link, A.featured:visited {
color: #1B6E42;
font-size: 8pt;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
}
A.featured:hover, A.featured:active {
color: #ffffff; 
font-size: 8pt;
font-weight: bold;
background-color: #1B6E42;
font-family: verdana, arial, helvetica, sans-serif;
}

A.sidebar:link, A.sidebar:visited {
color: #1B6E42;
font-size: 9pt;
font-weight: bold;
}
A.sidebar:hover, A.sidebar:active {
color: #ffffff; 
font-size: 9pt;
font-weight: bold;
background-color: #1B6E42;

}

A.nav:link, A.nav:visited {
font-size: 10pt;
color: #1B6E42;
font-weight: 700;
font-family: arial, helvetica, times, sans-serif;
}
A.nav:hover, A.nav:active {
color: #ffffff; 
font-size: 10pt;
font-weight: bold;
background-color: #1B6E42;
font-family: arial, helvetica, times, sans-serif;
}

A.nav2:link, A.nav2:visited {
color: #b02048;
font-size: 10pt;
font-weight: bold;
font-family: arial, helvetica, times, sans-serif;
}
A.nav2:hover, A.nav2:active {
color: #ffffff; 
font-size: 10pt;
font-weight: bold;
background-color: #b02048;
}

h1 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14pt;
      font-weight: bold;
      text-align: left;
      margin-top: 0.1em;
      margin-bottom: 0.1em;
      padding-left: 4px;
}

h3 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14pt;
      font-weight: bold;
      text-align: left;
      margin-top: 0.1em;
      margin-bottom: 0.1em;
      padding-left: 4px;
}
.title {
color: #ffffff;
background-color: #1B6E42 ;
line-height: 170%;
padding: 2px;
}

.leftNavCell {
background-image: url('/images/bbnNavLeftBG.jpg');
background-repeat: no-repeat;
width: 22px;
height: 23px;
}

.navCellOLD {
background-image: url('/images/bbnNavCellBG.jpg');
background-repeat: repeat-x;
}

.navCell {
background-color: #ffffff;
}

.rightNavCell {
background-repeat: no-repeat;
background-image: url('/images/bbnNavRightBG.jpg');
width: 22px;
height: 23px;
}

.darkGrayCell {
color: #ffffff;
background-color: #888888;
font-size: 10pt;
}
.darkGrayTinyCell {
color: #ffffff;
background-color: #888888 ;
font-size: 8pt;
}


.navColorCell {
color: #333333;
background-color: #ffffff;
font-size: 10pt;
}

.whiteCell {
color: #333333;
background-color: #ffffff ;
font-size: 10pt;
}

.whiteTinyCell {
color: #333333;
background-color: #ffffff ;
font-size: 8pt;
}

.pinkTinyCell {
color: #333333;
background-color: #ffcccc ;
font-size: 8pt;
}

.lightYellowCell {
color: #333333;
background-color: #ffffcc ;
font-size: 10pt;
}

.yellowCell {
color: #333333;
background-color: #ffff00 ;
font-size: 10pt;
}

.darkGreenCell {
color: #ffffff;
background-color: #1B6E42 ;
font-size: 10pt;
}

.darkBlueCell {
color: #ffffff;
background-color: #0000cc;
font-size: 10pt;
}

.darkRedCell {
color: #ffffff;
background-color: #b02048;
font-size: 10pt;
}

.lightRedCell {
color: #000000;
background-color: #ffe0e0;
font-size: 10pt;
}

.darkGreenTitleCell {
color: #ffffff;
background-color: #1B6E42 ;
font-size: 11pt;
font-family: verdana, arial, helvetica, times, sans-serif;
}

.darkGreenLargeTitleCell {
color: #ffffff;
background-color: #1B6E42 ;
font-size: 14pt;
font-family: arial, helvetica, times, sans-serif;
}

.beigeCell {
color: #333333;
background-color: #ffe7a6 ;
font-size: 10pt;
}

.beigeTinyCell {
color: #333333;
background-color: #ffe7a6 ;
font-size: 8pt;
}

/* changed light gray cell to be no bg color */
.lightGrayCell {
color: #333333;
/* background-color: #e6e6e6 ; */
font-size: 10pt;
}

.mainBodyCell {
color: #333333;
background-color: #ffffff;
background-image: url('/images/bbnBGbody.gif');
font-family: verdana, arial, helvetica, times, sans-serif;
font-size: 10pt;
}

.sidebarCell {
color: #333333;
background-color: #ffffff;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
}

.darkPurpleTitleCell {
color: #ffffff;
background-color: #620383 ;
font-size: 12pt;
}

.lightPurpleCell {
color: #000000;
background-color: #d3b5db ;
font-size: 10pt;
}

.beigeCell {
color: #333333;
background-color: #ffe7a6 ;
font-size: 10pt;
}

.ms1 {
color: #31639c;
font-size: 9pt;
font-weight: bold;
}

.purple9bold {
color: #620383;
font-size: 9pt;
font-weight: bold;
}

.darkerGray10bold {
color: #666666;
font-size: 10pt;
font-weight: bold;
}

.teal10bold {
color: teal;
font-size: 10pt;
font-weight: bold;
}

.white10bold {
color: #ffffbb;
font-size: 10pt;
font-weight: bold;
}

.white10normal {
color: #ffffbb;
font-size: 10pt;
font-weight: normal;
}

.white08bold {
color: #ffffff;
font-size: 8pt;
font-weight: bold;
}

.red07normal {
color: #b60000;
font-size: 7pt;
font-weight: normal;
}

.red08normal {
color: #c00000;
font-size: 8pt;
font-weight: normal;
}

.red08bold {
color: #c00000;
font-size: 8pt;
font-weight: bold;
}

.white08normal {
color: #ffffbb;
font-size: 8pt;
font-weight: normal;
}

.black10bold {
color: #000000;
font-size: 10pt;
font-weight: bold;
}

.black10normal {
color: #000000;
font-size: 10pt;
font-weight: normal;
}
.white12bold {
color: #ffffbb;
font-size: 12pt;
font-weight: bold;
}

.white12normal {
color: #ffffbb;
font-size: 12pt;
font-weight: normal;
}

.black12bold {
color: #000000;
font-family: Arial,Helvetica,Times;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
}

.black12normal {
color: #000000;
font-size: 12pt;
font-weight: normal;
}


.black08normal {
color: #000000;
font-size: 8pt;
font-weight: normal;
}

.black07normal {
color: #000000;
font-size: 7pt;
font-weight: normal;
}



.popupTitle14bold {
color: #289C60;
font-size: 14pt;
font-weight: bold;
}

.popupTitle18bold {
color: gray;
font-size: 18pt;
font-weight: bold;
}

.gray14bold {
color: gray;
font-size: 14pt;
font-weight: bold;
}

.gray11normal {
color: #333333;
font-size: 11pt;
font-weight: normal;
}

.red14bold {
color: #b02048;
font-size: 14pt;
font-weight: bold;
}

.red09normal {
color: #cc0000;
font-size: 9pt;
font-weight: normal;
}

.red10normal {
color: #cc0000;
font-size: 10pt;
font-weight: normal;
}

.red10bold {
color: #cc0000;
font-size: 10pt;
font-weight: bold;
}

span.christmas {

background-color: #336699 ;
padding:   4px 4px 20px  4px;

}

.cartButton {
font-family:Arial, Helvetica;
font-size:9pt;
font-weight:bold;
font-style:normal;
color:#1B6E42;
background-color:#e0e0e0;
border-style:outset;
border-width:2px;
border-color:#1B6E42;
}


.cartSummaryCell {
color: #c00000;
background-color: #ffffff;
font-size: 8pt;
}

.cartSummaryDiv
{
position:relative;
z-index: 2;
margin: 0 0;
}

.searchDiv
{
position:absolute;
left: 635px;
top: 8px;
margin: 3px 2px;
}

.snowdiv
{
position: absolute;
display: block; 
top: 15px; 
left: 15px
}

.christmasDiv
{
position:absolute;
left: 370px;
top: 8px;
margin: 3px 2px;
}



.headerDiv
{
position:absolute;
left: 0px;
top: 0px;
margin: 0 0;
}

.productNotesDiv {
position:relative;
background-color: #ffffff;
border: 4px solid #b02048;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
color: #333333;
margin: 3px 2px;
}

.navDiv
{
position:absolute;
left: 0px;
top: 94px;
z-index: 1;
margin: 0 0;

background-color: #ffffff;
border-top: 2px solid #888888;
width: 800px;
font-size: 10pt;
color: #444444;
font-weight: 700;
}
.navDiv1
{
position:relative;
top: 94px;
z-index: 1;
margin: 0 0;
}

.sidebarDiv
{
position:absolute;
left: 0px;
top: 118px;
z-index: 1;
margin: 0 0;
}


.contentDiv
{
position:absolute;
left: 132px;
top: 118px;
z-index: 2;
margin: 0 0;
}

.pageRelDiv
{
position:relative; 
width:800px; 
top: 0px; 
margin: 0 auto;
}


.pageRelFooterWhiteCell {
color: #333333;
background-color: #ffffff ;
font-size: 8pt;
}



.fabColorCell1 {
color: #333333;
background-color: #D1DF9C ;
font-size: 8pt;
}
.fabColorCell2 {
color: #333333;
background-color: #B3D39B ;
font-size: 8pt;
}
.fabColorCell3 {
color: #333333;
background-color: #96C69A ;
font-size: 8pt;
}
.fabColorCell4 {
color: #333333;
background-color: #94CAC7 ;
font-size: 8pt;
}

.hiddenDiv {
position:relative;
display:none;
}
.hiddenDivWBorder {
position:relative;
border: black solid medium;
padding: 5px;
background-color: #cccccc;
display:none;
}
.hiddenMenuDiv {
position:relative;
border: black solid thin;
padding: 5px;
background-color: #ccccff;
display:none;
}
.blockDiv {
position:relative;
display:block;
}

.grayOutDiv {
position:absolute;
left: 0px;
top: 0px;
margin: 0px 0px;
width: 1000px;
height: 1000px;
z-index: 25;        
display: none;
background-color: #666666;  
/* for IE */
 filter:alpha(opacity=60);
/* CSS3 standard */
 opacity:0.6;
}

.renovationMsgDiv {
position:relative;
top: 25px;
width:540px;
margin: 5px auto;
/* width: 700px; */
z-index: 26;       
display:none;
background-color: #ffffff;
/* for IE */
 filter:alpha(opacity=100);
/* CSS3 standard */
 opacity:1.0;
border: 3px solid #1B6E42;
font-family: arial, helvetica, times, sans-serif;
font-size: 10pt;
color: #333333;
}