
/*
 *************************************
 CONTACT DETAILS - Multi-tab display used on the following pages:
                    : LocationControl.ascx [ Location.ascx ]
                    : ContactForm.ascx
 *************************************
 */
    #mainBodyContent div.dropShadowInner div.contactDetailsContainer,
    #mainBodyContent.popupWindow div.contactDetailsContainer
    {
        margin-top : 5px;
        }
        
        #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.dropShadowInner,
        #mainBodyContent.popupWindow div.contactDetailsContainer div.dropShadowInner
        {
            width           : 568px;
            height          : auto;
            border-color    : #b3b3b3;
            overflow        : hidden;
            }
            
            #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.dropShadowInner div.contactMenuContainer,
            #mainBodyContent.popupWindow div.contactDetailsContainer div.dropShadowInner div.contactMenuContainer
            {
                position : relative;
                height   : 28px;
                }
            
            #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.dropShadowInner div.displayStackContainer,
            #mainBodyContent.popupWindow div.contactDetailsContainer div.dropShadowInner div.displayStackContainer
            {
                position    : relative;
                }
            
            
            /*
             *************************************
             DISPLAY STACK TAB MENU
             *************************************
             */
                /* SEE 'bodyContent.css' : tab styles taken from default */
                
                
            /*
             *************************************
             DISPLAY STACK CONTAINER - CORE [upto 4 states]
             *************************************
             */
                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.displayStackContainer div.display1,
                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.displayStackContainer div.display2,
                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.displayStackContainer div.display3,
                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.displayStackContainer div.display4,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.displayStackContainer div.display1,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.displayStackContainer div.display2,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.displayStackContainer div.display3,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.displayStackContainer div.display4
                {
                    display     : none;
                    visibility  : hidden;
                    }
                   
                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.displayStackContainer.displayState1 div.display1,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.displayStackContainer.displayState1 div.display1
                {
                    display    : block;
                    visibility : visible;
                    }

                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.displayStackContainer.displayState2 div.display2,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.displayStackContainer.displayState2 div.display2
                {
                    display    : block;
                    visibility : visible;
                    }

                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.displayStackContainer.displayState3 div.display3,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.displayStackContainer.displayState3 div.display3
                {
                    display    : block;
                    visibility : visible;
                    }
            
                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.displayStackContainer.displayState4 div.display4,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.displayStackContainer.displayState4 div.display4
                {
                    display    : block;
                    visibility : visible;
                    }
            
            
                /*
                 *************************************
                 CONTAINER CONTENT ITEMS
                 *************************************
                 */
                
                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.detailsContainer,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.detailsContainer
                {
                    position    : relative;
                    display     : block;
                    width       : 540px;
                    padding     : 15px 13px 10px 15px;
                    }
                    
                    /*
                     HIDDEN TITLE
                     */
                    #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.detailsContainer h2.hiddenTitle,
                    #mainBodyContent.popupWindow div.contactDetailsContainer div.detailsContainer h2.hiddenTitle
                    {
                        display : none;
                        font-size : 12px;
                        }
                    
                    /*
                     ADDRESS CONTAINER
                     */
                    #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.addressContainer,
                    #mainBodyContent.popupWindow div.contactDetailsContainer div.addressContainer
                    {
	                    position    : relative;
	                    float       : left;
	                    width       : 360px;
	                    min-height  : 110px;
	                    
	                    padding     : 0px 9px 0px 0px;
	                    
                        margin      : 0px;
	                    
	                    border-right: solid 1px #cccccc;
	                    }
	                    
                    	#mainBodyContent div.dropShadowInner div.contactDetailsContainer h3,
                    	#mainBodyContent.popupWindow div.contactDetailsContainer h3
                        {
                            margin  : 0px;
                            padding : 0px 0px 5px 0px;
                            }
                            #mainBodyContent div.dropShadowInner div.contactDetailsContainer h3.addressTitle,
                            #mainBodyContent.popupWindow div.contactDetailsContainer h3.addressTitle
                            {
                                width : 230px;
                                }
                            
                    	#mainBodyContent div.dropShadowInner div.contactDetailsContainer div.addressContainer div.address,
                    	#mainBodyContent.popupWindow div.contactDetailsContainer div.addressContainer div.address
                        {
                            float       : left;
                            }
                    	
                        #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.addressContainer div.address address,
                        #mainBodyContent.popupWindow div.contactDetailsContainer div.addressContainer div.address address
                        {
                            font-style : normal;
                            }	
                    	
                    	    #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.addressContainer dl,
                    	    #mainBodyContent.popupWindow div.contactDetailsContainer div.addressContainer dl
                            {
                                margin : 0px;
                                padding : 13px 0px 0px 0px;
                                }
                    	
                                #mainBodyContent div.dropShadowInner div.contactDetailsContainer dt,
                                #mainBodyContent.popupWindow div.contactDetailsContainer dt,
                                #TB_actualContent dt
                                {
                                    float       : left;
                                    width       : 40px;
                                    font-weight : bold;
                                    }
                                    
                                    /*JG CHANGES 11052009*/
                                    
                                div#mainBodyContent div.formContainer form div.fieldset dl
                                {
                                   
                                    margin-left: 5px;
                                    }
                                    
                                div#mainBodyContent div.formContainer form div.fieldset dt
                                {
                                    float       : left;
                                    width       : 110px;
                                    font-weight : normal;
                                    clear: left;
                                    line-height: 2.5em;
                                    margin: 0;
                                    }
                                div#mainBodyContent div.formContainer form div.fieldset dd
                                {
                                    float       : left;
                                    width       : 350px;
                                    font-weight : bold;
                                    line-height: 2.5em;
                                    margin: 0;
                                    }
                                    /*END OF JG CHANGES*/
                             		
                    #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.addressContainer div.buttonLinks,
                    #mainBodyContent.popupWindow div.contactDetailsContainer div.addressContainer div.buttonLinks
                    {
                        position    : absolute;
                        top         : -4px;
                        right       : 18px;
                        }
                        
                    #mainBodyContent.popupWindow div.contactDetailsContainer div.addressContainer div.buttonLinks
                    {
                        display : none;
                        }
                        			
                    	
                    #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.addressContainer div.buttonLinks a,
                    #mainBodyContent.popupWindow div.contactDetailsContainer div.addressContainer div.buttonLinks a
                    {
	                    text-decoration : none;
	                    clear           : both;
	                    }
                
                /*
                 OPENING TIMES
                 */
                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.displayStackContainer div.openingTimesContainer,
                #mainBodyContent.popupWindow div.contactDetailsContainer div.displayStackContainer div.openingTimesContainer
                {
	                position    : relative;
	                display     : block;
	                float       : left;
	                width       : 145px;
	                padding     : 0px 10px 0px 15px;
	                }
	                
	                #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.openingTimesContainer dl,
	                #mainBodyContent.popupWindow div.contactDetailsContainer div.openingTimesContainer dl
                    {
                        margin : 0px;
                        padding : 0px 0px 5px 1px;
                        }
	                
	                    #mainBodyContent div.dropShadowInner div.contactDetailsContainer div.openingTimesContainer dt,
	                    #mainBodyContent.popupWindow div.contactDetailsContainer div.openingTimesContainer dt,
                        #TB_actualContent dt,
	                    #mainBodyContent.popupWindow div.addressContainer dt,
	                    #mainBodyContent.popupWindow div.addressContainer div.openingTimesContainer dt
                        {
                            float       : left;
                            width       : 70px;
                            font-weight : bold;
                            }
                    
                     		
			
 
 
 
/*
 *************************************
 LIGHTBOX MAP & DIRECTION STYLES
 *************************************
 */

    #TB_window div.innerWindow #TB_actualContent
    {
        padding-left    : 15px;
        padding-right   : 10px;
        }
        
        #TB_actualContent h3,
        #mainBodyContent.popupWindow h3
        {
            margin      : 0px 0px 10px 0px;
            font-size   : 14px;
            font-weight : normal;
            vertical-align  : top;
            }

        #TB_actualContent div.addressContainer,
        #mainBodyContent.popupWindow div.addressContainer
        {
            float : left;
            width : 150px;
            }
            
            #TB_actualContent div.addressContainer h3,
            #TB_actualContent div.directions h3,
            #mainBodyContent.popupWindow div.addressContainer h3,
            #mainBodyContent.popupWindow div.directions h3
            {
                margin      : 0px 0px 10px 0px;
                font-size   : 11px;
                font-weight : bold;
                vertical-align  : top;
                color : #000000;
                }
         
            #TB_actualContent div.address address,
            #mainBodyContent.popupWindow div.address address
            {
                font-style:normal;
                }	
        
            #TB_actualContent div.addressContainer dl,
            #mainBodyContent.popupWindow div.addressContainer dl
            {
                margin  : 0px;
                padding : 5px 0px 20px 0px;
                }
                
                #TB_actualContent div.addressContainer div.openingTimesContainer,
                #mainBodyContent.popupWindow div.addressContainer div.openingTimesContainer
                {
                    padding : 0px 0px 20px 0px;
                    }
                    
                 #TB_actualContent div.addressContainer div.openingTimesContainer dl,
                 #mainBodyContent.popupWindow div.addressContainer div.openingTimesContainer dl
                 {
                    padding : 0px 0px 20px 0px;
                    }
                    
                 #mainBodyContent.popupWindow div.address dl dd
                 {
                    width       : 75px;
                    white-space : nowrap;
                    overflow    : hidden;
                    margin      : 0px;
                    }
                     
                 #mainBodyContent.popupWindow div.contactDetailsContainer div.address dl dd
                 {
                    width : auto;
                    }
                    
        #TB_actualContent div.dropShadowOuter,
        #mainBodyContent.popupWindow div.dropShadowOuter
        {
            float : right;
            width : auto;
            margin-bottom : 15px;
	        }
         
            #TB_actualContent iframe.dropShadowInner,
            #mainBodyContent.popupWindow iframe.dropShadowInner
            {
                margin      : 0px;
                width       : 390px;
                height      : 300px;
                min-height  : 300px;
                border      : solid 1px #777777;
                overflow    : hidden;
	            }
        	
            #TB_actualContent .email,
            #mainBodyContent.popupWindow .email
            {
	            display : none;
	            }
        
        #TB_actualContent div.directions,
        #mainBodyContent.popupWindow div.directions
        {
	        margin      : 0px 0px 0px 0px;
	        padding     : 0px 0px 0px 0px;
	        }
	        	    
        #TB_actualContent div.directions
        {
	        height      : 175px;
	        width       : 596px;
	        overflow    : auto;
	        }
	        
        #mainBodyContent.popupWindow div.directions
        {
	        width : 575px;
	        }
	        
	        #mainBodyContent.popupWindow h3.directionsTitle
            {
                margin-bottom : 0px;
	            }
	            
            #mainBodyContent.popupWindow div.directions h2,
            #mainBodyContent.popupWindow div.directions h3
            {
	            font-size   : 11px;
	            color       : #000000;
	            }
