/*------- JQUERY -------*/

/* Prevent firefox "visited links" border display */
    a:active, a:focus {
    outline: 0;
}

/* Image gallery styles */
div#imgGallery {
	border: 0px;
	height:208px;
	left: 0px; 
	position:relative;
	top: 0px;
    width: 580px;
    }
    div#imgGallery ul li {	
	    float:left;
	    list-style: none;
	    position:absolute;	
    }
    div#imgGallery ul li a img{
        border: 0px;
    }	
    div#imgGallery ul li.show {
	    /*z-index:500*/
    }
     
    /* Image gallery navigation*/
    div#imgGallery .navigation {         
        height:19px;
        left: 485px;
        position:relative;   
        top:185px;
        width:118px;
        z-index:100;        
        }
        div#imgGallery .navigation a.galleryBtn {
            background-image: url(../images/btn.png);
            background-repeat: no-repeat;
            color:white;
            display:block;
            float:left;
            height:18px;        
            padding:1px 0 0 5px;
            width:16px;
            text-decoration:none;    
            background: url(../images/background.png) no -repeat;
        }
        div#imgGallery .navigation a.galleryBtnR { 
            background-image:url(../images/btnR.png);
            background-repeat: no-repeat;            
        }
        div#imgGallery .navigation a.selected{
            background: url(../images/btnR.png) no-repeat;        
        }


/* Carousel styles */
.infiniteCarousel {      
    left: 0px; 
    position: relative;
    bottom: 307px;    
    width: 580px;
    }
    .infiniteCarousel .wrapper {
        background: url(../images/carousel.jpg) no-repeat;
        height: 165px;
        /* min-height: 10em;*/    /* Firefox proprietary style */
        left:10px;
        overflow: auto;           /* Ensures non-javascript method of scrolling through image elements */       
        position: absolute;
        top: 339px;
        width: 579px;             /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */       
        } 
        .infiniteCarousel ul a img {  
            border: 0px;
        }    
        .infiniteCarousel .wrapper ul {          
            list-style-image:none;  
            list-style-position:outside;  
            list-style-type:none;  
            margin:0; 
            padding:0;  
            position: absolute;      
            top: 0;
            width: 9999px;  
         }
        .infiniteCarousel ul li {  
            display:block; 
            float:left;
            height: inherit;  
            padding: 0 42px 0 0px;      
            width: 166px;                
            }
            .infiniteCarousel ul li a img {  
                display:block;
            }

        /* Carousel navigation */
        .infiniteCarousel .carouselArrow {              
            background-position: 0; 
            cursor: pointer;
            display: block;  
            height: 26px;         
            /*opacity: 0;  /* Uncomment style when using default.js > FadeHandler() */
            position: absolute;     
            text-indent: -999px;
            top: 405px;      
            width: 23px;
            }
            .infiniteCarousel .forward {  
                background: url(../images/arrowForward.png) no-repeat 0 0;      
                right: -20px;    
            }
            .infiniteCarousel .back {  
                background: url(../images/arrowBack.png) no-repeat 0 0;        
                left: -2px;
            } 
            .infiniteCarousel .forward:hover {  
                background: url(../images/arrowForward.png) no-repeat 0 0;      
            }
            .infiniteCarousel .back:hover { 
                background: url(../images/arrowBack.png) no-repeat 0 0;       
            }

        /* Carousel rollover */ 
        .carouselBg {
          display:block;
          height: 165px;
          overflow: hidden;  
          position: relative;          
          width: 164px;   
        }

        /* Carousel images */
        .bg1 {
            background-image: url(../images/box1.jpg);
            background-repeat: no-repeat;          
        }
        .bg2 {
          background-image: url(../images/box2.jpg);
          background-repeat: no-repeat;
        }
        .bg3 {
          background-image: url(../images/box3.jpg);
          background-repeat: no-repeat;
        }
        .bg4 {
          background-image: url(../images/box4.jpg);
          background-repeat: no-repeat;
        }
        .bg5 {
          background-image: url(../images/box5.jpg);
          background-repeat: no-repeat;
        }
        .bg6 {
          background-image: url(../images/box6.jpg);
          background-repeat: no-repeat;
        }


/* Carousel image rollover animations */
/*.topPanel {
  /*background-image: url(../images/panel.jpg);
  background-repeat: no-repeat;*/
  /*background: red;
  position: absolute;  
  left: 0;
  color:white;
  bottom: 39px;
  width: 166px;
  height: 40px;    
  display: none;         
  /* white-space: nowrap; */
/*}*/
/*.btmPanel {
background:#de9a44; 
width: 166px; 
height:40px; 
display:none; 
position: relative; 
top: 136px; 
left: 0px;           
}*/


/* "Tabbed" panels */
div#panels {	
	float: left;
	margin: 10px;
	position: relative;	
	width: 97%;	
    }    
    div#panelTabs {
        border-bottom: 3px solid #373431;
        float: left;
        height: 24px;
        /*margin: 10px 10px 0 10px;*/
        position:relative;    
        width: 100%;
        z-index:2;
        }                
        div#panelTabs .tab {
            float: left;
            height: 24px;
            margin-right: 1px;            
            }
            div#panelTabs .tabLeft {
                background: url(../images/boxHeaderBgLeft.png) no-repeat;
                float:left;
                height:24px;
                width:4px;
            }
            div#panelTabs .tabCenter {
                background: url(../images/boxHeaderBgSlice.png) repeat-x;        
                float: left;
                height:24px;                
                }
                div#panelTabs .tabCenter>a {
                    color: White;
                    float: left;
                    padding: 5px 0 0 0;
                    text-decoration: none;        
                }
                div#panelTabs .tabCenter>a:hover {
                    text-decoration: underline;              
                }  
            div#panelTabs .tabRight {
                background: url(../images/boxHeaderBgRight.png) no-repeat;        
                float: right;
                height:24px;
                width:4px;
            } 
            div#panels div[class*='panel'] { /* "attribute substring selector" searches for occurrence of string anywhere in specified element */	
	                background: #f5f5f4 url(../images/fieldSet_Slice.jpg) repeat-x;                    
	                position:absolute;
                    width: 100%;
                }
                div#panels li {
                    background-position: 1% 50%;
                    /*background-repeat: no-repeat;
                    border-bottom: 1px solid #cdcdcd;
                    border-top: 1px solid white; */                                                       
                }           
                    
    
/* Animated popups */  
#backgroundPopup{
    background:#000000;    
    display:none;
    height:100%;
    left:0;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
     top:0;
    width:100%;           
    z-index:1;
}
.popupContact{
    background: url("../images/box_slice4.jpg") repeat-y scroll left top #E1E1E1;
    border: 1px solid white;
    display:none;
    font-size:13px; 
    height:770px;    
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/    
    width:600px;            
    z-index:2;          
} 
.popupContact h1{
    background: url(../images/popUpLogo.png) no-repeat;
    height: 65px;
    padding: 0;
    width: 100%;   
}
.popUpInfo {    
    font-size: 2em;
    font-weight: 500;
    margin: 0 10% 0 10%;
}
.popupContactClose{
    color:white;
    cursor: pointer; 			        			    			       		        			       	        
    display:block;
    font-size: 1em;
    font-weight:700;
    line-height:14px;
    position:absolute;
    right:6px;
    text-decoration: none;
    top:4px;    
}
.popUpClickArea{
    background: url(../images/viewLargeIcon.png) no-repeat;
    color: Red;    
    cursor: pointer;
    display: block;     
    height: 70px;
    margin: 0 0 0 10px;   
    text-indent : -9999px;    
    width: 80px;     
}