/* ---------------- MAIN MENU BUTTON STYLE ---------------- */
        
     
    /* -------END------ MAIN MENU BUTTON STYLE -------END------*/
    
    
    
    
    
    
    
    
    
    /* ---------------- MAIN MENU BUTTON STYLE ---------------- */
    /*     GENERIC       */
    /* generic attributes that carry on the different states and parts of the main menu button */
        .navbar-button-off, .navbar-button-on,.navbar-button-off:hover, .navbar-button-on:hover
        {
            display:inline-block;
            font-weight:700;
            height:33px;
            font-size:12px;
            text-decoration:none;
            padding-left:4px;
            padding-bottom:10px;
            font-family:Arial;
            font-weight:700;
            margin:0px 5px 0px 5px;
        } 
        .navbar-button-off span, .navbar-button-on span,.navbar-button-off:hover span, .navbar-button-on:hover span
        {
            text-align:center;
            display:inline-block;
            color:#ffffff;
	        padding:10px 11px 10px 7px;/* left padding is left cause we got to take in account the padding in the previous container */
        } 
        
    /*     ON STATE ( when your on that page )       */
        /* left & left hover are the same */
        .navbar-button-on, .navbar-button-on:hover{padding-left:11px;background:transparent url(/Images/Template/main-menu-on-left.gif) repeat-x top left;}
        /* rightPart & right hover are the same*/
        .navbar-button-on span,.navbar-button-on:hover span{padding:10px 11px 10px 0px;background:transparent url(/Images/Template/main-menu-on-right.gif) no-repeat top right;} 
        
        
    /*     OFF STATE ( when your not on that page )        */
        /* left & right the same BG */
        .navbar-button-off, .navbar-button-off span{background:transparent url(/Images/Template/main-menu-left.gif) repeat-x top left;} 
             
        /* over */
        .navbar-button-off:hover{background:transparent url(/Images/Template/main-menu-left-over.gif) no-repeat top left;} 
        .navbar-button-off:hover span{background:transparent url(/Images/Template/main-menu-right-over.gif) no-repeat top right;} 
        /* over */
        /*.navbar-button-on:hover span{background:transparent url(/Images/Template/main-menu-on-right.gif) no-repeat top right;}*/ 
        
                        
     /* specific browser fix */     
        .safari .navbar-button-off span,.safari .navbar-button-on span
        {
            padding-top:11px;
        }
     
    /* -------END------ MAIN MENU BUTTON STYLE -------END------*/
    
    
    
    
    
    
    
    
    
         
    /* ---------------- GREEN BUTTONS ---------------- */            
        
       /* left */
        /* off */
         .btn-green-off, .btn-green-on
        {
            display:inline-block;
            font-weight:700;
            height:20px;
            font-size:12px;
            text-decoration:none;
            padding-left:7px;
            padding-bottom:10px;
            
	        background:transparent url(/Images/Template/btn-green-off-left.png) no-repeat top left;
        } 
        .ie6 .btn-green-off{background:transparent url(/Images/Template/btn-green-off-left.gif) no-repeat top left;}
        
        /* on */
        .btn-btn-green-on{
	        background:transparent url(/Images/Template/btn-green-on-left.png) no-repeat top left;
	    }
        .ie6 .btn-largeGreen-on{background:transparent url(/Images/Template/btn-green-on-left.gif) no-repeat top left;}
        
        /* over */
        
        .btn-green-on, .btn-green-off:hover, .btn-green-on:hover
        {
	        background:transparent url(/Images/Template/btn-green-over-left.png) no-repeat top left;
        }
        .ie6 .btn-green-off span,.ie6 .btn-green-off:hover,.ie6  .btn-green-on:hover{background:transparent url(/Images/Template/btn-green-over-left.gif) no-repeat top left;}
          
     /* right */
        /* off */
        .btn-green-off span, .btn-green-on span
        {
            display:inline-block;
            color:#ffffff;
	        padding:2px 17px 15px 10px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-green-off-right.png) no-repeat top right;
            }
        .ie6 .btn-green-off span,.ie6 .btn-green-on span{background:transparent url(/Images/Template/btn-green-off-right.gif) no-repeat top right;}
          
        /* on */
        .btn-green-on span
        {
	        background:transparent url(/Images/Template/btn-green-on-right.png) no-repeat top right;
            }
        .ie6 .btn-green-off span,.ie6 .btn-green-on span{background:transparent url(/Images/Template/btn-green-off-right.gif) no-repeat top right;}
          
        /* over */
        .btn-green-on span, .btn-green-off:hover span, .btn-green-on:hover span
        {
	        background:transparent url(/Images/Template/btn-green-over-right.png) no-repeat top right;
        }
        .ie6 .btn-green-on span,.ie6 .btn-green-off:hover span,.ie6  .btn-green-on:hover span{background:transparent url(/Images/Template/btn-green-over-right.gif) no-repeat top right;}
         
     /* specific browser fix */     
        .safari .btn-green-off span, .btn-green-on span
        {
            padding-top:3px;
        }
        
        .mac-safari .btn-green-off span, .btn-green-on span
        {
            padding-top:6px;
        } 
        
        
        
    /* -------END------ GREEN BUTTONS -------END------*/
    
    /* ---------------- New Style Regular Silver Buttons ---------------- */     
     
        /* off */
     .btn-regularSilverNew-off
        {
		display:inline-block;
		font-weight:500;
		height:22px;
		font-size:12px;
		text-decoration:none;
		padding-left:10px;
		
		background:transparent url(/Images/Template/BtnRegSilverNew_Left.gif) no-repeat top left;
	} 
        
          
     /* right */
        /* off */
        .btn-regularSilverNew-off span
        {
		display:inline-block;
		color:#000000;
		padding:2px 12px 13px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
		background:transparent url(/Images/Template/BtnRegSilverNew_Right.gif) no-repeat top right;
     }
         
     /* specific browser fix */     
     .safari .btn-regularSilverNew-off span
        {
            padding-top:8px;
     }
        
    .mac-safari .btn-regularSilverNew-off span
        {
            padding-top:6px;
     }    
     
     .ie .btn-regularSilverNew-off span
	{
            padding-top:4px;
	}
    /* ---------------- New Style Regular Silver Buttons END ---------------- */     
    
    
    /* ---------------- New Style Large Silver Buttons ---------------- */     
     
        /* off */
     .btn-largeSilverNew-off
        {
		display:inline-block;
		font-weight:500;
		height:22px;
		font-size:12px;
		text-decoration:none;
		padding-left:10px;
		
		background:transparent url(/Images/Template/BtnSilverNew2_Left.png) no-repeat top left;
	} 
        
          
     /* right */
        /* off */
        .btn-largeSilverNew-off span
        {
		display:inline-block;
		color:#000000;
		padding:4px 12px 14px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
		background:transparent url(/Images/Template/BtnSilverNew2_Right.png) no-repeat top right;
     }
         
     /* specific browser fix */     
     .safari .btn-largeSilverNew-off span
        {
            padding-top:8px;
     }
        
    .mac-safari .btn-largeSilverNew-off span
        {
            padding-top:6px;
     }
     
    .ie .btn-largeSilverNew-off span
     {
            padding-top:5px;
     }
     

    /* ---------------- New Style Large Silver Buttons END ---------------- */ 
     
     
    /* ---------------- New Style Large Silver Buttons Over ---------------- */     
     
        /* off */
     .btn-largeSilverNew-over
        {
		display:inline-block;
		font-weight:500;
		height:22px;
		font-size:12px;
		text-decoration:none;
		padding-left:10px;
		
		background:transparent url(/Images/Template/BtnSilverNew2Over_Left.png) no-repeat top left;
	} 
        
          
     /* right */
        /* off */
        .btn-largeSilverNew-over span
        {
		display:inline-block;
		color:#000000;
		padding:4px 12px 14px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
		background:transparent url(/Images/Template/BtnSilverNew2Over_Right.png) no-repeat top right;
     }
         
     /* specific browser fix */     
     .safari .btn-largeSilverNew-over span
        {
            padding-top:8px;
     }
        
    .mac-safari .btn-largeSilverNew-over span
        {
            padding-top:6px;
     }
     
    .ie .btn-largeSilverNew-over span
     {
            padding-top:5px;
     }      
          
    /* ---------------- New Style Large Silver Over Buttons END ---------------- */ 
    
    /* ---------------- New Style Large Red Buttons ---------------- */     
     
        /* off */
     .btn-largeRedNew-off
        {
		display:inline-block;
		font-weight:500;
		height:22px;
		font-size:12px;
		text-decoration:none;
		padding-left:10px;
		
		background:transparent url(/Images/Template/BtnRedNew_Left.gif) no-repeat top left;
	} 
        
          
     /* right */
        /* off */
        .btn-largeRedNew-off span
        {
		display:inline-block;
		color:#FFFFFF;
		padding:4px 12px 14px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
		background:transparent url(/Images/Template/BtnRedNew_Right.gif) no-repeat top right;
     }
         
     /* specific browser fix */     
     .safari .btn-largeRedNew-off span
        {
            padding-top:8px;
     }
        
    .mac-safari .btn-largeRedNew-off span
        {
            padding-top:6px;
     } 
     
    .ie .btn-largeRedNew-off span
     {
            padding-top:5px;
     }        
    /* ---------------- New Style Large Red Buttons END ---------------- */ 
     .btn-xlargeRedNew-off
        {
		display:inline-block;
		font-weight:500;
		height:15px;
		font-size:12px;
		text-decoration:none;
		padding-left:10px;
		
		background:transparent url(/Images/Template/BtnXlargeRed_Left.gif) no-repeat top left;
	} 
        
          
     /* right */
        /* off */
        .btn-xlargeRedNew-off span
        {
		display:inline-block;
		color:#FFFFFF;
		padding:6px 12px 15px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
		background:transparent url(/Images/Template/BtnXlargeRed_Right.gif) no-repeat top right;
     }
    
    /* ---------------- New Style X-Large Blue Buttons ---------------- */     
     
        /* off */
     .btn-xlargeBlueNew-off
        {
		display:inline-block;
		font-weight:500;
		height:28px;
		font-size:12px;
		text-decoration:none;
		padding-left:10px;
		
		background:transparent url(/Images/Template/BtnXlargeBlue_Left.gif) no-repeat top left;
	} 
        
          
     /* right */
        /* off */
        .btn-xlargeBlueNew-off span
        {
		display:inline-block;
		color:#FFFFFF;
		padding:6px 12px 15px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
		background:transparent url(/Images/Template/BtnXlargeBlue_Right.gif) no-repeat top right;
     }
         
     /* specific browser fix */     
     .safari .btn-xlargeBlueNew-off span
        {
            padding-top:8px;
     }
        
    .mac-safari .btn-xlargeBlueNew-off span
        {
            padding-top:6px;
     }
     
    .ie .btn-xlargeBlueNew-off span
     {
            padding-top:8px;
     }      
    /* ---------------- New Style X Large Blue Buttons END ---------------- */     
    
         
    /* ---------------- LARGE GREEN BUTTONS ---------------- */     
     
         .btn-largeGreen-over
        {
            display:inline-block;
            font-weight:700;
            height:30px;
            font-size:12px;
            text-decoration:none;
            padding-left:12px;
            
	        background:transparent url(/Images/Template/btn-largeGreen-on-left.gif) no-repeat top left;
        }
        .btn-largeGreen-off span, .btn-largeGreen-over span
        {
            display:inline-block;
            color:#ffffff;
	        padding:6px 12px 15px 0px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-largeGreen-on-right.gif) no-repeat top right;
            }   
     
     
     
     
     /* left */
        /* off */
         .btn-largeGreen-off, .btn-largeGreen-on
        {
            display:inline-block;
            font-weight:700;
            height:30px;
            font-size:12px;
            text-decoration:none;
            padding-left:10px;
            
	        background:transparent url(/Images/Template/btn-largeGreen-off-left.png) no-repeat top left;
        } 
        .ie6 .btn-largeGreen-off{background:transparent url(/Images/Template/btn-largeGreen-off-left.gif) no-repeat top left;}
        
        /* on */
        .btn-largeGreen-on{
	        background:transparent url(/Images/Template/btn-largeGreen-on-left.png) no-repeat top left;
	    }
        .ie6 .btn-largeGreen-on{background:transparent url(/Images/Template/btn-largeGreen-on-left.gif) no-repeat top left;}
        
        /* over */
        
        .btn-largeGreen-on, .btn-largeGreen-off:hover, .btn-largeGreen-on:hover
        {
	        background:transparent url(/Images/Template/btn-largeGreen-over-left.png) no-repeat top left;
        }
        .ie6 .btn-largeGreen-off:hover,.ie6 .btn-largeGreen-off:hover{background:transparent url(/Images/Template/btn-largeGreen-over-left.gif) no-repeat top left;}
          
     /* right */
        /* off */
        .btn-largeGreen-off span, .btn-largeGreen-on span
        {
            display:inline-block;
            color:#ffffff;
	        padding:7px 12px 15px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-largeGreen-off-right.png) no-repeat top right;
            }
        .ie6 .btn-largeGreen-off span,.ie6 .btn-largeGreen-on span{background:transparent url(/Images/Template/btn-largeGreen-off-right.gif) no-repeat top right;}
          
        /* on */
        .btn-largeGreen-on span
        {
	        background:transparent url(/Images/Template/btn-largeGreen-on-right.png) no-repeat top right;
            }
        /* over */
        .btn-largeGreen-on span, .btn-largeGreen-off:hover span, .btn-largeGreen-on:hover span
        {
	        background:transparent url(/Images/Template/btn-largeGreen-over-right.png) no-repeat top right;
        }
        .ie6 .btn-largeGreen-on span,.ie6 .btn-largeGreen-off:hover span,.ie6  .btn-largeGreen-on:hover span{background:transparent url(/Images/Template/btn-largeGreen-over-right.gif) no-repeat top right;}
         
     /* specific browser fix */     
        .safari .btn-largeGreen-off span, .btn-largeGreen-on span
        {
            padding-top:8px;
        }
        
        .mac-safari .btn-largeGreen-off span, .btn-largeGreen-on span
        {
            padding-top:6px;
        }
        
    /* -------END------ LARGE GREEN BUTTONS -------END------*/
    
    /* ---------------- SUPERLARGE GREEN BUTTONS ---------------- */     
     
         .btn-superLargeGreen-over
        {
            display:inline-block;
            font-weight:700;
            height:30px;
            font-size:12px;
            text-decoration:none;
            padding-left:12px;
            
	        background:transparent url(/Images/Template/btn-superLargeGreen-on-left.gif) no-repeat top left;
        }
        .btn-superLargeGreen-off span, .btn-superLargeGreen-over span
        {
            display:inline-block;
            color:#ffffff;
	        padding:6px 12px 15px 0px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-superLargeGreen-on-right.gif) no-repeat top right;
            }   
     
     
     
     
     /* left */
        /* off */
         .btn-superLargeGreen-off, .btn-superLargeGreen-on
        {
            display:inline-block;
            font-weight:700;
            height:35px;
            font-size:12px;
            text-decoration:none;
            padding-left:10px;
            
	        background:transparent url(/Images/Template/btn-superLargeGreen-off-left.png) no-repeat top left;
        } 
        .ie6 .btn-superLargeGreen-off{background:transparent url(/Images/Template/btn-superLargeGreen-off-left.gif) no-repeat top left;}
        
        /* on */
        .btn-superLargeGreen-on{
	        background:transparent url(/Images/Template/btn-superLargeGreen-on-left.png) no-repeat top left;
	    }
        .ie6 .btn-superLargeGreen-on{background:transparent url(/Images/Template/btn-superLargeGreen-on-left.gif) no-repeat top left;}
        
        /* over */
        
        .btn-superLargeGreen-on, .btn-superLargeGreen-off:hover, .btn-superLargeGreen-on:hover
        {
	        background:transparent url(/Images/Template/btn-superLargeGreen-over-left.png) no-repeat top left;
        }
        .ie6 .btn-superLargeGreen-off:hover,.ie6 .btn-superLargeGreen-off:hover{background:transparent url(/Images/Template/btn-superLargeGreen-over-left.gif) no-repeat top left;}
          
     /* right */
        /* off */
        .btn-superLargeGreen-off span, .btn-superLargeGreen-on span
        {
            display:inline-block;
            color:#ffffff;
	        padding:9px 12px 15px 2px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-superLargeGreen-off-right.png) no-repeat top right;
            }
        .ie6 .btn-superLargeGreen-off span,.ie6 .btn-superLargeGreen-on span{background:transparent url(/Images/Template/btn-superLargeGreen-off-right.gif) no-repeat top right;}
          
        /* on */
        .btn-superLargeGreen-on span
        {
	        background:transparent url(/Images/Template/btn-superLargeGreen-on-right.png) no-repeat top right;
            }
        /* over */
        .btn-superLargeGreen-on span, .btn-superLargeGreen-off:hover span, .btn-superLargeGreen-on:hover span
        {
	        background:transparent url(/Images/Template/btn-superLargeGreen-over-right.png) no-repeat top right;
        }
        .ie6 .btn-superLargeGreen-on span,.ie6 .btn-superLargeGreen-off:hover span,.ie6  .btn-superLargeGreen-on:hover span{background:transparent url(/Images/Template/btn-superLargeGreen-over-right.gif) no-repeat top right;}
         
     /* specific browser fix */     
        .safari .btn-superLargeGreen-off span, .btn-superLargeGreen-on span
        {
            padding-top:8px;
        }
        
        .mac-safari .btn-superLargeGreen-off span, .btn-superLargeGreen-on span
        {
            padding-top:6px;
        } 
    
     /* -------END------ SUPERLARGE GREEN BUTTONS -------END------*/
     
     
     
     
     /* ---------------- LARGE BLUE BUTTONS ---------------- */     
     
     .btn-largeBlue-over
        {
            display:inline-block;
            font-weight:700;
            height:30px;
            font-size:12px;
            text-decoration:none;
            padding-left:10px;
            
	        background:transparent url(/Images/Template/btn-largeBlue-on-left.gif) no-repeat top left;
        }
      .btn-largeBlue-off span, .btn-largeBlue-over span
        {
            display:inline-block;
            color:#ffffff;
	        padding:8px 12px 15px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-largeBlue-on-right.gif) no-repeat top right;
            }   
     
     /* left */
        /* off */
         .btn-largeBlue-off, .btn-largeBlue-on
        {
            display:inline-block;
            font-weight:700;
            height:30px;
            font-size:12px;
            text-decoration:none;
            padding-left:10px;
            
	        background:transparent url(/Images/Template/btn-largeBlue-off-left.png) no-repeat top left;
        } 
        .ie6 .btn-largeBlue-off{background:transparent url(/Images/Template/btn-largeBlue-off-left.gif) no-repeat top left;}
        
        /* on */
        .btn-largeBlue-on{
	        background:transparent url(/Images/Template/btn-largeBlue-on-left.png) no-repeat top left;
	    }
        .ie6 .btn-largeBlue-on{background:transparent url(/Images/Template/btn-largeBlue-off-left.gif) no-repeat top left;}
        
        /* over */
        
        .btn-largeBlue-on, .btn-largeBlue-off:hover, .btn-largeBlue-on:hover
        {
	        background:transparent url(/Images/Template/btn-largeBlue-over-left.png) no-repeat top left;
        }
        .ie6 .btn-largeBlue-off:hover,.ie6  .btn-largeBlue-on:hover{background:transparent url(/Images/Template/btn-largeBlue-over-left.gif) no-repeat top left;}
          
     /* right */
        /* off */
        .btn-largeBlue-off span, .btn-largeBlue-on span
        {
            display:inline-block;
            color:#ffffff;
	        padding:8px 12px 15px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-largeBlue-off-right.png) no-repeat top right;
            }
        .ie6 .btn-largeBlue-off span,.ie6 .btn-largeBlue-on span{background:transparent url(/Images/Template/btn-largeBlue-off-right.gif) no-repeat top right;}
          
        /* on */
        .btn-largeBlue-on span
        {
	        background:transparent url(/Images/Template/btn-largeBlue-on-right.png) no-repeat top right;
            }
        .ie6 .btn-largeBlue-off span,.ie6 .btn-largeBlue-on span{background:transparent url(/Images/Template/btn-largeBlue-off-right.gif) no-repeat top right;}
          
        /* over */
        .btn-largeBlue-on span, .btn-largeBlue-off:hover span, .btn-largeBlue-on:hover span
        {
	        background:transparent url(/Images/Template/btn-largeBlue-over-right.png) no-repeat top right;
        }
        .ie6 .btn-largeBlue-off:hover span,.ie6  .btn-largeBlue-on:hover span{background:transparent url(/Images/Template/btn-largeBlue-over-right.gif) no-repeat top right;}
         
     /* specific browser fix */     
        .safari .btn-largeBlue-off span, .btn-largeBlue-on span
        {
            padding-top:8px;
        }
        
        .mac-safari .btn-largeBlue-off span, .btn-largeBlue-on span
        {
            padding-top:6px;
        }
        
    /* -------END------ LARGE BLUE BUTTONS -------END------*/
    
    
    
    
    
    
         
    /* ---------------- LARGE ORANGE BUTTONS ---------------- */   
    
    
        /* left */
        /* off */
         .btn-largeOrange-off, .btn-largeOrange-on
        {
            display:inline-block;
            font-weight:700;
            height:30px;
            font-size:12px;
            text-decoration:none;
            padding-left:10px;
            
	        background:transparent url(/Images/Template/btn-largeOrange-off-left.png) no-repeat top left;
        } 
        .ie6 .btn-largeOrange-off{background:transparent url(/Images/Template/btn-largeOrange-off-left.gif) no-repeat top left;}
        
        /* on */
        .btn-largeOrange-on{
	        background:transparent url(/Images/Template/btn-largeOrange-on-left.png) no-repeat top left;
	    }
        .ie6 .btn-largeGreen-on{background:transparent url(/Images/Template/btn-largeOrange-on-left.gif) no-repeat top left;}
        
        /* over */
        
        .btn-largeOrange-on, .btn-largeOrange-off:hover, .btn-largeOrange-on:hover
        {
	        background:transparent url(/Images/Template/btn-largeOrange-over-left.png) no-repeat top left;
        }
        .ie6 .btn-largeOrange-off span,.ie6 .btn-largeOrange-off:hover,.ie6  .btn-largeOrange-on:hover{background:transparent url(/Images/Template/btn-largeOrange-over-left.gif) no-repeat top left;}
          
     /* right */
        /* off */
        .btn-largeOrange-off span, .btn-largeOrange-on span
        {
            display:inline-block;
            color:#ffffff;
	        padding:7px 12px 15px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-largeOrange-off-right.png) no-repeat top right;
            }
        .ie6 .btn-largeOrange-off span,.ie6 .btn-largeOrange-on span{background:transparent url(/Images/Template/btn-largeOrange-off-right.gif) no-repeat top right;}
          
        /* on */
        .btn-largeOrange-on span
        {
	        background:transparent url(/Images/Template/btn-largeOrange-on-right.png) no-repeat top right;
            }
        .ie6 .btn-largeOrange-off span,.ie6 .btn-largeOrange-on span{background:transparent url(/Images/Template/btn-largeOrange-on-right.gif) no-repeat top right;}
          
        /* over */
        .btn-largeOrange-on span, .btn-largeOrange-off:hover span, .btn-largeOrange-on:hover span
        {
	        background:transparent url(/Images/Template/btn-largeOrange-over-right.png) no-repeat top right;
        }
        .ie6 .btn-largeOrange-on span,.ie6 .btn-largeOrange-off:hover span,.ie6  .btn-largeOrange-on:hover span{background:transparent url(/Images/Template/btn-largeOrange-over-right.gif) no-repeat top right;}
         
     /* specific browser fix */     
        .safari .btn-largeOrange-off span, .btn-largeOrange-on span
        {
            padding-top:8px;
        }
        
        .mac-safari .btn-largeOrange-off span, .btn-largeOrange-on span
        {
            padding-top:6px;
        }
      
    /* -------END------ LARGE ORANGE BUTTONS -------END------*/
    
    
    
    
    
     /* ---------------- LARGE ORANGE CHECKOUT BUTTONS ---------------- */   
    
     
        .btn-largeOrangeChk-off, .btn-largeOrangeChk-on
        {
            display:inline-block;
            font-weight:700;
            height:28px;
            font-size:13px;
            text-decoration:none;
            padding-left:3px;
            
	        background:transparent url(/Images/Template/btn-largeOrangeChk-off-left.gif) no-repeat top left;
        }
        .btn-largeOrangeChk-off span, .btn-largeOrangeChk-on span
        {
            display:inline-block;
            color:#ffffff;
	        padding:4px 12px 13px 8px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-largeOrangeChk-off-right.gif) no-repeat top right;
            }
            
        .safari .btn-largeOrangeChk-off span, .btn-largeOrangeChk-on span
        {
            padding-top:6px;
        }
         
        .btn-largeOrangeChk-on, .btn-largeOrangeChk-off:hover, .btn-largeOrangeChk-on:hover
        {
	        background:transparent url(/Images/Template/btn-largeOrangeChk-on-left.gif) no-repeat top left;
        }
        .btn-largeOrangeChk-on span, .btn-largeOrangeChk-off:hover span, .btn-largeOrangeChk-on:hover span
        {
	        background:transparent url(/Images/Template/btn-largeOrangeChk-on-right.gif) no-repeat top right;
        }
        
    /* -------END------ LARGE ORANGE CHECKOUT BUTTONS -------END------*/
    
    
    /* ---------------- LARGE RED BUTTONS ---------------- */     
     
         .btn-largeRed-over
        {
            display:inline-block;
            font-weight:700;
            height:30px;
            font-size:12px;
            text-decoration:none;
            padding-left:12px;
            
	        background:transparent url(/Images/Template/btn-largeRed-on-left.png) no-repeat top left;
        }
        .btn-largeRed-off span, .btn-largeRed-over span
        {
            display:inline-block;
            color:#ffffff;
	        padding:6px 12px 15px 0px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-largeRed-on-right.png) no-repeat top right;
            }   
     
     
     
     
     /* left */
        /* off */
         .btn-largeRed-off, .btn-largeRed-on
        {
            display:inline-block;
            font-weight:700;
            height:30px;
            font-size:12px;
            text-decoration:none;
            padding-left:10px;
            
	        background:transparent url(/Images/Template/btn-largeRed-off-left.png) no-repeat top left;
        } 
        .ie6 .btn-largeRed-off{background:transparent url(/Images/Template/btn-largeRed-off-left.png) no-repeat top left;}
        
        /* on */
        .btn-largeRed-on{
	        background:transparent url(/Images/Template/btn-largeRed-on-left.png) no-repeat top left;
	    }
        .ie6 .btn-largeRed-on{background:transparent url(/Images/Template/btn-largeRed-on-left.png) no-repeat top left;}
        
        /* over */
        
        .btn-largeRed-on, .btn-largeRed-off:hover, .btn-largeRed-on:hover
        {
	        background:transparent url(/Images/Template/btn-largeRed-over-left.png) no-repeat top left;
        }
        .ie6 .btn-largeRed-off:hover,.ie6 .btn-largeRed-off:hover{background:transparent url(/Images/Template/btn-largeRed-over-left.png) no-repeat top left;}
          
     /* right */
        /* off */
        .btn-largeRed-off span, .btn-largeRed-on span
        {
            display:inline-block;
            color:#ffffff;
	        padding:7px 12px 15px 1px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-largeRed-off-right.png) no-repeat top right;
            }
        .ie6 .btn-largeRed-off span,.ie6 .btn-largeRed-on span{background:transparent url(/Images/Template/btn-largeRed-off-right.png) no-repeat top right;}
          
        /* on */
        .btn-largeRed-on span
        {
	        background:transparent url(/Images/Template/btn-largeRed-on-right.png) no-repeat top right;
            }
        /* over */
        .btn-largeRed-on span, .btn-largeRed-off:hover span, .btn-largeRed-on:hover span
        {
	        background:transparent url(/Images/Template/btn-largeRed-over-right.png) no-repeat top right;
        }
        .ie6 .btn-largeRed-on span,.ie6 .btn-largeRed-off:hover span,.ie6  .btn-largeRed-on:hover span{background:transparent url(/Images/Template/btn-largeRed-over-right.png) no-repeat top right;}
         
     /* specific browser fix */     
        .safari .btn-largeRed-off span, .btn-largeRed-on span
        {
            padding-top:8px;
        }
        
        .mac-safari .btn-largeRed-off span, .btn-largeRed-on span
        {
            padding-top:6px;
        }
        
    /* -------END------ LARGE RED BUTTONS -------END------*/
    
    
   
    /* ---------------- GREY BUTTONS  ---------------- */  
    /* used in selecte template pages for the anchor link */    
    
    
        .btn-grey-off, .btn-grey-on
        {
            display:inline-block;
            font-weight:700;
            height:20px;
            font-size:12px;
            text-decoration:none;
            padding-left:3px;
            
	        background:transparent url(/Images/Template/btn-grey-off-left.gif) no-repeat top left;
        }
        .btn-grey-off span, .btn-grey-on span
        {
            display:inline-block;
            color:#666666;
	        padding:4px 12px 13px 8px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Template/btn-grey-off-right.gif) no-repeat top right;
            }
           
        .safari .btn-grey-off span, .btn-grey-on span
        {
            padding-top:3px;
        } 
         
        .btn-grey-on, .btn-grey-off:hover, .btn-grey-on:hover
        {
	        background:transparent url(/Images/Template/btn-grey-on-left.gif) no-repeat top left;
        }
        .btn-grey-on span, .btn-grey-off:hover span, .btn-grey-on:hover span
        {
	        background:transparent url(/Images/Template/btn-grey-on-right.gif) no-repeat top right;
        }
        
    /* -------END------ GREY BUTTONS -------END------*/
    
    
    
    
    
    
         
    /* ---------------- ORDER BUTTONS  ---------------- */    
    /* exemple can be seen in my account */
    
    .btn-order, .btn-order:link, .btn-order:visited, .btn-order:active
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:0px 3px 0px 6px;
            background: transparent url(/Images/Buttons/btn-order-off.gif) no-repeat top left;
            height:20px;
            color:#2b445f;
            text-decoration:underline;
            font-size:11px;
            font-weight:bold;
            font-family:Arial;
            text-align:center;
        }

        .btn-order span, .btn-order:link span, .btn-order:visited span, .btn-order:active span
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:2px 10px 0px 5px;
            background: transparent url(/Images/Buttons/btn-order-right-off.gif) no-repeat top right;
            height:19px;
            color:#2b445f;
            text-decoration:underline;
            font-size:11px;
            font-weight:bold;
            font-family:Arial;
            text-align:center;
            user-selected:none;
            -moz-user-select: none;
            -khtml-user-select: none;
        }
        
    /* -------END------ LARGE ORANGE BUTTONS -------END------*/
    
    
    /* ---------------- BLUE BUTTON ---------------------------------- */ 

    .btn-blue, .btn-blue:link, .btn-blue:visited, .btn-blue:active
    {
        cursor:pointer;
        display:inline-block;
        margin:0px;
        padding:0px 0px 0px 7px;
        background: transparent url(/Images/Buttons/btn-blue-left-off.gif) no-repeat top left;
        height:29px;
        color:#fff;
        text-decoration:none;
        font-size:11px;
        font-weight:bold;
        font-family:Arial;
        text-align:center;
    }

    .btn-blue span, .btn-blue:link span, .btn-blue:visited span, .btn-blue:active span
    {
        cursor:pointer;
        display:inline-block;
        margin:0px;
        padding:5px 25px 0px 15px;
        background: transparent url(/Images/Buttons/btn-blue-right-off.gif) no-repeat top right;
        height:29px;


    }

    .btn-blue:hover
    {
        cursor:pointer;
        display:inline-block;
        margin:0px;
        padding:0px 0px 0px 7px;
        background: transparent url(/Images/Buttons/btn-blue-left-over.gif) no-repeat top left;
        height:29px;
        color:#fff;
        text-decoration:none;
        font-size:11px;
        font-weight:bold;
        font-family:Arial;
        text-align:center;
    }

    .btn-blue:hover span
    {
        cursor:pointer;
        display:inline-block;
        margin:0px;
        padding:5px 25px 0px 15px;
        background: transparent url(/Images/Buttons/btn-blue-right-over.gif) no-repeat top right;
        height:29px;

    }
    .btn-blue-on, .btn-blue-on:link, .btn-blue-on:visited, .btn-blue-on:active, .btn-blue-on:hover
    {
        cursor:pointer;
        display:inline-block;
        margin:0px;
        padding:0px 0px 0px 7px;
        background: transparent url(/Images/Buttons/btn-blue-left-on.gif) no-repeat top left;
        height:29px;
        color:#fff;
        text-decoration:none;
        font-size:11px;
        font-weight:bold;
        font-family:Arial;
        text-align:center;
        user-selected:none;
        -moz-user-select: none;
        -khtml-user-select: none;
    }

    .btn-blue-on span, .btn-blue-on:link span, .btn-blue-on:visited span, .btn-blue-on:active span, .btn-blue-on:hover span
    {
        cursor:pointer;
        display:inline-block;
        margin:0px;
        padding:5px 25px 0px 15px;
        background: transparent url(/Images/Buttons/btn-blue-right-on.gif) no-repeat top right;
        height:29px;

    }

    
    
    /* -------END ------- BLUE BUTTON ---------------- END-----------*/
    
    /*----------------- ADMIN BUTTON ------------------------*/
    /* new green button */

        .btn-green-new, .btn-green-new:link, .btn-green-new:visited, .btn-green-new:active
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:0px 0px 0px 10px;
            background: transparent url(/Images/Buttons/btn-green-new-left.gif) no-repeat top left;
            height:29px;
            color:#fff;
            text-decoration:none;
            font-size:13px;
            font-weight:bold;
            font-family:Arial;
            text-align:center;
        }

        .btn-green-new span, .btn-green-new:link span, .btn-green-new:visited span, .btn-green-new:active span
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:5px 25px 0px 15px;
            background: transparent url(/Images/Buttons/btn-green-new-right.gif) no-repeat top right;
            height:29px;
        }

        .btn-green-new:hover
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:0px 0px 0px 10px;
            background: transparent url(/Images/Buttons/btn-green-new-left-over.gif) no-repeat top left;
            height:29px;
            color:#fff;
            text-decoration:none;
            font-size:13px;
            font-weight:bold;
            font-family:Arial;
            text-align:center;
        }

        .btn-green-new:hover span
        {
            display:inline-block;
            margin:0px;
            padding:5px 25px 0px 15px;
            background: transparent url(/Images/Buttons/btn-green-new-right-over.gif) no-repeat top right;
            height:29px;

        }
        
        
        .btn-new-orange, .btn-new-orange:link, .btn-new-orange:visited, .btn-new-orange:active
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:0px 0px 0px 10px;
            background: transparent url(/Images/Buttons/btn-orange-new-left.gif) no-repeat top left;
            height:29px;
            color:#fff;
            text-decoration:none;
            font-size:13px;
            font-weight:bold;
            font-family:Arial;
            text-align:center;
        }

        .btn-new-orange span, .btn-new-orange:link span, .btn-new-orange:visited span, .btn-new-orange:active span
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:5px 25px 0px 15px;
            background: transparent url(/Images/Buttons/btn-orange-new-right.gif) no-repeat top right;
            height:29px;
        }

        .btn-new-orange:hover
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:0px 0px 0px 10px;
            background: transparent url(/Images/Buttons/btn-orange-new-left-over.gif) no-repeat top left;
            height:29px;
            color:#fff;
            text-decoration:none;
            font-size:13px;
            font-weight:bold;
            font-family:Arial;
            text-align:center;
        }

        .btn-new-orange:hover span
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:5px 25px 0px 15px;
            background: transparent url(/Images/Buttons/btn-orange-new-right-over.gif) no-repeat top right;
            height:29px;

        }
                
        
         /*-------END------- ADMIN BUTTON --------END-----------*/
         
        /*----------------- PREVIEW BUTTON INPUT FIELD ------------------------*/
         .print-online-btn-preview-large
        {
            display:block;
            background:transparent url('/Images/PrintOnline/btn-preview-large.gif') no-repeat top left;
            width:128px;
            height:48px;
            text-align:left;
            font-family:Arial;
            font-size:18px;
            text-decoration:underline;
            padding-top:14px;
            margin-left:auto;
            margin-right:auto;
            }
        .print-online-btn-preview-small
        {
            display:block;
            background:transparent url('/Images/PrintOnline/btn-preview-small.gif') no-repeat top left;
            width:50px;
            height:45px;
            text-align:center;
            font-family:Arial;
            font-size:11px;
            text-decoration:underline;
            padding-top:0px;
            margin-left:auto;
            margin-right:auto;

            }
            
            
            .btn-new-red, .btn-new-red:link, .btn-new-red:visited, .btn-new-red:active
            {
                cursor:pointer;
                display:inline-block;
                margin:0px;
                padding:0px 0px 0px 10px;
                background: transparent url(/Images/Buttons/btn-red-new-left.gif) no-repeat top left;
                height:29px;
                color:#fff;
                text-decoration:none;
                font-size:13px;
                font-weight:bold;
                font-family:Arial;
                text-align:center;
            }

            .btn-new-red span, .btn-new-red:link span, .btn-new-red:visited span, .btn-new-red:active span
            {
                cursor:pointer;
                display:inline-block;
                margin:0px;
                padding:5px 25px 0px 15px;
                background: transparent url(/Images/Buttons/btn-red-new-right.gif) no-repeat top right;
                height:29px;
            }

            .btn-new-red:hover
            {
                cursor:pointer;
                display:inline-block;
                margin:0px;
                padding:0px 0px 0px 10px;
                background: transparent url(/Images/Buttons/btn-red-new-left-over.gif) no-repeat top left;
                height:29px;
                color:#fff;
                text-decoration:none;
                font-size:13px;
                font-weight:bold;
                font-family:Arial;
                text-align:center;
            }

            .btn-new-red:hover span
            {
                cursor:pointer;
                display:inline-block;
                margin:0px;
                padding:5px 25px 0px 15px;
                background: transparent url(/Images/Buttons/btn-red-new-right-over.gif) no-repeat top right;
                height:29px;

            }
         /*-------END------- PREVIEW BUTTON INPUT FIELD --------END-----------*/
         
        /*----------------- IMAGE ALIGN BUTTON INPUT FIELD ------------------------*/
         
        .btn-align-text
        {
	        margin:0px;
	        text-decoration:none;
	        color:#b5bb3d;
	        font-family: Tahoma, verdana, arial, sans-serif;
	        font-size: 11px;
	        font-weight:bold;
	        display:block;
	        }
        .btn-align
        {
	        margin:0px;
	        padding:0px 0px 0px 0px;
	        text-decoration:none;
	        text-align:center;
	        display:block;
	        }
         /*-------END------- IMAGE ALIGN BUTTON INPUT FIELD --------END-----------*/
         
         
         
         
         
         
         
    /* ---------------- FADED  ORAGNE  BUTTONS ( INPUT FIELD )---------------- */            
         .btn-orange-faded
        {
            display:inline-block;
            font-weight:700;
            height:28px;
            font-size:12px;
            text-decoration:none;
            padding-left:4px;
            
	        background:transparent url(/Images/Buttons/btn-orange-faded-left.gif) no-repeat top left;
        }
       
        .btn-orange-faded span
        {
            display:inline-block;
            color:#ffffff;
	        padding:4px 12px 13px 8px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Buttons/btn-orange-faded-right.gif) no-repeat top right;
            }
        .btn-orange-faded:hover
        {
	        background:transparent url(/Images/Buttons/btn-orange-faded-left-over.gif) no-repeat top left;
        }
        .btn-orange-faded:hover span
        {
	        background:transparent url(/Images/Buttons/btn-orange-faded-right-over.gif) no-repeat top right;
        }
    /* -------END------ FADED  ORAGNE  BUTTONS ( INPUT FIELD )-------END------*/
    
    
    
    
    /* ---------------- FADED  ORAGNE  BUTTONS ( INPUT FIELD )---------------- */ 
    .help-button
    {
        cursor:pointer;
        float:right;
        /*position:relative;
        top:18px;*/
        margin-top:-21px;
        display:block;
    }
    .ie .help-button{margin-top:-22px;}
    /* -------END------ FADED  ORAGNE  BUTTONS ( INPUT FIELD )-------END------*/
    
    
    /* ---------------- FADED  ORAGNE  BUTTONS ( INPUT FIELD )---------------- */ 
    
    
    
    .btn-checkout, .btn-checkout:link, .btn-checkout:visited, .btn-checkout:active
        {
            cursor:pointer;
            display:inline-block;
            padding:0px 0px 0px 10px;
            background: transparent url(/Images/Buttons/btn-checkout-left.gif) no-repeat top left;
            height:29px;
            color:#fff;
            text-decoration:none;
            font-size:13px;
            font-weight:bold;
            font-family:Arial;
            text-align:center;
        }

        .btn-checkout span, .btn-checkout:link span, .btn-checkout:visited span, .btn-checkout:active span
        {
            cursor:pointer;
            display:inline-block;
            margin:0px;
            padding:5px 25px 0px 15px;
            background: transparent url(/Images/Buttons/btn-checkout-right.gif) no-repeat top right;
            height:29px;
        }

        .btn-checkout:hover
        {
            background: transparent url(/Images/Buttons/btn-checkout-left-over.gif) no-repeat top left;
        }

        .btn-checkout:hover span
        {
            background: transparent url(/Images/Buttons/btn-checkout-right-over.gif) no-repeat top right;
        }
        .webkit .btn-checkout span,.webkit  .btn-checkout:link span,.webkit  .btn-checkout:visited span,.webkit  .btn-checkout:active span
        {
            padding:7px 25px 0px 15px;
        }

        .webkit .btn-checkout:hover span
        {
            padding:7px 25px 0px 15px;
        }
    /* -------END------ FADED  ORAGNE  BUTTONS ( INPUT FIELD )-------END------*/
    
    
    
    /* ---------------- ORDER CONFIRMATION BUTTONS ---------------- */ 
    .confirmation-bill-detail
    {
        font-family:Tahoma;
        font-size:11px;
    }

    .btn-edit-bill
    {
        cursor:pointer;
        display:inline-block;
        margin:0px;
        padding:0px 0px 0px 10px;
        height:17px;
        color:#5575a0;
        text-decoration:none;
        font-size:10px;
        font-weight:100;
        font-family:Tahoma;
        text-align:center;
    }
    /* -------END------  ORDER CONFIRMATION BUTTONS -------END------*/
    
    /* ---------------- red-small BUTTONS ---------------- */            
        
       /* left */
        /* off */
         .btn-red-small-off, .btn-red-small-on
        {
            display:inline-block;
            font-weight:700;
            height:19px;
            font-size:10px;
            text-decoration:none;
            padding-left:8px;
            /*padding-bottom:10px;*/
            
	        background:transparent url(/Images/Buttons/btn-red-small-off-left.png) no-repeat top left;
        } 
        .ie6 .btn-red-small-off{background:transparent url(/Images/Template/btn-red-small-off-left.gif) no-repeat top left;}
        
        /* on */
        .btn-btn-red-small-on{
	        background:transparent url(/Images/Buttons/btn-red-small-on-left.png) no-repeat top left;
	    }
        .ie6 .btn-largered-small-on{background:transparent url(/Images/Template/btn-red-small-on-left.gif) no-repeat top left;}
        
        /* over */
        
        .btn-red-small-on, .btn-red-small-off:hover, .btn-red-small-on:hover
        {
	        background:transparent url(/Images/Buttons/btn-red-small-on-left.png) no-repeat top left;
        }
        .ie6 .btn-red-small-off span,.ie6 .btn-red-small-off:hover,.ie6  .btn-red-small-on:hover{background:transparent url(/Images/Template/btn-red-small-over-left.gif) no-repeat top left;}
          
     /* right */
        /* off */
        .btn-red-small-off span, .btn-red-small-on span
        {
            display:inline-block;
            color:#ffffff;
	        padding:3px 17px 5px 10px;/* left padding is left cause we got to take in account the padding in the previous container */
	        background:transparent url(/Images/Buttons/btn-red-small-off-right.png) no-repeat top right;
            }
        .ie6 .btn-red-small-off span,.ie6 .btn-red-small-on span{background:transparent url(/Images/Template/btn-red-small-off-right.gif) no-repeat top right;}
          
        /* on */
        .btn-red-small-on span
        {
	        background:transparent url(/Images/Buttons/btn-red-small-on-right.png) no-repeat top right;
            }
        .ie6 .btn-red-small-off span,.ie6 .btn-red-small-on span{background:transparent url(/Images/Buttons/btn-red-small-off-right.gif) no-repeat top right;}
          
        /* over */
        .btn-red-small-on span, .btn-red-small-off:hover span, .btn-red-small-on:hover span
        {
	        background:transparent url(/Images/Buttons/btn-red-small-on-right.png) no-repeat top right;
        }
        .ie6 .btn-red-small-on span,.ie6 .btn-red-small-off:hover span,.ie6  .btn-red-small-on:hover span{background:transparent url(/Images/Template/btn-red-small-over-right.gif) no-repeat top right;}
         
     /* specific browser fix */     
        .safari .btn-red-small-off span, .btn-red-small-on span
        {
            padding-top:3px;
        }
        
        .mac-safari .btn-red-small-off span, .btn-red-small-on span
        {
            padding-top:6px;
        } 
        
        
        
    /* -------END------ red-small BUTTONS -------END------*/