/**
 * Dynamic display block module template:vsd-naiant-60l-B4-700 - Cascading Style Sheet 
 * (c) Copyright Phelsa Information Technology, 2010. All rights reserved.
 * Version 1.1 (17-FEB-2010) 
 */ 
/*
********************* container **********************
container width                                                                                       = 648px
container-inner width = container width                                                               = 648px

********************* slider **********************
slider width          =  container-inner width - custom-pager-item width  = 700 - 144                 = 515px
slider inner height                                                                                   = 356px

********************* slide **********************
slide-inner img height = slider height                                                                = 356px
slide-inner img width  = slider width                                                                 = 515px

********************* slide text **********************
slide-text-horizontal height =                                                                        = 100px
slide-text-horizontal width  = slider-inner img width                                                 = 515px
slide-text-vertical height   = slider inner height                                                    = 356px
slide-text-vertical width    =                                                                        = 200px
slide-text-inner-horizontal height = slide-text-horizontal height - (2 x 10) padding = 100 - 20       =  80px
slide-text-inner-vertical height   = slide-text-vertical height - (2 x 10) padding   = 356 - 20       = 330px

********************* slide text - title **********************
slide-title-horizontal width       = slide-text-horizontal width - (2 x 10) padding  = 556 - 20       = 536px

********************* slide text - body **********************
slide-body-vertical width          = slide-text-vertical width - (2 x 10) padding    = 200 - 20       = 180px
slide-body-horizontal width        = slide-text-horizontal width - 25 - 120 (button) = 556 - 145      = 411px

********************* scrollable pager **********************
scrollable-pager-vertical height    = slider height                                                   = 356px
scrollable-pager-vertical width     = pager width                                                     = 133px
scrollable pager height             = slider height                                                   = 356px
scrollable pager width              = pager width                                                     = 133px
scrollable pager items img width    = scrollable-pager-vertical                                       = 134px  
scrollable pager items img height   = (height - spacing - border) / 4 = (356-12-16) / 4    = 328 /4   =  84px
scrollable pager items a.pager-link = scrollable pager items img height                               =  84px
scrollable pager items a.pager-link = scrollable pager items img width                                = 134px


********************* previous next pager on slide **********************
prev-container-left                = pager width + spacing                           = 144 + 5        = 149px
prev-container-right               = spacing                                                          = 5px
next-container-left                = slider width - image width                      = 700 - 50       = 650px
next-container-right               = slider width - pager width - image width - sp   = 700 - 144 - 55 = 501px

********************* previous next pager in pager **********************
prev-next-pager width = slider width                                                                  = 515px
pager count position  =  (slider width / 2) - 23                     = (556 / 2) - 23     = 278 - 23  = 255px
*/
/********************* container **********************/  
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.container {
    width:648px;
    border:1px solid grey;
    }
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.container-inner{height:356px;width:648px;}
/********************* slider **********************/
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slider{width:515px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slider-inner{height:356px;}
/********************* slide **********************/
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slide-inner img{height:356px;width:515px;}
/********************* slide text **********************/
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slide-text-horizontal{height:auto;width:515px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slide-text-vertical{height:356px;width:200px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slide-text-inner-horizontal{height:auto;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slide-text-inner-vertical{height:330px;}
/********************* slide text - title **********************/
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slide-title-horizontal{width:495px;}
.slide-title-inner h2 {
    background: none; 
    border: none;     
    
    }
    
    
.slide-title-inner h2 a:link, .slide-title-inner h2 a:active, .slide-title-inner h2 a:visited {
  color: #ffffff;
  font-size: 36px;
  line-height: normal;
  font-family: Arial;
  font-weight: bold;
}

.slide-text-vertical .slide-title-inner h2 a:link, .slide-text-vertical .slide-title-inner h2 a:active, .slide-text-vertical .slide-title-inner h2 a:visited {
  color: #ffffff;
  font-size: 26px;
  line-height: 150%;
  font-family: Arial;
  font-weight: bold;
}

div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slide-title-vertical{width:180px;}
/********************* slide text - body **********************/
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slide-body-vertical{width:180px;}

div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.slide-body-horizontal {
    width:411px;
    font-size: 1.5em;  
    }
.slide-body-inner a:link, .slide-body-inner a:active, .slide-body-inner a:visited {
 color: #ffffff;  
 text-decoration: none; 
} 

/********************* scrollable pager **********************/
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.scrollable-pager-vertical{height:356px;width:133px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.vsd-scrollable-pager {height:356px;width:133px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.vsd-scrollable-pager div.items img{height:84px;width:134px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.vsd-scrollable-pager div.items a.pager-link{height:84px;width:134px;}
/********************* previous next pager on slide **********************/
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.prev-container-left{left:149px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.prev-container-right{left:5px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.next-container-left{left:650px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.next-container-right{left:501px;}
/********************* previous next pager in pager **********************/
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.prev-next-pager{width:515px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.prev-next-pager a.prev{left:15px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.prev-next-pager a.count{left:255px;}
div.views-slideshow-ddblock-cycle-vsd-naiant-60l-B4 div.prev-next-pager a.next{right:15px;}