﻿<style type="text/css" media="screen">
        body
        {
            font-family: Tahoma;
        }
        #slider
        {
            width: 410px; /* important to be same as image width */
            height: 300px; /* important to be same as image height */
            position: relative; /* important */
            overflow: hidden; /* important */
        }
        #slider1
        {
            height: 240px; /* important to be same as image height */
            position: relative; /* important */
            overflow: hidden; /* important */
        }
        #slider1 img
        {
            width: 560px; /* important to be same as image width */
            height: 240px; /* important to be same as image height */
            position: relative; /* important */
            overflow: hidden; /* important */
            border: 0;
        }
        #sliderContent, #slider1Content
        {
            width: 560px; /* important to be same as image width or wider */
            position: absolute;
            top: 0;
            margin-left: 0;
            padding: 0;
        }
        .sliderImage, .slider1Image
        {
            float: left;
            position: relative;
            display: none;
        }
        .sliderImage span
        {
            position: absolute;
            font: 10px/15px Arial, Helvetica, sans-serif;
            padding: 10px 13px;
            width: 384px;
            background-color: #000;
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7;
            color: #fff;
            display: none;
        }
        .slider1Image span
        {
            position: absolute;
            font: 10px/15px Arial, Helvetica, sans-serif;
            padding: 5px 13px;
            width: 536px;
            background-color: #000;
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7;
            color: #fff;
            display: none;
            font-family: tahoma;
        }
        .clear
        {
            clear: both;
        }
        .sliderImage span strong, .slider1Image span strong
        {
            font-size: 14px;
            font-family: tahoma;
            line-height:25px;
        }
        .top
        {
            top: 0;
            left: 0;
        }
        .bottom
        {
            bottom: 0;
            left: 0;
            font-family: tahoma;
            height: 60px;
            direction: rtl;
        }
        .left
        {
            top: 0;
            left: 0;
            width: 110px !important;
            height: 280px;
        }
        .right
        {
            right: 0;
            bottom: 0;
            width: 90px !important;
            height: 290px;
        }
        ul
        {
            list-style-type: none;
        }
    </style>
