body { font-family:Arial; font-size:12px; }
a { text-decoration:none; color:#888888; }
a:hover { text-decoration:none; color:#BBBBBB; }
    
#container { width:961px; margin:0px auto; overflow:hidden; position:relative; padding-top:50px; }
#main_banner { float:left; width:564px; height:117px; padding-left:10px; }
    #main_banner img { }


.spacer { height:10px; clear:both; float:left; width:100%; line-height:10px; background-color:White; }
img { border:none; }

#emailus { float:right; padding-top:30px; padding-right:20px; }

/* B A N N E R  R O T A T E */

.fade-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 582px;
    height: 300px;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    border-radius: 10px;
}

.visible {
    opacity: 1; /* Show the image */
}

.thumbnail-container {
    display: flex;
    justify-content: center;
}

.thumbnail {
    width: 50px; /* Thumbnail width */
    height: 30px; /* Maintain aspect ratio */
    margin: 0 4px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
    border-radius: 5px;
    background-color: white;
}


#link {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.active {
            opacity: 1; /* Full opacity for active thumbnail */
        }


/* S E A R C H   B A R */ 

#searchbar { clear:right; float:right; width:361px; height:33px; padding-rightr:10px; padding-top:10px; }
    
    #searchbar #textbox { float:left; width:278px; height:33px; background:url(images/site/search-background.jpg); }
        #searchbar #textbox .searchbar_textboxstyle { height:24px; width:273px; Font-Size:15px; float:left; margin-left:8px; border-color:white;
                      margin-top:4px; border-style:none; font-family:Helvetica; font-style:italic; color:#BBBBBB; text-align:left; }
                      
    #searchbar #button { float:left; width:83px; height:33px; }
        #searchbar #button .searchbar_buttonstyle { width:83px; height:33px; background:url(images/site/search-button.jpg); border-style:none; cursor:pointer; }
          
               
/* T O P   N A V I G A T I O N */

#navbar { float:left; width:961px; height:45px; overflow:hidden; margin-top:10px; }

.linkbarheader { float:left; width:961px; height:45px; overflow:hidden; }
    .linkbarul { margin:0; padding:0; list-style:none; }
    .linkbarul li { margin:0; padding:0; list-style:none; display:inline; }
    .linkbarul li a { float:left; height:0; padding-top:45px; overflow:hidden; }
    .linkbarul li a, .linkbarheader #linkbarsearch { background-image:url(images/site/top-navbar-gray.jpg); background-repeat: no-repeat; }

    .linkbarul li#home a { background-position:0 0; }
    .linkbarul li#aboutus a { background-position:-160px 0; }
    .linkbarul li#storelinks a { background-position:-319px 0; }
    .linkbarul li#contactus a { background-position:-479px 0; }
    .linkbarul li#newreleases a { background-position:-638px 0; }
    .linkbarul li#booklets a { background-position:-797px 0; }
      
    .linkbarul li#home a:hover { background-position:0 -45px; }
    .linkbarul li#aboutus a:hover { background-position:-160px -45px; }
    .linkbarul li#storelinks a:hover { background-position:-319px -45px; }
    .linkbarul li#contactus a:hover { background-position:-479px -45px; }
    .linkbarul li#newreleases a:hover { background-position:-638px -45px; }
    .linkbarul li#booklets a:hover { background-position:-797px -45px; }
   
  
/* R E P E A T I N G    L E F T   N A V   L I N E S */

#main_container { float:left; position:relative; }


/* L E F T   N A V I G A T I O N */

#leftbar { float:left; width:170px; }
    #leftbar_top { clear:both; float:left; width:170px; background:url(images/site/leftbar-top.jpg) no-repeat; height:9px; line-height:9px; }
    
    #leftbar_guts { float:left; width:167px; padding-left:1px; border: solid 1px #DDDDDD; border-radius: 10px;}
        .leftbar_newreleases { letter-spacing:3px; margin-left:6px; margin-top:10px; }
        .leftbar_special { letter-spacing:3px; padding-left:6px; padding-top:5px; margin-bottom:5px; border-top:solid 1px #DDDDDD; }
        .leftbar_section { letter-spacing:3px; padding-left:6px; padding-top:4px; border-top:solid 1px #DDDDDD; }
        .leftbar_links ul { font-family:Arial; font-size:12px; list-style-type:none; margin:0; margin-left:14px; padding:0; padding-bottom:14px; }
        .leftbar_links li { padding-top:3px; }
    
    #leftbar a { text-decoration:none; color:#888888; }
    #leftbar a:hover { text-decoration:none; color:#BBBBBB; }


/* M A I N   C O N T E N T */

#main_content { float:left; padding-left:10px; width:594px; }
    .slot_c { float:left; position:relative; padding-left:0px; width:196px; height:200px; }


/* R I G H T   N A V I G A T I O N */

#rightbar { float:left; width:170px; padding-left:10px; }
    #acclogin { clear:left; float:left; padding-left:15px; }
        .acclogin_sections { clear:left; float:left; padding-bottom:10px; }
#rightbar a { color: #4E4E4E; }
#rightbar a:hover { color: #BBBBBB; }
        
    #accsignedin { font-family:Arial; font-size:11px; padding-top:10px; padding-bottom:20px; }
        #accsignedin a { text-decoration:underline; color:#4E4E4E; }
        #accsignedin a:hover { color:#BBBBBB; }
    
    .rightbar_ad { float:left; text-align:left; padding-top:5px; }


/* B O T T O M   N A V I G A T I O N */

#bottombar { width:918px; clear:both; float:left; }


/* S T A N D A R D    T E X T   S T Y L E S */

.greenlarge { font-family:Georgia; color:#4E4E4E; font-weight:bold; }


/* C O M M O N   S T Y L E S */

#site_path { float:left; font-family:arial; font-size:12px; color:#888888; margin-top:20px; padding-bottom:2px; border-bottom:solid 1px #DDDDDD; width:578px; }
    #site_path .activepage { text-decoration:underline; color:#4E4E4E; }
    
.resultsnavbar { float:left; border-top:solid 1px #DDDDDD; width:578px; padding-top:4px; margin-bottom:20px; font-family:Arial; color:#666666; }
.pagelinks { float:right; padding-top:12px; font-family:Arial; font-size:12px; color:#555555; }


/* C A T E G O R I E S . A S P X */  

#category_image { float:left; padding-top:20px; width:253px; }
#category_copy { float:left; padding-top:20px; padding-left:25px; width:280px; }
    #copy_title { font-size:20px; letter-spacing:3px; }
    #copy { font-size:12px; }


/* V I E W P R O D U C T . A S P X */

#content_copy_sub { float:left; padding-left:5px; }
    #copy_title_sub { font-family:Georgia; color:#4E4E4E; font-weight:bold; font-size:16px; padding-top:10px;  }
    #copy_sub { font-size:12px; padding-right:15px; padding-bottom:10px; padding-top:2px; }
     
#category_subheader { float:left; font-family:arial; font-size:11px; color:#888888; margin-top:15px; padding-top:2px; border-top:solid 1px #DDDDDD; width:573px; }
.slot_b { float:left; position:relative; width:185px; height:210px; padding-left:5px; padding-right:5px; text-align:center; padding-bottom:25px; }
    .slot_b a { font-family:Georgia; font-size:11px; font-weight:bold; color:#666666; }
    .slot_b a:hover { font-family:Georgia; font-size:11px; font-weight:bold; color:#999999; text-decoration:none; }
    
    
.slot { float:left; width:195px; text-align:center; padding-bottom:30px;}
    .slot p { padding:0; margin:0; }
    .slot .image { }
    .slot .productname { padding-right:4px; }
        .slot .productname a { font-family:Georgia; font-size:12px; color:#333333; font-weight:bold; }
        .slot .productname a:hover { font-family:Georgia; font-size:12px; color:#888888; font-weight:bold; }
    .slot .productid { font-family:Arial; font-size:12px; color:#888888; }
        .slot .productid .sku { font-weight:bold; color:#333333; }
    .slot .reference { font-family:Arial; font-size:12px; color:#888888; }
    .slot .price { font-family:Arial; font-size:12px; color:#333333; }
    .slot .addtocart { }
    

/* V I E W L A R G E R . A S P X */

#picture { width:320px; float:left; text-align:center; }
#details { float:left; width:250px; padding-left:10px; font-family:Arial; }
    #details p { padding:0; margin:0; padding-bottom:5px; }
    #details a { text-decoration:underline; color:#4E4E4E; }
    #details .title { padding-top:45px; font-family:Georgia; color:#4E4E4E; font-weight:bold; font-size:16px; }
    #details .sku {  }
    #details .upc {  }
    #details .prodcategory { font-weight:bold; }
    #details .description {  }
    #details .size {  }
    #details .verse {  }
    #details .price {  }
    #details .prodtype {  }
    #details .prodseries {  }
    
    
    
/* T H E M E O C C A S I O N . A S P X */

#themetitle { float:left; font-size:20px; letter-spacing:3px; width:570px; }
#themecopy { float:left; font-size:12px; font-family:Arial; color:#333333; padding-top:5px; padding-bottom:5px; padding-right:10px; }
    


/* A B O U T   U S */


#oc-page-cover { float:left; padding-left:4px; }
#oc-page-wrap { background-image: url(images/oc-background.jpg); background-repeat: no-repeat; width:580px; float:left; }
#oc-pagecontent { width:350px; padding:20px; float:left; }
    #oc-pagecontent .heads { font-family:helvetica; font-size:13px; color:#2b4b82; text-transform:uppercase; letter-spacing:3px; font-weight:normal; }
    #oc-pagecontent p { font-family:helvetica; font-size:12px; color:#7480ad; text-indent:10px; padding:10px; margin:0; }
    #oc-pagecontent .italic { font-family:"Times New Roman"; font-style:italic; font-size:13px; color:#2b4b82; text-indent:10px; }

#oc-pagestrip { width:179px; float:left; }
#oc-footer { margin:0 auto;}



/* S T O R E    L I N K S */
.storelink_button { position:relative; float:left; width:24%; text-align:center; padding-bottom:20px; }
    .storelink_button img { border:solid 1px }	
    

/* SHOPPING CART */
.checkout_table { margin:0px auto; width:500px; font-family:Arial; font-size:11px; padding-top:25px; }
    .checkout_table .left { font-weight:bold; text-align:right; padding-right:10px; color:#444444; }
            .checkout_table .left .description { font-weight:normal; font-size:10px; color:#666666; }

.shoppingcart_table { margin-left:15px; margin-top:20px; width:540px; font-family:Arial; font-size:11px; }
  
    .shoppingcart_header { background-color:#DADADA; margin-bottom:4px; }
        .shoppingcart_header_text { font-weight:bold; text-align:center; padding-top:4px; padding-bottom:4px; }
          
    .shoppingcart_edit { width:140px; }
    .shoppingcart_row { height:42px; }
    .shoppingcart_row td { padding-top:2px; font-family:Arial; font-size:11px; }
        .shoppingcart_row_image { text-align:center; }
            .shoppingcart_row_image img { border:solid 1px #cccccc; margin-top:3px; margin-bottom:3px; }
         .shoppingcart_row_title { width:140px; }
         .shoppingcart_row_quantity { text-align:center; }
             .shoppingcart_row_quantity input { font-size:11px; }
         .shoppingcart_row_price { width:100px; text-align:center; }
         .shoppingcart_row_text { text-align:center; }
         
         
/* CREATE ACCOUNT */

.createaccount_table { margin:0px auto; width:525px; font-family:Arial; font-size:11px; margin-top:25px; background-color:#F9F9F9; 
                        border:solid 1px #CCCCCC; padding-bottom:15px; }
    .createaccount_table .header { background-color:#E3E3E3; font-size:12px; padding-left:10px; }
        .createaccount_table .header .headertext { color:#526397; padding-left:15px; }
    .warnings li { padding:0; margin:0; float:left; }
    .createaccount_table .header { font-weight:bold; padding-top:20px; padding-bottom:5px; }
    .createaccount_table .left { font-weight:bold; text-align:right; padding-right:10px; width:200px; color:#444444; }
        .createaccount_table .left .description { font-weight:normal; font-size:10px; color:#666666; }
        
    .createaccount_header { font-weight:bold; font-size:12px; padding-bottom:20px; }
    
    
/* Y O U R    A C C O U N T */
.account_table { margin:0px auto; width:550px; text-align:center;  }
  
    .account_header { background-color:#BFCFE1; margin-bottom:4px; }
        .account_header_text { font-weight:bold; padding-left:10px; padding-top:6px; padding-bottom:6px; color:#444444; font-family:Arial; }

    .account_row { height:42px; }
        .account_row_text { padding-left:10px; padding-top:2px; }
            .account_row_text input { font-size:11px; }
            .account_row_text img { border:solid 1px #cccccc; margin-top:15px; margin-bottom:15px; }
            
            
            
/* F O O T E R */
#footer { float:left; background-color:#666666; width:951px; font-family:Arial; font-size:12px; color:White; letter-spacing:2px; text-align:center; margin-top:15px; margin-bottom:20px; }


/* C A R O U S E L */