/*
################################################################################      
* Jer Bear Books Stylesheet        
* copywright - 2012 - jeremy van winkle - www.jerbearbooks.com
################################################################################
*/


  /* 
  *
  * created by Jer Bear Books - 2012
  * site/code is for use by www.jerbearbooks.com
  * programming by jeremy van winkle - 09/01/2012
  * c. 2012 | Jer Bear Books | www.jerbearbooks.com
  * 
  */
/* 
###### LOADA FONTS ###### 
* Book, Medium, Demi, & Heavy         
* 
.bookText { font-family: 'FranklinGothicFSBook', Helvetica, Arial, sans-serif; }         
.demiText { font-family: 'FranklinGothicFSDemi', Helvetica, Arial, sans-serif; }      
.mediumText { font-family: 'FranklinGothicFSMedium', Helvetica, Arial, sans-serif; }
.heavyText { font-family: 'FranklinGothicFSHeavy', Helvetica, Arial, sans-serif; }
.normalText { font-family: Helvetica, Arial,sans-serif; }
                                
*/  
.bookText { font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif; }         
.italicText { font-family: 'TeXGyreAdventorItalic', Century Gothic, Helvetica, Arial, sans-serif; }         
.boldText { font-family: 'TeXGyreAdventorBold', Century Gothic, Helvetica, Arial, sans-serif; }      
.boldItalicText { font-family: 'TeXGyreAdventorBoldItalic', Century Gothic, Helvetica, Arial, sans-serif; }  
.normalText { font-family: Century Gothic, Helvetica, Arial,sans-serif; } 

/* ###### Header & General Styles ###### */   
html{      
     margin: 0;                                                     
}

body{          
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;                                                        
    font-size: 12px;
    font-size-adjust:none; 
    font-style:normal;
    font-variant:normal;
    font-weight:normal;     
    color: #000000;
    top: 0px;                                
    margin: 0px auto;  
    text-align: center; /* IE centering */
    white-space: normal;     
    z-index:-1;                  
    background-color:    #ffffff;   
}   

DIV{
    -moz-box-sizing:border-box;
    box-sizing:border-box;   
    border-spacing: 0px;
    margin:0;
    padding:0;
}       
p{                       
    line-height: 20px;   
}
table,td, tr{           
    -moz-box-sizing:border-box;
    box-sizing:border-box;   
    border-spacing: 0px;
    margin:0;
    padding:0;
}
a {                                                                   
    font-size-adjust:none; 
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    text-decoration: underline;
    text-transform: none;        
    color: #cc0000;
}      
.bold{
    font-weight: bold;
}


.infoText{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 12px; 
    text-transform: none;  
}

.button{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 16px; 
    text-transform: none;  
    text-decoration: none;  
    color: #555555;  
}
.button a, .button a:visited{ 
    text-transform: capitalize;  
    text-decoration: underline; 
    /*color: #555555;  */
    color: #cc0000;  
}
.button a:hover{           
    color: #fe0000;  
}


.buttonGrey{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 16px; 
    text-transform: none;  
    text-decoration: none;  
    color: #888888;  
}
.buttonGrey a, .buttonGrey a:visited{   
    text-transform: none;  
    text-decoration: underline; 
    color: #888888;  
}
.buttonGrey a:hover{           
    color: #cc0000;  
}

.buttonLight{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;  
    text-transform: none;  
    text-decoration: none;  
    color: #cc9999;  
}
.buttonLight a, .buttonLight a:visited{   
    text-transform: none;  
    text-decoration: underline;    
    color: #cc9999;  
}
.buttonLight a:hover{           
    color: #cc0000;  
}

.buttonRed{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;  
    text-transform: none;  
    text-decoration: none;  
    color: #cc0000;  
}
.buttonRed a, .buttonRed a:visited{   
    text-transform: none;  
    text-decoration: underline;    
    color: #cc0000;  
}
.buttonRed a:hover{           
    color: #fe0000;  
}

#container{      
    position: relative;    
    margin: 0 auto;  
    width: 900px;
    top: 0px;                   
    background-color: transparent;  
    min-height: 803px;   
    _height: auto !important;        
    height: 803px;      
    padding: 0px;                                                                      
    /*margin: 10px 0 90px;   */              
    /*margin: 0px, auto;  */
}    
#websiteStructure{
    position: relative;   
    padding: 0px; 
}

.centerBasic{
    position: relative; 
    top:0px; 
    vertical-align: top; 
    padding: 0px; 
    width:100%; 
    margin: 0px auto; 
    text-align: center; 
    border:0px solid #cc0000;
}
/*
####################################################################################################################
*/


/* UNIVERSAL ELEMENTS STYLES */
.banner{    
    position: relative;   
    padding: 0px;               
}

.navBarContainerCLASS {   
    position: relative;  
    border: 1px solid #000000;
    border-right: 0px;
    border-left: 0px;  
    padding: 0px;         
    color:#000000;   
    text-align: left;  
}

#navBarContainerID {   
    position: relative;  
    top: 0px;
    left: 0px;
    border: 0px solid #000000;
    padding: 0px;      
    width: 100%;
    text-align: left;
}

.navBar, .navBar a, .navBar a:visited {
    font-size: 18px; 
    padding: 0px;                                     
    color:#000000;     
    text-decoration: none;
    text-transform: uppercase;  
}
.navBar a:hover {
    color: #cc0000;
}  


.toolBar, .toolBar a, .toolBar a:visited {
    font-size: 12px; 
    padding: 0px;                                     
    color:#000000;     
    text-decoration: none;
    text-transform: capitalize;  
}
.toolBar a:hover {
    color: #cc0000;
}  



#contentContainerExpandable {
    position: relative;           
    top: 0px;
    left: 0px;
    margin: auto 0px;      
    text-align: center;
    width: 800px;    
    background-color: #ffffff;            
    padding:0px;       
    vertical-align: top;
    border:0px solid #caca00;   
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif; 
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    color: #000000;  
}


#contentContainer {
    position: relative;           
    top: 0px;
    left: 0px;
    margin: auto 0px;
    background-color: #ffffff;   
    border: 0px;    
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif; 
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    color: #000000;
    width: 800px;    
    padding:0px;              
    min-height: 300px !important;        
    height: 300px;      
    text-align: left;
    vertical-align: top;
    border:0px solid #caca00;   
}


#contentContainerCenter {
    position: relative;           
    top: 0px;
    left: 0px;
    margin: auto 0px;
    background-color: #ffffff;   
    border: 0px;    
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif; 
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    color: #000000;
    width: 800px;    
    padding:0px;              
    min-height: 300px !important;        
    height: 300px;      
    text-align: center;
    vertical-align: top;
    border:0px solid #caca00;   
}

.navPath, .navPath a, .navPath a:visited{
    position: relative; 
    height: 10px; 
    vertical-align: top; 
    text-align: left; 
    top:0px; 
    left:0px;
    text-decoration: none;
    text-transform: none;
    color:#000000;
}

.navPath a:hover{
    color:#cc0000;
}

.errorMessage{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#cc0000;
}

/*
####################################################################################################################
*/


/* TABLE STYLES */      

.tableLabel{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align:left;
    color:#555555;
    text-transform: capitalize;
}

.tableTotals{
    font-family: 'TeXGyreAdventorBold', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align:left;
    color:#000000;
    text-transform: capitalize;
}

.cartLineCLASS{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align:center;
}

#cartContainer{
    position: relative;
    top: 0px;           
    margin: 0 auto;  
    text-align: center;
    width: 800px;
    padding: 12px 4px 40px 4px;
}


.tdLeft{
    padding:0px;
    padding-right:23px;         
    border-right:1px;
    
}
.tdRight{
    padding:0px;
    padding-left:23px;        
    border-color:#000000;
    border-left:1px;
    
}
.spacerFill{
    width:1px;
    background-color: #caceca;
}
/*
####################################################################################################################
*/


/* PRODUCT DIPLSAY PAGE STYLES */      

.productsDisplayContainerCLASS{
    position:relative;        
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 0px auto;  
    text-align: center; /* IE centering */
    vertical-align: top;    
    width: 800px;    
    border:0px solid #cc0000;  
}
#productsDisplayContainerID {
    position: relative;           
    top: 0px;
    left: 0px;                                                      
    color: #000000;
    width: 600px;        
    padding: 0px;
    margin: 0px auto;  
    text-align: center; /* IE centering */
    vertical-align: top;
    border:0px solid #cc0000;   
}
.itemBox{   
    font-size: 12px;  
    margin: 0px auto;  
    text-align: center; /* IE centering */
    vertical-align: top;
    padding:4px;
    width: 200px;      
    border:0px solid #caceca; 
}

#itemBoxID{   
    position: relative;
    top:0px;                
    margin: 0px auto;  
    text-align: center; /* IE centering */
    vertical-align: top;
    width:100%;
    padding:0px;
}

.itemBoxImage{                  
    text-align: center;
    vertical-align: top;
    padding:0px; 
}

.itemBoxText{                  
    text-align: center;
    vertical-align: top;
    padding:0px; 
}

.productContainerCLASS{
    position:relative;
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 14px;            
    text-align: left;
    vertical-align: top;  
}
#productContainerID {
    position: relative;           
    top: 0px;
    left: 0px;
    margin: auto 0px;   
    border: 0px;                                                      
    color: #000000;
    width: 800px;        
    padding: 0px;           
    text-align: left;
    vertical-align: top;
    border:0px solid #cc0000;   
}

.displayImage{
    position: relative;           
    top: 0px;
    left: 0px;
    margin: auto 0px;
    padding:4px;        
    width: 300px;
    border: 0px;                                             
    text-align: center;
}

.productInfoCLASS{
    position: relative;           
    top: 0px;
    left: 0px;
    margin: auto 0px; 
    padding:4px;               
    width: 450px;
    border: 0px;                                             
    text-align: center;
}
#productInfoID {
    position: relative;           
    top: 0px;
    left: 0px;          
    border: 0px;                                                      
    color: #000000;        
    padding: 0px;           
    text-align: left;
    vertical-align: top;
    width: 100%;
    border:0px solid #cc0000;
}

.title{
    font-family: 'TeXGyreAdventorBold', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 14px; 
    text-transform: uppercase;  
}
.model{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 10px; 
    text-transform: none;  
}    
.byline{
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 10px; 
    text-transform: none;  
}    
.description{       
    position: relative;           
    top: 0px;
    left: 0px;            
    min-height: 100px !important;        
    height: 100px;      
    text-align: left;
    vertical-align: top;      
    border:0px solid #000;
    padding: 4px 0px 4px 0px;     
}
.price{    
    text-align: left;
    vertical-align: top;       
    letter-spacing: 2px; 
}
.qty{    
    text-align: left;
    vertical-align: top;    
}
.addToCart{    
    text-align: left;
    vertical-align: top;    
}
                      
     
/* ##################### review styles ############### */
.reviewContainerCLASS{
    position:relative;
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 14px;                     
    margin: 0px auto;  
    text-align: center; /* IE centering */
    width: 100%;
    vertical-align: top;  
    border:0px solid #00ff00; 
}
#reviewContainerID {
    position: relative;           
    top: 0px;            
    margin: 0px auto;  
    text-align: center; /* IE centering */
    vertical-align: top;  
    color: #000000;
    width: 600px;         
    border:0px solid #cc0000;   
}

.customerReviewTitle{    
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 14px; 
    text-transform: uppercase;  
}      
     
.review{       
    position: relative;           
    top: 0px;
    left: 0px;   
    text-align: left;
    vertical-align: top;      
    border:0px solid #000;
    padding: 4px 0px 4px 12px;     
}      
     
     
     
     
/* #####################checkout styles */                      
#checkoutContainer{
    position: relative; 
    top:0px; 
    margin: 0px auto; 
    text-align: center; 
    line-height: 24px;
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}                        
       
       
                        
/*
####################################################################################################################
*/


/* FORM STYLES */    
#formContainerID{  
    position: relative;
    left:0px;
    top:0px;            
    font-size:12px; 
    width:400px;
    padding:0px;
    border:0px;
    margin: 0px auto;  
    text-align: center; /* IE centering */
    vertical-align: top;
}  

#formDivContainerID{
    position: relative;
    left:0px;
    top:0px;            
    font-size:12px; 
    width:400px;
    padding:0px;
    border:0px;
    margin: 0px auto;  
    text-align: center; /* IE centering */
    vertical-align: top;
}  

.formTitleClass{
    text-align:left;  
    font-size: 16px;
    padding: 0px 0px 0px 0px;      
    color:#000000;
}
.formNotesClass{
    text-align:left;  
    font-size: 10px;
    padding: 0px;
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;  
    color:#555555;
}
.formCellClass{
    text-align:left;
    padding: 0px 0px 0px 0px;            
    color:#707070;
}      
.inputClass{
    text-align:left;  
    width:100%;
}

#formCellID{
    position: relative;
    left:0px;
    top:0px;
    width:100%;                      
    text-align:left;    
    padding: 0px 0px 0px 0px;
}


#checkoutProgressTable{
    position: relative;
    top:0px;
    margin: 0px auto;
    text-align: center;
    border: 0px;
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color:#555555;
    font-weight: none;
}

.checkoutProgressTD {
    padding:0px 8px;
    text-transform: none;
    text-decoration: none;
    color:#999999;
}
.checkoutProgressTD a, .checkoutProgressTD a:visited, .checkoutProgressTD a:hover {  
    text-transform: none;
    text-decoration: none;
    color:#999999;
}

.checkoutButtonTitle {
    position: relative;
    margin: 0px auto;
    width: 420px;
    border:1px solid #ffffff;
    padding:4px;
    font-size: 16px;
    color:#000000;   
    text-align: left;
    text-decoration: underline;
}

#savedInputDisplayDiv{
    position: relative;
    top:0px;
    margin: 0px auto;
    font-size: 10px;
    color: #999999;   
    line-height: 12px;
    text-align: left;
}

#formListTable{ 
    position: relative;
    margin: 0px auto;
    width: 650px;
    border:0px solid #ffffff;
    padding:4px;
    font-size: 16px;
    color:#000000;   
    text-align: center;
    text-decoration: none;
}
#formTitleButtonsDiv{ 
    position: relative;
    margin: 0px auto;
    width: 200px;
    border:1px solid #ffffff;
    padding:4px;
    font-size: 16px;
    color:#000000;   
    text-align: left;
    text-decoration: underline;
}
.formSubMenuButtonsDiv{
    position: relative; 
    top:0px; 
    width: 200px;
    margin: 0px auto; 
    text-align: left;   
    border: 0px;
    font-size: 12px;
    padding: 0px 0px 0px 23px;
}



                
#pageTitle{
    position: relative; 
    top:0px; 
    margin: 0px auto; 
    text-align: center; 
    line-height: 24px;
    font-family: 'TeXGyreAdventorRegular', Century Gothic, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}