/*------- JQUERY -------*/

/* Prevent firefox "visited links" border display */
    a:active, a:focus {
    outline: 0;
}

/* Image slider */
#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #aaaaaa;
	-webkit-box-shadow:0 0 3px #aaaaaa;
	box-shadow:0 0 3px #aaaaaa;

	/* CSS3 Rounded Corners */
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	border:1px solid white;
	background:url(../images/panel.jpg) repeat-x bottom center #ffffff;     /* Slider background image */

	/* The width of the gallery */
	width:956px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:220px;
	overflow:hidden;	
	width:956px;        /* jQuery changes the width later on to the sum of the widths of all the slides. */
    }
    .slide{
	    float:left;
	    width: 956px;
        }
        .slide a {
            background: url(../images/slideLinkBtn.png) no-repeat;
            display: block;
            height:46px;            
            position: relative; 
            text-indent: -9999px;
            width: 103px;  
            }
            .slide a:hover {                        
                background: url(../images/slideLinkBtnR.png) no-repeat;
                left: 538px;
                top: 130px;
            }        
        #slideOneBG {
            background:url(../images/slideOne.png) no-repeat; 
            height:220px;
            width:956px;
            }
            #slideOneBG a {                        
                left: 538px;
                top: 130px;
                }                
        #slideTwoBG {
            background:url(../images/slideTwo.png) no-repeat;  /* Youtube bg added as second link requested by Ali A. 30/01/12 */
            height:220px;
            width:956px;
            }
            #slideTwoBG a {                        
                left: 538px;
                top: 125px;
            }
        #slideThreeBG {
            background:url(../images/slideThree.png) no-repeat; 
            height:220px;
            width:956px;
            }
            #slideThreeBG a {                        
                left: 538px;
                top: 140px;
            }
        #slideFourBG {
            background:url(../images/slideFour.png) no-repeat; 
            height:220px;
            width:956px;
            } 
            #slideFourBG a {                        
                left: 538px;
                top: 160px;
            }
        #slideFiveBG {
            background:url(../images/slideFive.png) no-repeat; 
            height:220px;
            width:956px;
            } 
            #slideFiveBG a {                        
                left: 538px;
                top: 140px;
            }

/* Slider menu thumbnails */
#menu{	
	height:45px;
	text-align: center;
    }
    #menu ul{
	    margin:0px;
	    padding:0px;
        }
        #menu ul li{
	        /* Every thumbnail is a li element */	        
	        display:inline-block;
	        list-style:none;
	        height:45px;
	        width:60px;
	        overflow:hidden;	
	        
	         /* !Important: IE7 hack to force inline-block display of slider menu */
	        zoom: 1;        /* causes "HasLayout" on element */
	        *display: inline;	
        }
        #menu ul li.inact:hover{	        
	        background:url(../images/pic_bg.png) repeat;        /* mouse over  "inactive" state */
        }
        #menu ul li.act,li.act:hover{	        
	        background:url(../images/active_bg.png) no-repeat;  /* mouse over  "active" state */	        
        }

        #menu ul li.act a{
	        cursor:default;
        }
        #menu ul li a{
	        display:block;
	        background:url(../images/divider.png) no-repeat right;	        
	        /*padding-top:10px;*/
	        height:45px;
	        width:60px;
        }
        de#menu ul li a img{
	        border:none;
        }
        .firstBar{
	    background:url(../images/divider.png) no-repeat right;   /* first thumbnail seperator image */
	    width:2px;
    	
        }




 /* Carousel */ 
.carouselBg {
    display:block;
    float: left;
    height: 105px;
    overflow: hidden;  
    position: relative;          
    width: 110px;   
    }

    /* Carousel images */
    .bg1 {
        background-image: url(../images/box1.png);
        background-repeat: no-repeat;          
    }
    .bg2 {
        background-image: url(../images/box2.png);
        background-repeat: no-repeat;
    }
    .bg3 {
        background-image: url(../images/box3.png);
        background-repeat: no-repeat;
    }
    .bg4 {
        background-image: url(../images/box4.png);
        background-repeat: no-repeat;
    }
    .bg5 {
        background-image: url(../images/box5.png);
        background-repeat: no-repeat;
    }
    .bg6 {
        background-image: url(../images/box6.png);
        background-repeat: no-repeat;
    }
    .bg7 {
        background-image: url(../images/box7.png);
        background-repeat: no-repeat;
    }
    .bg8 {
        background-image: url(../images/box8.png);
        background-repeat: no-repeat;
    }
    .bg9 {
        background-image: url(../images/box2.png);
        background-repeat: no-repeat;
    }


/* Jquery carousel styles  */
.jcarousel-skin-rdm{    
    width: 475px;
    }
    .jcarousel-skin-rdm .jcarousel-container {
        height: 160px;
        -moz-border-radius: 2px;        
        width: 475px;
    }
    .jcarousel-skin-rdm .jcarousel-direction-rtl {
	    direction: rtl;
        }
    .jcarousel-skin-rdm .jcarousel-clip-horizontal {    
        height: 160px;
        margin: 0;
        width: 475px;  /* Determines number of visible carousel items */
    }

.jcarousel-skin-rdm .jcarousel-item {
    padding: 0;
}

.jcarousel-skin-rdm .jcarousel-item-horizontal {
	width: 108px;
	margin: 0 5px 0 5px;
}

.jcarousel-skin-rdm .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-rdm .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/* Horizontal Buttons */
.jcarousel-skin-rdm .jcarousel-prev-horizontal {
    position: relative;
    left: -12px;
    top: -135px;    
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/arrowBack.png) no-repeat 0 0;
}

.jcarousel-skin-rdm .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background: transparent url(../images/arrowBack.png) no-repeat 0 0;
}

.jcarousel-skin-rdm .jcarousel-prev-horizontal:hover {
    background: transparent url(../images/arrowBack.png) no-repeat 0 0;
}

.jcarousel-skin-rdm .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-rdm .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-rdm .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-rdm .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-rdm .jcarousel-next-horizontal {
     position: relative;
    top: -167px;    
    left: 460px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/arrowForward.png) no-repeat 0 0;
}

.jcarousel-skin-rdm .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background: transparent url(../images/arrowForward.png) no-repeat 0 0;
}

.jcarousel-skin-rdm .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
    background: transparent url(../images/arrowForward.png) no-repeat 0 0;
}

.jcarousel-skin-rdm .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-rdm .jcarousel-next-disabled-horizontal,
.jcarousel-skin-rdm .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-rdm .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/* 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 {
	background: url(../images/panelBG.png) repeat-x scroll left bottom transparent;
	/*border-bottom: 2px solid #6f6f6f;*/
	float: left;
	/*margin: 20px 0;*/
	position: relative;	
	width: 100%;
    }    
    div#panelTabs {
        background:  url(../images/newsSlice.png) repeat-x;
        /*border-bottom: 2px solid #6f6f6f;*/
        float: left;               
        position:relative;    
        width: 100%;
        /*z-index:1;*/
        }
        div#panelTabs .tab {
            float: left;
            height: 28px;            
            }           
            div#panelTabs .tabLeft {
                background: url(../images/tabLeft.png) no-repeat;                 
                float:left;
                height: 28px;
                width:4px;
            }
            div#panelTabs .tabCenter {                
                background: url(../images/tabSlice.png) repeat-x;
                float: left;
                cursor: pointer;
                }
                div#panelTabs .tabCenter>a {
                    color: White;
                    float: left;
                    height: 28px;
                    padding: 8px;
                    text-decoration: none;      
                    }
                    div#panelTabs .tabCenter>a:hover {
                        /*background-color: #c78b28;
                        
                        /*text-decoration: underline;*/
                    }
                    #panelTabs .tabCenter>a:active {                        
                        /*text-decoration: underline;*/
                    }   
            div#panelTabs .tabRight {
                background: url(../images/tabRight.png) no-repeat;        
                float: right;
                margin-right: 2px;
                height:28px;
                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;*/	                
	                background: url('../images/tabContentSlice.png') repeat-x scroll 0 0 #F7F7F7;
	                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;
}
.popupContent{
    background: url("../images/popUpSlice.png") repeat-x #f6f6f6;
    border: 1px solid #c9caca;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display:none;
    font-size:13px; 
    /*height:770px;*/
    padding: 10px;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/    
    /*width:600px;*/
    z-index:2;          
} 
.popupContent h1{
    background: url(../images/popUpLogo.png) no-repeat;
    height: 81px;
    margin: 0 auto;
    padding: 0;
    width: 177px;
}
.popUpInfo {    
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 10% 0 10%;
}
.popupContentClose{
    background: url(../images/popUpBtn.png) no-repeat;    
    cursor: pointer; 			        			    			       		        			       	        
    display:block;       
    height: 23px;
    width: 23px;
    position:absolute;
    right:6px;    
    top:4px;
}
.popUpClickArea{
    background: url(../images/viewLargeIcon.png) no-repeat;
    color: Red;    
    cursor: pointer;
    display: block;     
    height: 70px;    
    text-indent : -9999px;    
    width: 90px;     
}