/* HCFM STYLESHEET */

body * {
  margin: 0;
  padding: 0;
}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  background: #f4f3e7 url(../images/bg-body.gif) repeat-x; 
  color: #2f3437;
}

img {
  border: 0;
}

p {
  margin: 10px 0 10px 0;
  line-height: 1.3em;
}

h1 {
  font-size: 2.5em;
  margin: 10px 0 0 0;
}

h2 {
  margin: 10px 0 0 0;
  font: italic 2.0em Georgia, "Times New Roman", Times, serif;
  color: #0081ab;
}

h3 {
  font-size: 1.2em;
}


h4 {
  font-size: 1.4em;
  font-weight:bold;
}

h5 {
  1.2em;
}

a {
  color: #0081ab;
}

a:hover {
  color: #3399CC;
}

blockquote {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  color: #106d9d;
  font-family:Georgia, "Times New Roman", Times, serif;
  float:right;
  font-size: 1.5em;
  width: 300px;
  float:right;
  padding: 10px;
  margin: 5px -30px 10px 20px;
  line-height: 1.5em;
}

ul, ol {
  margin: 0 0 10px 50px;
}

li {
  list-style-image:url(../images/bullet.gif);
}

/*---------------------------------------------------------
  Special Classes
---------------------------------------------------------*/
.clear {
  clear:both;
}

.left {
  float:left;
}

.right {
  float:right;
  margin: 0 0 10px 10px;
} 

.banner {
  float:left;
  margin:  0 0 0 10px;
}

.author {
  display:block;
  font-size: 0.7em;
  font-weight:bold;
  color:#000;
}

/*---------------------------------------------------------
  Navigation Elements
---------------------------------------------------------*/
ul.navUtility li.none, ul.footer li.none {
  background: none;
}



/********** Utility Navigation ******************************/

ul.navUtility {
  clear:right;
  float:right;
  list-style:none;
  width: 200px;
  text-align:right;
  margin:0;
}

ul.navUtility li {
  display:inline;
  padding: 0 10px 0 10px;
  background:url(../images/seperator.gif) no-repeat bottom right;
  list-style:none;
}

ul.navUtility li a, ul.navSecondary li a {
  color:#000000;
  text-decoration:none;
}

ul.navUtility li a:hover {
  text-decoration:underline;
  background: none;
}

/********** Primary Navigation ******************************/
ul.navPrimary {
  list-style:none;
  margin:0;
}

ul.navPrimary li {
  float:left;
  padding: 0 30px 0 0;
}

ul.navPrimary li a {
  display:block;
  background-position: top left;
  background-repeat:no-repeat;
  text-decoration:none;
  overflow: hidden;
  height: 14px;
  text-indent: -100em;
}

ul.navPrimary li a:hover {
  background-position: bottom left;
}

/********** Footer Navigation ***********************************/

ul.footer {
  width: 800px;
  list-style:none;
  padding: 20px 0 0px 0;
  margin:0;
}

ul.footer li {
  display:inline;
  padding: 0 10px 0 10px;
  background:url(../images/seperator.gif) no-repeat bottom right;
}

#footer a {
  color: #3d4345;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}
/*---------------------------------------------------------
  Global Layout Elements
---------------------------------------------------------*/
#globalWrapper {
  background:url(../images/bg-content.gif) no-repeat #FFF;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  margin-top: -30px;
  margin-right:auto;
  margin-left:auto;
  width: 800px;
  position:relative;
  z-index: 2;
  padding: 15px 0 0 0;
}

#header {
  margin-left:auto;
  margin-right:auto;
  width: 800px;
}

#sites {
  float:right;
  padding: 0 20px 0 0;
}

#sites select {
  width: 150px;
  font-size: 0.9em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*---------------------------------------------------------
  Homepage Layout Elements
---------------------------------------------------------*/

/********** Wrappers ***********************************/

#navPrimary {
  background:url(../images/bg-nav.gif) #3399cc;
  clear:both;
  float:left;
  width: 770px;
  height: 43px;
  padding: 15px 0 0 30px;
}

#left {
  width: 250px;
  float:left;
  padding: 0 10px 0 10px;
}

#middle {
  padding: 10px 20px 10px 10px;
  width: 260px;
  float:left;
}

#right {
  padding: 20px 0 0 0;
  width: 200px;
  float:left;
}

#bottom {
  background-color:#FFF;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  height: 100px;
  clear: both;
  padding: 0 0 10px 0;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

#footer {
  background:url(../images/bg-bottom.gif) top no-repeat;
  margin: auto;
  width: 800px;
  color: #3d4345;
  text-align:center;
  padding: 0 0 50px 0;
}

#special, #upcoming {
  padding: 0 0 20px 0;
  border-bottom: 1px dashed #999;
}

#product {
  width: 205px;
  padding: 10px;
  border: 1px solid #CCC;
  text-align:center;
}

h1.logo {
  float:left;
  margin: 0 0 0 20px;
  display:inline;
}

h3.tagline {
  float:left;
  margin: 50px 0 0 10px;
  display:inline;
}


/*---------------------------------------------------------
  Secondary Page Layout Elements
---------------------------------------------------------*/
#leftSecondary {
  width: 210px;
  float:left;
}

#navSecondary {
  width: 200px;
  background:url(../images/corners-top-navsecondary.gif) top no-repeat #dbdde0;
  margin: 0 10px 40px 10px;
}

#calloutTop {
  margin: 10px 0 0 10px;
  background:url(../images/corners-top-callout.gif) no-repeat;
  width: 200px;
  height: 10px;
}

#main {
  float:left;
  width: 510px;
  margin: 10px 0 0 30px;
}

#main h2 {
  font-size: 3.0em;
}


/*---------------------------------------------------------
  sIFR Styles
---------------------------------------------------------*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}
  
.sIFR-replaced {
  visibility: visible !important;
}
  
span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}
  
.sIFR-hasFlash h2{
  visibility: hidden;
  letter-spacing: -9px;
}

/* HCFM STORE STYLESHEET */

/*---------------------------------------------------------
  Global Layout Elements
---------------------------------------------------------*/
#store #globalWrapper {
  background:url(../images/bg-content.gif) no-repeat #FFF;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  margin-top: -30px;
  margin-right:auto;
  margin-left:auto;
  width: 800px;
  position:relative;
  z-index: 2;
  padding: 15px 0 0 0;
}

#store #main {
  width: 525px;
  clear: both;
  float:left;
  padding: 20px 0 10px 20px;
  margin:0 10px 0 0;
  font-size: 1.2em;
}

#store #right {
  width: 213px;
  float:left;
  padding: 0 10px 0 10px;
}

#view {
  text-align:center;
  border-top: 1px solid #3399cc;
  padding: 10px;
  font-size: 0.8em;
  font-weight:bold;
  color: #0081ab;
}

#view a{
  text-decoration:none;
}

/* Shopping Cart Styles */
#cart {
  border: 1px solid #3399cc;
  width: 198px;
  background-color: #ebebeb;
  margin-left: -10px;
  padding: 0 10px 0 10px;
  font-size: 1em;
}
#cartLarge {
  border: 1px solid #3399cc;
  width: 450px;
  background-color: #ebebeb;
  padding: 0 10px 0 10px;
  margin:10px 0;
  font-size: .9em;
}

#cart table, #cartLarge table  {
  margin: 10px;
}

#cart table tr, #cartLarge table tr{
  margin: 0 0 2px 0;
  background-color:#FFFFFF;
  border:none;
}

#cart table tr th, #cartLarge table tr th{
  font-weight:bold;
  text-align:center;
  padding: 2px 2px 10px 2px;
  background-color: #ebebeb;
}

#cart table tr td, #cartLarge table tr td {
  padding: 5px 5px 5px 2px;
  border-bottom: 5px solid #ebebeb;
}

#cart table tr.shipping td, tr.total td, #cartLarge table tr.shipping td{
  background-color: #ebebeb;
  text-align:right;
  font-weight: bold;
}

.price {
  text-align:right;
}

/*---------------------------------------------------------
  Special Classes
---------------------------------------------------------*/
h3.cart {
  background:url(../images/corners-top-cart.gif) no-repeat top #3399cc;
  width: 200px;
  padding: 10px 0 5px 20px;
  color: #FFFFFF;
  border:none;
  font-size: 1.3em;
  margin-left: -10px;
}

#main h2 {
  font-size: 1.8em;
}

.search {
  clear:right;
  float:right;
  text-transform:uppercase;
  font-weight:bold;
  margin-top: 20px;
}

.search a {
  text-decoration:none;
}

/*---------------------------------------------------------
  Navigation Elements
---------------------------------------------------------*/

/* Utility Navigation */
#store ul.navUtility {
  float:right;
  list-style:none;
  width: 336px;
  border-bottom: 1px solid #C7C7C7;
  padding: 0 0 10px 30px;
}

#store ul.navUtility li {
  display:inline;
  padding: 0 10px 0 10px;
  background:url(../images/seperator.gif) no-repeat bottom right;
}

#store ul.navUtility li a, ul.navSecondary li a {
  color:#000000;
  text-decoration:none;
}

#store ul.navUtility li a:hover {
  text-decoration:underline;
  background: none;
}

#store ul.navUtility li.none {
  background: none;
  padding: 0 0 0 10px;
}

/* Primary Navigation */
#store #navPrimary {
  background:url(../images/bg-nav.gif) #91c80d;
  clear:both;
  float:left;
  /*width: 580px;*/
  width: 600px;
  height: 43px;
  /*padding: 15px 0 0 220px;*/
  padding: 15px 0 0 200px;
}

#store ul.navPrimary {
  list-style:none;
}

#store ul.navPrimary li {
  float:left;
  /*padding: 0 20px 0 0;*/
  padding: 0 12px 0 0;
  list-style:none;
}

#store ul.navPrimary li a {
  display:block;
  background-position: top left;
  background-repeat:no-repeat;
  text-decoration:none;
  overflow: hidden;
  height: 14px;
  text-indent: -100em;
}

#store ul.navPrimary li a:hover {
  background-position: bottom left;
}

#store ul.navPrimary li.eng-videos a{
  background-image:url(../images/nav-videos.gif);
  width: 42px;
}

#store ul.navPrimary li.eng-audio a{
  background-image:url(../images/nav-audio.gif);
  width: 36px;
}

#store ul.navPrimary li.eng-special a{
  background-image:url(../images/nav-special.gif);
  width: 86px;
}

#store ul.navPrimary li.eng-prayer a{
  background-image:url(../images/nav-prayer.gif);
  width: 81px;
}

#store ul.navPrimary li.eng-books a{
  background-image:url(../images/nav-books.gif);
  width: 121px;
}

/*#store ul.navPrimary li.eng-all a{
  background-image:url(../images/nav-all.gif);
  width: 75px;
}*/

#store ul.navPrimary li.eng-all a{
  background-image:url(../images/nav-all.gif);
  width: 16px;
}
#store ul.navPrimary li.eng-frpeyton a{
  background-image:url(../images/nav-frpeyton.gif);
  width: 117px;
}

/********** Spanish - Primary Navigation ******************************/
#store ul.espanol li {
  padding: 0 12px 0 0;
}

#store ul.navPrimary li.esp-todo a{
  background-image:url(../images/spanish-nav-all.gif);
  width: 30px;
}

#store ul.navPrimary li.esp-videos a{
  background-image:url(../images/spanish-nav-videos.gif);
  width: 38px;
}

#store ul.navPrimary li.esp-audio a{
  background-image:url(../images/spanish-nav-audio.gif);
  width: 102px;
}

#store ul.navPrimary li.esp-special a{
  background-image:url(../images/spanish-nav-special.gif);
  width: 120px;
}

#store ul.navPrimary li.esp-prayer a{
  background-image:url(../images/spanish-nav-prayer.gif);
  width: 122px;
}

#store ul.navPrimary li.esp-books a{
  background-image:url(../images/spanish-nav-books.gif);
  width: 102px;
}

#store ul.navPrimary li.all a{
  background-image:url(../images/nav-all.gif);
  width: 75px;
}
#store ul.navPrimary li.esp-peyton a{
  background-image:url(../images/nav-all.gif);
  width: 75px;
}
/*---------------------------------------------------------
  Redefined Styles from Current Site
---------------------------------------------------------*/

span.pageTitle {
  background:url(../images/welcome.gif) no-repeat;
  width: 522px;
  height: 23px;
  display:block;
  text-indent:-100em;
}

/* text that displays number items listed */
span.textHeader {
  font-weight:bold;
}

/* main table */
#store table {
  margin: 0;
  padding:0;
}

/* cell that contains tables of individual product information */
#store table tr td {
  font-size: 1em;
}

/* table that contains individual product information */
#store table tr td table {
  width: 250px;
  margin: 10px 10px 0 0 ;
  border: 1px solid #CCC;
}

/* product image */
#store table tr td table tr td.image {
  border-bottom: 1px solid #CCC; 
  text-align:center;
}
/* product description */
#store table tr td table tr td {
  font-size: 0.8em;
  line-height: 1.5em;
}
#store table tr td table tr td.text {
  padding:10px;
}
/* product title*/
#store table tr td table tr td h3 {
  font-size:1em;
  padding: 0 0 10px 0;
}

/* Page Numbers*/
#pagination {
  border:none;
  padding: 10px 0 0 0;
  font-size: 0.8em;
}