BODY
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    background-color: #ffffff;
}
DIV#runner
{    
    width: 100%;
    text-align: left;
    background-color: #ffffff;
    padding-top: 5px;
}
#logocontainer
{
    padding: 5px;
    float: left;
    width: 350px;
}
#logincontainer
{
    padding-left: 35px;
    padding-top: 5px;
    float: left;
    text-align: left;
    color: #666666;
    width: 700px;   
}
#menucontainer
{
    position: absolute;
    bottom: 0;
    left: 160px;
}
#cartcontainer
{
    position: absolute;
    bottom: 0px;
    left: 780px;
    float: left;
    padding: 0px;
    color: #800000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
#searchcontainer
{
    background-color: #444444;
    color: #ffffff;
    width: 100%;
    padding: 5px;   
}
DIV.title, DIV.item H3, DIV.item H4, DIV.pager A {
    font: bold 1em "Arial Narrow", "Franklin Gothic Medium", Arial;
}
DIV#header
{
    height: 35px;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #444444;
    font: bold 1em "Arial Narrow" , "Franklin Gothic Medium" , Arial;
}

DIV.title { font-size: 2em; padding: .6em; }
DIV#contentContainer
{
    background-color: #FFFFFF;
}
DIV#categories
{
    background-color: #99cc99;
    text-align: left;
    float: left;
    width: 190px;
    padding: 0;
}
DIV#admin { background-color: #ffffff; text-align: left; float: left; width: 100%; padding: 0; }
#content
{
    text-align: left;
    padding: 10px;
}
DIV#specials
{    
    width: 200px;
    border-color: #333333;
    text-align: left;
    float: left;
    padding: 10px;
    border-left-style: double;
}
TD#specials
{
    width: 200px;
    border-color: #333333;
    text-align: left;
    float: left;
    padding: 10px;
    border-left-style: double;
}
DIV#footer
{
    width: 90%;
    color: #333333;
    padding: 0px;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

DIV.item { border-top: 1px dotted gray; padding-top: .7em; margin-bottom: .7em; }
DIV.item:first-child { border-top:none; padding-top: 0; }
DIV.item H3 { font-size: 1.3em; margin: 0 0 .25em 0; }
DIV.item H4 { font-size: 1.1em; margin:.4em 0 0 0; }

DIV.pager { text-align:right; border-top: 2px solid silver;
    padding: .5em 0 0 0; margin-top: 1em; }
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none;
      padding: 0 .4em 0 .4em; }
DIV.pager A:hover { background-color: Silver; }
DIV.pager A.selected { background-color: #353535; color: White; }

DIV#categories a:link.currentCategory, DIV#categories a:visited.currentCategory, DIV#categories a:active.currentCategory 
{ color: #034af3; text-decoration: none; }
DIV#categories A
{
    font: bold 1.1em "Arial Narrow" , "Franklin Gothic Medium" ,Arial;
    display: block;
    text-decoration: none;
    padding: .4em;
    color: #333333;
    border-bottom: 1px solid silver;
}

DIV#categories A.selected { background-color: #666; color: White; }
DIV#categories A:hover
{
    color: #FFFFFF;
}
DIV#categories A.selected:hover { background-color: #666; }

FORM { margin: 0; padding: 0; }
DIV.item FORM { float:right; }
DIV.item INPUT {
    color:White; background-color: #333; border: 1px solid black; cursor:pointer; 
}

H2 { margin-top: 0.3em }




DIV#cart { float:right; margin: .8em; color: Silver; 
   background-color: #555; padding: .5em .5em .5em 1em; }
DIV#cart A { text-decoration: none; padding: .4em 1em .4em 1em; line-height:2.1em;
   margin-left: .5em; background-color: #333; color:White; border: 1px solid black;}
DIV#cart SPAN.summary { color: White; }
DIV#searchBox
{
    padding: 5px;
    background-color: #99cc99;
    color: #333333;
    width: 180px;
}
.field-validation-error { color: red; }
.input-validation-error { border: 1px solid red; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: red; }

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    margin: 0px;        
}

a:link.bookTitle, a:visited.bookTitle, a:active.bookTitle
{
    color: #B89974;
    text-decoration: underline;
    line-height: 1.5em;
}
a:hover.bookTitle
{
    color: #808080;    
}

a:link, a:visited, a:active { color: #034af3; text-decoration: none; }
a:hover { color: #1d60ff; text-decoration: underline; }
a:link.header, a:visited.header, a:active.header {color: #ffffff; text-decoration: none; font-weight: bold;}
a:hover.header
{
    color: #CCCCCC;
    text-decoration: underline;
}

p.header {color: #ffffff;}
p, ul
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
p, li
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
hr
{
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    border-bottom-color: #444444;
}
hr.solid
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #444444;
}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}
h1, h2, h3, h4, h5, h6
{
    
}

h1
{
    font-size: 1.75em;
    color: #666666;
    font-family: 'Century Schoolbook' , Arial Narrow, Arial, Helvetica, sans-serif;
}
h2
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #666666;
}

h3
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    color: #B9954A;
}

h3 a:link, a:active, a:visited
{
    color: #B9954A;
    text-decoration: underline;
}
h3 a:hover
{
    color: #3366FF;
    text-decoration: underline;
}
h4, caption
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    color: #333333;
}
h5, h6
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-family: 'Times New Roman' , Times, serif;
    font-weight: bold;
    font-style: italic;
    text-align: justify;
    color: #666666;
}
caption
{
    font-weight: bold;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-top: 0px; 
    margin-left: auto;
    margin-right: auto;     
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px !important;
}
#adminmain
{
    /* padding: 15px 30px 15px 30px; 
    padding: 10px 5px 10px 5px;
    padding: 0px;*/
    width: 90%;
    padding: 0px;
    background-color: #fff;
    margin-bottom: 0px;
    _height: 1px;
    color: #333333;
}

#main
{
    /* padding: 15px 30px 15px 30px; 
    padding: 10px 5px 10px 5px;
    padding: 0px;*/
    width: 90%;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 0px;
    _height: 1px;
    color: #333333;
}


#maincontent
{
     border: thin solid #666666;
     width: 75%;
     float:left;
}
#sidecontent
{
    border: thin solid #666666;
    width: 25%;
    float: right;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;    
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
input
{
    font-size: 11px;
}
input[type="text"], select
{
    font-size: 11px;
    border: 1px solid #CCC;
}
textarea
{
    font-size: 11px;
    border: 1px solid #CCC;  
}
input[type="password"] 
{
    font-size: 11px;
    border: 1px solid #CCC;
}

.CommandButton
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 100px;
}
.normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
}
td.normalBold
{
    text-align: right;
    width: 25%;
}
td.bookSummary
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808080;
}
.normalBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;   
    font-weight: bold;
}
.sidebar
{
    border-style: none;
    width: 250px;
}
.productSeparator
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #666666;    
}
/* TAB MENU   
----------------------------------------------------------*/

#pmenu
{    
    font: bold 1.5em "Arial Narrow","Franklin Gothic Medium",Arial; 
    display: block;
}
    
#pmenu ul
{
    margin: 0;
    padding: 0px 10px 0 10px;
    list-style: none;
}

#pmenu li
{
    border-style: solid solid none solid;
    background-color: #444444;
    float: left; /* background: url("norm_left.gif") no-repeat left top; */
    margin: 0 5 0 9;
    padding: 0 0 0 9px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #ddcfbd;
    border-right-color: #ddcfbd;
    border-left-color: #ddcfbd;
    list-style-type: none;
    list-style-position: inside;
}
    
#pmenu #current
{
    /* background-image: url("norm_left_on.gif"); */
    background-color: #000000;
}

#pmenu a
{
    background-color: #444444;  
    display: block; /* background: url("norm_right.gif") no-repeat right top; */
    padding: 5px 10px 10px 6px;    
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

#pmenu #current a, #pmenu a:hover
{
    /* background-image: url("norm_right_on.gif"); */
    background-color: #ffffff;  
    display: block; /* background: url("norm_right.gif") no-repeat right top; */
    padding: 5px 10px 10px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #444444;
}    
 /* CATEGORY MENU ITEMS */
 ul#cmenu
{
    padding: 5px;
    width: 175px;  
    margin: 0px;
    text-align: left;
}  

ul#cmenu li
{
    padding: 5px;
    color: #333333;
    font-weight: bold;
    font-size: 11px;
}
ul#menu
{
    border-bottom: 1px #ffffff solid;
    padding: 0px;
    position: relative;
    margin: 0px;
    text-align: left;
    border-bottom-color: #666666;
}

ul#menu li.menuNormal, li.menuActive
{
    display: inline;
    list-style: none;
    background:url("norm_right.gif")
      no-repeat right top;
    
}

ul#menu li.menuNormal a
{
    display: block;
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    /*background-color: #cccccc;*/
    color: #333333;
    background:url("norm_left.gif")
      no-repeat left top;    
    
}
ul#menu li.menuActive a
{
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    /* background-color: #ffffff; */
    background:url("norm_left.gif")
      no-repeat left top;  
      display: block;
    color: #666666;    
}

ul#menu li.menuNormal a:active, ul#menu li.menuNormal.selected a, ul#menu li.menuNormal a:hover
{
    background-color: #fff;
    color: #666666;
    text-decoration: none;
}
p.info
{
    color: #333333;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
p.sub
{
    color: #0000FF;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

p.logindisplay
{
    color: #333333;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.logindisplay a:link, .logindisplay a:visited
{
    color: #996633;
    text-decoration: underline;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.logindisplay a:hover
{
    color: #808080;
    text-decoration: none;
}

/* TABLE
----------------------------------------------------------*/
TFOOT { font-weight: bold; }
table.main
{
    border: none;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;    
}
table.main td 
{
  padding: 0px;   
  border: none;
}
table.plain
{
    border: none;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;    
}
table.plain td 
{
  padding: 5px;   
  border: none;
}
.bordered
{
    border: solid 1px #e8eef4;
    color: #666666;
}
table.bordered
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    background-color: #FFFFFF;
}
table.bordered  td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table.bordered th
{
    padding: 2px 7px 2px 7px;
    text-align: center;
    background-color: #e8eef4;
    font-size: small;
    color: #333333;
}
.cart
{
    color: #666666;
}
table.cart 
{  
  border-collapse: collapse;
}
table.cart td 
{
  padding: 5px;
  vertical-align: top;   
}

table.cart th
{
    padding: 2px 7px 2px 7px;
    background-color: #e8eef4;
    font-size: small;
    color: #333333;
}
table.content
{
    width: 750px;
}

table
{
  border-collapse: collapse;
  color: #333333;
}
table td, table.content td 
{
  padding: 5px;   
}

table th, table.content th
{
  padding: 6px 5px;
  text-align: center;
  vertical-align: top;
  background-color: #e8eef4;   
}
/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
    width: 100%;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    margin: 0;
    padding: 0;
    border: none;
    background-color: #FFFFFF;
}

.error
{
    text-align: center;
    color: #CC0000;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
/* BUTTON CLASSES */

.commandButton
{
    display: inline;
    color: #666666;
    font-weight: bold;         
    font-family: Arial, Helvetica, sans-serif;
}
.actionButtons a:link, .actionButtons a:visited
{
    font: .8em Arial;
    color: White;
    margin: 0 .5em 0 .5em;
    text-decoration: none;
    padding: .15em 1.5em .2em 1.5em;
    background-color: #353535;
    border: 1px solid black;
    font-weight: bold;
}
.actionButtons a:hover
{    
    color: #ddcfbd;
}