
.ImagePanel{overflow:visible;position:relative;height:130px;z-index:1000;}
.ImagePanel h3{font-size:11px;color:#999;margin:0 0 2px 0;padding:0;font-weight:normal;}
.ImagePanel a{position:absolute;height:31px;}

.ImagePanel .arrows{display:block;width:74px;height:100px;position:absolute;top:0;left:82px;}
.ImagePanel .arrows .controls{display:block;width:74px;height:74px;position:relative;border:solid 1px #71a411; padding:1px 1px 1px 1px; margin:0 10px 0 0; background:#fff;}
.ImagePanel .arrows a{display:block;width:24px;height:24px;position:absolute;}

.ImagePanel a.tl{left:1;top:1;background:url(../images/editor/navigateTopLeft.gif) 0 0 no-repeat;}
.ImagePanel a.t{left:26px;top:1;background:url(../images/editor/navigateTop.gif) 0 0 no-repeat;}
.ImagePanel a.tr{left:51px;top:1;background:url(../images/editor/navigateTopRight.gif) 0 0 no-repeat;}

.ImagePanel a.l{left:1;top:26px;background:url(../images/editor/navigateLeft.gif) 0 0 no-repeat;}
.ImagePanel a.c{left:26px;top:26px;background:url(../images/editor/navigateCenter.gif) 0 0 no-repeat;}
.ImagePanel a.r{left:51px;top:26px;background:url(../images/editor/navigateRight.gif) 0 0 no-repeat;}

.ImagePanel a.bl{left:1;top:51px;background:url(../images/editor/navigateBottomLeft.gif) 0 0 no-repeat;}
.ImagePanel a.b{left:26px;top:51px;background:url(../images/editor/navigateBottom.gif) 0 0 no-repeat;}
.ImagePanel a.br{left:51px;top:51px;background:url(../images/editor/navigateBottomRight.gif) 0 0 no-repeat;}

.ImagePanel .zoom{display:block;width:74px;height:48px;position:absolute;top:0;left:0;}
.ImagePanel .zoom .controls{display:block;width:74px;height:30px;position:relative;}
.ImagePanel a.min{left:0; top:0; width:38px; background:url(../images/editor/navigateMin.gif) 0 0 no-repeat;}
.ImagePanel a.max{left:38px; top:0; width:36px; background:url(../images/editor/navigateMax.gif) 0 0 no-repeat;}

.ImagePanel .rotate{display:block;width:74px;height:48px;position:absolute;top:48px;left:0;}
.ImagePanel .rotate .controls{display:block;width:74px;height:30px;position:relative;}
.ImagePanel a.rl{left:0; top:0; width:38px; background:url(../images/editor/navigateRotateLeft.gif) 0 0 no-repeat;}
.ImagePanel a.rr{left:38px; top:0; width:36px; background:url(../images/editor/navigateRotateRight.gif) 0 0 no-repeat;}

.ImagePanel .resize{display:block;width:74px;height:48px;position:absolute;top:0;left:168px;}
.ImagePanel .resize .controls{display:block;width:74px;height:30px;position:relative;}
.ImagePanel a.fill{left:0; top:0; width:38px; background:url(../images/editor/navigateFill.gif) 0 0 no-repeat;}
.ImagePanel a.fit{left:38px; top:0; width:36px; background:url(../images/editor/navigateFit.gif) 0 0 no-repeat;}
.ImagePanel a.default{left:45px; height:10px; width:160px; position:absolute; margin-top:100px;}

.ImagePanel .center{display:block;width:74px;height:48px;position:absolute;top:48px;left:168px;}
.ImagePanel .center .controls{display:block;width:74px;height:30px;position:relative;}
.ImagePanel a.vc{left:0; top:0; width:38px; background:url(../images/editor/navigateVertCentered.gif) 0 0 no-repeat;}
.ImagePanel a.hc{left:38px; top:0; width:36px; background:url(../images/editor/navigateHorCentered.gif) 0 0 no-repeat;}
.imagePanelUpload {}


.TextPanel {overflow:visible;position:relative;height:230px;}
.TextPanel h3{font-size:11px;color:#999;margin:0 0 2px 0;padding:0;font-weight:normal;}
.TextPanel a{position:absolute;height:31px;}

.TextPanel .arrows{display:block;width:74px;height:100px;position:absolute;top:140px;left:82px;}
.TextPanel .arrows .controls{display:block;width:74px;height:74px;position:relative;border:solid 1px #71a411; padding:1px 1px 1px 1px; margin:0 10px 0 0; background:#fff;}
.TextPanel .arrows a{display:block;width:24px;height:24px;position:absolute;}

.TextPanel a.tl{left:1;top:1;background:url(../images/editor/navigateTopLeft.gif) 0 0 no-repeat;}
.TextPanel a.t{left:26px;top:1;background:url(../images/editor/navigateTop.gif) 0 0 no-repeat;}
.TextPanel a.tr{left:51px;top:1;background:url(../images/editor/navigateTopRight.gif) 0 0 no-repeat;}

.TextPanel a.l{left:1;top:26px;background:url(../images/editor/navigateLeft.gif) 0 0 no-repeat;}
.TextPanel a.c{left:26px;top:26px;background:url(../images/editor/navigateCenter.gif) 0 0 no-repeat;}
.TextPanel a.r{left:51px;top:26px;background:url(../images/editor/navigateRight.gif) 0 0 no-repeat;}

.TextPanel a.bl{left:1;top:51px;background:url(../images/editor/navigateBottomLeft.gif) 0 0 no-repeat;}
.TextPanel a.b{left:26px;top:51px;background:url(../images/editor/navigateBottom.gif) 0 0 no-repeat;}
.TextPanel a.br{left:51px;top:51px;background:url(../images/editor/navigateBottomRight.gif) 0 0 no-repeat;}

.TextPanel .zoom{display:block;width:74px;height:48px;position:absolute;top:140px;left:0;}
.TextPanel .zoom .controls{display:block;width:74px;height:30px;position:relative;}
.TextPanel a.min{left:0; top:0; width:38px; background:url(../images/editor/navigateMin.gif) 0 0 no-repeat;}
.TextPanel a.max{left:38px; top:0; width:36px; background:url(../images/editor/navigateMax.gif) 0 0 no-repeat;}

.TextPanel .center{display:block;width:74px;height:48px;position:absolute;top:188px;left:168px;}
.TextPanel .center .controls{display:block;width:74px;height:30px;position:relative;}
.TextPanel a.vc{left:0; top:0; width:38px; background:url(../images/editor/navigateVertCentered.gif) 0 0 no-repeat;}
.TextPanel a.hc{left:38px; top:0; width:36px; background:url(../images/editor/navigateHorCentered.gif) 0 0 no-repeat;}

.TextPanel .align{display:block;width:74px;height:48px;position:absolute;top:140px;left:168px;}
.TextPanel .align .controls{display:block;width:74px;height:30px;position:relative;}
.TextPanel a.al{left:0; top:0; width:25px; background:url(../images/editor/textAlignLeft.gif) 0 0 no-repeat;}
.TextPanel a.ac{left:25px; top:0; width:24px; background:url(../images/editor/textAlignCenter.gif) 0 0 no-repeat;}
.TextPanel a.ar{left:49px; top:0; width:25px; background:url(../images/editor/textAlignRight.gif) 0 0 no-repeat;}
.TextPanel a.als{left:0; top:0; width:25px; background:url(../images/editor/textAlignLeftRol.gif) 0 0 no-repeat;}
.TextPanel a.acs{left:25px; top:0; width:24px; background:url(../images/editor/textAlignCenterRol.gif) 0 0 no-repeat;}
.TextPanel a.ars{left:49px; top:0; width:25px; background:url(../images/editor/textAlignRightRol.gif) 0 0 no-repeat;}

.TextPanel .fontStyle{display:block;width:74px;height:48px;position:absolute;top:188px;left:0;}
.TextPanel .fontStyle .controls{display:block;width:74px;height:30px;position:relative;}
.TextPanel a.fb-ru{left:0; top:0; width:25px; background:url(../images/editor/textBold-ru.gif) 0 0 no-repeat;}
.TextPanel a.fi-ru{left:25px; top:0; width:24px; background:url(../images/editor/textItalic-ru.gif) 0 0 no-repeat;}
.TextPanel a.fu-ru{left:49px; top:0; width:25px; background:url(../images/editor/textUnderline-ru.gif) 0 0 no-repeat;}
.TextPanel a.fbs-ru{left:0; top:0; width:25px; background:url(../images/editor/textBoldRol-ru.gif) 0 0 no-repeat;}
.TextPanel a.fis-ru{left:25px; top:0; width:24px; background:url(../images/editor/textItalicRol-ru.gif) 0 0 no-repeat;}
.TextPanel a.fus-ru{left:49px; top:0; width:25px; background:url(../images/editor/textUnderlineRol-ru.gif) 0 0 no-repeat;}
.TextPanel a.fb-en{left:0; top:0; width:25px; background:url(../images/editor/textBold-en.gif) 0 0 no-repeat;}
.TextPanel a.fi-en{left:25px; top:0; width:24px; background:url(../images/editor/textItalic-en.gif) 0 0 no-repeat;}
.TextPanel a.fu-en{left:49px; top:0; width:25px; background:url(../images/editor/textUnderline-en.gif) 0 0 no-repeat;}
.TextPanel a.fbs-en{left:0; top:0; width:25px; background:url(../images/editor/textBoldRol-en.gif) 0 0 no-repeat;}
.TextPanel a.fis-en{left:25px; top:0; width:24px; background:url(../images/editor/textItalicRol-en.gif) 0 0 no-repeat;}
.TextPanel a.fus-en{left:49px; top:0; width:25px; background:url(../images/editor/textUnderlineRol-en.gif) 0 0 no-repeat;}

.TextPanel .textOutline{font-size:11px; color:#666;padding-top:3px;display:block;}
.TextPanel .textOutline label{padding-left:4px;}
.TextPanel .textOutline .apply {margin-left:100px; height:20px;}
*:first-child+html .TextPanel .textOutline {padding-top:0;}

.TextPanel .fontName{display:block;width:100px;position:absolute;top:0;left:0px;top:84px;} 
.TextPanel .fontName select{height:26px;margin-top:3px;}
.TextPanel .fontName select option{padding:2px;}
.TextPanel .fontColor{display:block;width:100px;position:absolute;top:0;left:168px;top:84px;} 
.TextPanel .textArea{display:block;width:238px;position:absolute;top:0;left:0px;top:0px;} 
.TextPanel .textArea .updateText{position:absolute;left:164px;top:0;display:block;font-size:9px;color:#c00;visibility:hidden;}
.TextPanel .textArea textarea{height:38px;padding:0;}

.BackgroundPanel{position:relative;}
.BackgroundPanel h3{font-size:10pt;color:#999;margin:2px 0 2px 0;padding:0;font-weight:normal;font-family:Georgia;}
.BackgroundPanel .startColor{position:absolute;top:0;left:0}
.BackgroundPanel .endColor{position:absolute;top:0;left:100px;}

.BackgroundPanel .gradientChk{font-size:11px;color:#666;padding-top:3px;display:block;position:absolute;top:70px;left:0;}
.BackgroundPanel .gradientChk label{padding-left:4px;font-style:normal;}

.BackgroundPanel a{position:absolute;height:28px;padding:2px 4px;}

.BackgroundPanel .controls{position:relative;}
.BackgroundPanel a.topdown{left:0; top:0; width:44px; background:url(../images/editor/tt.gif) 50% 50% no-repeat;}
.BackgroundPanel a.leftright{left:52px; top:0; width:44px; background:url(../images/editor/lr.gif) 50% 50% no-repeat;}
.BackgroundPanel a.diag1{left:104px; top:0; width:44px; background:url(../images/editor/diag1.gif) 50% 50% no-repeat;}
.BackgroundPanel a.diag2{left:156px; top:0; width:44px; background:url(../images/editor/diag2.gif) 50% 50% no-repeat;}


.BackgroundPanel .direction{position:absolute;top:120px;left:0;}

.Colorpanel{display:block; position:absolute; top:0; left:0; width:212px; height:199px; background:white; border:solid 1px #71a411; padding:4px 2px 4px 4px;}
.colorblock{display: block; float:left; position:relative;width:12px;height:12px;border:solid 1px #fff; }

.product-view{text-align:center;overflow:hidden;position:relative;}
.product-view .mug{padding-left:90px;}
.product-view .shirt{padding-left:130px;}
.product-view .controls {margin-top:30px;overflow:hidden;}
.product-view .controls a{text-decoration:none;color:#aaa;display:inline-block;min-width:66px;border:solid 2px #fff;padding:4px;margin:6px;}
.product-view .controls a span{display:block;padding:2px 0 0 0;font-size:11px;}
.product-view .controls a:hover {border:solid 2px #E2FAB7;}
.product-view .controls .current ,.product-view .controls a.current:hover {border:solid 2px #AEDE55;}

.productQuantity{overflow:hidden;line-height:30px;}
.productQuantity label{color:#999;font-size:12px;padding:0 10px;}
.productQuantity input.button{cursor:pointer; border:none; background:url(../images/editor/quantity_button.gif) 50% 50% no-repeat;width:40px;height:35px; line-height:35px;}
.productQuantity input.text{width:80px;float:none;font-size:13pt;}
.currentPrice
{
    padding-top:20px;
    margin-top:0;
    text-align:center;
    font-size:20px;color:#6BA500;
}

.currentPrice span{color:#999;font-size:12px;}

.sidebar{overflow:hidden; position:absolute;width:84px;display:none;z-index:1;border:solid 1px #ddd;}
.sidebar .top{width:84px;height:10px;display:none;}
.sidebar .center{min-height:200px;width:84px;padding:0;}
.sidebar .bottom{width:84px;height:10px;display:none;}
.sidebar .content{margin:0;width:100%;}
.sidebar .close{display:block;font-size:10px;background:#eaeaea;text-decoration:none;color:#aaa;width:82px;padding:1px 2px 1px 0;text-align:right;}
.sidebar .close:hover{color:#666;}

.sidebar .Left .top{background:url(../images/editor/sidebar_right_bg.gif) -168px 0 no-repeat;}
.sidebar .Left .center{background:url(../images/editor/sidebar_right_bg.gif) -252px 0 repeat-y;}
.sidebar .Left .bottom{background:url(../images/editor/sidebar_right_bg.gif) -168px -10px no-repeat;}
.sidebar .Left .content{padding:12px 4px 0 8px !important; padding:8px 2px 0 8px;width:72px;}
.sidebar .Left .close{top:5px;left:4px;width:77px;text-align:left;padding:1px 0 1px 2px;}
.sidebar .close:hover{color:#666;}

.color{width:74px;height:31px;margin:5px 0;background:url(../images/editor/color_picker.png) 0 0 no-repeat;}
.colors {overflow:hidden;padding:0;margin:0;}
.colors li{display:block;float:left;width:8px;height:8px;margin:1px;padding:0;border:solid 1px #666;cursor:pointer;font-size:1px;line-height:1px;}

.sidebar .files{margin:0;padding:0;overflow:auto;max-height:220px;height:220px;}
.sidebar .files li{background:none;padding:0;margin:4px 6px;}
.sidebar .scroll .files li img{width:50px;height:50px;}
.sidebar .files li img{width:64px;height:64px;padding:1px;border:solid 1px #ddd;}

.propertyFiles, .propertyLayout{overflow:hidden;padding:10px 0 10px 0;}
.propertyFiles a{width:40px; height:50px; display:block;float:left;margin:0 6px 6px 0;border:solid 2px #fff;padding:0 0 10px 0; text-align:center;text-decoration:none;}
.propertyLayout a{width:90px; height:70px; display:block;float:left;margin:0 6px 6px 0;border:solid 2px #fff;padding:0 0 10px 0; text-align:center;text-decoration:none;}
.propertyFiles a img, .propertyLayout a img{filter:Alpha(opacity=60);-moz-opacity: 0.6;opacity:0.6; padding:0px; margin:0px;}
.propertyFiles a.current img, .propertyFiles a:hover img, .propertyLayout a.current img, .propertyLayout a:hover img{filter:Alpha(opacity=100);-moz-opacity: 1;opacity:1;}

.propertyFiles a:hover, .propertyLayout a:hover {border:solid 2px #e4edff;text-decoration:none;}
.propertyFiles a.current, .propertyLayout a.current {border:solid 2px #AEDE55;}
.propertyFiles a .note, .propertyLayout a .note{font-size:10px; margin:2px;}

.editorFiles {margin:0 0 20px 0; text-align:right;}
.editorFiles img{padding:1px;border:solid 1px #ddd;}

.editorFiles .select{width:173px;font-size:13px;color:#666;float:left;text-align:left;padding:0;margin:0;list-style:none;}
.editorFiles .select li{background:none;margin:0;padding:0 0 10px 0;}
.editorFiles .select input{float:left;height:18px;width:22px;}
.editorFiles .select label{height:14px;padding:0;margin:0;position:relative;cursor:pointer;}
.editorFiles .select span{padding-left:2px;}
.editorFiles .select span a{color:#aaa;font-size:10px;}

.product-loading{background:url(../images/loading.gif) 2px 50% no-repeat;position:absolute;top:200px;left:368px;display:none;line-height:16px;color:#999; width: 130px;padding-left:25px}

.fileSelectorList{overflow:auto; height:156px;position:absolute;background:#f5f5f5 url(../images/editor/fileListBg.gif) 0 0 repeat-x;border:solid 1px #ddd;display:none;width:255px;z-index:99999;}
.fileSelectorList ul{padding:0;margin:0;border:solid 1px #fff;}
.fileEditorSelectorList{position:absolute;background:#f5f5f5 url(../images/editor/fileListBg.gif) 0 0 repeat-x;border:solid 1px #ddd;display:none;width:555px;z-index:99999;}
.fileEditorSelectorList ul{padding:0;margin:0;height:200px;overflow:auto;border:solid 1px #fff;}
.fileSelectorList ul li, .fileEditorSelectorList ul li{background:none;padding:0;margin:4px;float:left;}
.fileSelectorList ul li img, .fileEditorSelectorList ul li img{padding:1px;background:#fff;border:solid 1px #ddd;}
.fileSelectorList ul li.current img, .fileEditorSelectorList ul li.current img{border:solid 1px #548200;}


.Calendar 
{	
	border-top:solid 4px #ccc;border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;background:#F2F2F2;
	position:absolute;top:4px;left:0;cursor:default;color:Gray;margin:0 0 0 6px;font-size:9px;height:30px;width:26px;text-align:center;
}
.Calendar .Month{display:block;margin-top:1px;font-weight:normal;line-height:10px;height:10px;}
.Calendar .Day{font-size:13px;display:block;margin-top:-1px;font-weight:bold;}

.templateConfirm {margin:20px auto 80px;width:80%;display:none;text-align:center;}
.templateConfirm .img {padding:10px;}
.templateConfirm .agree input {padding-right:6px;}
.templateConfirm .agree label {font-size:12pt;font-weight:bold;}
.templateConfirm .return {font-size:14pt;padding-top:10px;}
.editor-note {}


.templateConfirm .agree { border: dashed 2px #f00;text-align: left;padding: 4px 16px 16px;}
