/**
 * Dynamic display block module template:sidebyside60p-size-940 - Cascading Style Sheet
 * (c) Copyright Phelsa Information Technology, 2012. All rights reserved.
 * Version 1.0 ( 15-JUN-2012 )
 * License: Single usage
 */
/*
********************* container **********************
container width                                                                                        = 940px
container-inner width               = container width                                                  = 940px
********************* slider **********************
slider width                        = container-inner width                                            = 940px
slider inner height                 = slide-inner image height                                         = 470px
********************* slide **********************
slide-inner img width               = 2/3 * (container-inner width)                                    = 627px
slide-inner img height              = 3/4 * (slide-inner img width)                                    = 470px
********************* slide text **********************
slide-text height                   = slide-inner img height - pager summary height                    = 420px
slide-text width                    = 1/3 * (container-inner width)                                    = 313px
slide-text-inner height             = slide-text height                                                = 420px
slide-text-inner width              = slide-text width  - 20px                                         = 293px
********************* pager summary **********************
pager summary width                 = 1/3 * (container-inner width)                                    = 313px
********************* slide text - title **********************
slide-title width                   = slide-text-inner width                                           = 293px
********************* slide text - body **********************
slide-body width                    = slide-text-inner width                                           = 293px
********************* scrollable pager **********************
scrollable pager width              = dynamically changes depending on number of pager items
scrollable pager item width         = 29px (27px width + 2px margin-right)
********************* previous next pager on slide **********************
prev-container left                 = (slide-text width / 2) - 35px                                    = 122px
next-container left                 = (slide-text width / 2) + 35px - pager next width                 = 185px
*/
/******************** container **********************/
div.ddblock-cycle-sidebyside60p div.container{width:960px;}
div.ddblock-cycle-sidebyside60p div.container-inner{width:960px;}
/********************* slider **********************/
div.ddblock-cycle-sidebyside60p div.slider{width:960px;}
div.ddblock-cycle-sidebyside60p div.slider-inner{height:286px; width:960px;}
/********************* slide **********************/
div.ddblock-cycle-sidebyside60p div.slide {width:100%!important}
div.ddblock-cycle-sidebyside60p div.slide-inner img{height:256px;width:640px;}
div.ddblock-cycle-sidebyside60p div.slide-inner-vertical-left img{margin-left:320px;}
/********************* slide text **********************/
div.ddblock-cycle-sidebyside60p div.slide-text {width:295px;}
div.ddblock-cycle-sidebyside60p div.slide-text-inner {height:220px;width: 290px;}
/********************* slide text - title **********************/
div.ddblock-cycle-sidebyside60p div.slide-title h2 { font-size: 24px;}
div.ddblock-cycle-sidebyside60p div.slide-title h2 a{ font-size: 24px;}
/********************* slide text - body **********************/
div.ddblock-cycle-sidebyside60p div.slide-body{width:290px;}
div.ddblock-cycle-sidebyside60p div.slide-body-inner p{font-size:18px;}
div.ddblock-cycle-sidebyside60p div.slide-read-more{width: 120px;}
/********************* previous next pager on slide **********************/
div.ddblock-cycle-sidebyside60p div.prev-container{left:122px;}
div.ddblock-cycle-sidebyside60p div.next-container{left:185px;}
/* ********************* pager summary ********************** */
div.ddblock-cycle-sidebyside60p div.pager-summary{width:320px;}