/**
 * Dynamic display block module template:horizon60lS4-700 - Cascading Style Sheet 
 * (c) Copyright Phelsa Information Technology, 2011. All rights reserved.
 * Version 1.1 (09-DEC-2011) 
 * Licence: single usage
 */ 
/*
********************* container **********************
container width                                                                                        = 700px
container-inner width               = container width                                                  = 700px

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

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

********************* slide text **********************
slide-text-horizontal height        =                                                                  = 100px
slide-text-horizontal width         = slider-inner img width                                           = 556px
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       = 336px

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

********************* 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 - pager = 356 - 36                                 = 320px
scrollable-pager-vertical width     = pager width                                                      = 144px
scrollable pager height             = slider height - pager = 356 - 36                                 = 320px
scrollable pager width              = pager width                                                      = 144px
scrollable pager items a.pager-link = slider height - 8  / 4 = 320 - 8 / 4 = 312 / 4                   =  78px
scrollable pager items a.pager-link = scrollable pager width                                           = 134px  
scrollable pager items img width    = pager items img width (ratio 3:2)                                = 134px
scrollable pager items img height   = pager items img height                                           =  78px

********************* 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 = 506px
*/
/********************* container **********************/  
div.ddblock-cycle-horizon60lS4 div.container{width:700px;}
div.ddblock-cycle-horizon60lS4 div.container-inner{height:356px;width:700px;}
/********************* slider **********************/
div.ddblock-cycle-horizon60lS4 div.slider{width:556px;}
div.ddblock-cycle-horizon60lS4 div.slider-inner{height:356px;}
/********************* slide **********************/
div.ddblock-cycle-horizon60lS4 div.slide-inner {height:356px;width:556px;}
div.ddblock-cycle-horizon60lS4 div.slide-inner img{height:356px;width:556px;}
/********************* slide text **********************/
div.ddblock-cycle-horizon60lS4 div.slide-text-horizontal{height:100px;width:556px;}
div.ddblock-cycle-horizon60lS4 div.slide-text-vertical{height:356px;width:200px;}
div.ddblock-cycle-horizon60lS4 div.slide-text-inner-horizontal{height:80px;}
div.ddblock-cycle-horizon60lS4 div.slide-text-inner-vertical{height:336px;}
/********************* slide text - title **********************/
div.ddblock-cycle-horizon60lS4 div.slide-title-horizontal{width:460px;}
div.ddblock-cycle-horizon60lS4 div.slide-title-vertical{width:180px;}
/********************* slide text - body **********************/
div.ddblock-cycle-horizon60lS4 div.slide-body-vertical{width:180px;}
div.ddblock-cycle-horizon60lS4 div.slide-body-horizontal{width:411px;}
/********************* scrollable pager **********************/
div.ddblock-cycle-horizon60lS4 div.scrollable-pager-wrapper-vertical{height:356px;width:144px;}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager {height:320px;width:144px;}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager div.items a.pager-link{height:78px;width:134px;}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager div.items img{height:78px;width:134px;}
div.ddblock-cycle-horizon60lS4 div.prev-slide a,
div.ddblock-cycle-horizon60lS4 div.next-slide a{
	background:url(../images/page_nav_110px.png) 165px -18px;
	width:136px;
}  
div.ddblock-cycle-horizon60lS4 div.next-slide a{
	background-position:-30px -18px;
}
div.ddblock-cycle-horizon60lS4 div.next-slide a:hover {
	background-position:-30px 0;
}
div.ddblock-cycle-horizon60lS4 div.next-slide a.disabled {
	background-position:-30px -36px;
}

/********************* previous next pager on slide **********************/
div.ddblock-cycle-horizon60lS4 div.prev-container-left{left:149px;}
div.ddblock-cycle-horizon60lS4 div.prev-container-right{left:5px;}
div.ddblock-cycle-horizon60lS4 div.next-container-left{left:650px;}
div.ddblock-cycle-horizon60lS4 div.next-container-right{left:506px;}