/************************************************************************** PRETTYPHOTO **************************************************************************/ /* Light Rounded Theme */ div.light_rounded .pp_top .pp_left { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../img/default/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../img/default/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../img/default/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_arrow_previous { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../img/default/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../img/default/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* Dark Rounded Theme */ div.dark_rounded .pp_top .pp_left { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../img/default/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../img/default/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../img/default/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../img/default/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../img/default/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../img/default/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../img/default/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../img/default/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../img/default/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* Dark Square Theme */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(../img/default/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../img/default/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(../img/default/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(../img/default/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(../img/default/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../img/default/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../img/default/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../img/default/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../img/default/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_arrow_previous { background: url(../img/default/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../img/default/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../img/default/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../img/default/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* Light Square Theme */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../img/default/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../img/default/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../img/default/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../img/default/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../img/default/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_arrow_previous { background: url(../img/default/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../img/default/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../img/default/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../img/default/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* Facebook style Theme */ div.facebook .pp_top .pp_left { background: url(../img/default/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../img/default/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../img/default/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../img/default/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../img/default/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../img/default/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../img/default/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../img/default/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../img/default/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../img/default/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../img/default/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_nav .pp_arrow_previous { background: url(../img/default/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_nav .pp_arrow_next { background: url(../img/default/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_next:hover { background: url(../img/default/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../img/default/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../img/default/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../img/default/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../img/default/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* DO NOT CHANGE */ div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px} .pp_content .ppt{left:auto;margin-bottom:5px;position:relative;top:auto} .pp_fade{display:none} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{margin:10px 0 2px} .pp_description{display:none;margin:0 0 5px} .pp_nav{clear:left;float:left;margin:3px 0 0} .pp_nav p{float:left;margin:2px 4px} .pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} a.pp_next{background:url(../img/default/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../img/default/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{display:block;float:right;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;left:0;position:absolute;top:0;z-index:9999} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:block} * html .clearfix{height:1%} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} /************************************************************************** JCAROUSEL **************************************************************************/ .jcarousel-skin-tango li { background: none !important; } .jcarousel-skin-tango .jcarousel-container{-moz-border-radius:10px;background:#FFF;border:1px solid #ddd;margin-bottom:20px!important} .jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl} .jcarousel-skin-tango .jcarousel-container-horizontal{width:auto !important;padding:20px 40px} .jcarousel-skin-tango .jcarousel-container-vertical{width:75px;height:245px;padding:40px 20px} .jcarousel-skin-tango .jcarousel-clip-horizontal{width:auto;height:auto} .jcarousel-skin-tango .jcarousel-clip-vertical{width:75px;height:245px} .jcarousel-skin-tango .jcarousel-item{width:auto;min-height:100px;border:#ddd 1px solid;padding:10px 10px 0px 10px;} .jcarousel-skin-tango .jcarousel-item img{display:block;position:relative;height:100px;margin: 0px 0px 10px 0px;} .jcarousel-skin-tango .jcarousel-item-horizontal{margin-left:0;margin-right:10px} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:10px;margin-right:0} .jcarousel-skin-tango .jcarousel-item-vertical{margin-bottom:10px} .jcarousel-skin-tango .jcarousel-item-placeholder{background:#fff;color:#000} .jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute;top:58px;right:5px;width:32px;height:32px;cursor:pointer;background:transparent url(../img/default/jcarousel/next-horizontal.png) no-repeat 0 0} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal{left:5px;right:auto;background-image:url(../img/default/jcarousel/prev-horizontal.png)} .jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:58px;left:5px;width:32px;height:32px;cursor:pointer;background:transparent url(../img/default/jcarousel/prev-horizontal.png) no-repeat 0 0} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal{left:auto;right:5px;background-image:url(../img/default/jcarousel/next-horizontal.png)} .jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background-position:-32px 0} .jcarousel-skin-tango .jcarousel-next-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-horizontal:active{background-position:-64px 0} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:-96px 0} /************************************************************************** VALIDITY **************************************************************************/ label.error{color:#666;margin-left:2px;background-position:left center;background-repeat:no-repeat;-moz-border-radius:4px;-webkit-border-radius:4px;width:150px;padding:2px 2px 2px 18px} .validity-modal-msg{position:absolute;z-index:2;background-color:#f1f1f1;border:solid 1px #d5d5d5;cursor:pointer;padding:2px 5px 1px} .validity-modal-msg:hover{background-color:#aaa} .validity-summary-container{display:none} .validity-erroneous{border:solid 2px #f56600!important} /************************************************************************** TABS **************************************************************************/ ul.tabs{float:left;list-style:none;height:32px;border-top:none;border-bottom:1px solid #999;border-left:1px solid #999;width:100%;margin:0;padding:0} ul.tabs li{float:left;height:31px;line-height:31px;border:1px solid #999;border-left:none;overflow:hidden;position:relative;background:#e0e0e0;margin:0 0 -1px;padding:0} ul.tabs li a{text-decoration:none;color:#000;display:block;font-size:1.2em;border:1px solid #fff;outline:none;padding:0 20px} ul.tabs li a:hover{background:#ccc} html ul.tabs li.active,html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff} .tab_container{border:1px solid #999;border-top:none;overflow:hidden;clear:both;float:left;width:100%;background:#fff} .tab_content{padding:20px} /************************************************************************** Uniform **************************************************************************/ div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{ background-image:url(../img/default/form/sprite.png); background-repeat:no-repeat; -webkit-font-smoothing:antialiased}.selector,.radio,.checker,.uploader,.button,.selector *,.radio *,.checker *,.uploader *,.button *{ margin:0; padding:0}input.text,input.email,input.password,textarea.uniform{ font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:normal; padding:3px; color:#777; background:url('../img/default/form/bg-input-focus.png') repeat-x 0px 0px; background:#fff url('../img/default/form/bg-input.png') repeat-x 0px 0px; border-top:solid 1px #aaa; border-left:solid 1px #aaa; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; outline:0}input.text:focus,input.email:focus,input.password:focus,textarea.uniform:focus{ -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3); box-shadow:0px 0px 4px rgba(0,0,0,0.3); border-color:#999; background:url('../images/bg-input-focus.png') repeat-x 0px 0px}div.selector{ background-position:-483px -130px; line-height:26px; height:26px}div.selector span{ background-position:right 0px; height:26px; line-height:26px}div.selector select{ top:0px; left:0px}div.selector:active,div.selector.active{ background-position:-483px -156px}div.selector:active span,div.selector.active span{ background-position:right -26px}div.selector.focus,div.selector.hover,div.selector:hover{ background-position:-483px -182px}div.selector.focus span,div.selector.hover span,div.selector:hover span{ background-position:right -52px}div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover{ background-position:-483px -208px}div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span{ background-position:right -78px}div.selector.disabled{ background-position:-483px -234px}div.selector.disabled span{ background-position:right -104px}div.checker{ width:19px; height:19px}div.checker input{ width:19px; height:19px}div.checker span{ background-position:0px -260px; height:19px; width:19px}div.checker:active span,div.checker.active span{ background-position:-19px -260px}div.checker.focus span,div.checker:hover span{ background-position:-38px -260px}div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span{ background-position:-57px -260px}div.checker span.checked{ background-position:-76px -260px}div.checker:active span.checked,div.checker.active span.checked{ background-position:-95px -260px}div.checker.focus span.checked,div.checker:hover span.checked{ background-position:-114px -260px}div.checker.focus:active span.checked,div.checker:hover:active span.checked,div.checker.active:hover span.checked,div.checker.active.focus span.checked{ background-position:-133px -260px}div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span{ background-position:-152px -260px}div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked{ background-position:-171px -260px}div.radio{ width:18px; height:18px}div.radio input{ width:18px; height:18px}div.radio span{ height:18px; width:18px; background-position:0px -279px}div.radio:active span,div.radio.active span{ background-position:-18px -279px}div.radio.focus span,div.radio:hover span{ background-position:-36px -279px}div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span{ background-position:-54px -279px}div.radio span.checked{ background-position:-72px -279px}div.radio:active span.checked,div.radio.active span.checked{ background-position:-90px -279px}div.radio.focus span.checked,div.radio:hover span.checked{ background-position:-108px -279px}div.radio.focus:active span.checked,div.radio:hover:active span.checked,div.radio.focus.active span.checked,div.radio.active:hover span.checked{ background-position:-126px -279px}div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span{ background-position:-144px -279px}div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked{ background-position:-162px -279px}div.uploader{ background-position:0px -297px; height:28px}div.uploader span.action{ background-position:right -409px; height:24px; line-height:24px}div.uploader span.filename{ height:24px; margin:2px 0px 2px 2px; line-height:24px}div.uploader.focus,div.uploader.hover,div.uploader:hover{ background-position:0px -353px}div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action{ background-position:right -437px}div.uploader.active span.action,div.uploader:active span.action{ background-position:right -465px}div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action{ background-position:right -493px}div.uploader.disabled{ background-position:0px -325px}div.uploader.disabled span.action{ background-position:right -381px}div.button{ background-position:0px -523px}div.button span{ background-position:right -643px}div.button.focus,div.button:focus,div.button:hover,div.button.hover{ background-position:0px -553px}div.button.focus span,div.button:focus span,div.button:hover span,div.button.hover span{ background-position:right -673px}div.button.active,div.button:active{ background-position:0px -583px}div.button.active span,div.button:active span{ background-position:right -703px; color:#555}div.button.disabled,div.button:disabled{ background-position:0px -613px}div.button.disabled span,div.button:disabled span{ background-position:right -733px; color:#bbb; cursor:default}div.button{ height:30px}div.button span{ margin-left:13px; height:22px; padding-top:8px; font-weight:bold; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; letter-spacing:1px; text-transform:uppercase; padding-left:2px; padding-right:15px}div.selector{ width:190px; font-size:12px}div.selector select{ min-width:190px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; border:solid 1px #fff}div.selector span{ padding:0px 25px 0px 2px; cursor:pointer}div.selector span{ color:#666; width:158px; text-shadow:0 1px 0 #fff}div.selector.disabled span{ color:#bbb}div.checker{ margin-right:5px}div.radio{ margin-right:3px}div.uploader{ width:190px; cursor:pointer}div.uploader span.action{ width:85px; text-align:center; text-shadow:#fff 0px 1px 0px; background-color:#fff; font-size:11px; font-weight:bold}div.uploader span.filename{ color:#777; width:82px; border-right:solid 1px #bbb; font-size:11px}div.uploader input{ width:190px}div.uploader.disabled span.action{ color:#aaa}div.uploader.disabled span.filename{ border-color:#ddd; color:#aaa}.selector,.checker,.button,.radio,.uploader{ display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; *display:inline}.selector select:focus,.radio input:focus,.checker input:focus,.uploader input:focus{ outline:0}div.button a,div.button button,div.button input{ position:absolute}div.button{ cursor:pointer; position:relative}div.button span{ display:-moz-inline-box; display:inline-block; line-height:1; text-align:center}div.selector{ position:relative; padding-left:10px; overflow:hidden}div.selector span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}div.selector select{ position:absolute; opacity:0; filter:alpha(opacity:0); height:25px; border:none; background:none}div.checker{ position:relative}div.checker span{ display:-moz-inline-box; display:inline-block; text-align:center}div.checker input{ opacity:0; filter:alpha(opacity:0); display:inline-block; background:none}div.radio{ position:relative}div.radio span{ display:-moz-inline-box; display:inline-block; text-align:center}div.radio input{ opacity:0; filter:alpha(opacity:0); text-align:center; display:inline-block; background:none}div.uploader{ position:relative; overflow:hidden; cursor:default}div.uploader span.action{ float:left; display:inline; padding:2px 0px; overflow:hidden; cursor:pointer}div.uploader span.filename{ padding:0px 10px; float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:default}div.uploader input{ opacity:0; filter:alpha(opacity:0); position:absolute; top:0; right:0; bottom:0; float:right; height:25px; border:none; cursor:default} /************************************************************************** shop slider **************************************************************************/ .svw{width:50px;height:20px;background:#fff;} .svw ul{position:relative;left:-999em} .stripViewer{position:relative;overflow:hidden;margin:0 0 1px;} .stripViewer ul{position:relative;left:0;top:0;width:1%;list-style-type:none;margin:0;padding:0} .stripViewer ul li{float:left} .stripTransmitter{overflow:auto;width:1%;background: url(../img/default/stroke_dash.png) top left repeat-x;margin:10px 0 0 0;padding:5px 0 0 0;} .stripTransmitter ul{position:relative;list-style-type:none;margin:0;padding:0;} .stripTransmitter ul li{width:20px;float:left;margin:0 1px 1px 0} .stripTransmitter a{font:bold 10px Verdana, Arial;text-align:center;line-height:22px;background:#ae0909;color:#fff;text-decoration:none;display:block} .stripTransmitter a:hover,a.current{background:#fff;color:#ae0909}