/* Common */ #DreamSlider-688 * {border:0;outline:0;font-size:100%;line-height:1.2em;vertical-align:baseline;background:transparent;margin:0;padding:0} #DreamSlider-688 .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden} #DreamSlider-688 ol, #DreamSlider-688 ul {list-style:none} #DreamSlider-688 li {list-style-type:none!important} #DreamSlider-688 a:link {text-decoration:none;outline:none;cursor: pointer;} #DreamSlider-688 a:visited {text-decoration:none} #DreamSlider-688 .Navigator-Setting {display:none;} #DreamSlider-688 h3:link {cursor: pointer;} /* Container */ #DreamSlider-688 {width:984px/*+30+8*/;position:relative; margin-bottom:20px; margin-top:-10px;} #DreamSlider-688 .container-outer {width:976px/*+30*/;margin:0 auto;position:relative;} #DreamSlider-688 .container-top {width: 100%;} #DreamSlider-688 .container-top .top-left, #DreamSlider-688 .container-top .top-right, #DreamSlider-688 .container-top .top-center {background-image: url('images/border.png');height: 15px;} #DreamSlider-688 .container-top .top-left {background-position:0px 0px;background-repeat:no-repeat;} #DreamSlider-688 .container-top .top-right {background-position:100% -17px;background-repeat:no-repeat;padding: 0px 15px 0px 15px;} #DreamSlider-688 .container-top .top-center {background-position:0px -34px;background-repeat:repeat-x;} #DreamSlider-688 .container-middle {width:100%;} #DreamSlider-688 .container-middle .middle-left {background: url('images/sideborder-left.png') repeat-y 0px 0px;} #DreamSlider-688 .container-middle .middle-right {background: url('images/sideborder-right.png') repeat-y 100% 0px;padding: 0px 15px 0px 15px;} #DreamSlider-688 .container-middle .middle-center {position:relative;background-color:#ffffff;overflow:hidden;} #DreamSlider-688 .container-bottom {width: 100%;} #DreamSlider-688 .container-bottom .bottom-left, #DreamSlider-688 .container-bottom .bottom-right, #DreamSlider-688 .container-bottom .bottom-center {background-image: url('images/border.png');height: 15px;} #DreamSlider-688 .container-bottom .bottom-left {background-position:0px -51px;background-repeat:no-repeat;} #DreamSlider-688 .container-bottom .bottom-right {background-position:100% -68px;background-repeat:no-repeat;padding: 0px 15px 0px 15px;} #DreamSlider-688 .container-bottom .bottom-center {background-position:0px -85px;background-repeat:repeat-x;} /* Slides */ #DreamSlider-688 .slide-wrapper {width:946px;height:340px;position:relative;margin:0px 0px;overflow:hidden;} #DreamSlider-688 .slide-wrapper .DS-slide {} /* Introtext */ #DreamSlider-688 .introtext {width:333px;height:340px;position:absolute;right:0px;top:0px;color:#ffffff;z-index:3;overflow:hidden;} #DreamSlider-688 .introtext li {border:0px;} #DreamSlider-688 .DS-IntroText .intro-item {padding:30px 15px 25px 15px;} #DreamSlider-688 .DS-IntroText div {padding:0px 5px} #DreamSlider-688 .DS-IntroText .intro-item .intro-title {font-family: Cambria, Arial, Tahoma, Verdana, Trebuchet, sans-serif;font-size:32px;font-weight:bold;cursor:pointer;color:#ff5a00 !important;} #DreamSlider-688 .DS-IntroText .intro-item .intro-title a { font-family: Cambria, Arial, Tahoma, Verdana, Trebuchet, sans-serif; font-size: 30px; font-weight: bold; cursor: pointer; color: #CCCCCC !important; text-decoration: none; } #DreamSlider-688 .DS-IntroText .intro-item .intro-title a:hover {text-decoration:underline;color:#FFF !important;cursor:pointer;} #DreamSlider-688 .DS-IntroText .intro-item .intro-description {font-family:Arial, Tahoma, Verdana, Trebuchet, sans-serif;font-size:12px;line-height:1.7em;color:#e1e1e1;padding:5px; text-align:justify;} #DreamSlider-688 .DS-IntroText .intro-item .intro-description h3 { font-weight:normal;font-family:Arial, Tahoma, Verdana, Trebuchet, sans-serif;font-size:12px;line-height:1.7em;color:#e1e1e1;padding:5px; text-align:justify;} #DreamSlider-688 .DS-IntroText .intro-item .intro-description h3 a { text-decoration:none; font-weight:normal;font-family:Arial, Tahoma, Verdana, Trebuchet, sans-serif;font-size:12px;line-height:1.7em;color:#e1e1e1;padding:5px; text-align:justify;} /* ProgressBar */ #DreamSlider-688 .DS-ProgressBar {width:70px;height:1px;background:none;border:solid 1px #000000;position:absolute;left:12px;top:12px;display:block;text-align:left;z-index:4;} #DreamSlider-688 .DS-ProgressBar div {background-color:#000000;width:100%;height:100%;display:block} /* Slider Loading */ #DreamSlider-688 .DS-Loading {width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:6;background:#fff url('images/loading.gif') no-repeat center;} /* Slide Loading*/ #DreamSlider-688 .DS-slideLoading {width:72px;position:absolute;left:16px;top:12px;background:url('images/loading-90.gif') no-repeat left;float:left;z-index:4;overflow:hidden;} /* Controller I */ #DreamSlider-688 .Controller-I {background:url('Images/control-bg.png') no-repeat;width:136px;height:27px;position:absolute;left:13px;bottom:11px;z-index:5;} #DreamSlider-688 .Controller-I .DS-Previous, #DreamSlider-688 .Controller-I .DS-Backward, #DreamSlider-688 .Controller-I .DS-Play, #DreamSlider-688 .Controller-I .DS-Pause, #DreamSlider-688 .Controller-I .DS-Forward, #DreamSlider-688 .Controller-I .DS-Next {background-image:url('images/controller-arrows.png');background-repeat:no-repeat;width:19px;height:20px;margin:2px 0px;display:block;float:left;cursor:pointer} #DreamSlider-688 .Controller-I .DS-Previous {background-position:0px 0px;} #DreamSlider-688 .Controller-I .DS-Previous:hover {background-position:0px -20px;} #DreamSlider-688 .Controller-I .DS-Backward {background-position:-17px 0px;} #DreamSlider-688 .Controller-I .DS-Backward:hover {background-position:-17px -20px;} #DreamSlider-688 .Controller-I .DS-Play {background-position:-34px 0px;} #DreamSlider-688 .Controller-I .DS-Play:hover {background-position:-34px -20px;} #DreamSlider-688 .Controller-I .DS-Pause {background-position:-51px 0px;} #DreamSlider-688 .Controller-I .DS-Pause:hover {background-position:-51px -20px;} #DreamSlider-688 .Controller-I .DS-Forward {background-position:-68px 0px;} #DreamSlider-688 .Controller-I .DS-Forward:hover {background-position:-68px -20px;} #DreamSlider-688 .Controller-I .DS-Next {background-position:-85px 0px;} #DreamSlider-688 .Controller-I .DS-Next:hover {background-position:-85px -20px;} /* Navigator I */ #DreamSlider-688 .nav-wrapper-I {position:absolute;right:28px;bottom:15px;height:13px;} #DreamSlider-688 .navigator-I {position:relative;right:0;bottom:0;z-index:3;top:0;} #DreamSlider-688 .navigator-I ul {} #DreamSlider-688 .navigator-I ul li {background: transparent url('Images/navigator-I.png') no-repeat 0 0;width:11px;height:11px;margin:1px;cursor:pointer;display:block;float:left;text-align:center;} #DreamSlider-688 .navigator-I ul li.nav-active-I {background: transparent url('Images/navigator-I.png') no-repeat -22px 0;} #DreamSlider-688 .navigator-I ul li.nav-inactive-I {} #DreamSlider-688 .navigator-I ul li:hover {background: transparent url('Images/navigator-I.png') no-repeat -11px 0;} /* Controller I */ #DreamSlider-688 .controller-I .DS-Next, #DreamSlider-688 .controller-I .DS-Previous {position:absolute;top:50%;background-image:url('images/arrows.png')!important;background-repeat:no-repeat;width:40px;height:77px;margin:-39px 0px 0px 0px;z-index:4;cursor:pointer;} #DreamSlider-688 .controller-I .DS-Next {background-position:100% 0px;right:-4px;left:auto;} #DreamSlider-688 .controller-I .DS-Previous {background-position:0 0px;left:-4px;right:auto;} #DreamSlider-688 .controller-I .DS-Next:hover {} #DreamSlider-688 .controller-I .DS-Previous:hover {} /* Controller I */ #DreamSlider-688 .Controller-II {background-image:url('Images/control-bg.png');width:136px;height:27px;position:absolute;left:13px;bottom:11px;z-index:5;} #DreamSlider-688 .Controller-II .DS-Previous, #DreamSlider-688 .Controller-II .DS-Backward, #DreamSlider-688 .Controller-II .DS-Play, #DreamSlider-688 .Controller-II .DS-Pause, #DreamSlider-688 .Controller-II .DS-Forward, #DreamSlider-688 .Controller-II .DS-Next {background-image:url('images/controller-arrows.png');background-repeat:no-repeat;width:25px;height:18px;margin:4px 0px;display:block;float:left;cursor:pointer} #DreamSlider-688 .Controller-II .DS-Previous {background-position:0px 0px;} #DreamSlider-688 .Controller-II .DS-Previous:hover {background-position:0px -18px;} #DreamSlider-688 .Controller-II .DS-Backward {background-position:-25px 0px;} #DreamSlider-688 .Controller-II .DS-Backward:hover {background-position:-25px -18px;} #DreamSlider-688 .Controller-II .DS-Play {background-position:-50px 0px;} #DreamSlider-688 .Controller-II .DS-Play:hover {background-position:-50px -18px;} #DreamSlider-688 .Controller-II .DS-Pause {background-position:-75px 0px;} #DreamSlider-688 .Controller-II .DS-Pause:hover {background-position:-75px -18px;} #DreamSlider-688 .Controller-II .DS-Forward {background-position:-100px 0px;} #DreamSlider-688 .Controller-II .DS-Forward:hover {background-position:-100px -18px;} #DreamSlider-688 .Controller-II .DS-Next {background-position:-125px 0px;} #DreamSlider-688 .Controller-II .DS-Next:hover {background-position:-125px -18px;} /* Main Navigator */ #DreamSlider-688 .DS-MainNavigator {} #DreamSlider-688 .DS-MainNavigator .DS-MainPause, #DreamSlider-688 .DS-MainNavigator .DS-MainPlay, #DreamSlider-688 .DS-MainNavigator .DS-MainPrevious, #DreamSlider-688 .DS-MainNavigator .DS-MainNext {background-image:url('images/MainNavigator.png');background-repeat:no-repeat;width:50px;height:50px;position:absolute;cursor:pointer;display:block;z-index:3;} #DreamSlider-688 .DS-MainNavigator .up {background-position:0px 0px;top:0px;left:33%;margin:0px 0px 0px -26px;} #DreamSlider-688 .DS-MainNavigator .up:hover {} #DreamSlider-688 .DS-MainNavigator .down {background-position:-50px 0px;bottom:0px;left:32%;margin:0px 0px 0px -26px;} #DreamSlider-688 .DS-MainNavigator .down:hover {} #DreamSlider-688 .DS-MainNavigator .left {background-position:-100px 0px;top:50%;left:5px;margin:-25px 0px 0px 0px;} #DreamSlider-688 .DS-MainNavigator .left:hover {} #DreamSlider-688 .DS-MainNavigator .right {background-position:-150px 0px;top:50%;right:5px;margin:-25px 0px 0px 0px;} #DreamSlider-688 .DS-MainNavigator .right:hover {} #DreamSlider-688 .DS-MainNavigator .play {background-position:-200px 0px;top:50%;left:32%;margin:-23px 0px 0px -26px;} #DreamSlider-688 .DS-MainNavigator .play:hover {} #DreamSlider-688 .DS-MainNavigator .pause {background-position:-250px 0px;top:50%;left:32%;margin:-23px 0px 0px -26px;} #DreamSlider-688 .DS-MainNavigator .pause:hover {}