/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-3-8, 23:00:06
    Author     : Admin
*/
.img{
    border: 0px;
}
.left{
    background-color: #CCC;
    float: left;
    border: 1px solid #000;
    width:400px ;
    height: 350px;
    overflow: hidden;
}
.right{
    background-color: #CCC;
    float: right;
    border: 1px solid #000;
    width:400px ;
    height: 350px;
    overflow: hidden;
}
/*large image area*/
.main-slider{
    background-color: #CCC;
    border: 1px solid #000;
    width:available ;
    height: 350px;
    overflow: hidden;
    
}

.main-slider .slider-large-image {
    float: left;
    width:500px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}
.main-slider .slider-large-image .large-image {   
    width:500px;
    height: 300px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: 5px;
    
}
.main-slider .slider-large-image .info-area {
    float: left;
    background-color: #414141;
    width:500px;
    height: 35px;
    overflow: hidden;    
    margin-left: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.main-slider .slider-large-image .info-area a{
    color: #FFF;
    text-decoration: none;
    font-size: 20px;
    
}
.main-slider .slider-large-image .info-area a:hover{
    color: crimson;
    text-decoration: underline;
    text-decoration-color: red;
}
/*side bar*/
.main-slider .slider-sidebar{
    float: right;   
    overflow: hidden;    
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 5px; 
}
.main-slider .slider-sidebar .image1, .image2, .image3, .image4 {
    clear: right;
    cursor: pointer;
     margin-top: 5px;
    
}