#divSeatingPlan
        {
            float: left;
            width: 186px;
            padding-left: 8px;
        }
        #seatingPlanHeading
        {
            float: left;
            height: 50px;
            width: 186px;
            line-height: 50px;
            background: transparent url(../../images/title-bg.gif) no-repeat left bottom;
        }
        #seatingPlanHeading a, #seatingPlanHeading a:link, #seatingPlanHeading a:visited
        {
            color: #446C93;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 18px;
            padding-left: 12px;
            text-decoration: none;
        }
        #seatingPlanHeading a:hover
        {
            color: #CF743B;
            background-color: #282828;
            padding-right: 12px;
            padding-bottom: 5px;
            padding-top: 5px;
        }
        .theatres
        {
            left: 0;
            position: relative;
            top: 0;
            vertical-align: bottom;
            z-index: 0;
            
            clear: left;
            height: 50px;
            background-color: #282828;
            overflow: hidden;
        }
        .theatres a
        {
            width: 150px;
            padding: 10px 18px 0;
            text-align: center;
            vertical-align: middle;
            
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #FFFFFF;
            text-decoration: none;
            
            display:block;
            background-color: #282828;
        }
        .theatres a span
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #cf743b;
            text-decoration: none;
            
            display:block;
        }
        
        
        
       
.next-prev-buttons
{
    clear: left; position: relative; height: auto; width: 186px;
} 
.PrevLink
{
    background: transparent url(../../images/banner/leftarrow.png) no-repeat scroll center 45%;
    left: 0px;
}
.NextLink
{
    background: transparent url(../../images/banner/rightarrow.png) no-repeat scroll center 45%;
    right: 0px;
}
a.PrevLink, a.NextLink
{
    outline: none;
    height: 100%;
    width: 18px;
    position: absolute;
    top: 0px;
    text-indent: -9999px;
    border: none 0px transparent;
    
    filter: alpha(opacity=20);      /*It is known to internet explorer*/
    opacity: 0.2;                   /*It is know to firefox*/
}
:hover.PrevLink, :hover.NextLink
{
    filter: alpha(opacity=100);     /*It is known to internet explorer*/
    opacity: 1;                     /*It is know to firefox*/
}