.pic_wrapper { text-align: center; height: 0px; width:100%; margin:auto; } .pic_container { display:table; text-align: center; height:1px; vertical-align: middle; width:100%; margin: 0 auto; overflow-y: hidden; // hide vertical overflow-x: hidden; } .pic_prev{ background-image: url(///style/); background-repeat:no-repeat; background-position:center center; display:table-cell; height:px; width:10px; float:right; cursor: pointer; position: relative; z-index:99; } .pic_next{ background-image: url(///style/); background-repeat:no-repeat; background-position:center center; display:table-cell; height:px; width:10px; z-index:99; float:left; position: relative; cursor: pointer; } .pic_slider{ display:table-cell; height:px; width:px; overflow-y: hidden; // hide vertical overflow-x: hidden; vertical-align: bottom; text-align:center; z-index:8; } .pic_slider_left{ display:table-cell; height:px; width:30%; overflow-y: hidden; // hide vertical overflow-x: hidden; vertical-align: bottom; position: absolute; z-index:0; opacity: 0.2; } .pic_slider_right{ display:table-cell; height:px; width:30%; overflow-y: hidden; // hide vertical overflow-x: hidden; vertical-align: bottom; position: absolute; z-index:0; opacity: 0.2; } /* center each picture */ #pic_img{ display: inline-block; vertical-align: middle; text-align:center; width:px; } #pic_quote { position:absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; vertical-align:top; width:px; padding:8px; text-align:center; background-color: ; color:#ffffff; z-index:150; font-size:; opacity: 0.85; font-weight:bold; } .pic_nav a, #s7 strong { padding: 6px; border: 1px solid #ccc; background: #333333; color: #ffffff; text-decoration: none; } .pic_nav a.activeSlide { background: ; } .pic_nav a:hover { background-color: ; } .pic_nav a:focus { outline: none; } .pic_nav { margin-top:20px; line-height:40px; text-align: center; height:; } #pic_nav_tag { font-size:; } /* SPLASH PAGE VIEWER*/ /* Other container */ .contentContainer { color:#fff; font-family:sans-serif; opacity:0.8; padding:20px; margin-top:20px; } /* Center my loader */ #maximage { display:none; margin-top:140px; } /*I want to style my pager*/ #cycle-nav { float:right; position:fixed; right:20px; bottom:20px; padding:10px; padding-top:2px; padding-bottom:2px; margin-bottom:20px; background:#555555; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } #cycle-nav ul { list-style-type:none; } #cycle-nav ul li { border:2px solid #cccccc; float:left; margin:4px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #cycle-nav ul li a { background:#cccccc; float:right; height:15px; margin:4px; width:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #cycle-nav ul li.activeSlide { border:2px solid #B2D630; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pic_wrapper_wide { text-align: center; height: 700px; width:100%; margin:auto; } .pic_container_wide { display:table; text-align: center; height:601px; width:820px; margin: 0 auto; overflow-y: hidden; // hide vertical overflow-x: hidden; } .pic_prev_wide{ background-image: url(///style/); background-repeat:no-repeat; background-position:center center; display:table-cell; height:600px; width:10px; z-index:99; cursor: pointer; } .pic_next_wide{ background-image: url(///style/); background-repeat:no-repeat; background-position:center center; display:table-cell; height:600px; width:10px; z-index:99; cursor: pointer; } .pic_slider_wide{ display:table-cell; height:600px; width:800px; overflow-y: hidden; // hide vertical overflow-x: hidden; vertical-align: bottom; z-index:8; }