body, p, td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: #222222;
    
}


.text_smaller   {  font-size: 11px;  }
.text_larger    {  font-size: 13px;  }
.text_larger_2    {  font-size: 14px;  }
.text_larger_3  {  font-size: 16px;  }

.padding_medium { padding: 0px 20px 10px 20px;    /* top - left - bottom - right  */ }

.spacer { padding: 0px 10px 0px 10px;  /*  top - left - bottom - right  */ }

.viewprefstable td
{
   font-size: 11px;
   text-align: center;
}

.clear            {  clear: both;  } /* force blocks of what's new */
.featuredproduct  {  text-align: left;  padding: 0px 0px 10px 0px; } /* force blocks of what's new */

A.highlightmove { COLOR: #003399; TEXT-DECORATION: underline; FONT-WEIGHT: normal;}
A.highlightmove:hover { COLOR: #990000; TEXT-DECORATION: underline; FONT-WEIGHT: normal; font-weight : bold;}
A.highlightmoveSM { COLOR: #003399; TEXT-DECORATION: underline; font-size: 12px; }
A.highlightmoveSM:hover { COLOR: #990000; TEXT-DECORATION: underline; font-size: 12px; }
A.highlightmoveLG { COLOR: #003399; TEXT-DECORATION: underline; font-size: 16px; }
A.highlightmoveLG:hover { COLOR: #990000; TEXT-DECORATION: underline; font-size: 16px; }
A.highlightmove2{ COLOR: #003399; }
A.highlightmove2:hover { COLOR: #990000;  TEXT-DECORATION: underline;}
A.navlink {COLOR: #FFFFFF; }
A.navlink:hover { COLOR: #33FFCC; TEXT-DECORATION: underline; }
A.pivot:hover { COLOR: #003399;  border-bottom: 1px dashed; background: #E8E8FF; TEXT-DECORATION: none; border-bottom-color: #FF6666;}
A.tealgo {COLOR: #006666; TEXT-DECORATION: none; }
A.tealgo:hover { COLOR: #006666; TEXT-DECORATION: none;}

span.greenspanlight { background: #CCFFCC; border-color: #00CC99;  border-width: 3px; padding: 2px 2px 2px 2px; }
span.greenspandark { background: #C1FFC1; border-color: #00CC99;  border-width: 3px;  padding: 2px 5px 2px 5px; }

.highlight { background: #E8E8FF; color: #6600CC; }
.highlightCOUNT { background: #f1f1fd; color: #6600CC; }
.highlight_green  { background: #CCFFCC; border-color: #00CC99;  border-width: 1px;}
.highlight_purple  { background: #D8BFD8; border-color: #00CC99;  border-width: 1px;}
.highlight_yellow  { background: #FFFFCC; border-color: #CCCC00;  border-width: 1px;}
.highlight_red  { background: #FFCCCC; border-color: #FF6666;  border-width: 1px;}
.highlight_blue_textboxcart  { background: #CAE1FF; border-color: #000000;  border-width: 1px; FONT-WEIGHT: bold; text-align: center; }
.highlight_green_textboxcart { background: #CCFFCC; border-color: #00CC99;  border-width: 1px; FONT-WEIGHT: bold; text-align: center; }
.highlight_red_textboxcart { background: #FFCCCC; border-color: #FF6666;  border-width: 1px; FONT-WEIGHT: bold; text-align: center; }
.navtext { font-size: 13px; }
.tabtext {  font-size: 12px; }
.prodinfotext { font-size: 14px; }
.blockbig { font-size: 13px; }
.blocktext { font-size: 12px; }
.blocksmall { font-size: 10px; }
.blocksmall2 { font-size: 11px; }
.block11 { font-size: 12px; }
.blocktexttiny { font-size: 12px; }
.couponbox  { border-top: 1px #f1f1fd; border-bottom: 1px #f1f1fd; border-left: 1px #f1f1fd; border-right: 1px #f1f1fd; }
.outlinetext {border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
INPUT.button
{
    border-width: 1px;
    border-color: #000000;
    background-color: #f1f1fd;
    font-style: normal;
    font-family: arial;
    font-size: 9pt;
    font-weight: bold;
}
tablebordergray
{
    border: 1px solid #CCCCCC;
}
A.ToolNAV
{
border: 1px;
margin: 0px;
padding: 0px 1px 1px 1px;
text-decoration: underline;
}
A.ToolNAV:hover
{
/* #border: 1px solid #00CC99;
#border: 1px solid #666666; */
border: 1px;
margin: 0px;
padding: 0px 1px 1px 1px;
background-color: #E0FFFF;
text-decoration: underline;
}


.photoareashadow
{
    border: 1px solid #000000;
    /* 
    border-top: 1px solid #000000;
    border-left: 1px solid #000000; 
    */
    padding: 0px;
    display: block;
    
    position: relative;
    left: -3px;
    top: -4px;
    /* 
    margin-bottom: 4px solid #999999; 
    padding-bottom: 5px;
    padding-right: 4px;
    background: url(/images/mainlib/imagebacker.gif) repeat-x right bottom; 
    */

}

.photodrop
{
    /* 
    border-top: 1px solid #000000;
    border-left: 1px solid #000000; 
    margin: 0px 10px 10px 10px;
    margin-bottom: 4px solid #999999; 
    padding-bottom: 5px;
    padding-right: 4px;
    */
    background: url(/images/mainlib/imagebacker.gif) repeat-x right bottom; 
    position: relative;
    margin: 10px 10px 10px 10px;
    float: right;
    line-height: 0px;

}



  
.bluebox 
{
color: #333399;             /* dark purple  or 333399 */  
border: 1px solid #8080C0;  /* dark purple */
background: #f1f1fd;        /* light blue */
text-align: center;
padding: 0px 0px 0px 0px;
}

h1
{

color: #333399;             /* dark purple  or 333399 */  
text-align: left;
padding: 0px 0px 0px 20px;  /*  top - left - bottom - right  */
font-size: 12px;
font-weight: normal;
}
h2
{
padding: 0px 0px 0px 0px;  /*  top - left - bottom - right  */
margin: 0px 0px 0px 0px;  /*  top - left - bottom - right  */
font-size: 12px;
font-weight: normal;
}
h3
{
padding: 0px 0px 0px 0px;  /*  top - left - bottom - right  */
margin: 0px 0px 0px 0px;  /*  top - left - bottom - right  */
font-size: 12px;
font-weight: normal;
}
.breadcrumb2
{
    text-align: left;
    padding: 6px 20px 6px 20px;
}
.block_searchresults
{
    text-align: left;
    padding: 10px 10px 25px 20px;  /*  top - left - bottom - right  */
}


.departmentslist
{
    padding-left: 5px;
    padding-bottom: 0px;
    margin: 0;
    list-style: none;
}

.navigationlist
{
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 1px;
    margin: 0;
    list-style: none;
    background: #8080C0; /* 7D26CD */
    
    /* light blue-purple      f1f1fd */
    /* dark  blue-purple      8080C0 */
    
    /* mid purple      9494CF */
    /* mid-dark purple 55569A */
    /* dark purple     333366    electric purple 7D26CD*/
    
}

.navigationlist sectionheading
{
  padding-left: 5px;
  font-weight: bold;

}

.navigationlist li
{
    /* 7D26CD 
    
    padding: 2px 4px 4px 4px;
    padding-bottom: 3px; background: url(/images/mainlib/purpledash_1.gif) repeat-x left bottom;
    background-color: #f1f1fd;
    */
}

.navigationlist .lastlixx
{
    /* 7D26CD */
    
    padding: 2px 4px 4px 4px;
    background: url(/images/mainlib/purpledash_2.gif) repeat-x left bottom;
    background-color: #f1f1fd;
}

.grad 
{
   background: url(/images/mainlib/purple_grad1.gif) repeat-x left top;

}
.gradmenu 
{
   background: url(/images/mainlib/purple_gradmenu.gif) repeat-x left top;

}

.footerlinks
{
    color: #999999;
    text-align: center;
    font-size: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.navigationlist a
{
    
   display: block;
   color: #7D26CD;
   padding: 4px 4px 4px 4px;
   height: 16px;
   text-decoration: none;
   font-weight: normal;

    
   
   background: #f1f1fd url(/images/mainlib/purple_gradmenu.gif) repeat-x left top;


}

.navigationlist a:hover
{
   color: #27408B;           /*  light blue:CAE1FF  dark-blue:27408B  */
   font-weight: normal;
   background: #CAE1FF url(/images/mainlib/purple_gradblue.gif) repeat-x left top;


}

.testimonial
{
   color: #27408B;           /*  light blue:CAE1FF  dark-blue:27408B  */
   font-weight: normal;
   padding: 12px 10px 25px 10px;  /*  top - left - bottom - right  */
   background: #FFFFFF url(/images/mainlib/testimonialback.jpg) repeat-x left top;


}


/*
        | liquidcorners.css; feel free to adapt the style!
        | ================================================
        | use: 4 corners with borderline outside a contentbox with class="inside"; 
        |      image  = upper half: top left corner, long borderline, top right corner
        |               under half: bottom left corner, long borderline, bottom right corner
        |      CHANGE = you have to change this for fitting to your image
        |      YCC    = You Can Change (or omit), if wanted
        |      DNC    = Do Not Change
        | credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
        |          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
        | adapted
        | by.....: ... (your name and site?!)
        |
        | + please let this text & links intact for a next user +
*/
.roundgreentop-left, .roundgreentop-right, .roundgreenbottom-left, .roundgreenbottom-right { 
        background-image: url('/images/mainlib/corners_green_1280x18.gif'); /* CHANGE: path and name of your image */
        height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
        font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
        }
.roundgreentop-left, .roundgreenbottom-left { 
        margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
        }
.roundgreentop-right, .roundgreenbottom-right { 
        margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
        margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
        }
.roundgreentop-right {
        background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
        }
.roundgreenbottom-left  { 
        background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
        }
.roundgreenbottom-right { 
        background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
        }
.roundgreeninside {
        border-left: 1px solid #cccccc; /* YCC: color & properties of the left-borderline */
        border-right: 1px solid #cccccc;/* YCC: color & properties of the right-borderline */
        background: #eaf6ec;            /* YCC: background-color of the inside */
        color: #009900;                 /* YCC: default text-color of the inside */
        padding-left: 2px;             /* YCC: all texts at some distance of the left border */
        padding-right: 2px;             /* YCC: all texts at some distance of the right border */
        }
.roundgreennotopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.roundgreennobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

/*
implementation in the page:
        ...
        <head>
        <link rel="stylesheet" type="text/css" href="liquidcorners.css">
        ...
        </head>
        
        <body>
        ...
        <div class="roundgreentop-left"></div><div class="roundgreentop-right"></div>
                <div class="roundgreeninside">
                <p class="roundgreennotopgap">Your text & other things inside</p>
                ...
                <p class="roundgreennobottomgap">...</p>
                </div>
        <div class="roundgreenbottom-left"></div><div class="roundgreenbottom-right"></div>
        ...
        </body>
*/

.dtgray {
  margin: 0;
  padding: 1px;
  background: #EFEFEF;
  }