#puure_jvariations {position: absolute !important; z-index: 100000; left: 420px; top: 20px; background: url('images/tunning.1.png') no-repeat top left; width: 312px; font-size: 11px; font-family: verdana; padding: 0px; margin: 0px; text-align: left;} #puure_jvariations #puure_titleLine {width: auto; display: block; cursor: move; height: 38px; margin:0px; padding:0px;} #puure_jvariations #puure_btnMinimize, #puure_jvariations #puure_btnMaximize {position: absolute;right: 15px;top: 15px; height:16px; width:16px; cursor:pointer;} #puure_jvariations #puure_btnMaximize {background-image:url(images/ico_expand.png);} #puure_jvariations #puure_btnMinimize {background-image:url(images/ico_contract.png); display:none;} #radioWhite,.puure_radioDNN4 {margin-left: 31px !important; margin-top:0px; padding:0; } .puure_checkPlus {margin-left: 31px !important; padding:5px 0px 13px !important; } .puure_radioDNN5 {margin-left: 55px !important; } .puure_radioSP {margin-left: 55px !important; } #puure_Content_Text ul { padding:0; float:left;margin-bottom:5px;margin-top:6px;} #puure_Content_Text ul li { width:8px;margin:1px;padding:0;height:8px;float:left;} ul.MenuON {margin-left:35px;width:120px;} ul.Header {margin-left:0px;} ul.MenuOFF {margin-left:35px;width:120px;} ul.Footer {margin-left:0px;} ul.MenuON .black, ul.MenuOFF .black { background:#000 none; border:1px solid red; } ul.Header .black, ul.Footer .black { background:#000 none; border:1px solid #000; } #puure_Content_Text .white { background:#fff none; border:1px solid #fff; } #puure_Content_Text .grey { background:#939393 none; border:1px solid red; } #puure_Content_Text .black, #puure_Content_Text .grey, #puure_Content_Text .write {cursor:pointer;} #puure_jvariations #puure_LayMaximize, #puure_jvariations #puure_MenuMaximize, #puure_jvariations #puure_TextMaximize, #puure_jvariations #puure_BgMaximize, #puure_jvariations #BnMaximize, #puure_jvariations #TMaximize, #puure_jvariations #puure_SendMaximize, #puure_jvariations #puure_BgMaximize {background:url(images/more.png) no-repeat 275px 7px; display:block;} #puure_jvariations #puure_LayMinimize, #puure_jvariations #puure_MenuMinimize, #puure_jvariations #puure_TextMinimize, #puure_jvariations #puure_BgMinimize, #puure_jvariations #BnMinimize, #puure_jvariations #TMinimize, #puure_jvariations #puure_BgMinimize, #puure_jvariations #puure_SendMinimize {background:url(images/less.png) no-repeat 275px 7px; display:none;} #puure_jvariations #jvarfieldset {padding: 0px 0px 0px 2px; width:155px; clear:both !important; } #puure_jvariations fieldset {padding: 0px; margin: 5px 0px 5px -2px; border: 0px; float:left; width:50%;} #puure_jvariations label {display: block; margin: 0px; position: relative; clear: both; padding:0 25px 0 28px;} #puure_jvariations label span.label {float: left; margin: 0px; cursor: default; font-size:7px; display:none;} #puure_jvariations l_fontSize {margin-bottom: 14px;} #puure_jvariations label span.input {display: block; float: left; padding: 0px; margin: 0px;} #puure_jvariations label span.lines {display: block; float: left; padding:8px 0px 7px; margin:0; position:relative;width:259px;} #puure_jvariations .puure_DivLines {display: block; float: left; padding:8px 0px 7px; margin:0; position:relative;width:259px;} #puure_jvariations #puure_Box_color div {display: block; float: left; padding:0px; position:relative; } #puure_jvariations #puure_Box_color div div {padding:0; float:left; } #puure_jvariations input {border:0 none; font-size:11px; color:#666666; margin:0px; padding:0px; height:13px;} #puure_jvariations .puure_input_width, #puure_jvariations .puure_input_widthMV {background:transparent; margin-top: 0px; padding-left:3px; width: 33px; /*margin-left:188px;*/ margin-right:3px; height:19px;height:17px; margin-top: 5px;} #puure_jvariations .puure_input_color {height:16px; margin: 2px 0 0 40px;padding:1px;} #puure_jvariations .puure_btnSend {padding:0px; background-image:url(images/shift.btn.ok.png); height:29px; width:29px; cursor:pointer; position:absolute; left:260px;bottom:18px;/* top:46px;*/} #puure_jvariations .puure_corners, #puure_jvariations .puure_toparea {margin:5px 0px;} #puure_jvariations #btnWidth, #puure_jvariations #puure_btnFontSize {padding:0px; background-image:url(images/shift.btn.ok.png); height:29px; width:29px; cursor:pointer; position:absolute; right:0; top:5px;} #puure_jvarcontent {padding:0px; margin:0px; background:transparent url(images/tunning.6.png) no-repeat scroll left bottom; overflow: hidden; height:0px !important; position:relative; /*display:none;*/} #puure_jvarcontent .puure_colorBox1 {width:49px; height:19px; float:left; cursor:pointer; margin-left:0px;} #puure_jvarcontent .puure_colorBox2 {width:50px; height:19px; float:left; cursor:pointer; margin-left:2px;} #puure_jvarcontent .puure_colorBox3 {width:50px; height:19px; float:left; cursor:pointer; margin-left:3px;} #puure_jvarcontent .puure_colorBox4 {width:50px; height:19px; float:left; cursor:pointer; margin-left:2px;} #puure_jvarcontent .puure_colorBox5 {width:50px; height:19px; float:left; cursor:pointer; margin-left:2px;} #puure_jvarcontent #puure_Box_layout .puure_title, #puure_jvarcontent #puure_Box_Menu .puure_title, #puure_jvarcontent #puure_Box_Text .puure_title, #puure_jvarcontent #puure_Box_bg .puure_title, #puure_jvarcontent #puure_Box_banner .puure_title, #puure_jvarcontent #puure_Box_tokens .puure_title, #puure_jvarcontent #puure_Box_send .puure_title {height:20px; cursor:pointer; } #puure_jvarcontent #puure_dnn_version {padding-top:3px; } #puure_jvarcontent #puure_Box_color {height:46px;padding:19px 25px 0 28px;background:transparent url(images/tunning.1.1.png) no-repeat scroll center top; } #puure_jvarcontent .puure_colorBoxBase {width:105px; height:19px; float:left; cursor:pointer; margin-left:0px;} #puure_jvarcontent .puure_colorAdvLink {margin-top:6px; margin-left:0px; float:left; width:100%; font-size:9px; color:#f4cc44;} #puure_jvarcontent .puure_MenuLink {bottom:10px; position:absolute; font-size:9px; color:#f4cc44;} #puure_jvarcontent .puure_colorAdvLink:hover, #puure_jvarcontent .puure_MenuLink:hover, #puure_jvarcontent #puure_reset span:hover {text-decoration:underline; cursor:pointer; } #puure_jvarcontent .puure_colorAdvBox {display:none;height:52px;padding:30px 25px 0 28px;background:transparent url(images/tunning.1.2.png) no-repeat scroll center top;} #puure_jvarcontent #puure_Box_bg {background:transparent url(images/tunning.2.png) no-repeat left top; padding:0px; margin:0px; position:relative;} #puure_jvarcontent #puure_Box_layout {background:transparent url(images/tunning.8.png) no-repeat left top; padding:0px; margin:0px; position:relative;} #puure_jvarcontent #puure_Box_Menu {background:transparent url(images/tunning.9.png) no-repeat left top; padding:0px; margin:0px; position:relative;} #puure_jvarcontent #puure_Box_Text {background:transparent url(images/tunning.10.png) no-repeat left top; padding:0px; margin:0px; position:relative;} #puure_jvarcontent #puure_Box_banner {background:transparent url(images/tunning.3.png) no-repeat left top; clear:both; position:relative;} #puure_jvarcontent #puure_Box_tokens {background:transparent url(images/tunning.5.png) no-repeat left top; position:relative; clear:both; } #puure_jvarcontent #puure_Box_send {background:transparent url(images/tunning.7.png) no-repeat left top; clear:both; position:relative; } #puure_jvarcontent #puure_reset {background:transparent url(images/tunning.0.png) repeat-y left top; margin:0px; position:relative; padding:3px 0 0 230px;color:#F4CC44;font-size:9px;height:3px;} #puure_jvarcontent #puure_Content_bg {height:308px; padding:0px;} #puure_jvarcontent #puure_Content_bg span {color:#CCCCCC;font-size:10px;margin-left:27px;} #puure_jvarcontent #Content_bn {height:120px; padding:7px 28px 0 !important; } #puure_jvarcontent #Content_tokens {height:100px; display:none; } #puure_jvarcontent #puure_Content_MenuH {height:112px; display:none; padding:0px 28px; position:relative; background:transparent url(images/tunning.9.1.png) no-repeat left top;} #puure_jvarcontent #puure_Content_MenuV {height:112px;/*height:80px;*/ display:none; padding:0px 28px; position:relative; background:transparent url(images/tunning.9.2.png) no-repeat left top; margin:0px;} #puure_jvarcontent #puure_Content_Text {height:54px; display:none; padding:0px 30px; position:relative; } #puure_jvarcontent #puure_Content_layout {height:110px; display:none; padding:0px 28px; position:relative; } #puure_jvarcontent #puure_Content_Send {height:151px; display:none; position:relative !important; } #puure_l_Email { position:relative; } #puure_Label1, #puure_Label2 {position:relative; } #puure_jvarcontent .puure_input_Email { position:relative; margin-left:62px; width:166px; background-color:Transparent; height:17px; margin-top: 5px; padding-left:2px; padding-top:0px;} #puure_jvarcontent .puure_input_name, #puure_jvarcontent .puure_input_invoiceId { position:relative; margin-left:62px; width:166px; background-color:Transparent; height:17px; margin-top: 10px; padding-left:2px; padding-top:0px; } #puure_jvarcontent li {list-style:none !important; } #puure_jvarcontent #puure_MenuOP input {margin:0 40px 0 0; } #puure_NavBarH1 {position:absolute; top:0px; left:30px;} #puure_NavBarV1 {position:absolute; top:0px; left:30px;} #puure_NavBarRegularTabs {position:absolute; top:15px; left:54px;} #puure_NavBarGlassTabs {position:absolute; top:15px; left:135px;} #puure_NavBarLightBG {position:absolute; top:30px; left:54px;} #puure_NavBarDarkBG {position:absolute; top:30px; left:135px;} #puure_NavBarGlassBG {position:absolute; top:30px; left:204px;} #puure_NavBarH2 {position:absolute; top:49px; left:30px;} #puure_NavBarV2 {position:absolute; top:18px; left:30px;} #puure_NavBarH3 {position:absolute; top:68px; left:30px;} #puure_NavBarV3 {position:absolute; top:37px; left:30px;} #puure_jvarcontent input.puure_Footer {margin: 15px 69px 0px 2px !important;} #puure_jvarcontent #boxed_open input {margin:0 40px 0 0;} #puure_jvarcontent #pageType input {margin:5px 40px 0 0;} #puure_jvarcontent #efLogo {margin:5px 0 0 0;} /**** Picker ********/ .colorpicker {width: 286px; height: 176px; overflow: hidden; position: absolute; background: url(images/colorpicker_background.png); margin-left:-4px; display: none; z-index:100001;} .colorpicker_color {width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair;} .colorpicker_color div {position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(images/colorpicker_overlay.png);} .colorpicker_color div div {position: absolute; top: 0; left: 0; width: 14px; height: 14px; overflow: hidden; background: url(images/colorPickerLarge.png) no-repeat left center; margin: -6px 0 0 -6px;} .colorpicker_hue {position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: pointer;} .colorpicker_hue div {position: absolute; width: 35px; height: 15px; overflow: hidden; background: url(images/verticalSliderTransparent.png) no-repeat left top; margin: -8px 0 0 0; left: 0px;} .colorpicker_new_color {position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00;} .colorpicker input {background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 9px; color: #898989; top: 4px; right: 11px; text-align: center; margin: 0; padding: 0; height: 12px; letter-spacing:0.5px;} .colorpicker_hex {position: absolute; width: 62px; height: 22px; background: url(images/colorpicker_hex.png) top left; left: 212px; top: 142px;} .colorpicker_hex input {right: 4px;} .colorpicker_field {height: 22px; width: 62px; background-position: top left; position: absolute;} .colorpicker_field span {position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize;} .colorpicker_rgb_r {background-image: url(images/colorpicker_rgb_r.png); top: 52px; left: 212px;} .colorpicker_rgb_g {background-image: url(images/colorpicker_rgb_g.png); top: 82px; left: 212px;} .colorpicker_rgb_b {background-image: url(images/colorpicker_rgb_b.png); top: 112px; left: 212px;} .colorpicker_focus {background-position: center;} .colorpicker_hex.colorpicker_focus {background-position: bottom;} .colorpicker_submit.colorpicker_focus {background-position: bottom;} .colorpicker_slider {background-position: bottom;} /*//bg_image* #bg_image {height:48px;} #bg_image ul {left:-3px; margin:0; padding:0; position:absolute; top:-4px; width:270px;} #bg_image ul li {cursor:pointer;float:left;height:50px;margin-right:2px;width:50px; position:relative; } */ #puure_Content_bg .imageBox, #puure_Content_bg .imageBoxSel {background:url(images/shift.bg.on.png); height:31px; width:31px; margin:0; padding:0; position:absolute; /*top:-1px; left:-1px;*/} #radioWhite {margin-left: 31px !important; margin-top:0px; padding:0; } #radioBlack {margin-left: 62px !important; margin-top:0px; padding:0; } #radioColor {margin-left: 65px !important; margin-top:0px; padding:0; } .FullWidthMenu {margin-left: 50px !important; } #bg_color {margin-bottom: 9px; margin-top:0;} #clearImage {position:absolute; height:15px; width:50px; bottom:-10px; right:0; cursor:pointer;} #bn_ul {margin:0; padding:0px; /*25px 0 28px;*/} #bn_ul li {position:relative; width: 30px; height: 30px; float: left; margin: 0px; margin-right:2px; cursor:pointer;} #bn_image .imageBox_bn, #bn_image .imageBoxSel_bn {background:url(images/shift.bg.on.png); height:31px; width:31px; margin:0; padding:0; position:absolute; /*top:-1px; left:-1px;*/} .imageBox_bf, .imageBoxSel_bf {background:url(images/shift.bg.on.png); height:31px; width:31px; margin:0; padding:0; position:absolute; /*top:-1px; left:-1px;*/} #puure_clearBox2 {left:0px; background-image:url(images/transparent.gif);border:1px solid #FFFFFF; height:8px; position:absolute !important; margin-left:90px; width:8px; z-index:2000000000;cursor:pointer; } /*#bn_image ul li {cursor:pointer;float:left;height:50px;margin-right:2px;width:50px; position:relative; } */ /* #bn_image {height:48px;} #bn_image #bg_ul {left:-2px; margin:0; padding:0; position:absolute; top:-4px; width:270px;} #bn_image #bn_ul {left:-2px; margin:0; padding:0; position:absolute; top:51px; width:270px;} #bn_image ul li {cursor:pointer;float:left;height:50px;margin-right:2px;width:50px; position:relative; } #bn_image .imageBox, #bn_image .imageBoxSel_bn, #bn_image .imageBoxSel_bg {background:url(images/shift.bg.on.png); height:52px; width:52px; margin:0; padding:0; position:absolute; top:0; left:0;} */ #clearImageBn {position:absolute; height:15px; width:50px; top:130px; right:0; cursor:pointer;} #puure_clearImageBg {position:absolute; height:15px; width:50px; bottom:0px; right:0; cursor:pointer;} /* .scroll-pane {overflow: auto;} .scroll-content {width: 7015px;} .scroll-content-item {position:relative; width: 30px; height: 30px; float: left; margin: 0px; cursor:pointer;} .scroll-bar-wrap {clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; } .scroll-bar-wrap .ui-slider {background: none; border:0; height: 2em; margin: 0 auto; } .scroll-bar-wrap .ui-handle-helper-parent {position: relative; width: 100%; height: 100%; margin: 0 auto; } .scroll-bar-wrap .ui-slider-handle {top:.2em; height: 1.5em; } .scroll-bar-wrap .ui-slider-handle .ui-icon {margin: -8px auto 0; position: relative; top: 50%; } .ui-state-default, .ui-widget-content .ui-state-default {border:2px solid #fff ;} .ui-widget-header { margin:0 0 0 3px; } */ div.puure_demo1, div.puure_demo2, div.puure_demo3 { margin: 0 28px !important; position:relative; overflow: hidden; padding:0px 0px 1px; } div.puure_demo4 { margin: 0 28px !important; position:relative; overflow: hidden; padding:0px 0px 10px; } div.puure_demo1 .scroll-pane, div.puure_demo2 .scroll-pane, div.puure_demo3 .scroll-pane, div.puure_demo4 .scroll-pane { overflow: auto; } div.puure_demo1 .scroll-content-item, div.puure_demo2 .scroll-content-item, div.puure_demo3 .scroll-content-item, div.puure_demo4 .scroll-content-item { position:relative; width: 30px; height: 30px; float: left; margin: 0px; margin-right:2px; cursor:pointer;} div.puure_demo1 .scroll-bar-wrap, div.puure_demo2 .scroll-bar-wrap, div.puure_demo3 .scroll-bar-wrap, div.puure_demo4 .scroll-bar-wrap, #sliderWidth .scroll-bar-wrap, #sliderWidthMV .scroll-bar-wrap{ clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; } div.puure_demo1 .scroll-bar-wrap .ui-slider, div.puure_demo2 .scroll-bar-wrap .ui-slider, div.puure_demo3 .scroll-bar-wrap .ui-slider, div.puure_demo4 .scroll-bar-wrap .ui-slider, #sliderWidth .scroll-bar-wrap .ui-slider, #sliderWidthMV .scroll-bar-wrap .ui-slider { background: none; border:0; height: 20px; margin: 0 auto; } div.puure_demo1 .scroll-bar-wrap .ui-handle-helper-parent, div.puure_demo2 .scroll-bar-wrap .ui-handle-helper-parent, div.puure_demo3 .scroll-bar-wrap .ui-handle-helper-parent, div.puure_demo4 .scroll-bar-wrap .ui-handle-helper-parent, #sliderWidth .scroll-bar-wrap .ui-handle-helper-parent, #sliderWidthMV .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; } div.puure_demo1 .scroll-bar-wrap .ui-slider-handle, div.puure_demo2 .scroll-bar-wrap .ui-slider-handle, div.puure_demo3 .scroll-bar-wrap .ui-slider-handle, div.puure_demo4 .scroll-bar-wrap .ui-slider-handle, #sliderWidth .ui-slider-handle, #sliderWidthMV .ui-slider-handle { cursor:pointer; width:15px !important; border:0px; background:url('images/sliderH.png') no-repeat; } div.puure_demo1 .scroll-bar-wrap .ui-slider-handle .ui-icon, div.puure_demo2 .scroll-bar-wrap .ui-slider-handle .ui-icon, div.puure_demo3 .scroll-bar-wrap .ui-slider-handle .ui-icon, div.puure_demo4 .scroll-bar-wrap .ui-slider-handle .ui-icon, #sliderWidth .ui-slider-handle .ui-icon, #sliderWidthMV .ui-slider-handle .ui-icon { cursor:pointer; position: relative; width:15px !important; height:20px; border:0px;} div.puure_demo1 .scroll-content { width: 430px; } div.puure_demo2 .scroll-content { width: 390px; } div.puure_demo3 .scroll-content { width: 430px; } div.puure_demo4 .scroll-content { width: 1455px; } #sliderWidth {margin:3px 25px 0px 45px; position:relative; text-align:left; width:120px; float:left;} #sliderWidthMV{margin:3px 25px 0px 45px; position:absolute; text-align:left; width:120px; top:57px;} #puure_WidthMV{position:absolute !important;top:57px;width:33px; left:218px;} /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 20px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 1%; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } /**/.ui-slider-horizontal .ui-slider-handle { top: 0; } .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; } .scroll-content-item {cursor:pointer;} .puure_demo1 .li0 {background-image:url('images/thm.bg.transp.0.gif');} .puure_demo1 .li1 {background-image: url('images/thm.bg.transp.1.gif');} .puure_demo1 .li2 {background-image: url('images/thm.bg.transp.2.gif');} .puure_demo1 .li3 {background-image: url('images/thm.bg.transp.3.gif');} .puure_demo1 .li4 {background-image: url('images/thm.bg.transp.4.gif');} .puure_demo1 .li5 {background-image: url('images/thm.bg.transp.5.gif');} .puure_demo1 .li6 {background-image: url('images/thm.bg.transp.6.gif');} .puure_demo1 .li7 {background-image: url('images/thm.bg.transp.7.gif');} .puure_demo1 .li8 {background-image: url('images/thm.bg.transp.8.gif');} .puure_demo1 .li9 {background-image: url('images/thm.bg.transp.9.gif');} .puure_demo1 .li10 {background-image: url('images/thm.bg.transp.10.gif');} .puure_demo1 .li11 {background-image: url('images/thm.bg.transp.11.gif');} .puure_demo1 .li12 {background-image: url('images/thm.bg.transp.12.gif');} .puure_demo2 .li1 {background-image: url('images/thm.bg.gradients.1.jpg');} .puure_demo2 .li2 {background-image: url('images/thm.bg.gradients.2.jpg');} .puure_demo2 .li3 {background-image: url('images/thm.bg.gradients.3.jpg');} .puure_demo2 .li4 {background-image: url('images/thm.bg.gradients.4.jpg');} .puure_demo2 .li5 {background-image: url('images/thm.bg.gradients.5.jpg');} .puure_demo2 .li6 {background-image: url('images/thm.bg.gradients.6.jpg');} .puure_demo2 .li7 {background-image: url('images/thm.bg.gradients.7.jpg');} .puure_demo2 .li11 {background-image: url('images/thm.bg.gradients.11.jpg');} .puure_demo2 .li12 {background-image: url('images/thm.bg.gradients.12.jpg');} .puure_demo2 .li13 {background-image: url('images/thm.bg.gradients.13.jpg');} .puure_demo2 .li14 {background-image: url('images/thm.bg.gradients.14.jpg');} .puure_demo2 .li15 {background-image: url('images/thm.bg.gradients.15.jpg');} .puure_demo3 .li1 {background-image: url('images/thm.bg.patterns.1.jpg');} .puure_demo3 .li2 {background-image: url('images/thm.bg.patterns.2.jpg');} .puure_demo3 .li3 {background-image: url('images/thm.bg.patterns.3.jpg');} .puure_demo3 .li4 {background-image: url('images/thm.bg.patterns.4.jpg');} .puure_demo3 .li5 {background-image: url('images/thm.bg.patterns.5.jpg');} .puure_demo3 .li6 {background-image: url('images/thm.bg.patterns.6.jpg');} .puure_demo3 .li7 {background-image: url('images/thm.bg.patterns.7.jpg');} .puure_demo3 .li8 {background-image: url('images/thm.bg.patterns.8.jpg');} .puure_demo3 .li9 {background-image: url('images/thm.bg.patterns.9.jpg');} .puure_demo3 .li10 {background-image: url('images/thm.bg.patterns.10.jpg');} .puure_demo3 .li11 {background-image: url('images/thm.bg.patterns.11.jpg');} .puure_demo3 .li12 {background-image: url('images/thm.bg.patterns.12.jpg');} .puure_demo3 .li13 {background-image: url('images/thm.bg.patterns.13.jpg');} .puure_demo4 .li1 {background-image: url('images/thm.bg.pictures.1.jpg');} .puure_demo4 .li1_1 {background-image: url('images/thm.bg.pictures.1.1.jpg');} .puure_demo4 .li1_2 {background-image: url('images/thm.bg.pictures.1.2.jpg');} .puure_demo4 .li2 {background-image: url('images/thm.bg.pictures.2.jpg');} .puure_demo4 .li3 {background-image: url('images/thm.bg.pictures.3.jpg');} .puure_demo4 .li4_1 {background-image: url('images/thm.bg.pictures.4.1.jpg');} .puure_demo4 .li4_2 {background-image: url('images/thm.bg.pictures.4.2.jpg');} .puure_demo4 .li4_3 {background-image: url('images/thm.bg.pictures.4.3.jpg');} .puure_demo4 .li4_4 {background-image: url('images/thm.bg.pictures.4.4.jpg');} .puure_demo4 .li5_1 {background-image: url('images/thm.bg.pictures.5.1.jpg');} .puure_demo4 .li5_2 {background-image: url('images/thm.bg.pictures.5.2.jpg');} .puure_demo4 .li5_4 {background-image: url('images/thm.bg.pictures.5.4.jpg');} .puure_demo4 .li5_5 {background-image: url('images/thm.bg.pictures.5.5.jpg');} .puure_demo4 .li5_6 {background-image: url('images/thm.bg.pictures.5.6.jpg');} .puure_demo4 .li5_7 {background-image: url('images/thm.bg.pictures.5.7.jpg');} .puure_demo4 .li5_8 {background-image: url('images/thm.bg.pictures.5.8.jpg');} .puure_demo4 .li5_9 {background-image: url('images/thm.bg.pictures.5.9.jpg');} .puure_demo4 .li5_10 {background-image: url('images/thm.bg.pictures.5.10.jpg');} .puure_demo4 .li5_11 {background-image: url('images/thm.bg.pictures.5.11.jpg');} .puure_demo4 .li6_1 {background-image: url('images/thm.bg.pictures.6.1.gif');} .puure_demo4 .li6_2 {background-image: url('images/thm.bg.pictures.6.2.gif');} .puure_demo4 .li6_3 {background-image: url('images/thm.bg.pictures.6.3.gif');} .puure_demo4 .li6_4 {background-image: url('images/thm.bg.pictures.6.4.gif');} .puure_demo4 .li6_5 {background-image: url('images/thm.bg.pictures.6.5.gif');} .puure_demo4 .li6_6 {background-image: url('images/thm.bg.pictures.6.6.gif');} .puure_demo4 .li6_7 {background-image: url('images/thm.bg.pictures.6.7.gif');} .puure_demo4 .li6_8 {background-image: url('images/thm.bg.pictures.6.8.gif');} .puure_demo4 .li6_9 {background-image: url('images/thm.bg.pictures.6.9.gif');} .puure_demo4 .li6_10 {background-image: url('images/thm.bg.pictures.6.10.gif');} .puure_demo4 .li6_11 {background-image: url('images/thm.bg.pictures.6.11.gif');} .puure_demo4 .li6_12 {background-image: url('images/thm.bg.pictures.6.12.gif');} .puure_demo4 .li6_13 {background-image: url('images/thm.bg.pictures.6.13.gif');} .puure_demo4 .li6_14 {background-image: url('images/thm.bg.pictures.6.14.gif');} .puure_demo4 .li6_15 {background-image: url('images/thm.bg.pictures.6.15.gif');} .puure_demo4 .li6_16 {background-image: url('images/thm.bg.pictures.6.16.gif');} .puure_demo4 .li6_17 {background-image: url('images/thm.bg.pictures.6.17.gif');} .puure_demo4 .li6_18 {background-image: url('images/thm.bg.pictures.6.18.gif');} .puure_demo4 .li6_19 {background-image: url('images/thm.bg.pictures.6.19.gif');} .puure_demo4 .li6_20 {background-image: url('images/thm.bg.pictures.6.20.gif');} .puure_demo4 .li6_21 {background-image: url('images/thm.bg.pictures.6.21.gif');} .puure_demo4 .li6_22 {background-image: url('images/thm.bg.pictures.6.22.gif');} .puure_demo4 .li6_23 {background-image: url('images/thm.bg.pictures.6.23.gif');} .puure_demo4 .li6_24 {background-image: url('images/thm.bg.pictures.6.24.gif');} #li1_bn {background-image:url('images/thm.header.effect.1.gif');} #li2_bn {background-image:url('images/thm.header.effect.2.gif');} #li3_bn {background-image:url('images/thm.header.effect.3.gif');} #li4_bn {background-image:url('images/thm.header.effect.4.gif');} #puure_jvariations .puure_title {float:none !important;} /*advance colors*/ .colorAdvLink {height:10px; background-color:Yellow; width:50px; cursor:pointer;} .colorAdvBox {display:none;} #loading {display:none; background-image:url(images/loader.gif);background-position:50% 50%;background-repeat:no-repeat;height:100%;left:0;position:absolute;top:0;width:100%;z-index:99999999;} /*alert*/ .jqifade {position: absolute;background-color: #aaaaaa;} div.jqi {margin-left:-312px !important; width:500px; padding:10px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; color:#333; border:1px solid #757575; background:#EEE url(../images/bg7.jpg) repeat-x; } div.jqi .jqicontainer {font-weight: bold;} div.jqi .jqiclose {display:none;} div.jqi .jqimessage {color:#444444;font-size:11px;line-height:20px;padding:20px 10px 10px;} div.jqi .jqibuttons {text-align: right;padding: 5px 0 5px 0;/*border: solid 1px #eeeeee;background-color: #f4f4f4;*/} div.jqi button { border-style: none; border-color: inherit; border-width: medium; color: rgb(102, 102, 102); position: absolute; bottom: 3px; right: 3px; width: 44px; height: 19px; font-size: 10px; font-family: arial; cursor: pointer; background:url('/DesktopModules/Markit.FancyPopup/Images/bg_button.gif') no-repeat; /*padding: 3px 10px;margin: 0 10px; background-color: #2F6073;border: solid 1px #f4f4f4;color: #ffffff; font-weight: bold; font-size: 12px;*/ } div.jqi button:hover { background-color: #728A8C;} div.jqi button.jqidefaultbutton { background-color: #BF5E26;} .jqiwarning .jqi .jqibuttons { background-color: #BF5E26;} div.jqi h1 { background-color:#4C5053;background-position:right top;background-repeat:repeat-x;clear:both;color:#FFFFFF !important;font-size:12px;height:auto;left:0;margin-bottom:10px;padding:5px 5px 5px 10px;position:absolute;top:0;width:505px;}