/* ui.core.css */ .ui-helper-hidden{display:none;} .ui-helper-hidden-accessible{position:absolute;left:-99999999px;} .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;} .ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .ui-helper-clearfix{display:inline-block;} * html .ui-helper-clearfix{height:1%;} .ui-helper-clearfix{display:block;} .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);} .ui-state-disabled{cursor:default !important;} .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;} .ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;} /* ui.slider.css */ .ui-slider{position:relative;text-align:left;} .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;} .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;} .ui-slider-horizontal{height:.8em;} .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;} .ui-slider-horizontal .ui-slider-range{top:0;height:100%;} .ui-slider-horizontal .ui-slider-range-min{left:0;} .ui-slider-horizontal .ui-slider-range-max{right:0;} .ui-slider-vertical{width:.8em;height:100px;} .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;} .ui-slider-vertical .ui-slider-range{left:0;width:100%;} .ui-slider-vertical .ui-slider-range-min{bottom:0;} .ui-slider-vertical .ui-slider-range-max{top:0;} /* ui.theme.css */ .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;} .ui-widget-content{border:1px solid #aaaaaa;background:#ffffff url(http://img.routerboard.com/jsimages/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222222;} .ui-widget-content a{color:#222222;} .ui-widget-header{border:1px solid #aaaaaa;background:#cccccc url(http://img.routerboard.com/rb_sprite1.png)/*ui-bg_highlight-soft_75_cccccc_1x100*/ 50% 50% repeat-x;background-position:103px -882px;color:#222222;font-weight:bold;} .ui-widget-header a{color:#222222;} .ui-state-default, .ui-widget-content .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(http://img.routerboard.com/rb_sprite1.png)/*ui-bg_glass_75_e6e6e6_1x400*/ 50% 50% repeat-x;background-position:9px -1148px;font-weight:normal;color:#555555;outline:none;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#555555;text-decoration:none;outline:none;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{border:1px solid #999999;background:#dadada url(http://img.routerboard.com/jsimages/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121;outline:none;} .ui-state-hover a, .ui-state-hover a:hover{color:#212121;text-decoration:none;outline:none;} .ui-state-active, .ui-widget-content .ui-state-active{border:1px solid #aaaaaa;background:#ffffff url(http://img.routerboard.com/jsimages/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121;outline:none;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#212121;outline:none;text-decoration:none;} .ui-state-highlight, .ui-widget-content .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(http://img.routerboard.com/jsimages/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636;} .ui-state-highlight a, .ui-widget-content .ui-state-highlight a{color:#363636;} .ui-state-error, .ui-widget-content .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(http://img.routerboard.com/jsimages/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a;} .ui-state-error a, .ui-widget-content .ui-state-error a{color:#cd0a0a;} .ui-state-error-text, .ui-widget-content .ui-state-error-text{color:#cd0a0a;} .ui-state-disabled, .ui-widget-content .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;} .ui-priority-primary, .ui-widget-content .ui-priority-primary{font-weight:bold;} .ui-priority-secondary, .ui-widget-content .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;} .ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(http://img.routerboard.com/jsimages/ui-icons_222222_256x240.png);} .ui-icon{width:16px;height:16px;} .ui-state-default .ui-icon {background-image:url(http://img.routerboard.com/jsimages/ui-icons_888888_256x240.png);} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon{background-image:url(http://img.routerboard.com/jsimages/ui-icons_454545_256x240.png);} .ui-state-active .ui-icon{background-image:url(http://img.routerboard.com/jsimages/ui-icons_454545_256x240.png);} .ui-state-highlight .ui-icon{background-image:url(http://img.routerboard.com/jsimages/ui-icons_2e83ff_256x240.png);} .ui-state-error .ui-icon, .ui-state-error-text .ui-icon{background-image:url(http://img.routerboard.com/jsimages/ui-icons_cd0a0a_256x240.png);} .ui-icon-carat-1-n{background-position:0 0;} .ui-icon-carat-1-ne{background-position:-16px 0;} .ui-icon-carat-1-e{background-position:-32px 0;} .ui-icon-carat-1-se{background-position:-48px 0;} .ui-icon-carat-1-s{background-position:-64px 0;} .ui-icon-carat-1-sw{background-position:-80px 0;} .ui-icon-carat-1-w{background-position:-96px 0;} .ui-icon-carat-1-nw{background-position:-112px 0;} .ui-icon-carat-2-n-s{background-position:-128px 0;} .ui-icon-carat-2-e-w{background-position:-144px 0;} .ui-icon-triangle-1-n{background-position:0 -16px;} .ui-icon-triangle-1-ne{background-position:-16px -16px;} .ui-icon-triangle-1-e{background-position:-32px -16px;} .ui-icon-triangle-1-se{background-position:-48px -16px;} .ui-icon-triangle-1-s{background-position:-64px -16px;} .ui-icon-triangle-1-sw{background-position:-80px -16px;} .ui-icon-triangle-1-w{background-position:-96px -16px;} .ui-icon-triangle-1-nw{background-position:-112px -16px;} .ui-icon-triangle-2-n-s{background-position:-128px -16px;} .ui-icon-triangle-2-e-w{background-position:-144px -16px;} .ui-icon-arrow-1-n{background-position:0 -32px;} .ui-icon-arrow-1-ne{background-position:-16px -32px;} .ui-icon-arrow-1-e{background-position:-32px -32px;} .ui-icon-arrow-1-se{background-position:-48px -32px;} .ui-icon-arrow-1-s{background-position:-64px -32px;} .ui-icon-arrow-1-sw{background-position:-80px -32px;} .ui-icon-arrow-1-w{background-position:-96px -32px;} .ui-icon-arrow-1-nw{background-position:-112px -32px;} .ui-icon-arrow-2-n-s{background-position:-128px -32px;} .ui-icon-arrow-2-ne-sw{background-position:-144px -32px;} .ui-icon-arrow-2-e-w{background-position:-160px -32px;} .ui-icon-arrow-2-se-nw{background-position:-176px -32px;} .ui-icon-arrowstop-1-n{background-position:-192px -32px;} .ui-icon-arrowstop-1-e{background-position:-208px -32px;} .ui-icon-arrowstop-1-s{background-position:-224px -32px;} .ui-icon-arrowstop-1-w{background-position:-240px -32px;} .ui-icon-arrowthick-1-n{background-position:0 -48px;} .ui-icon-arrowthick-1-ne{background-position:-16px -48px;} .ui-icon-arrowthick-1-e{background-position:-32px -48px;} .ui-icon-arrowthick-1-se{background-position:-48px -48px;} .ui-icon-arrowthick-1-s{background-position:-64px -48px;} .ui-icon-arrowthick-1-sw{background-position:-80px -48px;} .ui-icon-arrowthick-1-w{background-position:-96px -48px;} .ui-icon-arrowthick-1-nw{background-position:-112px -48px;} .ui-icon-arrowthick-2-n-s{background-position:-128px -48px;} .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;} .ui-icon-arrowthick-2-e-w{background-position:-160px -48px;} .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;} .ui-icon-arrowthickstop-1-n{background-position:-192px -48px;} .ui-icon-arrowthickstop-1-e{background-position:-208px -48px;} .ui-icon-arrowthickstop-1-s{background-position:-224px -48px;} .ui-icon-arrowthickstop-1-w{background-position:-240px -48px;} .ui-icon-arrowreturnthick-1-w{background-position:0 -64px;} .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;} .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;} .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;} .ui-icon-arrowreturn-1-w{background-position:-64px -64px;} .ui-icon-arrowreturn-1-n{background-position:-80px -64px;} .ui-icon-arrowreturn-1-e{background-position:-96px -64px;} .ui-icon-arrowreturn-1-s{background-position:-112px -64px;} .ui-icon-arrowrefresh-1-w{background-position:-128px -64px;} .ui-icon-arrowrefresh-1-n{background-position:-144px -64px;} .ui-icon-arrowrefresh-1-e{background-position:-160px -64px;} .ui-icon-arrowrefresh-1-s{background-position:-176px -64px;} .ui-icon-arrow-4{background-position:0 -80px;} .ui-icon-arrow-4-diag{background-position:-16px -80px;} .ui-icon-extlink{background-position:-32px -80px;} .ui-icon-newwin{background-position:-48px -80px;} .ui-icon-refresh{background-position:-64px -80px;} .ui-icon-shuffle{background-position:-80px -80px;} .ui-icon-transfer-e-w{background-position:-96px -80px;} .ui-icon-transferthick-e-w{background-position:-112px -80px;} .ui-icon-folder-collapsed{background-position:0 -96px;} .ui-icon-folder-open{background-position:-16px -96px;} .ui-icon-document{background-position:-32px -96px;} .ui-icon-document-b{background-position:-48px -96px;} .ui-icon-note{background-position:-64px -96px;} .ui-icon-mail-closed{background-position:-80px -96px;} .ui-icon-mail-open{background-position:-96px -96px;} .ui-icon-suitcase{background-position:-112px -96px;} .ui-icon-comment{background-position:-128px -96px;} .ui-icon-person{background-position:-144px -96px;} .ui-icon-print{background-position:-160px -96px;} .ui-icon-trash{background-position:-176px -96px;} .ui-icon-locked{background-position:-192px -96px;} .ui-icon-unlocked{background-position:-208px -96px;} .ui-icon-bookmark{background-position:-224px -96px;} .ui-icon-tag{background-position:-240px -96px;} .ui-icon-home{background-position:0 -112px;} .ui-icon-flag{background-position:-16px -112px;} .ui-icon-calendar{background-position:-32px -112px;} .ui-icon-cart{background-position:-48px -112px;} .ui-icon-pencil{background-position:-64px -112px;} .ui-icon-clock{background-position:-80px -112px;} .ui-icon-disk{background-position:-96px -112px;} .ui-icon-calculator{background-position:-112px -112px;} .ui-icon-zoomin{background-position:-128px -112px;} .ui-icon-zoomout{background-position:-144px -112px;} .ui-icon-search{background-position:-160px -112px;} .ui-icon-wrench{background-position:-176px -112px;} .ui-icon-gear{background-position:-192px -112px;} .ui-icon-heart{background-position:-208px -112px;} .ui-icon-star{background-position:-224px -112px;} .ui-icon-link{background-position:-240px -112px;} .ui-icon-cancel{background-position:0 -128px;} .ui-icon-plus{background-position:-16px -128px;} .ui-icon-plusthick{background-position:-32px -128px;} .ui-icon-minus{background-position:-48px -128px;} .ui-icon-minusthick{background-position:-64px -128px;} .ui-icon-close{background-position:-80px -128px;} .ui-icon-closethick{background-position:-96px -128px;} .ui-icon-key{background-position:-112px -128px;} .ui-icon-lightbulb{background-position:-128px -128px;} .ui-icon-scissors{background-position:-144px -128px;} .ui-icon-clipboard{background-position:-160px -128px;} .ui-icon-copy{background-position:-176px -128px;} .ui-icon-contact{background-position:-192px -128px;} .ui-icon-image{background-position:-208px -128px;} .ui-icon-video{background-position:-224px -128px;} .ui-icon-script{background-position:-240px -128px;} .ui-icon-alert{background-position:0 -144px;} .ui-icon-info{background-position:-16px -144px;} .ui-icon-notice{background-position:-32px -144px;} .ui-icon-help{background-position:-48px -144px;} .ui-icon-check{background-position:-64px -144px;} .ui-icon-bullet{background-position:-80px -144px;} .ui-icon-radio-off{background-position:-96px -144px;} .ui-icon-radio-on{background-position:-112px -144px;} .ui-icon-pin-w{background-position:-128px -144px;} .ui-icon-pin-s{background-position:-144px -144px;} .ui-icon-play{background-position:0 -160px;} .ui-icon-pause{background-position:-16px -160px;} .ui-icon-seek-next{background-position:-32px -160px;} .ui-icon-seek-prev{background-position:-48px -160px;} .ui-icon-seek-end{background-position:-64px -160px;} .ui-icon-seek-first{background-position:-80px -160px;} .ui-icon-stop{background-position:-96px -160px;} .ui-icon-eject{background-position:-112px -160px;} .ui-icon-volume-off{background-position:-128px -160px;} .ui-icon-volume-on{background-position:-144px -160px;} .ui-icon-power{background-position:0 -176px;} .ui-icon-signal-diag{background-position:-16px -176px;} .ui-icon-signal{background-position:-32px -176px;} .ui-icon-battery-0{background-position:-48px -176px;} .ui-icon-battery-1{background-position:-64px -176px;} .ui-icon-battery-2{background-position:-80px -176px;} .ui-icon-battery-3{background-position:-96px -176px;} .ui-icon-circle-plus{background-position:0 -192px;} .ui-icon-circle-minus{background-position:-16px -192px;} .ui-icon-circle-close{background-position:-32px -192px;} .ui-icon-circle-triangle-e{background-position:-48px -192px;} .ui-icon-circle-triangle-s{background-position:-64px -192px;} .ui-icon-circle-triangle-w{background-position:-80px -192px;} .ui-icon-circle-triangle-n{background-position:-96px -192px;} .ui-icon-circle-arrow-e{background-position:-112px -192px;} .ui-icon-circle-arrow-s{background-position:-128px -192px;} .ui-icon-circle-arrow-w{background-position:-144px -192px;} .ui-icon-circle-arrow-n{background-position:-160px -192px;} .ui-icon-circle-zoomin{background-position:-176px -192px;} .ui-icon-circle-zoomout{background-position:-192px -192px;} .ui-icon-circle-check{background-position:-208px -192px;} .ui-icon-circlesmall-plus{background-position:0 -208px;} .ui-icon-circlesmall-minus{background-position:-16px -208px;} .ui-icon-circlesmall-close{background-position:-32px -208px;} .ui-icon-squaresmall-plus{background-position:-48px -208px;} .ui-icon-squaresmall-minus{background-position:-64px -208px;} .ui-icon-squaresmall-close{background-position:-80px -208px;} .ui-icon-grip-dotted-vertical{background-position:0 -224px;} .ui-icon-grip-dotted-horizontal{background-position:-16px -224px;} .ui-icon-grip-solid-vertical{background-position:-32px -224px;} .ui-icon-grip-solid-horizontal{background-position:-48px -224px;} .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;} .ui-icon-grip-diagonal-se{background-position:-80px -224px;} .ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;} .ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;} .ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;} .ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;} .ui-corner-top{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;} .ui-corner-bottom{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;} .ui-corner-right{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;} .ui-corner-left{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;} .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;} .ui-widget-overlay{background:#aaaaaa url(http://img.routerboard.com/jsimages/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);} .ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaaaaa url(http://img.routerboard.com/jsimages/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;} /* ui.radio.css */ .ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover{color:#999;} span.ui-checkbox, span.ui-radio{display:block;float:left;width:16px;height:16px;background:url(http://img.routerboard.com/jsimages/icon_checkbox.png) 0 -40px no-repeat;} span.ui-helper-hidden{display:none;} label{padding:2px;} span.ui-radio-state-hover, span.ui-checkbox-state-hover{background-position:0 -114px;} span.ui-checkbox-state-checked{background-position:0 -1px;} span.ui-checkbox-state-checked-hover{background-position:0 -75px;} span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked{background-position:0 -161px;} span.ui-radio-state-checked-hover{background-position:0 -200px;} #prduslider{padding-left:0px;} #prduslider div{float:left;height:280px;} #prduslider .img{width:360px;text-align:center;} #prduslider .txt{width:580px;text-align:justify;} /* anythingslider */ #slider{height:300px;list-style:none;margin-top:10px;overflow-y:auto;overflow-x:hidden;} .anythingBase{max-width:32766px;} div.anythingSlider {display:block;margin:0 auto;overflow:visible !important;position:relative;padding:10px 0 10px 0;} div.anythingSlider .anythingWindow{overflow:hidden;position:relative;width:100%;height:100%;} .anythingBase{background:transparent;list-style:none;position:absolute;overflow:visible !important;top:0;left:0;margin:0;padding:0;} .anythingBase .panel{background:transparent;display:block;overflow:hidden;float:left;padding:0;margin:0;} .anythingBase .panel.vertical{float:none;} div.anythingSlider .arrow{top:28px;position:absolute;display:block;} div.anythingSlider .arrow a{display:block;height:40px;margin:-20px 0 0 0;width:30px;text-align:center;outline:0;background:url(http://img.routerboard.com/spotarrows.png) no-repeat;} div.anythingSlider .arrow a span{display:block;text-indent:-9999px;} div.anythingSlider .back{left:10px;} div.anythingSlider .back a{background-position:left top;} div.anythingSlider .back a:hover,div.anythingSlider .back a.hover{background-position:left -40px;} div.anythingSlider .back.disabled{display:none;} div.anythingSlider .forward{right:10px;} div.anythingSlider .forward a{background-position:right top;} div.anythingSlider .forward a:hover,div.anythingSlider .forward a.hover{background-position:right -40px;} div.anythingSlider .forward.disabled{display:none;} /*shadowbox*/ #sb-container,#sb-wrapper{text-align:left;}#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}#sb-body-inner{position:relative;height:100%;}#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}#sb-body,#sb-loading{background-color:#FFF;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#fff;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}#sb-nav-close{background-image:url(http://img.routerboard.com/shadowbox/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(http://img.routerboard.com/shadowbox/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(http://img.routerboard.com/shadowbox/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(http://img.routerboard.com/shadowbox/play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(http://img.routerboard.com/shadowbox/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} /*new product picture slider*/ #imgthumbs{text-align:center;} .tlimg img{width:35px;height:35px;margin:10px 5px;} .2slideshow{margin-top:30px;margin-left:50px;} #largeBox{display:none;} /* #cboxOverlay{background:#aaa;z-index:9999;position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;} #colorbox{z-index:9999;background:#fff;} */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:gray;} #cboxLoadedContent{background:white;} .picturebox{display:none;} .tbstart{display:table;border-collapse:collapse;} .tbstart > div{display:table-row;} .tbstart > div > div{display:table-cell;border:1px solid black;padding:5px;} .tbstart .tbhead{font-weight:bold;} .different td{font-weight:bold;color:#008195;} /*distributors*/ .container_16{margin-left:auto;margin-right:auto;width:1024px;} .container_16 .grid_12{width:748px;} .container_16 .grid_4{width:236px;} #map_canvas{width:1144px;height:400px;background-color:rgb(229, 227, 223);overflow:hidden;margin-top:10px;margin-bottom:20px;-webkit-transform:translateZ(0);} .tooltipP{display:none;border:1px solid #CC9;padding:3px;font-size:12px;-moz-box-shadow:2px 2px 11px #666;-webkit-box-shadow:2px 2px 11px #666;} /* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:0px;height:18px;} .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 0px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog .ui-dialog-titlebar-close .ui-button-text{display:none;} /* `XHTML, HTML4, HTML5 Reset ----------------------------------------------------------------------------------------------------*/ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp{border:0;margin:0;padding:0;font-size:100%;} html,body{height:100%;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { /* Override the default (display: inline) for browsers that do not recognize HTML5 tags. IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv */ display: block; } /* Makes browsers agree. IE + Opera = font-weight: bold. Gecko + WebKit = font-weight: bolder. */ b,strong{font-weight:bold;} img{color:transparent;font-size:0;vertical-align:middle; /* For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images */ -ms-interpolation-mode: bicubic; } ul{list-style:none;} li { /* For IE6 + IE7: "display: list-item" keeps bullets from disappearing if hasLayout is triggered. */ display: list-item; } table{border-collapse:collapse;border-spacing:0;} th,td,caption{font-weight:normal;vertical-align:top;text-align:left;} q{quotes:none;} q:before,q:after{content:"";content:none;} sub,sup,small{font-size:75%;} sub,sup{line-height:0;position:relative;vertical-align:baseline;} sub{bottom:-0.25em;} sup{top:-0.5em;} /* For IE9. Without, occasionally draws shapes outside the boundaries of rectangle. */ svg{overflow:hidden;} /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body{min-width:1164px;} /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12{margin-left:auto;margin-right:auto;width:1164px;} /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11, .grid_12{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;} .push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4, .push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8, .push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative;} /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha{margin-left:0;} .omega{margin-right:0;} /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1{width:77px;} .container_12 .grid_2{width:174px;} .container_12 .grid_3{width:271px;} .container_12 .grid_4{width:368px;} .container_12 .grid_5{width:465px;} .container_12 .grid_6{width:562px;} .container_12 .grid_7{width:659px;} .container_12 .grid_8{width:756px;} .container_12 .grid_9{width:853px;} .container_12 .grid_10{width:950px;} .container_12 .grid_11{width:1047px;} .container_12 .grid_12{width:1144px;} /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1{padding-left:97px;} .container_12 .prefix_2{padding-left:194px;} .container_12 .prefix_3{padding-left:291px;} .container_12 .prefix_4{padding-left:388px;} .container_12 .prefix_5{padding-left:485px;} .container_12 .prefix_6{padding-left:582px;} .container_12 .prefix_7{padding-left:679px;} .container_12 .prefix_8{padding-left:776px;} .container_12 .prefix_9{padding-left:873px;} .container_12 .prefix_10{padding-left:970px;} .container_12 .prefix_11{padding-left:1067px;} /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1{padding-right:97px;} .container_12 .suffix_2{padding-right:194px;} .container_12 .suffix_3{padding-right:291px;} .container_12 .suffix_4{padding-right:388px;} .container_12 .suffix_5{padding-right:485px;} .container_12 .suffix_6{padding-right:582px;} .container_12 .suffix_7{padding-right:679px;} .container_12 .suffix_8{padding-right:776px;} .container_12 .suffix_9{padding-right:873px;} .container_12 .suffix_10{padding-right:970px;} .container_12 .suffix_11{padding-right:1067px;} /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1{left:97px;} .container_12 .push_2{left:194px;} .container_12 .push_3{left:291px;} .container_12 .push_4{left:388px;} .container_12 .push_5{left:485px;} .container_12 .push_6{left:582px;} .container_12 .push_7{left:679px;} .container_12 .push_8{left:776px;} .container_12 .push_9{left:873px;} .container_12 .push_10{left:970px;} .container_12 .push_11{left:1067px;} /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1{left:-97px;} .container_12 .pull_2{left:-194px;} .container_12 .pull_3{left:-291px;} .container_12 .pull_4{left:-388px;} .container_12 .pull_5{left:-485px;} .container_12 .pull_6{left:-582px;} .container_12 .pull_7{left:-679px;} .container_12 .pull_8{left:-776px;} .container_12 .pull_9{left:-873px;} .container_12 .pull_10{left:-970px;} .container_12 .pull_11{left:-1067px;} /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix:after{clear:both;} /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix{zoom:1;} body{font-family:'Roboto Condensed', sans-serif;font-size:14px;background: url(http://img.routerboard.com/grad.png) repeat-x 0 399px;color:#717171;} a{text-decoration:none;outline:none;} h1,h2,h3,h4{font-family:'PT Sans',sans-serif;} h1{font-size:24px;} h2{font-size:20px;} p{padding:5px 0 20px;} .logo img,.feat h3{margin-top:14px;} .top_bar{height:100px;background-color:#222222;} ul.nav{margin-top:36px;float:right;} ul.nav li{display:inline-block;} ul.nav li a, a.button,.compare_link{color:white;text-transform:uppercase;font-size:13px;-webkit-border-radius:4px;border-radius:4px;padding:5px 15px 5px 15px;} ul.nav li a{display:block;margin-left:10px;transition:background-color.11s ease-in-out;-moz-transition:background-color .11s ease-in-out;-webkit-transition:background-color.11s ease-in-out;} ul.nav li.current a,ul.nav li.current a:hover{background-color:#008195;} ul.nav li a:hover{background-color:#353535;} .top_bar2{height:270px;background:url(http://img.routerboard.com/top_bg2.jpg) repeat-x bottom;padding-top:30px;overflow:hidden;padding-bottom:15px} .capt{font-family:'PT Sans',sans-serif;font-weight:bold;color:#4e4e4e;font-size:48px;} a.button{display:inline-block;background-color:#008195;transition: background-color.18s ease-in-out;-moz-transition: background-color .18s ease-in-out;-webkit-transition: background-color.18s ease-in-out;} a.space_top{margin-top:15px;} a.button:hover{background-color:#006c7d;} .bxslider .grid_7 p{font-size:14px;color:#50504d;padding-right:40px;} .bxslider{display:none;} .img_wrap a img{margin:auto;} .img_wrap{width:425px;margin-left:40px;text-align:center;} .margin{margin-top:55px;} .sidebar h1,.content h1{color:#717171;font-size:24px;} .sidebar h1{margin:0;} .content h1:first-child{margin-top:0;} .sidebar p, .content p{padding-top:10px;padding-bottom:10px;} ul.groups{margin-top:20px;margin-bottom:50px;} ul.groups li{border-bottom:1px dotted #e6e6e6;padding:5px 0 5px 0;} ul.links li a{color:#008195;} ul.links li a:hover{text-decoration:underline;} ul.links{list-style:disc;margin-left:20px;margin-top:5px;} h2.sub_group_title{ -webkit-border-radius:5px; border-radius:5px; font-size:20px;padding-top:6px;padding-bottom:6px;border-top:0;padding-left:7px;background:#F2F2F2;} .first{/* border-top:1px dotted #e6e6e6 !important; */ margin-top:13px !important;} .product_entry{border-bottom:1px solid #e6e6e6;overflow:hidden;} .product_entry div,.small_img,.card,.feat{float:left;} .product_img{width:80px;height:80px;margin:10px;margin-top:15px;} .product_descr{width:498px;padding-left:25px;height:90px !important;padding-top:20px;} .product_descr p{padding:0;padding-right:20px;} .product_descr h2 a{color:#008195;font-size:20px;} .product_descr h2 a:hover{color:#007081;} .product_compare div{width:19px;height:15px;background: url(http://img.routerboard.com/compare.png) no-repeat;text-indent:-99999px;cursor:pointer;margin-top:48px;} .product_price{padding-top:37px;height:73px;} .product_new .new { color:white; background-color:#008195; width:26px; height:22px; text-align:center; -webkit-border-radius: 13px; border-radius: 13px; font-size:12px; padding-top:4px; margin-top:41px; } div.hist .product_new .disc{background:url('http://img.routerboard.com/rip.png') no-repeat;margin-top:40px;width:30px;height:30px;} .product_new .disc{text-indent:-99999px;} .product_compare,.product_new {width:60px;} .product_compare div:hover,div.comparing{background-position:0 -15px;} .product_price{font-size:24px;font-weight:bold;font-family:'PT Sans',sans-serif;width:110px;text-align:right;} .zoom { cursor:pointer; width:30px; height:30px; background: url(http://img.routerboard.com/zoom.png) no-repeat; text-indent:-99999px; display:block; position:relative; left:50%; margin-left:-15px; top:50%; margin-top:-15px; opacity:0.8; filter:alpha(opacity=80); } .zoom:hover{opacity:1;filter:alpha(opacity=100);} .ui-slider{margin-left:10px;width:240px;} .preview{background:white;position:fixed;top:20%;z-index:10001;left:50%;margin-left:-306px;width:600px;display:none;padding:6px;text-align:center;} .preview img{max-height:600px;max-width:600px;} #hide,.rotate_s{ transition-property:transform;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform; -webkit-transition-duration:0.15s;-moz-transition-duration:0.15s;-o-transition-duration:0.15s;transition-duration: 0.15s; } #hide { background: url(http://img.routerboard.com/close.png) no-repeat; width:21px;height:21px; cursor:pointer;position:absolute; right:0;margin-top:-3px;margin-right:3px; text-indent:-99999px; } #hide:hover{background-position:-21px 0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);} #mask{width:100%;height:100%;background:url(http://img.routerboard.com/mask.png);position:fixed;display:none;z-index:10000;top:0;left:0;} .footer{height:80px;background-color:#212121;margin-top:50px;} .footer_nav{float:right;margin-top:33px;} .footer_nav li a img{margin-top:-5px;} .footer_nav li{display:inline-block;margin-left:10px;} .footer_nav li a{color:white;font-size:13px;} .footer_nav li a:hover{color:#e2e2e2;} .rotate_s,.compare_wrap{overflow:hidden;} .rotate_s:hover{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);} .foot_logo a img{margin-top:15px;} #footer-spacer{height:130px;clear:both;} * html .the_wrap{height:100%;} .the_wrap{min-height:100%;margin-bottom:-130px;} .compare_block:last-child{margin:0;} .compare_block{width:83px;height:83px;float:left;} .compare_block img:hover{opacity:0.85;filter:alpha(opacity=85);} .compare_block img{position:absolute;display:block;cursor:pointer;margin-left:71px;margin-top:-12px;} .compare_wrap{margin-top:50px;margin-bottom:15px;} .compare_link{display:block;background-color:#008195;text-align:center;transition: background-color.18s ease-in-out;-moz-transition: background-color .18s ease-in-out;-webkit-transition: background-color.18s ease-in-out;} .compare_link:hover{background-color:#007081;} .compare_img{width:83px;height:83px;-webkit-border-radius:42px;border-radius:42px;background-position:center} .ui-state-default,.ui-widget-content .ui-state-default{border:4px solid #505050;background:#2d2d2d;width:14px;height:14px;-webkit-border-radius:11px;border-radius:11px;margin-top:3px;} .ui-state-hover,.ui-widget-content .ui-state-hover{border:4px solid #008195;background:#1f5058;} .ui-state-active, .ui-widget-content .ui-state-active{border-color:#008ca2;background:#1f5058;} .ui-widget-content{background:#eeeeee;height:18px;border:0;-webkit-border-radius:6px;border-radius:6px;} .ui-slider .ui-slider-range{background: #d1d1d1 url(http://img.routerboard.com/slider_bg.png);} .fade{opacity:1;transition: opacity.18s ease-in-out;-moz-transition: opacity .18s ease-in-out;-webkit-transition: opacity.18s ease-in-out;} .fade:hover{opacity:0.7;} .fade_r{opacity:0.8;transition: opacity.18s ease-in-out;-moz-transition: opacity .18s ease-in-out;-webkit-transition: opacity.18s ease-in-out;} .fade_r:hover{opacity:1;} .bg{background-position: 0 100px;} .compare_block{margin-right:10px;} .txtable{float:left;margin-right:50px;} .parameters_table,.txtable{font-size:13px;margin-top:10px;margin-bottom:15px;} .parameters_table{width:100%;} .parameters_table th,.txtable th{font-weight:bold;} .parameters_table td,.parameters_table th,.txtable td,.txtable th{padding:7px;} .parameters_table tr:nth-child(even),.txtable tr:nth-child(even){background-color:#f7f7f7;} .perf,.feat,.all{margin-top:10px;} .perf{width:100%;font-size:13px;} .perf thead td{font-weight:bold;vertical-align:middle;background-color:#f5f5f5;padding:7px;} .perf td{padding:8px;} .image a{width:264px;height:264px;display:table-cell;vertical-align:middle;} .image{width:264px;height:264px;background-color:white;text-align:center;background:url(http://img.routerboard.com/img_bg.png);} .perf tr,.parameters_table tr,.txtable tr{border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;} .product_page h1{padding-top:35px;margin:0;} .product_page h1:first-child{padding:0;} .more li{padding:3px 0 3px;} .more a{color:#00899e !important;} .sidebar_box{margin-top:50px;} .meta{margin-top:25px;} .meta li{font-size:12px;margin-left:18px;} .small_images{overflow:hidden;} .small_img:nth-child(4n+0){margin-right:0;} .small_img{width:60px;margin-top:8px;height:54px;background-color:#fbfbfb;text-align:center;padding-top:6px;float:left;margin-right:8px;cursor:pointer;} .listing li span{font-weight:bold;font-size:16px;} .listing li span:hover{color:#eba62d;} .listing li b{font-size:16px;width:206px;display:inline-block;} .listing b:hover{color:#4c7e94;} .listing li ul{margin-left:5px;} .listing li{cursor:pointer;border-bottom:1px solid #ededed;padding:10px 0 10px;line-height:20px;} .listing li ul li{border:0;padding:0;} .listing li ul li:hover{color:#c0c0c0;} .all{font-weight:bold;font-size:16px;display:inline-block;cursor:pointer;width:206px;} .all:hover{color:#f4a739;} .cards hr{margin-top:22px;margin-bottom:15px;} .cards a{color:#4c7e94;} .cards h2{border-bottom:1px solid #ededed;margin-bottom:12px;padding-bottom:12px;color:#4c7e94;font-size:22px;} .card{width:249px;height:120px;} hr{height:1px;background-color:#ededed;margin-top:25px;margin-bottom:25px;} .about_text p{padding:0 0 15px;} .map{float:right;margin-right:70px;margin-top:-20px;width:350px;} .ctable tr td:first-child{font-weight:bold;padding:8px 0 8px 0;} .ctable tr{border-bottom:1px solid #dcdcdc;} .ctable td{padding:8px 10px 8px 0;min-width:210px;} .about_text h1{margin-top:15px;} .space{height:30px;} .space2{height:40px;} .ctable a,.content a,.about_text a{color:#008195;} .ctable a:hover,.content a:hover,.about_text a:hover,.related_descr a:hover,.tbstart div a:hover,.more a:hover{text-decoration:underline;} .filter-label{border:0;background:none;font-weight:bold;color:#717171;} .filter_item{border-bottom:1px dotted #e6e6e6;padding: 5px 0 5px 0;} .groups{margin-top:20px;margin-bottom:40px;} .groups input[type=radio]{display:none;} .groups label{cursor:pointer;} .groups label:hover,.groups .filter_item.active{color:#008195;} .groups .sub_groups{margin-left:20px;} .groups .sub_groups img{margin-right:10px;margin-top:-1px;} .slider_container{margin-bottom:12px;margin-top:12px;} .filterClass p{font-weight:bold;} .related_product{margin-top:5px;width:100%;overflow:hidden;} .related_img{width:60px;height:60px;float:left;text-align:center;} .related_descr{float:left;margin-left:10px;padding-top:12px;} .related_descr h3{font-size:16px;} .related_descr p{padding:0;line-height:13px;} .related_descr a{color:#008195;} dl{margin-top:15px;} div.hist{opacity:0.7;} div.hist .product_price{display:none;} div.hist .product_descr a{color:gray;} #slider_off,#slider_on{display:block;cursor:pointer;float:right;font-size:12px;} #slider_off,#slider_on{ line-height:11px; height:11px; margin-top:-40px; padding-right:14px; background: url('http://img.routerboard.com/slider_close.png') no-repeat right top; text-shadow: 1px 1px 0 #FFFFFF; } #slider_off:hover{background-position:right -11px;color:#636363;} .toggle_bar{height:22px;background-color:#3f3f3f;color:#f8f8f8;display:none;padding-top:12px;} #slider_on{ line-height:9px; height:10px; padding-right:22px; background: url('http://img.routerboard.com/slider_show.png') no-repeat right -10px; } #slider_on:hover{background-position:right top;color:#d3d3d3;} .tbstart div{border-color:#d6d6d6 !important;} .tbstart{margin-top:15px;} .tbstart div a{color:#007081;} .tbstart div a:hover{text-decoration:underline;} .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;} .ui-tooltip{ height:19px; font-size:11px; padding: 3px 7px 0 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 3px #aaa; box-shadow: 0 0 3px #aaa; color:white; background-color:black; font-family:'Roboto Condensed'; } body .ui-tooltip{border-width:1px;} .cusimg{width:100px;height:100px;} .ui-tooltip,.feat{-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;text-align:center;} .feat{ width:205px; height:210px; background:url('http://img.routerboard.com/fbg.png'); margin-left:10px; margin-bottom:20px; color:#8d8d8d; opacity:1; transition: opacity.18s ease-in-out; -moz-transition: opacity .18s ease-in-out; -webkit-transition: opacity.18s ease-in-out; -webkit-backface-visibility: hidden; } .feat:hover{opacity:0.9;} .feat h3{color:#737373;font-size:18px;} .feat p{font-size:12px;padding:0 10px 0 10px;line-height:14px;height:42px;} .feat img{height:86px;} .feat_bar{font-size:12px;margin-top:18px;color:white;} .feat .feat_bar s{color:#969696;} .feat_bar span{float:left;margin-left:8px;} .feat_price{float:right;margin-right:8px;} .feat_bar span:hover{color:#d3d3d3;} .feat_new{background-color:#0c91a6;width:18px;height:15px;-webkit-border-radius:10px;border-radius:14px;float:right;font-size:9px;padding-top:3px;margin-right:4px;} /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;} .bx-wrapper img{max-width:100%;display:block;} /** THEME ===================================*/ .bx-wrapper .bx-viewport{left:-5px;width:1164px !important;height:239px !important;} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;} /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../../img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;margin-bottom:10px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev{left:10px;background: url(../../img/controls.png) no-repeat 0 0;opacity:0.7;filter:alpha(opacity=70);} .bx-wrapper .bx-next{right:10px;background:url(../../img/controls.png) no-repeat 0 -40px;opacity:0.7;filter:alpha(opacity=70);} .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1;filter:alpha(opacity=100);} .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -20px; outline: 0; width: 26px; height: 40px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled{display:none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto{text-align:center;} .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../../img/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../../img/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80, 80, 80, 0.75);width:100%;} .bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;} /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;} #cboxWrapper{max-width:none;} #cboxOverlay{position:fixed;width:100%;height:100%;} #cboxMiddleLeft,#cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;} #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;} .cboxIframe{width:100%;height:100%;display:block;border:0;} #colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../../img/mask.png)} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:white;padding:20px;} .cboxIframe{background:white;} #cboxError{padding:50px;border:1px solid #ccc;} #cboxLoadedContent{ background:white;} #cboxTitle,#cboxCurrent,#cboxSlideShow{position:absolute;top:-20px;} #cboxTitle{left:0;color:#ccc;} #cboxCurrent{right:0px;color:#ccc;} #cboxLoadingGraphic{background:url(http://www.mikrotik.com/img/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {outline:0;} #cboxSlideshow{right:90px;color:#fff;} #cboxPrevious,#cboxNext{position:absolute;top:50%;margin-top:-32px;width:26px;height:40px;text-indent:-9999px;outline:none;} #cboxPrevious{left:5px;background:url(../../img/controls.png) no-repeat;} #cboxNext{right:5px;background:url(../../img/controls.png) no-repeat 0 -40px;} #cboxClose{position:absolute; top:3px; right:3px; z-index:99999999; display:block; outline:none; background:url(../../img/close.png) no-repeat; width:21px; height:21px; text-indent:-9999px; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; } #cboxClose:hover{background-position:-21px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);}