﻿
/* uforialogic.com changes start*/
input[type='text'],
input[type='number'],
textarea {
    font-size: 16px;
}
.left_text{
    float: left;
}
.icon_video{
    margin-top: 8px;
    margin-right: 5px;
}
.icon_svg{
     margin-top: 8px;
    margin-right: 5px;
 }
.icon_print{
      margin-top: 8px;
    margin-right: 5px;
  }
.icon_save{
       margin-top: 8px;
    margin-right: 5px;
   }
.icon_download{
        margin-top: 8px;
    margin-right: 5px;
    }
.icon_design{
         margin-top: 8px;
    margin-right: 5px;
     }
.icon_background{
          margin-top: 5px;
          margin-right: 5px;
      }
.icon_border{
           margin-top: 5px;
           margin-right: 5px;
       }
.span_small{
            font-size: 10px;
            top: -6px;
            position: relative;
            margin-left:3px;
        }
.span_small_background{
             font-size: 10px;
             top: -6px;
             position: relative;
             margin-left: 20px;
         }

.font-option {
    bottom: 60px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.font-option .caption { font-size: 14px; color: #2f2f2f;}
.addtext-btn {
    bottom: 10px !important;
    clear: both;
    margin: 7px 0 0;
    position: absolute !important;
    width: 97%;
}
.bottom_desc label  {
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 5px 0 0 0;
    color:#fff;
    line-height: 22px;
}
.bottom_desc {
    margin: 0 auto;
    width: 75%;
}
.button-area img {
    height: 60px;
    margin-top: 3px;
}
.button-area a:hover {
    opacity: 0.8;
}
.custom_button{
    border: 0;
    background: #5e4e42;
    color: white;
    padding: 0;
    display: block;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Arial';
    margin: 0 1px 0 0;
    line-height: 1.55;
    float: left;
    height: 67px;
    width: 50px;
    font-size: 9px;
    padding-top: 19%;
    padding-left: 5%;
}
.no-shadow {
    box-shadow: 0px 0px 0px #ccc !important;
}
/* uforialogic.com changes end*/
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
svg:not(:root) { overflow: hidden;}
html,body,div{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text;-webkit-user-drag:text}
input,select,textarea,button{font:inherit}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],input,button,select,textarea{margin:0;padding:0;border-radius:0; background-color: #ffffff;    border: 1px solid #cccccc;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;}
.ranger-area:after, .range-blocks:after,.caption-section:after, .clearer:after,.clrnbg-section:after {clear: both;content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;}
.designtool {position:relative}
.designtool input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #eeeeee;cursor: not-allowed; border-radius: 0px!important;padding:0 !important;font-size:10px;min-width:30px;margin:0px;margin-bottom:0px;width:30px;height:30px;}
.designtool select{height:20px}
.designtool{width:1170px;display:block;margin:auto}
.main_dt{position:relative}
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:0;text-shadow:0;border-radius:0;list-style:none}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.f-left,.left{float:left !important}
.design-index-index{position:relative}
a{color:#258ECD;text-decoration:none}
a:hover{color:#000}
.cbp-spmenu{background:#fcfcfc;border-left:1px solid #d7d7d7;position:relative;height:550px}
.cbp-spmenu h3{color:#fff;font-size:1.9em;padding:20px 10px;margin:0;font-weight:300;background:#0d9ed9}
.cbp-spmenu a{display:block;color:#337fc2;font-size:1.1em;font-weight:300}
.ranger-panel{width:255px;top:0;z-index:1000;display:none}
.cbp-spmenu-vertical{width:255px;top:0;z-index:1000;display:none}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:.8em;border-left:1px solid #258ecd}
.horLine{border:1px solid #d7d7d7;margin:5px 0}
.cbp-spmenu-left{left:-240px}
.cbp-spmenu-hide{display:none}
.cbp-spmenu-right{right:-385px}
.cbp-spmenu-left.cbp-spmenu-open{left:0}
.cbp-spmenu-right.cbp-spmenu-open{right:0;display:block;z-index:4;padding-top:10px;clear:right}
.cbp-spmenu-top{top:-150px}
.cbp-spmenu-bottom{bottom:-150px}
.cbp-spmenu-top.cbp-spmenu-open{top:0}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0}
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0}
.cbp-spmenu-push-toright{left:240px}
.cbp-spmenu-push-toleft{left:-240px}
#common-panel{position:absolute;padding:0px;}
#addtext-panel,#edit-panel{background:#fcfcfc;border-left:1px solid #d7d7d7;position: fixed; left: 1%; right: 0; width: 250px; height: 235px; top: 40%; cursor: move; z-index: 999999;}
#container_dt{font-family:Arial,sans-serif;color:#47a3da;position:relative; opacity: 1;}
div#svg_uploadyourart_container {
    color: #ffffff;
    opacity: 1;
}
.wraper_dt{margin:20px 0 0;position:relative;/*border:1px solid #d7d7d7;border-radius:5px;border-bottom:0;border-top:1px solid #0695d1;*/-webkit-box-shadow:0 2px 2px 2px #e6e4e4;box-shadow:0 2px 2px 2px #e6e4e4;position:relative;

 background: -webkit-linear-gradient( #46a4fe, #82c0ff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#46a4fe, #82c0ff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#46a4fe, #82c0ff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#46a4fe, #82c0ff); /* Standard syntax */ }
.input-text-option{border:1px #e1e1e1 solid !important;-webkit-box-shadow:inset 1px 1px 1px 1px #ededed !important;box-shadow:inset 1px 1px 1px 1px #ededed !important;width:210px !important;padding:10px 5px !important;font-weight:bold;font-family:'Arial';font-size:16px !important;color:#666 !important;-webkit-border-radius !important:3px;border-radius:3px !important;display:inline-block !important;margin-right:10px !important;height:35px !important}
section.right-panel{width:255px;height:68px;float:right;background:#f4f4f4;display:inline;border-bottom:1px solid #258ecd;}
section.left-panel{float:left;border:1px solid #d7d7d7;border-left:0;background:#f4f4f4;-webkit-box-shadow:inset 0 0 1px 1px #fff;box-shadow:inset 0 0 1px 1px #fff;position:relative;clear:left}
section.bottom-share-panel{border:1px solid #d7d7d7;background:#f4f4f4;-webkit-box-shadow:inset 0 0 1px 1px #fff;box-shadow:inset 0 0 1px 1px #fff;left:60px;position:absolute;padding:5px;top:44px}
section.right-view-panel{border:1px solid #d7d7d7;background:#f4f4f4;-webkit-box-shadow:inset 0 0 1px 1px #fff;box-shadow:inset 0 0 1px 1px #fff;margin:auto;margin-top:10px;width:400px}
section.product-area{/*-----left:190px !important;---*/ left: 0; margin:auto;position:absolute;/*-----right:225px;----*/ right: 0; top:120px;bottom:0}
.tool-bg .toolinner-area { left: 158px !important; right: 162px !important; }
section.right-panel button span{font-size:12px;color:#666;display:block}
section.right-panel button{border:0;background:#0695d1;color:#858585;padding:0;display:block;cursor:pointer;font-size:12px;text-transform:uppercase;font-family:'Arial';margin:0 1px 0 0;line-height:1.55;float:left;height:67px;width:50px;}
.gallery-admin-admin-gallery-customize section.right-panel button {width: 62px;}
section.right-panel button:hover,
section.right-panel button.active {background:#ffffff;box-shadow: 2px 1px 3px #cccccc inset;}
.canvas-heading{left:40%}
.top-right-corner{-webkit-border-radius:0;border-radius:0}
.top-bottom-corner{-webkit-border-radius:0 0 5px 0;border-radius:0 0 5px 0}
.icon-drop:before,.icon-arrow-left:before{font-family:'fontawesome';position:absolute;top:0;width:100%;height:100%;speak:none;font-style:normal;font-weight:normal;line-height:2;text-align:center;color:#47a3da;-webkit-font-smoothing:antialiased;text-indent:8000px;padding-left:8px}
.container_dt_dt>header nav a:hover:before{color:#fff}
.gallery-admin-admin-gallery-customize{width:962px;margin:10px auto}
.gallery-admin-admin-gallery-customize .cbp-spmenu {height: 650px;}
#white{background: #7f4426;position:relative;width:100%;height:36px;border-bottom:1px solid #1c1c1c;border-bottom:1px solid #258ecd;float:left}
.left-share-panel{position:absolute;overflow:hidden;/*top:10px*/;left:0px}
.center-share-panel ul li button,.left-share-panel ul li button,.left-share-panel .button-area{border:0;background:0;box-shadow: none;}
.left-share-panel ul li button:hover{opacity:.8}
.left-share-panel ul li button#addtocart_btn:hover{border:0}
.left-share-panel ul li button div span.icon-help{background:url("../images/d_help.png")no-repeat;width:36px;height:36px;display:block;margin:auto}
.left-share-panel ul li button div span.icon-1{background:url("../images/d_info_w2p.png") no-repeat;width:36px;height:38px;display:block;margin:auto}
.left-share-panel ul li button div span.d_zoom{background:url("../images/d_zoom.png") no-repeat;width:37px;height:38px;display:block;margin:auto}
.left-share-panel ul li button div span.d_preview{background:url("../images/d_preview.png") no-repeat;width:38px;height:38px;display:block;margin:auto}
.center-share-panel #chooseSideCaption {}
.center-share-panel .object-align .caption{clear:both;display:block;line-height:20px}
.left-share-panel .button-area ul li button div span.caption,.right-share-panel .button-area>button div span.caption,.center-share-panel .object-align div span.caption,.right-share-panel .button-area ul li button div span.caption{display:block;font-family:Arial;color:#ffffff;font-size:12px;font-weight:bold;height:18px;padding:0px;text-transform:uppercase;}
.right-share-panel ul li,.center-share-panel ul li,.left-share-panel ul li,.bottom-share-panel ul li{float:left;padding:0;word-break:break-all;text-align:center}
.right-share-panel ul li a,.center-share-panel ul li a,.left-share-panel ul li a,.bottom-share-panel ul li a{   border-right: 1px dotted #818181;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 0px 5px 0px 3px;
    text-decoration: none;}
.right-share-panel{position:absolute;overflow:hidden;top:10px;right:5px}
.right-share-panel .button-area #addproduct .icon-1{background:url("../images/d_prosetting.png") no-repeat 0 0;width:36px;height:36px;display:block;margin:auto}
.right-share-panel .button-area #addproduct{border:0;background:0;cursor:pointer}
.right-share-panel ul li button{background:0;border:0;outline:0;cursor:pointer;box-shadow: none;}
.right-share-panel ul li button:hover{opacity:.8}
.right-share-panel ul li button div{margin:0 3px}
.right-share-panel ul li button div span.tw{background:url("../images/d_twitter.png") no-repeat 0 0;width:36px;height:38px;display:block;margin:auto}
.right-share-panel ul li button div span.fb{background:url("../images/d_fb.png") no-repeat 0 0;width:36px;height:38px;display:block;margin:auto}
.right-share-panel ul li button div span.pnt{background:url("../images/d_pnt.png") no-repeat;width:36px;height:38px;display:block;margin:auto}
.right-share-panel ul li button div span.crt{background:url("../images/d_cart.png") no-repeat;width:30px;height:38px;display:block;margin:auto}
.left-share-panel ul li button div span.d_savenote{background:url("../images/d_savenote.png") no-repeat;width:38px;height:38px;display:block;margin:auto}
.left-share-panel ul li button div span.d_exit{background:url("../images/d_exit.png") no-repeat;width:38px;height:38px;display:block;margin:auto;margin-top:0}
.center-share-panel ul li button div span.d_savenote{background:url("../images/d_savenote.png") no-repeat;width:38px;height:38px;display:block;margin:auto;margin-top:5px}
.center-share-panel ul li button{cursor:pointer}
.center-share-panel ul li button:hover{opacity:.8}
.right-section{float:right;width:255px}

.right-panel button:hover div.caption,
.right-panel button.active div.caption{background:0; color:#0695d1}

.right-panel button:hover{border:0;border-top:0;border-bottom:0;padding:1px 0}
.right-panel button.disabled{pointer-events:none;box-shadow:none;border-bottom:1px solid #aaa;opacity:.5}
.right-panel button div.caption{display:block;font-size:8px;line-height:1.55;margin:5px 0 0;color:#fff}

.right-panel button [class^="icon-"]{background:url("../images/tool-icons-ii.png") no-repeat 0px 0px; margin:auto;}
.right-panel button .icon-1{background-position:-0px -000px;width:50px;height:38px}
.right-panel button .icon-2{background-position:-8px -064px;width:50px;height:38px}
.right-panel button .icon-3{background-position:-0px -079px;width:50px;height:38px}
.right-panel button .icon-4{background-position:-0px -040px;width:50px;height:38px}
.right-panel button .icon-5{background-position:-0px -118px;width:50px;height:38px}
.right-panel button .icon-6{background-position:-8px -294px;width:50px;height:38px}
.right-panel button .icon-7{background-position:-0px -157px;width:50px;height:38px}
.right-panel button .icon-8{background-position:-8px -065px;width:50px;height:38px}
.right-panel button .icon-9{background-position:-0px -195px;width:50px;height:38px}
.right-panel button:hover .icon-1,section.right-panel button.active .icon-1{background-position:-51px -000px}
.right-panel button:hover .icon-2,section.right-panel button.active .icon-2{background-position:-65px -064px}
.right-panel button:hover .icon-3,section.right-panel button.active .icon-3{background-position:-51px -079px}
.right-panel button:hover .icon-4,section.right-panel button.active .icon-4{background-position:-51px -040px}
.right-panel button:hover .icon-5,section.right-panel button.active .icon-5{background-position:-51px -118px}
.right-panel button:hover .icon-6,section.right-panel button.active .icon-6{background-position:-65px -294px}
.right-panel button:hover .icon-7,section.right-panel button.active .icon-7{background-position:-51px -157px}
.right-panel button:hover .icon-8,section.right-panel button.active .icon-8{background-position:-65px -065px}
.right-panel button:hover .icon-9,section.right-panel button.active .icon-9{background-position:-51px -195px}

.left-panel ul{padding:1px;margin:0}
.left-panel ul li{display:block;font-size:12px}
.left-panel ul li .non-btn{background:none !important;border-radius:0 0 0 0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important;width:29px !important;height:31px !important}
.left-panel ul li .non-btn .svg_icon{position:relative;top:7px}
.bottom-share-panel ul li button,
.main_dt>section.left-panel ul li button{background:#f4f4f4;outline:0;cursor:pointer;width:43px;height:44px;border:0}
.left-panel ul li button#tool_ungroup .svg_icon,.left-panel ul li button#tool_group .svg_icon{width:30px;height:26px}
.left-panel ul li span.svg-icons{width:30px;height:30px;display:block;margin:auto}
.left-panel ul li button.disabled div span.tool_redo{opacity:.5 !important;background:url("../images/d_redo.png") no-repeat !important}
.left-panel ul li button.disabled div span.tool_undo{background:url("../images/d_undo.png") no-repeat !important;opacity:.5 !important}
.left-panel ul li button div span.icon-svg .svg_icon{position:relative;left:-2px;top:4px}
[class^="lt_"]{background:url("../images/left_tool_bar.png") no-repeat;width:43px;height:43px;display:block}

.left-panel ul li button:hover div i.lt_layerPanel{background-position:0 000px}
.left-panel ul li button:hover div i.lt_alignPanel{background-position:0 -44px}
.left-panel ul li button:hover div i.lt_tool_group{background-position:0 -88px}
.left-panel ul li button:hover div i.lt_addNote{background-position:0 -132px}
.left-panel ul li button:hover div i.lt_tool_undo{background-position:0 -220px}
.left-panel ul li button:hover div i.lt_tool_redo{background-position:0 -264px}
.left-panel ul li button:hover div i.lt_tool_delete{background-position:0 -176px}
.left-panel ul li button:hover div i.lt_tool_clone{background-position:0 -308px}
.left-panel ul li button:hover div i.lt_tool_cut{background-position:0 -352px}
.left-panel ul li button:hover div i.lt_tool_copy{background-position:0 -396px}
.left-panel ul li button:hover div i.lt_tool_paste{background-position:0 -440px}
.left-panel ul li button:hover div i.lt_tool_clear{background-position:0 -484px}
.left-panel ul li button:hover div i.lt_tool_help{background-position:0 -529px}
.left-panel ul li button:hover div i.lt_tool_ungroup{background-position:0 -572px}

.left-panel ul li button div i.lt_layerPanel{background-position:-44px 00px}
.left-panel ul li button div i.lt_alignPanel{background-position:-44px -44px}
.left-panel ul li button div i.lt_tool_group{background-position:-44px -88px}
.left-panel ul li button div i.lt_addNote{background-position:-44px -132px}
.left-panel ul li button div i.lt_tool_undo{background-position:-44px -220px}
.left-panel ul li button div i.lt_tool_redo{background-position:-44px -264px}
.left-panel ul li button div i.lt_tool_delete{background-position:-44px -176px}
.left-panel ul li button div i.lt_tool_clone{background-position:-44px -308px}
.left-panel ul li button div i.lt_tool_cut{background-position:-44px -352px}
.left-panel ul li button div i.lt_tool_copy{background-position:-44px -396px}
.left-panel ul li button div i.lt_tool_paste{background-position:-44px -440px}
.left-panel ul li button div i.lt_tool_clear{background-position:-44px -484px}
.left-panel ul li button div i.lt_tool_help{background-position:-44px -529px}
.left-panel ul li button div i.lt_tool_ungroup{background-position:-44px -572px}

.left-panel .object-layer{border-top:1px solid #FFF;display:block;padding-bottom:5px}
.left-panel .object-layer ul li{display:block;font-size:12px}
.left-panel .object-layer ul li span div{background:0;margin:auto;padding:0;position:relative;width:43px;height:37px;float:none}
.left-panel .object-layer ul li label{text-transform:uppercase}
.left-panel .object-layer button span.icon-1{background:url("../images/thumb_front.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.left-panel .object-layer button span.icon-2{background:url("../images/thumb_back.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.left-panel .object-layer button span.icon-3{background:url("../images/thumb_left.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.left-panel .object-layer button span.icon-4{background:url("../images/thumb_right.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.left-panel .object-layer button:active,.left-panel .object-layer button:hover{border:1px solid #0c9dd9;border-radius:2px;MARGIN:0}
.left-panel .object-layer button{border:1px solid #f4f4f4}
.left-panel .object-layer label{display:block;text-align:center;color:#666;font-size:9px}
[class^="layeralign_"]{background:url("../images/layer-arrow.png") no-repeat;width:43px;height:37px;display:block;cursor:pointer}
.object-layer ul li i.layeralign_top{background-position:0 0}
.object-layer ul li i.layeralign_up{background-position:0 -38px}
.object-layer ul li i.layeralign_down{background-position:0 -76px}
.object-layer ul li i.layeralign_bottom{background-position:0 -114px}
.object-layer ul li i.layeralign_top:hover{background-position:-44px 0}
.object-layer ul li i.layeralign_up:hover{background-position:-44px -38px}
.object-layer ul li i.layeralign_down:hover{background-position:-44px -76px}
.object-layer ul li i.layeralign_bottom:hover{background-position:-44px -114px}
.left-panel ul li .layer_sign{background:url("../images/layer_sign.png") no-repeat top center;width:35px;height:33px;display:block;margin:auto;float:left}
#tool_opacity_delete button{border:0;outline:0;cursor:pointer;background:0;height:30px}
#tool_opacity_delete button div span.icon-10{background:url("../images/d_delete.png") no-repeat 0 0;width:30px;height:29px;display:block;margin:auto}
#tool_delete div span.icon-10{background:url("../images/delete_slide.png") no-repeat !important;width:30px;height:29px;display:block;margin:auto}
#productSides svg#svg-doc{width:50px; height: 55px;}
.button-area{display:block}
.center-share-panel{left:0;margin:auto;position:absolute;right:0;/*width:185px*/ /*top: 35px;*/ bottom: -80px;}
.object-align{margin-top:9px;display:block}
.object-align ul li:
-child{margin-right:0}
.object-align ul li{background:#fff;display:inline-block;font-size:12px;width:60px;height:60px;margin-right:20px;margin-top:3px;padding-top:1px;border:1px solid #47a3da;border-radius:5px;float:none;}
.object-align ul li label{text-transform:uppercase;display:block; color: #ffffff; font-weight: bold; font-size: 10px;}
.object-align button span.icon-1{background:url("../images/thumb_front.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.object-align button span.icon-2{background:url("../images/thumb_back.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.object-align button span.icon-3{background:url("../images/thumb_left.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.object-align button span.icon-4{background:url("../images/thumb_right.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.object-align button:hover{opacity:.7}
.object-align button{border:0;background:#FFF}
.object-align label{display:block;text-align:center;color:#666;font-size:9px}
.scroll-area-chooseprd{overflow-y:auto;height:509px}
.scroll-area-pickcolor{overflow-y:auto}
.scroll-area-chooseart{overflow-y:auto;overflow-x:hidden;height:565px;}
.scroll-area{overflow-y:auto;overflow-x:hidden;height:565px;width:248px;}
.listing.scroll-area-uploadimage{overflow-y:auto;height:105px}
.scroll-area-designidea{overflow-y:auto;height:440px}
p.cotxt strong{color:#333;text-transform:uppercase;font-weight:bold;margin-right:5px}
.colorpalet{float:left;width:100%;text-align:center}
.colorpalet li{margin:0 10px 10px;width:30px;height:30px;display:block;float:left;border:1px solid gray}
.colorpalet .multi_img{margin:0 10px 10px;width:100px;height:100px;display:block;float:left}
.colorpalet li img{width:100px;height:100px}
.prodescription{float:left;width:100%}
.aproduct-data{font-weight:300}
.box-outer {padding:0 5px;height:100%;}
.box-outer .label{padding:1em 0;color:#258ecd;display:block;font-size:1.3em;font-weight:300;margin-bottom:1em;text-transform:uppercase;font-family:'Arial',Calibri;line-height:1.55;text-shadow:none;color:#258ecd;display:none}
.box-outer .input-area .field-raw{clear:both;display:block;margin-bottom:10px}
.box-outer .input-area .field-raw .gender{display:inline-block;margin-right:10px}
.box-outer .input-area .field-raw .product-type{display:inline-block}
.box-outer .select-main{border:1px solid #b6b6b6;-webkit-box-shadow:inset 1px 1px 1px 1px #ededed;box-shadow:inset 1px 1px 1px 1px #ededed;width:75px;padding:3px 5px !important;height:30px;font-weight:normal;font-family:'Arial';font-size:11px;color:#666;-webkit-border-radius:3px;border-radius:3px}
.box-outer .select-small{border:1px #e1e1e1 solid;-webkit-box-shadow:inset 1px 1px 1px 1px #ededed;box-shadow:inset 1px 1px 1px 1px #ededed;width:243px;padding:3px 5px !important;height:30px;font-weight:normal;font-family:'Arial';font-size:11px;color:#666;-webkit-border-radius:3px;border-radius:3px}
.select_font{border:1px #e1e1e1 solid;-webkit-box-shadow:inset 1px 1px 1px 1px #ededed;box-shadow:inset 1px 1px 1px 1px #ededed;width:55px;padding:10px 5px;font-weight:bold;font-family:'Arial';font-size:12px;color:#666;-webkit-border-radius:3px;border-radius:3px;margin:10px 0 0 0}
input.input-text:focus,select:focus,textarea:focus{background:#FFF !important;outline:0 !important}
#pickcolor-panel{bottom:1px;margin-top:5px;position:absolute;auto;left:0;right:270px;width:310px;margin:auto}
#pickcolor-panel .gallery{width:245px;overflow:hidden;margin:auto;height:auto;float:left}
#pickcolor-panel .button{float:left;border:0}
#pickcolor-panel #prevColor{width:32px;height:32px;background:url("../images/prevColor.png") no-repeat;display:block;text-indent:-333em;cursor:pointer;margin-top:5px; -webkit-user-select: none; -ms-user-select: none;}
#pickcolor-panel #nextColor{width:32px;height:32px;background:url("../images/nextColor.png") no-repeat;display:block;text-indent:-333em;cursor:pointer;margin-top:5px; -webkit-user-select: none; -ms-user-select: none;}
.pickcolor-list{padding:0;width:398px;margin:auto}
.pickcolor-list li{background:#FFF;cursor:pointer;display:inline-block;margin-bottom:5px;margin-left:5px;padding:3px;width:43px;height:44px;border:1px solid #1278af;border-radius:10px}
.pickcolor-list li img{margin-left:0;margin-top:0;width:60px}
.pickcolor-list li:hover{opacity:.9}
.t-shirt-list{float:left;padding:0}
.t-shirt-list li{width:90px;display:inline-table;margin-left:14px;margin-bottom:14px;cursor:pointer;}
#designideacontainer li,#productconatiner li{box-shadow:1px 2px 13px #ddd inset;text-align:center;width:100px}
#designideacontainer li span,#productconatiner li span{font-size:11px;margin:5px 0}
#productconatiner li a{min-height:110px}
.t-shirt-list li img { display: inline; margin-left: 0; margin-top: 0; text-align: center;}
.t-shirt-list li:hover{opacity:.9}
.t-shirt-list li span{display:block;text-align:center}
#designideacontainer li a img{display:inline-block;height:102px;text-align:center;margin:0!important}
.add-art-product .art-list{float:left;padding:0}
.add-art-product .art-list li{box-shadow:1px 3px 13px #ddd inset;display:inline-block;height:80px;margin-bottom:0;margin-right:5px;padding:0 3px;width:70px}
.add-art-product .art-list li img{margin-left:0;margin-top:0;width:60px;height:79px}
.add-art-product .art-list li:hover{background:#fff}
button.bluebutton{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#fff;padding:8px;background:-moz-linear-gradient(top,#3dd8ff 0,#03a7e8);background:-webkit-gradient(linear,left top,left bottom,from(#3dd8ff),to(#03a7e8));border:0;-moz-box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 2px 2px 3px rgba(109,129,158,0.3);-webkit-box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 2px 2px 3px rgba(109,129,158,0.3);box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 2px 2px 3px rgba(109,129,158,0.3);text-shadow:1px -1px 1px rgba(051,049,051,0.4),0 1px 1px rgba(001,017,066,0.4);display:inline-block;cursor:pointer}
.note-background-1{background:url(../images/notepad_bg.jpg) no-repeat;width:225px;height:350px;margin:auto;position:relative;margin-top:20px}
.button.uploadimage-btn{margin-bottom:10px}
.addnote-1{background:0;border:0;position:relative;top:30px;left:40px}
.clear{clear:both}
.canvas-heading{background:url("../images/preview_head.png") no-repeat;width:124px;height:36px;display:block;position:absolute;top:-18px}
.canvas-heading span{font-family:'Arial';font-size:18px;text-align:center;display:block;font-family:'Arial';font-weight:bold;font-width:15px;padding-top:8px}
.quantitysize{color:#47a3da}
.quantitysize .heading-quantitysize{background:#fff;-webkit-box-shadow:0 -1px 1px 0 #cecece;box-shadow:0 -1px 1px 0 #cecece;display:block;height:30px;line-height:26px;margin-bottom:-20px;margin-left:auto;margin-right:auto;position:relative;text-align:center;width:130px;font-size:16px}
.quantitysize .border-area{padding-bottom:0;margin:auto;display:block;margin:10px;background:#fff}
.quantitysize .object-inputs{float:left;height:200px;overflow-y:auto;overflow-x:hidden}
.quantitysize .object-inputs ul li{display:inline-block;margin-right:10px;width:100%}
.quantitysize .object-inputs ul li label{padding:5px 10px;background:#e1e1e1;color:#666;--webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;float:left;width:75%}
.quantitysize .object-inputs ul li input[type=text]{border:1px solid #e1e1e1;width:60px;height:28px;border-radius:0;width:25%;text-align:center;margin-bottom:14px}
.quantitysize .costing{text-align:center}
.quantitysize .costing .rate{display:inline-block;font-weight:bold;font-size:26px;margin-right:10px}
.quantitysize .costing .button{display:inline-block;background:0;border:0;box-shadow:none;margin:0;padding:0}
.quantitysize .costing .button button:hover{opacity:.8}
.quantitysize .costing .button button{border:7px solid #efefef;cursor:pointer;-webkit-border-radius:3px;border-radius:3px;-webkit-border-radius:5px;border-radius:5px}
.quantitysize .costing .button button div{background:url(../images/button_bg.png) repeat-x;line-height:47px;padding:0 25px;color:#FFF;text-transform:uppercase;font-weight:bold;-webkit-border-radius:3px;border-radius:3px}
.quantitysize .costing span.note{color:#b9b9b9;font-size:12px;display:block;text-align:right;margin-top:5px;font-style:italic}
.footer-corner{background:url(../images/ft_bottom_left.png) no-repeat top left;margin:0 10px}
.footer-corner div{background:url(../images/ft_bottom_right.png) no-repeat top right}
.footer-corner div div{background:url(../images/ft_bottom_center.png) repeat-x;margin:0 10px}
#addtocart_btn{background:#71ba5a;border:medium none;cursor:pointer;float:right;height:43px;padding:0 10px}
#addtocart_btn div span{background:url("../images/d_cart.png") no-repeat;width:36px;height:36px;display:inline-block;margin:auto}
#addtocart_btn div i{color:#fff;display:inline-block;font-style:normal;float:right;line-height:35px;text-transform:uppercase;font-weight:600}
#addtocart_btn:hover{opacity:.8}
#image_upload_frm{border:0;margin:0;padding:0;overflow:hidden}

.remove-image-sec {background:#fff;border-radius: 30px; display: inline;padding: 0 4px;text-align: center; position:absolute;opacity: 1;box-shadow: 1px 1px 1px #444444;RIGHT: 5px;top: 3px;}
.remove-image-sec button { border:none;display:inline;text-align: center;width: 10px;}
.remove-image-sec .place-onstage {background: url("../images/right_sign.png") no-repeat;height: 16px;}
.remove-image-sec .remove-image {background: url("../images/cross_sign.png") no-repeat;height: 10px;vertical-align: middle;}

#flickerresult li{width:70px;height:100px;display:inline-block;margin-left:4px;margin-bottom:5px;-webkit-box-shadow:1px 1px 2px 2px #efefef;box-shadow:1px 1px 2px 2px #efefef;overflow:hidden;position:relative}
#flickerresult li img{width:70px;height:70px;border:2px solid #fff}
#flickerresult li img:hover{border:2px solid #0d9ed9}
#go_back{border:7px solid #efefef;cursor:pointer;-webkit-border-radius:3px;border-radius:3px;-webkit-border-radius:5px;border-radius:5px;background:url(../images/button_bg.png) repeat-x;line-height:35px}
#fb_go,#picasa_go,#instagram_go,#flicker_go{background:url(../images/button_bg.png) repeat-x;line-height:35px;padding:0 15px;color:#FFF;text-transform:uppercase;font-weight:bold;-webkit-border-radius:3px;border-radius:3px;border:0;height:37px;cursor:pointer}
.uploadHdButton  {border:none;font-size:9px;padding:5px 3px;background:url(../images/upload_hd_false.png) no-repeat; color: #fff; font-family: 'Arial',Calibri,sans-serif;float:left; width:69px; height:29px;}
.uploadCheckFalse { background: url("../images/hd_right_uncheck.png") no-repeat scroll 0 0;}
.uploadHdButton  div.uploadCheck {float: left;height: 17px;width: 16px;margin-right: 1px;background: url("../images/hd_right_uncheck.png") no-repeat 0 2px;}
.uploadHdButton  div.uploadCheckTrue { background: url("../images/hd_right.png") no-repeat scroll 0 0;}
.uploadhd span.caption { text-align: left;text-indent: -99999em;display: inline-block;}
#shape_cats{vertical-align:top !important}
#shape_cats>div{font-size:12px}
.t-shirt-list li a{text-decoration:underline white;vertical-align:middle}
.uploadimage-btn button.disable_img{cursor:none;opacity:.5}
.uploadimage-btn-gallery button{border:0;width:190px;background:transparent;cursor:pointer;color:#258ecd}
.uploadimage-btn button{border:0;float:left;background:transparent;cursor:pointer;color:#258ecd;margin-left:10px;margin-right: -1px;border: 1px solid #cccccc;}
.uploadimage-btn-gallery button div{background:url(../images/upload_img_gallery.png) no-repeat;line-height:36px}
.login-table{width:100%}
.div-table{display:table}
.div-table-row{display:table-row;height:35px}
.div-table-cell{display:table-cell;text-align:left}
.div-table-cell label{display:block;font-size:11px;margin-right:5px;text-align:left;color:gray;text-transform:uppercase}
.div-table-cell input[type="text"],.div-table-cell input[type="password"]{border:1px solid #ccc;height:27px;width:160px;border-radius:3px;padding:0 3px;-webkit-box-shadow:inset 0 1px 0 0 #cbcbcb;box-shadow:inset 0 1px 0 0 #cbcbcb;font-size:11px;}
.table-hd-cap{display:block;font-size:16px;font-weight:bold;margin-bottom:10px;text-align:left;text-transform:uppercase;color:gray}
.spe-note{border-bottom:2px solid;color:#666;font-size:11px;margin-bottom:10px;padding-bottom:10px}
.image-instruction-heading{margin-top:0;padding:0;color:#666;display:block;font-size:12px;font-weight:300}
.image-upload-block{margin-bottom:20px;margin-right:20px}
.image-upload-block .image-instruction-heading{font-family:Arial;font-weight:700;color:#434343;font-size:13px;display:block;}
.image-upload-block{color:#434343;font-size:12px;line-height:21px}
.image-upload-image{background:url(../images/image_upload_image.png) no-repeat top center;width:150px;height:170px;float:left}
.social-fo{float:right !important}
.social-fo li{float:left;list-style:none outside none;padding:5px}
.social-fo a.twitter-fo{background:url("./images/twitter-fo.png") no-repeat scroll left top transparent;display:block;height:36px;width:36px}
.social-fo a.twitter-fo:hover{background:url("./images/twitterh-fo.png") no-repeat scroll left top transparent}
.social-fo a.facebook-fo{background:url("./images/facebook-fo.png") no-repeat scroll left top transparent;display:block;height:36px;width:36px}
.social-fo a.facebook-fo:hover{background:url("./images/facebookh-fo.png") no-repeat scroll left top transparent}
.social-fo a.youtube-fo:hover{background:url("./images/youtubeh-fo.png") no-repeat scroll left top transparent}
.social-fo a.youtube-fo{background:url("./images/youtube-fo.png") no-repeat scroll left top transparent;display:block;height:36px;width:36px}
.social-fo a.gplus-fo:hover{background:url("./images/gplush-fo.png") no-repeat scroll left top transparent}
.social-fo a.gplus-fo{background:url("./images/gplus-fo.png") no-repeat scroll left top transparent;display:block;height:36px;width:36px}
.download-preview{background:url("../images/download_preview.png") no-repeat;display:block;height:30px;position:absolute;right:60px;top:20px;font-size:16px;padding-left:35px;line-height:30px;border:1px solid;padding:0 10px 0 40px}
.stroke_tool{margin-right:0px}
div#font-selector{background-color:white;border:1px solid gray;display:none;height:150px;margin:0 auto;overflow:auto;padding:0 5px;position:absolute;right:15px;top:33px;width:130px;cursor:pointer;z-index:999}
#topLoader{width:256px;height:256px;margin-bottom:32px;display:none;left:37%;position:absolute;top:390px;z-index:999999}
#animateButton{width:256px}
#loaderImage{top:200px;position:absolute;z-index:99999}
#loaderImage-overlay{z-index:9995;height:100%;width:100%;position:absolute}
#images_loaded{height:140px}
#browser-not-supported{font-size:.8em;font-family:'Arial',Calibri,Arial,sans-serif;color:#000}
#svg_editor *{transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0}
#svg_editor{font-size:8pt;font-family:'Arial',Calibri,Arial,sans-serif;color:#000}
#stroke_style{border-radius:0;border:1px solid #e1e1e1 !important;width:45px;margin:0;padding:0;height:25px;}
#svgroot{-moz-user-select:none;-webkit-user-select:none;position:absolute;top:0;left:0}
#svgcanvas{line-height:normal;display:inline-block;background-color:#a0a0a0;text-align:left;-apple-dashboard-region:dashboard-region(control rectangle 0 0 0 0);position:relative;background:transparent}
#svgcontent svg *{cursor:move;pointer-events:all}
#rulers>div{position:absolute;background:#DDD;z-index:1;overflow:hidden}
#ruler_corner{top:41px;left:41px;width:15px;height:15px}
#ruler_x{height:15px;border-bottom:1px solid;border-left:1px solid #777}
#ruler_y{width:15px;border-right:1px solid;border-top:1px solid #777}
#ruler_x canvas:first-child{margin-left:-16px}
#ruler_x canvas{float:left}
#ruler_y canvas{margin-top:-16px}
#ruler_x>div,#ruler_y>div{overflow:hidden}
#palette_holder{overflow:hidden;margin-top:5px;padding:5px;position:absolute;right:15px;height:16px;background:#f0f0f0;border-radius:3px;z-index:2}
#stroke_bg,#fill_bg{height:24px;width:24px;margin:1px}
#zoomLabel{cursor:pointer;margin-right:5px;padding-top:4px}
#linkLabel>svg{height:20px;padding-top:4px}
#palette{float:left;width:632px;height:16px}
#workarea{display:inline-table-cell;background:transparent;overflow: visible !important;text-align:center;height:500px}
#sidepanels{display:inline-block;position:absolute;top:40px;bottom:40px;right:0;width:2px;padding:10px;border-color:gray;border-style:solid;border-width:1px;border-left:0}
#layerpanel{display:inline-block;position:absolute;top:1px;bottom:0;right:0;width:0;overflow:auto;margin:0;-moz-user-select:none;-webkit-user-select:none}
#sidepanel_handle{display:inline-block;position:absolute;background-color:#d0d0d0;font-weight:bold;left:0;top:40%;width:1em;padding:5px 1px 5px 5px;margin-left:3px;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-user-select:none;-webkit-user-select:none}
#sidepanel_handle:hover{font-weight:bold}
#sidepanel_handle *{cursor:pointer;-moz-user-select:none;-webkit-user-select:none}
#layerbuttons{margin:0;padding:0;padding-left:2px;padding-right:2px;width:125px;height:20px;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid gray;border-top:1px solid gray;overflow:hidden}
.layer_button{width:14px;height:14px;padding:1px;border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid gray;border-bottom:1px solid gray;cursor:pointer;float:left;margin-right:3px}
.layer_button:last-child{margin-right:0}
.layer_buttonpressed{width:14px;height:14px;padding:1px;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid gray;border-top:1px solid gray;cursor:pointer}
#layerlist{margin:1px;padding:0;width:127px;border-collapse:collapse;border:1px solid gray;background-color:#fff}
#layerlist tr.layer{background-color:#fff;margin:0;padding:0}
#layerlist tr.layersel{border:1px solid gray;background-color:#ccc}
#layerlist td.layervis{width:22px;cursor:pointer}
#layerlist td.layerinvis{background-image:none;cursor:pointer}
#layerlist td.layervis *{display:block}
#layerlist td.layerinvis *{display:none}
#layerlist td.layername{cursor:pointer}
#layerlist tr.layersel td.layername{font-weight:bold}
#selLayerLabel{white-space:nowrap}
#selLayerNames{display:block}
div.palette_item{height:15px;width:15px;float:left}
div.palette_item:first-child{background:white}
#main_button{position:absolute;top:4px;left:5px;z-index:5}
#main_icon{position:relative;top:-2px;left:-2px;width:95px;line-height:26px}
#main_icon:hover{background:#f4f4f4 !important}
#main_icon.buttondown{background:#eee !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;border-radius:3px 3px 0 0}
#logo{margin-top:-2px}
#logo img{border:0;width:28px;height:28px}
#main_icon>div{float:left}
#main_button .dropdown{position:absolute;right:7px;top:4px}
#main_icon span{position:absolute;top:0;left:0;bottom:0;right:0;display:block;z-index:2;font-weight:bold;padding-left:34px;line-height:32px;font-family:'Arial',Calibri,Arial,sans-serif}
#main_menu{z-index:12;background:#eee;position:relative;width:230px;padding:5px;-moz-box-shadow:#555 1px 1px 4px;-webkit-box-shadow:#555 1px 1px 4px;box-shadow:#555 1px 1px 4px;font-size:1.1em;display:none;overflow:hidden;clear:both;top:-9px}
#main_menu ul,#main_menu li{list-style:none;margin:0;padding:0}
#main_menu li{line-height:22px;padding-top:7px;padding-left:7px;margin:-5px;overflow:auto;cursor:default}
#main_menu li:hover{background:#e9f4fb}
#main_menu li>div{float:left;padding-right:5px}
#main_menu p{margin-top:5px}
.tool_button:hover,.push_button:hover,.buttonup:hover,.buttondown,.tool_button_current,.push_button_pressed{background-color:#fff !important}
.tool_button_current,.push_button_pressed,.buttondown{background-color:#f4f4f4 !important;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4),1px 1px 0 white !important;-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4),1px 1px 0 white !important;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4),1px 1px 0 white !important}
#tools_top{position:absolute;left:108px;right:2px;top:2px;height:40px;border-bottom:0;overflow:auto}
#tools_top .tool_sep{margin-top:5px}
#tools_left{position:absolute;border-right:0;z-index:4}
#workarea.wireframe #svgcontent *{fill:none;stroke:#000;stroke-width:1px;stroke-opacity:1.0;stroke-dasharray:0;opacity:1;pointer-events:stroke;vector-effect:non-scaling-stroke;filter:none}
#workarea.wireframe #svgcontent text{fill:#000;stroke:none}
#workarea.wireframe #canvasBackground>rect{fill:#FFF !important}
#tools_top div[id$="_panel"]:not(#editor_panel):not(#history_panel){display:none}
#editor_panel,#history_panel{height:34px;float:left}
#multiselected_panel .selected_tool{vertical-align:12px}
#cur_context_panel{position:absolute;top:57px;left:56px;line-height:22px;overflow:auto;padding-left:5px;font-size:12px;background:rgba(0,0,0,0.8);color:#ccc;padding:0 10px;border-radius:0 0 3px 0}
#cur_context_panel a{float:none;text-decoration:none}
#cur_context_panel a:hover{text-decoration:underline}
#text_panel input[type="text"]{border:1px solid #e1e1e1;padding:7px 5px;font-family:'Arial',Calibri,Arial,sans-serif;width:98%;margin-bottom:7px;height:30px}
.qrcode-section textarea,.qrcode-section select,.qrcode-section input[type="text"]{border:1px solid #e1e1e1;padding:7px 5px;font-family:'Arial',Calibri,sans-serif;width:88%;margin:0 10px 10px 10px;height:30px}
.qrcode-section textarea{height:60px}
.qrcode-section select{padding:6px 5px !important; width:210px; height:30px;}
.qrcode-section select option{line-height:20px}
.qrcode-section input[type="text"]{padding:6px 5px !important; width:210px; height:30px;}
.qrcode-section .caption-section .caption{margin-bottom:7px;width:100%}
.qrcode-section #qrcolorcode{float:left}

#qrcolorcode{width:40%}
#QRcodeImage{clear:both}
#QRcodeImage li{display:inline-block}
#tools_top>div,#tools_top{line-height:26px}
.flyout_arrow_horiz{position:absolute;bottom:-1px;right:0;z-index:10}
.flyout_arrow_horiz img{bottom:5px;position:absolute;right:1px}
span.zoom_tool{line-height:26px;padding:3px}
.font-row{display:block}
div.toolset{height:34px;width:52px}
div.toolset label span{padding-top:3px;display:inline-block}
input[type=text]{padding:2px;border-radius:0;:}
#tools_top>div>*{float:left;margin-right:2px}
#tools_top label{margin-top:0;margin-left:5px}
#tools_top input{margin-top:5px;height:15px}
#tools_left .tool_button,#tools_left .tool_button_current{position:relative;z-index:11;border:1px solid #ccc}
#zoom_panel{margin-top:5px}


.inputBoxMedium{border:1px solid #e1e1e1 !important;height:25px !important;margin-right:0 !important;width:75px !important;text-align:center;line-height:25px;background:#fff !important;color:#363636 !important}
#zoomOptions li{float:none;text-align:left;width:120px;margin:0 0 -1px;border:1px solid #b0b0b0;padding:4px;cursor:pointer}
#zoomOptions{background:none repeat scroll 0 0 #fff;left:59px;position:absolute;top:45px;z-index:2}
.sliderValue{border:1px solid #e1e1e1;height:25px!important;margin-right:0;float:left;width:49px;text-align:center;line-height:25px;background:#fff;color:#363636;margin-bottom:5px!important;}
#properties_div #group_opacity{text-align:center;border:1px solid #e1e1e1;width:55px;float:left;height:30px;line-height:29px;background:#fff;color:#363636}
#tool_position{top:0}
.button-area .tool_button_current,.button-area .tool_button{float:none !important}
.tool_button,.push_button,.tool_button_current,.push_button_pressed{height:30px;width:29px;margin-right:5px;padding:2px;background-color:#fff;cursor:pointer;float:left;color:#000}
.disabled {cursor: no-drop !important;opacity: 0.5; pointer-events: none !important;}
.tool_sep{width:1px;background:#888;border-left:1px outset #EEE;margin:2px 3px;padding:0;height:24px}
.icon_label{float:left;padding-top:9px;padding-right:3px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:0}
.width_label{padding-right:5px}
.tools_flyout{position:absolute;display:none;cursor:pointer;width:148px;z-index:1;left:0 !important}
.tools_flyout_v{position:absolute;display:none;cursor:pointer;width:30px}
.tools_flyout .tool_button{float:left;background-color:#e8e8e8;border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid gray;border-bottom:1px solid gray;height:28px;width:28px}
#tool_posleft,#tool_poscenter,#tool_posright,#tool_postop,#tool_posmiddle,#tool_posbottom{margin:0 5px}
#tool_select{box-shadow:none !important;height:34px !important;width:39px !important;margin:0 !important;padding:0 !important;background:#f4f4f4}
#main_menu li#tool_open,#main_menu li#tool_import{position:relative;overflow:hidden}
#tool_image{overflow:hidden}
#tool_open input,#tool_import input,#tool_image input{position:absolute;opacity:0;font-size:10em;top:-5px;right:-5px;margin:0;cursor:pointer}
#cur_position{padding-top:1px}
#tool_bold,#tool_italic{border:1px solid #ccc;font:bold 17px/1.1em serif;padding-left:2px;position:relative;text-align:center}
#text{left:-9999px;height:47px;margin:0;font-size:11px}
#tool_bold span,#tool_italic span{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:0}
#tool_italic{font-weight:normal;font-style:italic}
#url_notice{padding-top:4px;display:none}
#color_picker{position:absolute;display:none;background:#e8e8e8;z-index:9;overflow:hidden}
#tools_bottom{position:absolute;left:40px;right:0;bottom:0;height:40px;overflow:visible}
#tools_bottom_1{width:115px;float:left}
#tools_bottom input[type=text]{width:2.2em}
#jGraduate_Form_Section input[type="text"]{border:0}
#tools_bottom_2{position:relative;-webkit-transition:width 150ms ease}
#tools_bottom #tools_bottom_2 .dropdown button{margin-top:2px}
#tools_bottom_2 .icon_label{display:block;margin:3px 5px;padding:0}
#tool_stroke{position:relative}
#fill_color,#stroke_color{height:26px;width:24px;cursor:pointer;overflow:hidden}
#stroke_expand{width:0;overflow:hidden}
#toggle_stroke_tools{position:absolute;right:0;top:0;bottom:0;width:25px;text-align:center;border-radius:0 3px 3px 0;margin:0}
#toggle_stroke_tools:before{content:'>>';letter-spacing:-3px;font-weight:bold;color:#666}
#toggle_stroke_tools:hover{background:white}
#tool_blur label{float:left}
#tool_border_color { position: absolute; right: 10px;}
#tool_stroke.color_tool{}
#tool_opacity{overflow:visible}
.expanded #tools_bottom_2{width:450px}
.dropdown li.tool_button{width:24px}
.expanded #tool_stroke.color_tool{width:150px}
.expanded #toggle_stroke_tools:before{content:'<<'}
.color_tool{position:relative;min-height:22px;line-height:22px;min-width:22px;float:left;margin-left:5px}

.toolset_border{min-width:52px;float:left}
.toolset_stroke label{float:left}
.toplink .links{float:right !important}
.color_block_parent{position:relative;width:24px;height:26px;cursor:pointer;display:inline-block;overflow:hidden}
.color_block{position:absolute;top:0;left:0;width:24px;height:26px;cursor:pointer}
.color_block svg{display:block}
.color_tool>*{float:left}
.color_tool .dropdown>*{float:left}
.color_tool .stroke_label{margin-left:25px;float:left}
.color_tool input{margin:0;border:1px solid #e1e1e1;height:29px}
.loader_pos{right:140px}
@media(max-width:1250px){.expanded #palette_holder{left:560px;overflow-x:scroll;padding:0 5px;margin-top:2px;height:30px}
#tools_top{height:71px}
#workarea,#sidepanels{top:70px}
#rulers #ruler_y{top:86px}
#cur_context_panel{top:87px}
#selected_panel{clear:right}
.center-share-panel{left:0;margin:auto;position:absolute;right:0}
}
@media screen and (max-width:1100px){#tools_bottom:not(.expanded) #palette_holder{left:410px;overflow-x:scroll;padding:0 5px;margin-top:2px;height:30px}
}
#option_lists ul #position_opts{border:1px solid red}
#option_lists ul{display:none;position:absolute;height:auto;z-index:9999;margin:-10px;list-style:none;padding-left:0}
#option_lists .optcols2{width:70px;margin-left:-15px}
#option_lists .optcols3{left:156px !important;top:-38px !important;padding:3px;border:1px solid #d7d7d7;background:#FFF}
#option_lists .optcols4{width:130px;margin-left:-44px}
#option_lists ul[class^=optcols] li{float:left;margin-right:2px;width:38px;height:35px;border:1px solid #d7d7d7}
ul li.current{background-color:#f4e284}
#option_lists ul li{margin:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
#tools_bottom .dropdown button{margin-top:2px}
#opacity_dropdown{top:2px !important}
#opacity_dropdown li{width:50px;text-align:center}
#copyright{text-align:right;padding-right:.3em}
#svg_source_editor{display:none}
#svg_source_editor #svg_source_overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:5}
#svg_source_editor #svg_source_container{position:absolute;top:30px;left:30px;right:30px;bottom:30px;background-color:#b0b0b0;opacity:1.0;text-align:center;border:1px outset #777;z-index:6}
#save_output_btns{display:none;text-align:left}
#save_output_btns p{margin:.5em 1.5em;display:inline-block}
#bg_blocks{overflow:auto;margin-left:30px}
#bg_blocks .color_block{position:static}
#svg_image_upload_container,#svg_docprops_container{width:520px}
#svg_add_note_container{width:500px !important}
#svg_beforeaddtocart{width:500px !important}
#svg_login_window_container{width:700px !important;border:1px solid red}
#svg_save_design_window_container{width:410px !important}
#svg_save_design_window_container .div-table{width:380px}
#facebook_window_container,#flickr_window_container,#picasa_window_container,#instagram_window_container{width:600px !important}
#svg_beforeaddtocart_container{width:456px}
#preview_window_container{width:800px;top: 3%!important;}
#svg_docprops #svg_docprops_container,#svg_image_upload #svg_image_upload_container,#svg_add_note #svg_add_note_container,#svg_login_window #svg_login_window_container,#svg_beforeaddtocart #svg_beforeaddtocart_container,#svg_save_design_window #svg_save_design_window_container,#facebook_window #facebook_window_container,#flickr_window #flickr_window_container,#picasa_window #picasa_window_container,#instagram_window #instagram_window_container,#preview_window #preview_window_container,#svg_prefs #svg_prefs_container{position:absolute;top:50px;left:0;right:0;top:14%;margin:auto;padding:10px;background-color:#fff;border:1px outset #777;opacity:1.0;font-family:'Arial',Calibri,Arial,sans-serif;font-size:.8em;z-index:20001}
#svg_docprops .error{border:1px solid red;padding:3px}
#error_msg{color:#F00;text-align:left;display:none}
#addtocartmessage{color:#F00;font-size:16px}
#svg_docprops #resolution{max-width:14em}
#tool_docprops_back,#tool_addnote_back,#tool_beforeaddtocart_back,#tool_prefs_back{margin-left:1em;overflow:auto;position:absolute;right:15px;top:15px}
#tool_image_upload_back,#tool_imagegallery_window_cancel,#tool_addnote_back{text-transform:uppercase;font-weight:bold;color:#000;position:absolute;right:15px;top:15px}
#addnote{width:222px;height:60px;line-height:21px;margin-left:15px;overflow:hidden;resize:none}
#addtocart-panel select{border:1px solid #e1e1e1;border-radius:0;font-family:"Arial";height:30px;margin:0 10px 10px;padding:7px 5px;width:88%;font-size:11px;}
#designInfo{min-height:65px}
.cotxt{font-size:12px;color:gray;line-height: 30px;}
#svg_prefs_container fieldset+fieldset{float:right}
#svg_docprops legend,#svg_prefs legend{max-width:195px}
#svg_docprops_docprops>legend,#svg_prefs_container>fieldset>legend{font-weight:bold;font-size:1.1em}
#svg_docprops_container fieldset,#svg_prefs fieldset{padding:5px;margin:5px;border:1px solid #DDD}
#svg_docprops_container label,#svg_prefs_container label{display:block;margin:.5em}
#svginfo_bg_note{font-size:.9em;font-style:italic;color:#444}
#canvas_title,#canvas_bg_url{display:block;width:96%}
#svg_source_editor #svg_source_textarea{position:relative;width:95%;top:5px;height:250px;padding:5px;font-size:12px}
#svg_source_editor #tool_source_back{text-align:left;padding-left:20px}
#svg_prefs_container div.color_block{float:left;margin:2px;padding:20px}
#change_background div.cur_background{border:2px solid blue;padding:18px}
#background_img{position:absolute;top:0;left:0;text-align:left}
#svg_beforeaddtocart button:hover,#svg_add_note button:hover,#svg_login_window button:hover,#svg_save_design_window button:hover,#facebook_window button:hover,#flickr_window button:hover,#picasa_window button:hover,#instagram_window button:hover,#svg_image_upload button:hover,#svg_docprops button:hover,#svg_prefs button:hover{opacity:.8}
#svg_beforeaddtocart button{right:0}
#svg_beforeaddtocart button,#svg_login_window button,#svg_save_design_window button,#facebook_window button,#flickr_window button,#picasa_window button,#instagram_window button,#svg_image_upload button,#svg_add_note button,#svg_docprops button,#svg_prefs button{margin:5px}
#svg_image_upload,#svg_add_note,#svg_beforeaddtocart,#svg_login_window,#svg_save_design_window,#facebook_window,#flickr_window,#picasa_window,#instagram_window,#preview_window,#svg_docprops,#svg_prefs{display:none}
/*.lightbox-container{display:none}
.lightbox-container .black-overly{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:20000}
.lightbox-container .black-overly .content-box{position:absolute;top:50px;left:0;right:0;top:14%;margin:auto;padding:10px;background-color:#fff;border:1px outset #777;opacity:1.0;font-family:'Arial',Calibri,Arial,sans-serif;font-size:.8em;z-index:20001}*/
button.addnotebutton{border:7px solid #efefef;cursor:pointer;-webkit-border-radius:3px;border-radius:3px;-webkit-border-radius:5px;border-radius:5px;margin-top:10px !important}
button.addnotebutton span{background:url(../images/button_bg.png) repeat-x;line-height:47px;padding:0 25px;color:#FFF;text-transform:uppercase;font-weight:bold;-webkit-border-radius:3px;border-radius:3px;display:block}
#dialog_buttons input[type=button]{margin-top:4px !important}
#dialog_buttons input[type=button]:hover,.login-button:hover,.save-design-button:hover,.prcadcart:hover{opacity:.7}
#dialog_buttons input[type=button]{border:7px solid #efefef;cursor:pointer;-webkit-border-radius:3px;border-radius:3px;-webkit-border-radius:5px;border-radius:5px;margin:4px auto auto;background:url(../images/button_bg.png) repeat-x;height:55px;padding:0 25px;color:#FFF;text-transform:uppercase;font-weight:bold;-webkit-border-radius:3px;border-radius:3px;display:inline-block}
#shape_buttons{width:110px !important;vertical-align:top !important}
#tools_rect{left:67px !important}
#tools_ellipse{left:99px !important}
#tools_line{left:33px !important}
#image_save_opts label{font-size:.9em}
#image_save_opts input{margin-left:0}
#svg_add_note #svg_add_note_overlay,#svg_image_upload #svg_image_upload_overlay,#svg_login_window #svg_login_window_overlay,#svg_save_design_window #svg_save_design_window_overlay,#facebook_window #facebook_window_overlay,#flickr_window #flickr_window_overlay,#picasa_window #picasa_window_overlay,#instagram_window #instagram_window_overlay,#preview_window #preview_window_overlay,#svg_docprops #svg_docprops_overlay,#svg_beforeaddtocart #svg_beforeaddtocart_overlay,#svg_prefs #svg_prefs_overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:20000}
#svg_save_design_window_container .headingtwo,#facebook_window_container .headingtwo,#flickr_window_container .headingtwo,#picasa_window_container .headingtwo,#instagram_window_container .headingtwo,#preview_window_container .headingtwo,#svg_image_upload_container .headingtwo,#svg_login_window_container .headingtwo,#svg_beforeaddtocart_container .headingtwo,#svg_add_note_container .headingtwo,#svg_docprops_container .headingtwo{background:#fff;text-transform:uppercase;font-weight:bold;color:#000;padding:10px 35px 10px 0;margin-bottom:20px;font-size:18px;border-bottom:1px solid #eee;text-align:left;cursor:default}
#svg_add_note_container .popupheading,#svg_docprops_container .popupheading{color:gray;text-transform:uppercase;font-weight:bold;font-size:16px}
#tool_prefs_option{float:right}
#tool_choose_prod_close,#tool_pick_color_close,#tool_edit_close,#tool_add_art_close,#tool_place_text_close,#tool_add_image_close,#tool_add_shape_close,#tool_design_idea_close{padding:0 !important;position:absolute;right:11px;top:8px;height:30px}
#tool_choose_prod_close,#tool_pick_color_close,#tool_edit_close,#tool_add_art_close,#tool_place_text_close,#tool_add_image_close,#tool_add_shape_close,#tool_design_idea_close,.toolbar_button{overflow:visible !important}
#tool_choose_prod_close,#tool_pick_color_close,#tool_edit_close,#tool_add_art_close,#tool_place_text_close,#tool_add_image_close,#tool_add_shape_close,#tool_design_idea_close{line-height:130%;float:right;background:0;cursor:pointer;padding:5px 0 5px 5px;line-height:17px;margin:9px 0 0;border:0;display:none}
#dialog_box{display:none}
#loader_bg,#dialog_box_overlay{background:black;opacity:.5;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10001}
#dialog_content{min-height:95px;max-height:250px;margin:10px 10px 5px 10px;background:#fff;overflow:auto;text-align:center}
#dialog_content.prompt{height:75px}
#dialog_content p{margin:10px;line-height:1.3em;font-size:16px;font-weight:normal}

#dialog_container {
    background:#ffffff;
    border: 1px outset #777777;
    font-family: "Arial",Calibri;
    font-size: 0.8em;
    left: 0;
    margin: auto;
 
    position: absolute;
    right: 0;
    text-align: center;
    top: 30%;
    width: 390px;
    z-index: 50001;
}

#dialog_buttons input[type=text]{width:90%;display:block;margin:0 0 5px 11px}
#dialog_buttons input[type=button]{margin:0 1em}
#blur_dropdown-list li.special{width:300px !important}
#stroke_dropdown-list li.special{width:300px !important}
.login-button,.save-design-button,.prcadcart{border:4px solid #efefef;cursor:pointer;-webkit-border-radius:3px;border-radius:3px;-webkit-border-radius:5px;border-radius:5px;background:url(../images/button_bg.png) repeat-x;height:50px;padding:0 20px;color:#FFF;text-transform:uppercase;font-weight:bold;-webkit-border-radius:3px;border-radius:3px;margin:auto}
.login-button,.save-design-button{border:3px solid #efefef;padding:0 5px;margin-top:5px !important;height:40px;float:left;font-size:12px;margin-right:5px}
.toolbar_button button{line-height:130%;float:right;background:0;cursor:pointer;padding:5px 0 5px 5px;line-height:17px;margin:9px 0 0;border:0;font-weight:bold;font-size:16px;font-family:"Arial";box-shadow: none;}
.toolbar_button button:active{background-color:#FFF;border-left:1px solid #630;border-top:1px solid #630}
.toolbar_button button .svg_icon{margin:0 3px -3px 0 !important;padding:0;border:0;width:26px;height:26px}
.ui-slider{position:relative;text-align:left;width:100%;position:absolute;background-color:#e3e3e3}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:27px;height:27px;cursor:default}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.7em;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0;background:#128bd3}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.6em;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;background:#128bd3}
.ui-slider-vertical .ui-slider-range-max{top:0}
.ui-slider-handle{position:absolute;z-index:2;width:25px;height:25px;cursor:pointer;background:url('../images/handle.png') no-repeat 50% 50%;font-weight:bold;color:#1c94c4;outline:0;margin-left:-12px}
.ui-slider-range{position:absolute;border:0;height:100%}
.tools_flyout .tool_button,.tools_flyout .tool_flyout{height:33px;width:30px;margin:2px 2px 4px 2px;padding:4px 2px;border:1px solid;background-color:#fff;cursor:pointer;float:left}
.contextMenu{position:absolute;z-index:99999;border:solid 1px rgba(0,0,0,.33);background:rgba(255,255,255,.95);padding:5px 0;margin:0;display:none;font:12px/15px Lucida Sans,Helvetica,Verdana,sans-serif;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:2px 5px 10px rgba(0,0,0,.3);-webkit-box-shadow:2px 5px 10px rgba(0,0,0,.3);box-shadow:2px 5px 10px rgba(0,0,0,.3)}
.contextMenu li{list-style:none;padding:0;margin:0}
.contextMenu .shortcut{width:115px;text-align:right;float:right}
.contextMenu a{-moz-user-select:none;-webkit-user-select:none;color:#222;text-decoration:none;display:block;line-height:20px;height:20px;background-position:6px center;background-repeat:no-repeat;outline:0;padding:0 15px 1px 20px}
.contextMenu li.hover a{background-color:#2e5dea;color:white;cursor:default}
.contextMenu li.disabled a{color:#999}
.contextMenu li.hover.disabled a{background-color:transparent}
.contextMenu li.separator{border-top:solid 1px #e3e3e3;padding-top:5px;margin-top:5px}
.border-box .shape_label{padding:0;margin:2px 0;border-bottom:0;font-size:12px;display:block;text-transform:uppercase;text-align:center}
.proimage{margin:auto}
#properties_div{background:#fff;position:absolute;bottom:0;left:60px;width:68.4%;border:1px solid #d7d7d7;background:#f4f4f4;-webkit-box-shadow:inset 0 0 1px 1px #fff;box-shadow:inset 0 0 1px 1px #fff;-webkit-border-radius:0;border-radius:0;font-size:12px;color:#258ecd}
.inst{border:1px solid;border-radius:40px 40px 40px 40px;display:none;float:right;font-family:times new roman;font-size:20px;padding:0 12px;margin:10px;position:absolute;top:4px;right:02px;cursor:pointer;font-style:italic;color:#258ecd}
.inst_image{background:#258ecd;border-radius:40px;right:0;top:0;bottom:0;color:#fff;cursor:pointer;float:right;font:Normal 11px/20px 'times new roman';height:20px;margin:auto;padding:0 8px;position:absolute}
}
#inst_image_hd{top:77px}
#inst_text_tooltip,#inst_image_tooltip,#inst_shape_tooltip,#design_tooltip,#design_tooltip_edit_panel{background:#FFF;border:1px solid;padding:10px;box-shadow:1px 1px 2px 1px #ccc;position:absolute;top:51px;z-index:100;opacity:1;color:#258ecd;left:0}
@media(max-width:3999px){.range-blocks .border-box{height:36px;margin-top:5px}
#sizeDiv, #sizeSlider { position: relative;}
#sizeDiv .caption-section-size,
#sizeSlider .caption-section-size {height: auto;line-height:10px;background:none;}
#sizeDiv {position:relative;height: 90px;}
#sizeDiv .opacity-ranger .toolset_global .size-global-area { height: 73px;}
#sizeDiv .opacity-ranger .toolset_global .size-global-area input[type="number"]  {border-radius: 0px; height: 25px;margin-bottom:10px;}
#sizeDiv .opacity-ranger .toolset_global .size-global-area .caption {width: 30px;padding: 0px;text-align: center;line-height:24px;float:left;color:#666666}
#sizeDiv .size-global-area {margin:0px}
#sizeDiv .hwxyrow		 	{ width: 121px;overflow: hidden;float: left;color:#666}
#sizeDiv .numStepper 		{ float: left;width: 60px;font-size: 11px;padding:0 0 0 5px;margin-bottom:10px;height: 23px;}
#sizeDiv .hwxyrow .caption 	{ height: 20px; line-height: 20px; width: 35px; text-align: center;float:left}
#sizeDiv #propCheckbox { display: inline-block;left: 2px; margin: 0 !important; padding: 0 !important; position: absolute; top: 15px; width: 10px !important;min-width: 10px;height: 10px;}
#sizeDiv .hwxyrow:last-child	{ width: 150px;}
#sizeDiv .interlock { background: url(../images/interlock.png) no-repeat; position: absolute;height: 45px;width: 9px;top: 5px;right: 4px;width: 20px;}
}
@media(max-width:1280px){
.tool-container { width: 100% !important;}
.designtool { width: 100%;}
.jspHorizontalBar { display: none;}
section.product-area { left: 100px !important;}
}
@media(max-width:1024px){
#properties_div{left:57px}
#xy_panel{display:none}
#properties_div{width:77%}
#selected_panel .toolset_border{min-width:33px}
#color_tools .border-box{padding:5px 3px}
.tool_button,.push_button,.tool_button_current,.push_button_pressed{margin-right:5px}
.range-blocks{margin-bottom:1px}
.range-blocks .border-box{height:31px}
.range-blocks .border-box:last-child{border:0}
.tool-container { width: 100% !important;}
.designtool { width: 100%;}
section.product-area { left: 50px !important;}
.footer-static-title { width: 80%;}
.input-append .button span span { font-size: 8px;}
#newsletter { width: 56%;}
}
.attr_changer{-webkit-border-radius:0}
#font_family{margin-left:5px;width:125px;margin-right:0;margin-top:6px;color:#000;border:1px solid #e1e1e1 !important;padding:5px;float:left}
#font_family_dropdown-list{background:#fff;border:1px solid;left:100px !important;top:145px !important;position:absolute;width:114px;z-index:99999}
#font_family_dropdown-list li{font-size:1.2em;cursor:pointer;padding:0 9px}
#font_family_dropdown-list li:hover{background:#e9f4fb}
#tool_font_family label{font-size:12px;color:#666;font-family:Arial;font-weight:300;margin-bottom:5px}
#tool_font_family .dropdown button{height:27px;margin-top:-1px;margin-right:2px;margin-top:-7px}
#canvasBackground{overflow:visible !important}
#addtocartmessage div.clr{font-size:14px;text-align:left;margin:15px 10px;overflow:hidden;margin-bottom:5px}
#addtocartmessage div.clr label.label{background:#fff;border-radius:0;color:#666;font-size:14px;font-weight:bold;line-height:19px;margin-right:5px;padding:2px;text-shadow:none;display:inline-block;width:175px}
#addtocartmessage div.clr label.label.selected_size{left: 21px; position: absolute;}
#addtocartmessage div.clr ul { left: 179px; position: relative; width: 240px;}


#addtocartmessage div.clr ul li{margin-right:5px;display: inline-block;}
#addtocartmessage div.clr ul li div.size_name{padding:5px 10px;border:1px solid #47a3da;float:left;border-right:0;font-weight:bold;color:#333}
#addtocartmessage div.clr ul li div.size_number{padding:5px 10px;border:1px solid #47a3da;float:left}
.proceedBtnmessage{color:#f00; font-size:14px;}
.no-border{border:none !important}
.ranger-panel{width:256px}
.range-blocks{clear:both;margin-bottom:4px}
.range-blocks:last-child{border-bottom:0}
.caption-section{margin:0;padding-bottom:0;position:relative;padding-right:5px;}
.caption-section input[type"text"] {height:23px;}

/*.caption-section{margin:0;padding-bottom:0;overflow:hidden;position:relative;clear:both}*/
.caption-section .caption{font-family:'Arial';font-size:12px;font-weight:300;color:#666;float:left;padding:0 5px;text-transform:uppercase;line-height: 30px;}
.caption-section .captionSmall{font-family:'Arial';font-size:11px;font-weight:300;color:#666;float:left;padding:0 10px;text-transform:uppercase}
.caption-section .caption-icon{position:relative;width:85px;float:right}
.caption-section .caption-icon .default-icon{background:url('../images/object_default.png') no-repeat;width:50px;height:20px;float:left}
.caption-section .caption-icon .text-icon{background:url('../images/ob_text.png') no-repeat;width:76px;height:20px;float:left}
.caption-section .caption-icon .border-icon{width:30px;height:20px;background:url('../images/ob_border.png') no-repeat;float:left}
.caption-section .caption-icon .blur-icon{width:30px;height:20px;background:url('../images/ob_blur.png') no-repeat;float:left}
.caption-section .caption-icon .opacity-icon{width:30px;height:20px;background:url('../images/ob_opacity.png') no-repeat;float:left}
.caption-section .caption-icon .size-icon{width:30px;height:20px;background:url('../images/ob_opacity.png') no-repeat;float:left}
/*.caption-section input[type="text"],.caption-section select{padding:0;width:40px;height:20px;margin:0}*/
.align_icons{padding:4px 7px 0;background:#fff;position:absolute;top:112px;left:44px;z-index:1;box-shadow:0 0 2px 0 #444;width:260px}
.align_icons #relativeToLabel{background:#6c6c6c;color:#fff;float:left;margin-top:6px;padding:7px;text-transform:uppercase;font-size:10px}
.align_icons #align_relative_to{border:1px solid #d3d3d3;border-radius:0;float:left;font-family:"Arial",Calibri,sans-serif;font-size:12px;height:32px;margin:6px 0 10px 0;text-transform:uppercase;width:146px;padding:0 3px}
.toolset_stroke{width:124px !important;position:relative;top:10px;left:7px}
.toolset_global{position:relative;top:5px;left:10px}
.toolset_size{width:145px !important;position:relative;top:8px;left:10px}
.size-ranger-area{float:left;height:30px;width:145px;margin-left:8px}
.size-bold-italic{width:68px;margin-right:27px;margin-left:10px;float:left}
.size-global-area{position:relative;height:30px;width:235px;margin-left:7px}
.text-align{float:left;width:102px;margin-right:7px}
.text-size-block{width:255px;margin:0 -7px;position:relative;top:117px;left:49px}
.ranger-area {height: 30px;margin-left: 10px;position: relative;width: 220px;}
.ranger-area .ui-slider {bottom: 0;margin: auto; top: 0;}
#btnAddText{border:0;font-size:12px;padding:5px 15px;background:#258ecd;color:#fff;font-family:arial;position:absolute;top:62px;left:0;right:0;margin:auto;width:80px;}
#text_panel input#text{position:absolute;float:left;height:47px;width:241px;z-index:3;font-family:'Arial',Calibri,Arial,sans-serif !important;left:7px;border-radius:0;background:#fff;border:1px solid #b6b6b6;resize:none; text-align: center;}
#text_align_left{background:url('../images/text_align_left.png') no-repeat;background-size:22px;background-position:center}
#text_align_center{background:url('../images/text_align_center.png') no-repeat;background-size:22px;background-position:center}
#text_align_right{background:url('../images/text_align_right.png') no-repeat;background-size:22px;background-position:center}
.border-ranger-area{float:left;height:30px;overflow:hidden;width:145px;margin-left:10px}
.blur-ranger,.opacity-ranger{position:relative}
.co-tw-dl{margin-left:5px}
.co-tw-dl ul li{display:inline-block;font-family:'Arial',Calibri;font-size:12px;font-weight:300;color:#666;text-transform:uppercase}
.co-tw-dl .label{line-height:25px;margin:0 4px;font-size:12px;color:#666;float:left;padding:0;font-weight:300;text-shadow:none;background:#fff;border-radius:0}
.upload-permission{font-size:12px;padding-left:5px;color:#2b2b2b;text-align:left;position:relative}
.upload-permission input[type="checkbox"]{margin: 0; position: absolute; top: 0px;}
.upload-permission label {font-size: 11px;line-height: 14px;padding-left: 0;margin-bottom: 0px; margin-left: 20px;left: 20px;width:190px; border: none; box-shadow: none;}
.button.uploadimage-btn li{display:inline-block}
.image-upload-image{background:url(../images/image_upload_image.png) no-repeat top center;width:150px;height:170px;float:left}
.image-upload-section{text-transform:uppercase;margin:10px 0}
.image-upload-section .instr{font-size:9px;color:#2b2b2b}
.toolset_fontfamily{position:absolute;right:7px;/*top:131px*/;z-index:4}
#text_size_box{position:absolute;right:0;top:190px;z-index:4}
.priceTag{background-color:#970303;bottom:8px;display:block;text-align:center;width: auto;overflow:hidden;padding:0 10px 0 10px; float:right;
margin: -8px 0 0 0;}
.priceTag .rate{color:#fff;float:left;font-size:20px;font-weight:bold;line-height:42px}

.wrapper-dropdown-1{position:relative;width:240px;padding:3px;margin:0 auto;background:#fff;color:#000;outline:0;cursor:pointer;font-weight:normal;border:1px solid #d7d7d7}
.wrapper-dropdown-1:after{content:"";width:0;height:0;position:absolute;right:16px;top:50%;margin-top:-6px;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent #d7d7d7}
.wrapper-dropdown-1 .dropdown{position:absolute;top:100%;left:0;right:0;overflow-y:scroll;height:146px;background:#fff;list-style:none;font-weight:normal;display:none;pointer-events:none;z-index:99999;border:1px solid #d7d7d7}
.wrapper-dropdown-1 .dropdown li a{display:block;text-decoration:none;padding:5px;font-size:22px;color:#258ecd}
.wrapper-dropdown-1 .dropdown li:hover a{background:#f3f8f8}
.wrapper-dropdown-1.active .dropdown{display:block;pointer-events:auto}
.wrapper-dropdown-1.active:after{border-color:#000 transparent;border-width:6px 6px 0 6px;margin-top:-3px}
.wrapper-dropdown-1.active{background:#fff;border:1px solid #d7d7d7}
#selectedFont{font-size:14px;white-space:pre;width:200px;display:block;overflow:hidden}

.curve-division {float: right;width: 110px;}
.wrapper-dropdown-2{position:relative;width:240px;padding:3px;margin:0 auto;background:#fff;color:#000;outline:0;cursor:pointer;font-weight:normal;border:1px solid #d7d7d7}
.wrapper-dropdown-2:after{content:"";width:0;height:0;position:absolute;right:16px;top:50%;margin-top:-6px;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent #d7d7d7}
.wrapper-dropdown-2 .dropdown{position:absolute;top:100%;left:0;right:0;overflow-y:scroll;height:146px;background:#fff;list-style:none;font-weight:normal;display:none;pointer-events:none;z-index:99999;border:1px solid #d7d7d7}
.wrapper-dropdown-2 .dropdown li a{display:block;text-decoration:none;padding:5px;font-size:22px;color:#258ecd}
.wrapper-dropdown-2 .dropdown li:hover a{background:#f3f8f8}
.wrapper-dropdown-2.active .dropdown{display:block;pointer-events:auto}
.wrapper-dropdown-2.active:after{border-color:#000 transparent;border-width:6px 6px 0 6px;margin-top:-3px}
.wrapper-dropdown-2.active{background:#fff;border:1px solid #d7d7d7}
#textShapeSelected{font-size:14px;white-space:pre;width:90px;display:block;overflow:hidden}
#textShapeSelected > img {width: 100%;}
#textShapeDD .select-small{border:1px #e1e1e1 solid;-webkit-box-shadow:inset 1px 1px 1px 1px #ededed;box-shadow:inset 1px 1px 1px 1px #ededed;width:224px;left:-120px;height:128px;padding:3px 5px !important;font-weight:normal;font-family:'Arial';font-size:12px;color:#666;-webkit-border-radius:3px;border-radius:3px}


.social-media-import-section{margin:5px auto 0;overflow:hidden}
.import_fb{background:url('../images/fb_img_impt.png')no-repeat top left;width:36px;height:36px;float:left;text-indent:-999em;margin-bottom:5px;cursor:pointer}
.import_flickr{background:url('../images/fi_img_impt.png') no-repeat top left;width:36px;height:36px;float:left;text-indent:-999em;margin-bottom:5px;cursor:pointer}
.import_picasa{background:url('../images/pcs_img_impt.png') no-repeat top left;width:36px;height:36px;float:left;text-indent:-999em;margin-bottom:5px;cursor:pointer}
.import_instagram{background:url("../images/insta_img_impt.png") no-repeat left top;cursor:pointer;float:left;height:36px;margin-bottom:5px;text-indent:-999em;width:36px}
.add_Qrcode{background:url('../images/add_arcode.jpg')no-repeat top left;width:37px;height:36px;float:left;text-indent:-999em;margin-bottom:5px;cursor:pointer}


.uploadimage-btn button div{background:url("../images/art_uploader.png") no-repeat scroll 0 10px;line-height:36px;height:43px;width:45px}
.import_fb			{background:url('../images/art_uploader.png')no-repeat top left;			width:45px;height:45px;float:left;text-indent:-999em;margin-bottom:5px;cursor:pointer;border:1px solid #ccc;margin-right: -1px;}
.import_flickr		{background:url('../images/art_uploader.png')no-repeat -46px 9px;		width:45px;height:45px;float:left;text-indent:-999em;margin-bottom:5px;cursor:pointer;border:1px solid #ccc;margin-right: -1px;}
.import_picasa		{background:url('../images/art_uploader.png')no-repeat  -89px 9px;		width:45px;height:45px;float:left;text-indent:-999em;margin-bottom:5px;cursor:pointer;border:1px solid #ccc;margin-right: -1px;}
.import_instagram	{background:url('../images/art_uploader.png')no-repeat -134px 9px;	width:45px;height:45px;float:left;text-indent:-999em;margin-bottom:5px;cursor:pointer;border:1px solid #ccc;margin-right: -1px;}
.add_Qrcode			{background:url("../images/art_uploader.png") no-repeat -180px 9px;			width:45px;height:45px;float:left;text-indent:-999em;margin-bottom:5px;cursor:pointer;border:1px solid #ccc;margin-right: -1px;}


.gallery-images {margin-top:10px;}
.fb_holder,.picasa_holder,.instagram_holder,.flickr_holder{height:375px;overflow:auto;margin:10px 0}
.fb_holder .photo,.picasa_holder .photo,.instagram_holder .photo,.flickr_holder .photo{float:left;height:160px;margin:0 10px 10px 0;overflow:hidden;display:inline-block;margin-left:4px;margin-bottom:5px;-webkit-box-shadow:1px 1px 2px 2px #efefef;box-shadow:1px 1px 2px 2px #efefef}
.fb_holder .photo img,.picasa_holder .photo img,.instagram_holder .photo img,.flickr_holder .photo img{cursor:pointer;float:left;height:auto;width:160px}
.flickr_holder .photo img:hover,.flickr_holder .photo img:active{border:2px solid #258ecd}
.preview_holder{height:500px;margin:10px auto; width: 730px !important;}
.preview_holder div{width:730px;float:left;border-collapse:collapse;}
.preview_holder div{width:730px;float:left;border-collapse:collapse;}
#productSvg {}
.preview_holder div image{/*width:270px !important*/}
.preview-image-slot{position:relative;display:inline-block}
.multiColorBlock{width:197px;height:67px;overflow-y:auto}
#fb_window_container input[type="text"],#picasa_window_container input[type="text"],#instagram_window_container input[type="text"],#flickr_window_container input[type="text"]{border:1px solid #e1e1e1;MARGIN-BOTTOM:0;font-family:'Arial',Calibri,Arial,sans-serif;width:84%;margin-right:1%;display:inline-block;height:37px;font-size:12px;}
#import_error{position:absolute;top:130px;width:96%}
#preview_window_container .save-design-table{overflow-x:auto}
#borderStrokeSlider{border:1px solid}
#productName{color:#000;font-family:'Arial';font-size:18px;left: 0;margin-left:0;position:absolute;text-transform:uppercase;right:0;text-align:center; top: 90px;}
#product-image{pointer-events:none}
#errornotinstock{font-size:16px; margin-top: 10px;}
#errornotinstock .error-msg {font-size: 12px !important;font-style: normal !important;line-height: 17px;padding: 5px 10px 5px 40px !important;text-align: left!important;background-image: url("../images/i_msg-notice.gif")!important;background-position: 5px 10px !important;    background-size: 26px 26px;}
input[type=range]{-webkit-appearance:none;background-color:red;width:200px;height:20px}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#666;opacity:.5;width:10px;height:26px}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0 none}
.lock-unlock-range{clear:both;margin:9px;overflow:hidden;padding:0 10px}
#priceAjaxLoader{float:left;margin-left:5px;margin-top:9px;height:25px;width:25px}
.window_overlay{background-color:black;bottom:0;left:0;opacity:.6;position:absolute;right:0;top:-0;z-index:19}
.window_container{background-color:#fff;border:1px outset #777;font-family:"Arial",Calibri,Arial,sans-serif;font-size:.8em;left:0;margin:auto;opacity:1;padding:10px;position:absolute;right:0;top:50px;width:410px;z-index:20;color:#666;font-size:14px;padding-top:10px}
.window_content{max-height:450px;overflow-y:auto}
.window_container .headingtwo{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #eee;color:#000;cursor:default;font-size:18px;font-weight:bold;margin-bottom:20px;padding:10px 35px 10px 0;text-align:left;text-transform:uppercase}
#objectLock{background-color:white;position:absolute;z-index:4}
.numStepper{width:70px;float:left}
#imageGalleryPopupInfoContent{font-size:12px !important}
#picasa_album_selector {border: 1px solid #e1e1e1; height: 30px;margin-bottom: 10px;width: 250px;}
#clipartopt { margin-bottom: 0px; margin-top: 15px; height: 30px; margin-left: 17px;
    width: 203px;}

#clipartopt option { padding: 0 5px;}
.psright {float:right;}
/*Specefic Theme CSS*/
/*shopper theme*/
.design-index-index .col1-layout .col-main {padding:0px;margin:auto;width:auto;}
img.svg_icon { vertical-align: top;}
.designtool .main_dt{ height: 530px; /*background: #c76262;*/}
label.label-printmethod:before {content: '»'; padding-right: 5px; text-transform: uppercase;}
label.label-printmethod {display: block;border: 1px solid #ccc; padding: 4px; color: #fff; background: #444;text-transform: uppercase; cursor: inherit;}
/*#editor-container {    height: 399px; overflow:auto; border: 1px solid #DDD; margin: 5px 0;}
#import_svg_btn { display: inline-block; margin: 0 5px 0 0;}
input#import_svg[type="file"] { display: none; height: 0; visibility: hidden;width: 0;}
#import_svg_btn .btn.btn-large {background: url("../images/import.png") no-repeat; border-radius: 0; box-shadow: none; color: #337fc2;cursor: pointer; display: block;font-size: 9px; height: 36px;padding-top: 38px;text-transform: uppercase;width: 37px;}
.jGraduate_overlay{background-color:black;bottom:0;left:0;opacity:.15;position:absolute;right:0;top:0;z-index:5;}*/
#svgcontent {cursor:move;pointer-events:all;}
#stone-box {
	background-color: #000000;
	border-color: transparent;
	-moz-box-shadow: 5px 7px 7px rgba(194, 194, 194, 0.3);
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-width: 1px;
	float: left;
	min-height: 250px;
	padding: 2%;
	width: 100%;
}

#stone-box a {
  color: #666666;
  font-weight: normal;
}


.tblWidthBorder #svg_8 {
        border:none;
		text-align: left;
}
.tblWithBorder #svg_8{    
      border:2px dotted #FF0000;
	/*  margin: 0 0 25px 0;*/
	  text-align: center;
 }
 .tblWithBorder #svg_8{    
      border:2px dotted green;
	/*  margin: 0 0 25px 0;*/
	  text-align: center;
 }
.left-stonebox{
height: 276px;
    /*left: 104px;
    position: absolute;
    top: 75px;*/
    width: 190px;
	float: left;
	border: 1px dotted green;
	text-align: center;}
.right-stone { float: left; width: 69%; text-align: center; color: #ffffff; margin: 20px 0 0 0;}
.right-stone p { font-size: 20px; margin: 0 0 25px 0; padding: 5px;}
.userpic,a.tool-img { float: left;
    height: 175px;
    margin: 10px;
    width: 175px;
	text-align: left;}
.bottom-footer {
    background: #353535;
    clear: both;
    height: 100px;
	margin: 97px 0 0 0;
}
.footer-text { color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 15px;
    padding-bottom: 15px;
    text-align: center;
	/*font-family: "Merriweather","Times New Roman",Times,serif;*/
	padding-top: 20px;}
.black-memory { text-align: center; color: #ffffff; /*font-family: "Merriweather","Times New Roman",Times,serif;*/ font-size: 17px; width: auto; margin: 0 auto; }
.free-shipping { text-align: right; margin: -40px 40px 0 0; font-size: 17px; /* width: 62%; */ color: #ffffff; /*font-family: "Merriweather","Times New Roman",Times,serif;*/ color: #ffffff; float:right;}
.free-shipping .buttons { float: right; font-size: 16px; margin: -5px 0 0 20px;}
.free-shipping .buttons .cobutton { border: none; font-size: 13px; border-radius: 0;}
.button > img {
    /*margin: 45px 0 0;*/
}
/*
 * 	portBox 1.0 - jQuery plugin
 *	written by Joey Navarro	
 *	http://www.joeynavarro.com
 *
 *	Copyright (c) 2013 Joey Navarro (http://www.joeynavarro.com)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */
/*-----------------------------------------
portBox CSS
------------------------------------------*/
.portBox-overlay {  
	height: 100%;
	width: 100%;
	background: #000000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
}
#mySite { width: 100%;left: 0 !important; right: 0; top: 0 !important; bottom: 0; height: 435px;}
#toggleFont { width: 85%;left: 7% !important; right: 0; top: 0 !important; bottom: 0; padding: 30px !important; height: 540px !important;}
#toggleFont .scrollBar {  overflow-y: scroll !important; height: 480px !important;}
#toggleClipart { width: 85%;left: 7% !important; right: 0; top: 0 !important; bottom: 0; padding: 30px !important; height: 540px !important;}
#clipartcontainer li { float: left; width: 13%; /*margin: 15px 0 15px 35px;*/ padding: 10px; box-shadow: 1px 3px 13px #dddddd inset;
    display: inline-block;
    height: 110px;
	margin: 15px 6px 5px 18px;
   /* padding: 0 3px;*/
    /*width: 70px;*/}
/*#clipartcontainer li img {
    height: 79px;
    margin-left: 0;
    margin-top: 0;
    width: 60px;
}*/
#mySite2 { width: 100%;left: 0% !important; right: 0; top: 0 !important; bottom: 0; height: 560px !important; padding-right: 25px !important;}
#mySite2 .slimScrollBar { height: 200px !important;}
.project {
    height: 380px;
    overflow: scroll;
	background: #ffffff;
	overflow-x: hidden;
}
.project-info a { display: block; width: 16%; float: left; padding: 20px; color: #000000; text-align: center;}
.project-info a img { width: auto; height: 140px;}
.projectInfo-text  {font-size: 18px; text-transform: capitalize; font-weight: bold;display:block}

#mySite2 .project-info a { width: 30% !important; border: 1px solid #cccccc; margin: 0 30px 20px 0; height: 220px;}
#mySite2 .project-info a img { height: 120px !important;
    width: auto !important;}
.portBox {
	max-width:1280px;
	width: 100%;
	position: absolute;
	display:none;
	background: #cccccc;
	z-index: 1001;
	padding: 30px;
	text-align:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 7px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	min-width:200px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.slimScrollDiv {     background: #353535;}
.scrollBar { height: 480px !important; position: relative;     background: #353535;
overflow-y: scroll !important;}
.close-portBox{
		font-size: 20px;
		line-height: .5;
		position: absolute;
		top: -6px;
		right: -7px;
		color: #fff !important;
		text-shadow:none;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:bold;
		cursor: pointer;
		border-radius:50%;
		padding:5px;
		background-color:#5c5c5c;
		overflow:visible;
		border:2px solid #fff;
		text-decoration:none;
}

.close-portBox:hover{
	color: #5c5c5c !important;
	background-color:#fff;
	border:2px solid #5c5c5c;	
}

/*----------------------------------------
porBox Content CSS
-----------------------------------------*/

.project-pics{
	width:70%;
	float:left;	
}

	.project-pics img{
		width:100%;	
	}
#mySite2 .project-info { margin:30px 0 30px 30px;     background: #86a978;}

.project-info {
	float: left;
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; 
	margin:30px 0 30px 30px;
	line-height:28px;
	padding: 15px 0 0 0;
}

.project-info h3,
.project-info h4,
.project-info ul,
.project-info p,
.project-button{
	margin:10px 0;
	float:left;
	width:100%;	
}

.project-info h3{
	font-size:28px;
	font-weight:bold;
	color:#030303;	
}

.project-info p{
	font-size:16px;
	color:#030303;		
}

.project-info h4{
	font-size:18px;
	color:#bfbfbf;
	border-bottom: 1px solid #e3e3e3;
	margin-top:20px;
	letter-spacing:2px;	
}

.project-info ul{
	list-style:none;
	padding:0;
	color:#000;
}

.project-info ul li{
	border: 1px solid #ffffff;
    color: #ffffff !important;
    float: left;
    font-size: 16px;
    margin: 0 40px 16px 0;
    padding: 20px;
    width: 45%;
}
.project-info ul li a { color: #ffffff !important; font-size: 30px; font-weight: bold;}

.project-button{
	line-height: 45px;
	height: 45px;
	border-radius: 3px;
	color:#ffffff;
	text-decoration:none;
	background-color:#99cd4e;
	text-align:center;
	margin-top:15px;
	letter-spacing:2px;
	border: 1px solid #bbb;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	text-shadow:none;	
}

	.project-button:hover{
		background: #d0d0d0;
		color: #fff !important;
		-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
		box-shadow: inset 0 0 1px 1px #eaeaea;
		cursor: pointer;
	}
	
	.project-button:active {
		background-color:#e3e3e3;
		color:#bfbfbf !important;
		-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
		box-shadow: inset 0 0 1px 1px #e3e3e3; 
	}

@media only screen and (max-width: 1024px){
	.project-pics{
		width: 100%;
	}
	
	.project-info{
		width: 100%;
		padding:0;
		margin-top:40px;
	}
}
@media only screen and (max-width: 800px){
.right-share-panel ul li a, .center-share-panel ul li a, .left-share-panel ul li a, .bottom-share-panel ul li a { padding: 11px 10px;}
}

@media only screen and (max-width: 420px){
	
	.project-info{
		text-align:center;
		margin-top:0;
	}
	
	.project-info h3{
		font-size:25px;
		line-height:30px;
	}

	
}
@media only screen and (max-width: 360px){
.right-share-panel ul li a, .center-share-panel ul li a, .left-share-panel ul li a, .bottom-share-panel ul li a { 
padding: 11px 8px !important;}
}
/*  install page css  */
			


#links{
	float:right;
	color:#303030;
	font-weight:600;
	list-style:none;
}

#links li{
	float:left;
	margin-left:20px;	
}

.like-btns{
	width:50px;
	padding:5px;
	background:#ffffff;
	position:fixed;
	margin-left:830px;
	text-align:center;
	border-radius:0 3px 3px 0;
}
.tool-container {
    margin: 0 auto;
    width: 1170px;
}
#memdesigner img{ /*background:url("../images/bg.jpg") repeat;*/ position: absolute; top: 40px; height: 540px; width: 100%; 
box-shadow: none; left: 0;}
#memdesigner.nobg {
    background: #6e0f0f none repeat scroll 0 0;
	position: absolute;
	width: 1px;
}
#designideacontainer li, #productconatiner li {
    box-shadow: 1px 2px 13px #ddd inset;
    text-align: center;
    width: 140px;
	background: #ffffff;
}
#designideacontainer li a span { color: #337fc2;}
.slimScrollBar { color: #ffffff; background: #000000 !important; padding-right: 0; display: none !important;}
#addcart { text-align: right; background: #d26210; float: right; border: none; margin: 0; height: 36px;}
.tool-container .left-share-panel {
    width: 100%;
	border: none;
}
.font-item {
    border: 2px solid #000000;
    color: #000000;
    font-size: 30px;
	float: left; width: 100%;
	padding: 20px;
}
.font-item:hover { color: #47a3da;}
#font-selector li { width: 45%; padding: 10px; float: left; margin: 0 0 0 35px;}
#tool_font_family { position: absolute; top: 0;}
.range-blocks,.caption-section,.co-tw-dl,.tool_sep{ display: none;}
#text_panel input#text { width: 234px; font-size: 12px; padding: 10px; border-radius: 3px; margin: 10px 0 30px 0;line-height: 36px; height: 47px; color: #2f2f2f;/*text-transform: uppercase;*/}
#white {
    background: #353535;
    position: relative;
    width: 100%;
    height: 82px;
    border-bottom: 1px solid #1c1c1c;
    border-bottom: 1px solid #258ecd;
    float: left;
    z-index: 1;
}
.left-share-panel {
    position: absolute;
    overflow: hidden;
    /* top: 10px; */
    left: 0px;
}
.left-share-panel ul li {
    float: left;
    padding: 0;
    word-break: break-all;
    text-align: center;
    height: 82px;
    width: 112px;
    box-shadow: 1px 0px 6px #ccc;
}
.left-share-panel ul li a{
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 4px 5px 0px 3px;
    text-decoration: none;
    margin: auto;
    border-right: 0px dotted #818181
}
#addcart {
    text-align: center;
    background: #970303;
    float: right;
    border: none;
    height: 36px;
    margin-top: 23px;
    margin-right: 23px;
}
.prcadcart{
padding: 0 15px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #text_panel input#text {
        font-size: 36px; /* Adding 16px on focus/hover will prevent page zoom */
    }
    #text_panel input#text:focus, #text_panel input#text:hover, #text_panel input#text:active {
        font-size: 48px; /* Adding 16px on focus/hover will prevent page zoom */
    }
    .box-outer .select-main:focus, .box-outer .select-main:hover{
        font-size: 48px; /* Adding 16px on focus/hover will prevent page zoom */
    }
}
#text_panel h3 { font-size: 18px; padding:8px;}
#text_panel p { margin: 50px 0 0 0; padding: 30px 0 0 0;}
.project-info button { font-size: 20px; font-weight: bold; background: none; border: none; padding: 20px !important;
position: absolute !important; top: -18px !important; right: -8px !important;}
#addtext-panel button { background: #000000;
    /*border: medium none;
    border-radius: 50%;
    font-size: 15px;
    font-weight: bold;
    height: 10px;
    line-height: 0;*/
    padding: 13px !important;
    position: absolute !important;
    right: -23px !important;
    top: -18px !important;
   } 
#text_panel h3 { background: none; margin: 10px 0 0 0; color: #2f2f2f;}
#insertimage { width: 40%; position: absolute; left: 25%; height: 265px !important; padding: 20px 15px 17px !important; top: 0 !important;}
#insertimage .slimScrollDiv { background: #FFF; top: 0%; }
.insert-text { font-size: 28px; color: #ffffff;}
.insert-text:hover { color: #eeb013;}
#insertimage .scrollBar { height: auto !important;}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#fileToUpload { margin: 0 0 15px 0;}
.pop-up-detail-hd { font-size: 20px;}
#svg_uploadyourart_container { margin: 0 0 0 10px;}
.inputbutton { background: #970303; color: #ffffff; padding: 5px; margin: -15px 0 0;}
#svg_uploadyourart_container input { height: auto;}
#edit-panel { display: none;}
.object-inputs li { display: none;}
#lineSpaceSlider { display: none;}
.button-area .last {
    float: right !important;
    margin: 0;
    padding: 0 !important;
    width: 160px;
}
#nav a { padding: 7px 9px;}
#mySite2 .project{ overflow-y: auto; height: auto;    background: #86a978;}
.gotoPage > input { background: none !important; border: none !important;}
#rotationDivPc { display: none;}
#rotationSliderPc { display: none;}
.jspHorizontalBar { display: none;}
#addtext-panel { padding: 0;}
.addtext-btn input { width: 100%; margin: 0 0 0 0; background: #7f4426; padding: 7px 0; color: #ffffff; font-size: 15px; border-radius: 5px;}
#addtext-panel #error_msg_txt { font-si-ze: 18px; margin: 0 0 0 5px; font-weight: bold; color: #F00;}
.highlite-product { margin: 0 auto;}
/*---- greyscal ---*/
/*.grayscale {
    filter: url(../files/filters.svg#grayscale); 
    filter: gray;
    -webkit-filter: grayscale(1); 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 

filter: gray;

-webkit-filter: grayscale(1);
}

 
.grayscale-hover:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}*/

@media only screen and (max-width: 1024px)
{
    .icon_video{
        margin-top: 8px;
    }
    .icon_svg{
        margin-top: 8px;
    }
    .icon_print{
        margin-top: 8px;
    }
    .icon_save{
        margin-top: 8px;
    }
    .icon_download{
        margin-top: 8px;
    }
    .icon_design{
        margin-top: 8px;
    }
    .icon_background{
        margin-top: 5px;
        margin-right: 5px;
    }
    .icon_border{
        margin-top: 5px;
        margin-right: 5px;
    }
    .span_small{
        font-size: 6px;
        top: -6px;
        position: relative;
        margin-left:3px;
    }
    .span_small_background{
        font-size: 6px;
        top: -6px;
        position: relative;
        margin-left: 20px;
    }
    .button-area img {
        height: 45px;
        margin-top: 20px;
    }
#nav a { padding: 7px 8px;}
#nav li.last { float: none !important;}
.links ul li.last { float: none !important;}
.right-share-panel ul li a, .center-share-panel ul li a, .left-share-panel ul li a, .bottom-share-panel ul li a {
    padding: 0px; font-size: 12px; }

    .right-share-panel ul li a, .center-share-panel ul li a, .left-share-panel ul li a, .bottom-share-panel ul li a {
        padding: 0;
        font-size: 10px;
    }
    .login-button, .save-design-button, .prcadcart { padding: 0 6px;}
    #text_panel input#text {
        font-size: 36px;
        height: 65px;
    }
    .left-share-panel ul li {
        float: left;
        padding: 0;
        word-break: break-all;
        text-align: center;
        height: 82px;
        width: 91px;
        box-shadow: 1px 0px 6px #ccc;
    }
}
@media only screen and (max-width: 778px)
{
    .icon_video{
        margin-top: 8px;
        margin-right: 2px;
    }
    .icon_svg{
        margin-top: 8px;
        margin-right: 2px;
    }
    .icon_print{
        margin-top: 8px;
        margin-right: 2px;
    }
    .icon_save{
        margin-top: 8px;
        margin-right: 2px;
    }
    .icon_download{
        margin-top: 8px;
        margin-right: 2px;
    }
    .icon_design{
        margin-top: 8px;
        margin-right: 2px;
    }
    .icon_background{
        margin-top: 5px;
        margin-right: 2px;
    }
    .icon_border{
        margin-top: 5px;
        margin-right: 2px;
    }
    .span_small{
        font-size: 6px;
        top: -6px;
        position: relative;
        margin-left:3px;
    }
    .span_small_background{
        font-size: 6px;
        top: -6px;
        position: relative;
        margin-left: 20px;
    }
    .button-area img {
        height: 23px;
        margin-top: 5px;
    }
    #addcart { margin: 0 2px 0 0 !important;width: 75px;
        font-size: 9px;}
    .right-share-panel ul li a, .center-share-panel ul li a, .left-share-panel ul li a, .bottom-share-panel ul li a {
        padding: 0;
        font-size: 9px;
    }
#svgcanvas { right: 60px;}
.footer-text { font-size: 13px;}
.bottom_desc label { font-size: 11px !important;}
.priceTag .rate { font-size: 17px;}
.priceTag { padding: 0 10px;}
}
@media only screen and (max-width: 640px)
{
#svgcanvas { right: 60px;}
}


@media only screen and (max-width: 640px){
    .right-share-panel ul li a, .center-share-panel ul li a, .left-share-panel ul li a, .bottom-share-panel ul li a {
        padding: 0;
        font-size: 10px;
    }
    .login-button, .save-design-button, .prcadcart { padding: 0 6px;}
    #addcart { margin: 0 2px 0 0 !important;}
    .icon_video{
        margin-top: 8px;
    }
    .icon_svg{
        margin-top: 8px;
    }
    .icon_print{
        margin-top: 8px;
    }
    .icon_save{
        margin-top: 8px;
    }
    .icon_download{
        margin-top: 8px;
    }
    .icon_design{
        margin-top: 8px;
    }
    .icon_background{
        margin-top: 5px;
        margin-right: 5px;
    }
    .icon_border{
        margin-top: 5px;
        margin-right: 5px;
    }
    .span_small{
        font-size: 6px;
        top: -6px;
        position: relative;
        margin-left:3px;
    }
    .span_small_background{
        font-size: 6px;
        top: -6px;
        position: relative;
        margin-left: 20px;
    }
    .button-area img {
        height: 25px;
        margin-top: 5px;
    }
}

/*.rws { text-transform: uppercase;}*/

