
/****************************************
*  Site specific css definitions
****************************************/

html,
body {
  background-color: #bc2727;
  background-position: top left;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  margin: 0;
}

table {
  border-collapse: collapse;
}

td {
  text-align: left;
  vertical-align: top;
}

div.book {
  text-align: center;
}

table.page {
  width: 954px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  vertical-align: top;
}

td.content-cart {
  padding:40px 40px 40px 40px;
}

td.header {
  height: 107px;
  background-color: #FFFFFF;
}

td.vertical-black {
  background-color: #000000;
  width: 5px;
}

td.horizontal-black {
  background-color: #000000;
  height: 5px;
}

td.red-spacer {
  background-color: #bc2727;
  height: 20px;
}

td.departments {
  height: 246px;
  background-color: #f7f4f2;
}

div.dept-content {
  width: 100%;
  height: 246px;
  display: none;
  background-repeat: no-repeat;
}

td.main-content {
  background-color:#FFFFFF;
}

td.map {
  width: 361px;
}

td.navigation {
  height: 69px;
  background-color: #FFFFFF;
}

td.nav-line {
  width: 3px;
  background-color: #000000;
}

td.nav-header {
  background-color:#000000;
  height:25px;
  vertical-align:middle;
  padding:0px 10px 0px 15px;
}

td.body {
  background-color: #FFFFFF;
  padding:30px 30px 30px 30px;
}

td.column-left {
  width: 190px;
  background-color: #FFFFFF;
}

td.home-header-content {
  padding:0px 30px 0px 30px;
}

td.welcome {
  width: 400px;
}

table.specials {
  width: 311px;
}

table.specials td.hblack {
  height: 2px;
  background-color: #000000;
}

table.specials td.vblack {
  width: 2px;
  background-color: #000000;
}

td.store-hours {
  width: 440px;
  padding-top:40px;
}

table.body-left {
  background-color: #FFFFFF;
}

td.div-top {
  height: 30px;
}

td.valign-middle {
  vertical-align:middle;
}

/****************************************
*  Text Styles
****************************************/

p,
li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  padding: 0px 0px 8px 0px;
}

li {
  padding:0px 0px 2px 0px;
}

p.nav-header {
  color:#FFFFFF;
  padding:0px 0px 0px 0px;
}

p.news {
  padding: 20px 0px 0px 9px;
}

p.specials-column,
span.specials-column p {
  padding: 0px 0px 5px 0px;
}

p.nomargin {
  padding:0px;
  margin:0px;
}

p.bullets {
  font-size: 10px;
  line-height: 12px;
}

p.footer {
  color:#FFFFFF;
  padding:20px 0px 20px 0px;
}

p.footer a {
  color:#FFFFFF;
  text-decoration:none;
  padding:8px 0px 12px 0px;
}

p.footer a:hover {
  color:#CCCCCC;
}

p.small {
  font-size:11px;
  line-height:14px;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: black;
  line-height: 15px;
  padding: 20px 0px 12px 0px;
}

h1.red {
  color: #bc2727;
  padding: 0px 0px 2px 0px;
}

h1.red-inside {
  color: #bc2727;
  padding: 15px 0px 10px 0px;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: black;
  padding: 0px 0px 0px 0px;
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  color: black;
  text-align: center;
}

h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #bc2727;
}

/****************************************
*  Form Styles
****************************************/

input.text {
  border:1px solid #000000;
  width:150px;
}

/****************************************
*  Image Styles
****************************************/

img.title {
  display: block;
}

img.logo {
  margin:5px 0px 15px 0px;
}

/****************************************
*  Link Styles
****************************************/

a {
  color: #bc2727;
  text-decoration: underline;
}


/****************************************
  CSS definitions requred for FNI Menu
*****************************************/

.fnimenu {
  border:0px;
  margin:0px;
  padding:0px;
}

a.fnimenu:link,
a.fnimenu:visited,
a.fnimenu:hover,
a.fnimenu:active {
  display:block;
  text-decoration:none;
  white-space:nowrap;
}

div.fnimenu-top {
  position:relative;
  visibility:visible;
  top:0px;
  left:0px;
}

div.fnimenu-pop {
  position:absolute;
  visibility:hidden;
  top:0px;
  left:0px;
}

div.fnimenu table tr td img {
  border:0px;
  margin:0px;
  padding:0px;
}

/*
 A "Really Ugly Hack" necessary for Internet Explorer
 to allow "block anchor tags" to be fully click-able.
*/
* html body div.fnimenu table tr td a {
  width:100%;
}

/****************************************
  Revised link styles for FNI Menu
*****************************************/

a.topmenuhead,
a.topmenuhead:link,
a.topmenuhead:visited,
a.topmenuover,
a.topmenuover:link,
a.topmenuover:visited {
  background-image:url(/images/navigation/navigation_main_off.gif);
  background-position:top left;
  background-repeat:repeat-x;
  background-color:#4f4f4f;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  font-style:normal;
  color:#FFFFFF;
  line-height:18px;
  text-decoration:none;
  letter-spacing:0px;
  padding:8px 0px 7px 19px;
}

a.topmenuhead:hover,
a.topmenuhead-hover,
a.topmenuhead-hover:link,
a.topmenuhead-hover:visited,
a.topmenuhead-hover:hover,
a.topmenuover:hover,
a.topmenuover-hover,
a.topmenuover-hover:link,
a.topmenuover-hover:visited,
a.topmenuover-hover:hover {
  color:#FFFFFF;
  background-image:url(/images/navigation/navigation_main_on.gif);
}

a.popmenuhead,
a.popmenuhead:link,
a.popmenuhead:visited,
a.popmenudown,
a.popmenudown:link,
a.popmenudown:visited {
  background-color:#3E3E3E;
  border-left:1px #999999 solid;
  border-right:1px #999999 solid;
  border-bottom:1px #999999 solid;
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  font-style:normal;
  letter-spacing:0px;
  line-height:15px;
  margin:0px;
  padding:5px 20px 5px 12px;
}

a.popmenuhead,
a.popmenuhead:link,
a.popmenuhead:visited {
  border-top:1px solid #999999;
}

a.popmenuhead:hover,
a.popmenuhead-hover,
a.popmenuhead-hover:link,
a.popmenuhead-hover:visited,
a.popmenuhead-hover:hover,
a.popmenudown:hover,
a.popmenudown-hover,
a.popmenudown-hover:link,
a.popmenudown-hover:visited,
a.popmenudown-hover:hover {
  color:#CCCCCC;
}
