@charset "utf-8";
/* CSS Document */
@font-face
{
font-family: arial;
src: url('../toolsneeded/fonts/Arial/Arial.ttf');
}
@font-face
{
font-family: arial bold;
src: url('../toolsneeded/fonts/Arial/Arial_Bold.ttf');
}
@font-face
{
font-family: arial italic;
src: url('../toolsneeded/fonts/Arial/Arial-ItalicMT.otf');
}
@font-face
{
font-family: arial bold italic;
src: url('../toolsneeded/fonts/Arial/Arial_Bold_Italic.ttf');
}
@font-face
{
font-family: arial black;
src: url('../toolsneeded/fonts/Arial Black/Arial_Black_Bold.ttf');
}
@font-face
{
font-family: arial black bold;
src: url('../toolsneeded/fonts/Arial Black/Arial_Black.ttf');
}
@font-face
{
font-family: arial black italic;
src: url('../toolsneeded/fonts/Arial Black/Arial_Black_Italic.ttf');
}
@font-face
{
font-family: bebas;
src: url('../toolsneeded/fonts/Bebas/Bebas.ttf');
}
@font-face
{
font-family: futura;
src: url('../toolsneeded/fonts/Futura/FuturaLT.ttf');
}
@font-face
{
font-family: futura bold;
src: url('../toolsneeded/fonts/Futura/FuturaLT-Bold.ttf');
}
@font-face
{
font-family: futura oblique;
src: url('../toolsneeded/fonts/Futura/FuturaLT-Oblique.ttf');
}
@font-face
{
font-family: futura bold oblique;
src: url('../toolsneeded/fonts/Futura/FuturaLT-BoldOblique.ttf');
}
@font-face
{
font-family: helvatica black;
src: url('../toolsneeded/fonts/Helvetica Black/Helvetica-Black.otf'); /* IE9 */
}
@font-face
{
font-family: helvatica black oblique;
src: url('../toolsneeded/fonts/Helvetica Black/Helvetica-BlackOblique.otf'); /* IE9 */
}
@font-face
{
font-family: helvatica black semibold;
src: url('../toolsneeded/fonts/Helvetica Black/Helvetica-Black-SemiBold.ttf'); /* IE9 */
}
@font-face
{
font-family: impact;
src: url('../toolsneeded/fonts/Impact/Impact.otf');
}
@font-face
{
font-family: samson;
src: url('../toolsneeded/fonts/Samson/Samson.ttf');
}
@font-face
{
font-family: samson bold;
src: url('../toolsneeded/fonts/Samson/Samson_Bold.ttf');
}
@font-face
{
font-family: samson oblique;
src: url('../toolsneeded/fonts/Samson/Samson_Oblique.ttf');
}
@font-face
{
font-family: samson bold oblique;
src: url('../toolsneeded/fonts/Samson/Samson_Bold_Oblique.ttf');
}
@font-face
{
font-family: frutiger;
src: url('../toolsneeded/fonts/Frutiger-Normal.ttf');
}
@font-face
{
font-family: optima;
src: url('../toolsneeded/fonts/Optima.otf');
}
@font-face
{
font-family: optima bold;
src: url('../toolsneeded/fonts/Optima-Bold.otf');
}
@font-face
{
font-family: garamond regular;
src: url('../toolsneeded/fonts/Garamond_Regular.ttf');
}
@font-face
{
font-family: oldEnglish regular;
src: url('../toolsneeded/fonts/OldEnglish_Regular.ttf');
}
@font-face
{
font-family: helvetica;
src: url('../toolsneeded/fonts/Helvetica.otf');
}

*{ margin:0; padding:0;}
#one,#two,#three,#save,#trash,#help,#col_box li,#view_box li,#imagerotateslide{ cursor:pointer;}
li{ list-style-type: none;}
.cls{ clear: both; font-size:0; line-height:0;}
body{ font:11px/13px Arial, Helvetica, sans-serif; color:#333; background:url(../images/bg.jpg) center top no-repeat; border-top:8px solid #ef4233;}
.wrapper{ width:998px; margin: 0 auto;}
.header{ clear: both; margin:0 0 16px 0; padding:0;}
.logo{ float:left; width:140px; height:47px; margin:40px 0 0 0;}
.nav{ float:left; width: auto; margin:46px 0 0 225px;}
.nav ul{ padding:0; margin:0;}
.nav ul li{ list-style-type: none; float:left; border-right: 1px solid #f1e3c5; padding:0 3px;}
.nav ul li:last-child{ list-style-type: none; float:left; border-right: none; padding:0 3px;}
.nav ul li a{ color:#f13524; text-decoration: none;}
.right_box{ width: auto; float:right;}
.phone{ background:url(../images/phone.jpg) left top no-repeat;border-right: 1px solid #f13524;  float:left; color:#f13524; margin:46px 15px 0 0 ; padding:0 15px 0 50px; font:11px/16px Georgia, "Times New Roman", Times, serif;}
.chat{ background:url(../images/chat.jpg) left top no-repeat; float:left; color:#f13524; margin:46px 0 0 0; padding:0 0 0 50px; font:11px/16px Georgia, "Times New Roman", Times, serif;}

.main_div{ clear: both;}
.left_panel{ float:left; min-height: 532px; width: 370px; border:1px solid #e2e2e2; background:#fbfbfb; border-radius:5px; }
ul.tab{ clear: both; margin:0; padding:0;border-bottom:1px solid #e2e2e2; overflow: hidden; }
ul.tab li{ float:left; width: 33%; line-height:21px; text-align: center; list-style-type: none; padding:8px 0; border-right: 1px solid #e2e2e2; }
ul.tab li:last-child{ float:left; width: 33%; text-align: center; list-style-type: none; padding:8px 0; border-right: none;}

ul.tab li#one a{  background: url(../images/shirt-h.png) no-repeat scroll 0 0 transparent;display: inline-block;height: 28px;text-align: center; font-size:0;width: 25px;}
ul.tab li#one a:hover{  background: url(../images/shirt.png) no-repeat scroll 0 0 transparent;display: inline-block;height: 28px;text-align: center;font-size:0;width: 25px;}

ul.tab li#one.active a{  background: url(../images/shirt.png) no-repeat scroll 0 0 transparent !important;display: inline-block; text-align: center;}


ul.tab li#two a{  background: url(../images/text.png) no-repeat scroll 0 0 transparent;display: inline-block;height: 28px;text-align: center; font-size:0;width: 25px;}
ul.tab li#two a:hover{  background: url(../images/text-h.png) no-repeat scroll 0 0 transparent;display: inline-block;height: 28px;text-align: center;font-size:0;width: 25px;}

ul.tab li#two.active a{ background: url(../images/text-h.png) no-repeat scroll 0 0 transparent;display: inline-block;}
ul.tab li#three a{  background: url(../images/prient.png) no-repeat; display: inline-block; height: 28px; text-align: center; 
font-size:0; width: 25px;}

ul.tab li#three a:hover { background: url(../images/prient-h.png) no-repeat ; display: inline-block;
 height: 28px; text-align: center;font-size:0;width: 25px;}
ul.tab li#three.active a{background: url(../images/prient-h.png) no-repeat ; display: inline-block;}
ul#view_box{ padding:11px 0; margin:0 0 0 10px; float:left;
background: #f4ab3a; /* Old browsers */
background: -moz-linear-gradient(top,  #f4ab3a 0%, #ed8f0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ab3a), color-stop(100%,#ed8f0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4ab3a 0%,#ed8f0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4ab3a 0%,#ed8f0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4ab3a 0%,#ed8f0a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4ab3a 0%,#ed8f0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ab3a', endColorstr='#ed8f0a',GradientType=0 ); /* IE6-9 */
}
ul#view_box li{ padding:0; margin:0; float:left;}


ul#view_box li span{ padding:5px 8px; border:none; margin:0 5px; list-style-type: none; width: auto; border-radius: 4px 4px 4px 4px; height:auto; background:#fff; cursor:pointer;}
.color_box{ clear: both;}
.color_box span{ /*background:#a09086;*/ display: inline-block; margin:5px; color:#FFFFFF; border-radius:5px; padding:3px 5px;}
ul.col_box{ clear: both; width: 50%; padding:0; margin:8px 0 0 0;
}
ul.col_box li{ list-style-type: none; float:left; padding: 0 5px 5px 0;}

.right_panel{ float:right; background:#f0eeef; width: 614px;}
.right_panel ul{
float: right; width: 100px;
background: #f4ab3a; /* Old browsers */
background: -moz-linear-gradient(top,  #f4ab3a 0%, #ed8f0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ab3a), color-stop(100%,#ed8f0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4ab3a 0%,#ed8f0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4ab3a 0%,#ed8f0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4ab3a 0%,#ed8f0a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4ab3a 0%,#ed8f0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ab3a', endColorstr='#ed8f0a',GradientType=0 ); /* IE6-9 */
}

.right_panel ul li{ float:left; list-style-type: none; padding:5px 8px; }
.main_shirt_img{ clear: both; width: 100%;}
.sub_heading{background: #f4ab3a; /* Old browsers */
background: -moz-linear-gradient(top,  #f4ab3a 0%, #ed8f0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ab3a), color-stop(100%,#ed8f0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4ab3a 0%,#ed8f0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4ab3a 0%,#ed8f0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4ab3a 0%,#ed8f0a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4ab3a 0%,#ed8f0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ab3a', endColorstr='#ed8f0a',GradientType=0 ); /* IE6-9 */
text-align: center; padding:14px 0; color:#FFFFFF; font-size:14px;
}

.footer{ background:#c7baa7 url(../images/g_box.jpg) repeat-x;  background-position:0 100%; width: 100%; clear: both; margin:50px 0 0 0; position: relative; }
.footer_bg{ margin: 0 auto; width:960px; background:url(../images/footer_bg.png) center top no-repeat; po overflow: hidden;}
.left_fot{ width: 414px; float:left; margin:70px 0 50px 0; position: relative;}
.input_box1{ border: none; background:#fff; width:200px; height: 25px; margin:0 5px 5px 0; color:#ff9000;}
.input_box2{ border: none; background:#fff; width:408px; height: 25px; margin:5px 0 5px 0; color:#ff9000;}
.input_box3{ border: none; background:#fff; width:408px; height: 150px;margin:5px 0 5px 0; color:#ff9000;}
.button{ background:url(../images/submit.png) no-repeat; width:40px; height:56px; border: none; color:#ff9000; position: absolute; bottom:0; right:52px;}
.right_fot{ width: 445px; float: right; margin:70px 0 0 0; position: relative;}
.right_fot ul{ padding:0; margin:0;}
.right_fot ul li{ padding:0; margin:0 14px 15px 0; list-style-type: none; float:left;}

.contact_text{ font:12px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#fff;}
.contact_text h3{font: bold 22px/24px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#fff;}
.footer_line{ background:url(../images/footer_like.jpg) left bottom no-repeat;; text-align: center; clear: both; width:100%; height:23px;}
.hellow{ position:absolute; width:98px; height:98px; background:url(../images/hellow.png) no-repeat; top:-51px; left:11%;}
.col_box li span{ width:10px; height:10px; border: 1px solid #000;}
.col_box li span.active{ border:2px solid #FF9900;}
#White,#textWhite{ background-color:#fff;}
#Black,#textBlack{ background-color:#000;}
#Red,#textRed{ background-color:#f00;}
#Blue,#textBlue{ background-color:#00f;}

.text_sub select{ width:165px;}
.text_box, .art_box{ padding:8px;}
.text_panel{ clear: both;}
.text_panel ul{ padding:3px; background:#f0f0f0; display:inline-block; margin:0; width:98%;}
.text_panel ul li{ line-height:32px; padding:0 2px 0 0; float:left; list-style-type: none; margin:0;}
.addtext{ display:block; padding:3px; width: 98%; margin:10px 0; font-size:14px; /*background:#f37321;*/ color:#fff;}

ul.text_por{ display: inline-block; text-align:center; padding:8px 0 0 75px;}
ul.text_por li { list-style-type: none; float:left; padding: 0 0 0 10px;}
ul.text_por li a{ color:#f37321; font-size:14px;}

.input{ border:1px solid #54301a; width:250px; height:50px; margin:10px 0 0 45px;}

.next_btm{ background:url(../images/nextbtm.jpg) no-repeat; width:50px; height:26px; border: none; margin:10px 0 0 150px; cursor: pointer; font-size:0px;}
.upload_btm{ background:url(../images/upload_btm.jpg) no-repeat; width:109px; height:30px; border: none; margin:10px 0 0 120px; cursor: pointer; font-size:0px;}
.our_gal{ border-top:1px solid #eddfc1;margin:10px 0 0 0; clear: both; display: inline-block; height:371px; overflow:auto;}
.our_gal span{ padding:12px 0;  display: block; font-size:13px;}
.our_gal ul{ padding:3px; display:inline-block; margin:0;}
.our_gal ul li{ padding:0 5px 0 0; float:left; list-style-type: none; margin:0;}
.main_image{ position:relative; width:491px; height:487px; margin-left:61px;}
.area{ border: 1px solid #000000;
    height: 355px;
    left: 133px;
    position: absolute;
    top: 89px;
    width: 229px;
	overflow:hidden;}
.texttoshow_box{  width:auto; height:auto; line-height:12px; position:absolute !important; border:1px dashed transparent; top:0px; left:0px;}
.texttoshow_box:hover{ cursor:pointer;}
.texttoshow_box.active{border:1px dashed #999999;}
.resize-scrool{width:352px; float: left; padding: 5px; margin:10px 0 0; display: inline-block; text-align:left;}
.resize-scrool span{ display: inline-block; font-size:20px;}
#imagerotateparent{width:200px; height:10px; border:1px solid #aaa; border-radius:5px; display:inline-block; }
#imagerotateslide{border: 1px solid #CCC;width: 11px;height: 12px;left: 0px;border-radius:3px;top: -2px;background: #E8E8E8;}
.imagetoshow .ui-wrapper{ overflow:visible !important;}
.tab li img{ height:20px;}
.tab li .normal{display:inline;}
.tab li .active{display:none;}
.tab li.active .active{display:inline;}
.tab li.active .normal{display:none;}
/*#view_box li span.active{ border:2px solid #000;}*/
.font_or{ width:150px;}

#file_browse_wrapper {
width: 104px;
height: 26px;
background: url(../images/browse_btm.jpg) no-repeat !important; 
border: none;
margin:8px 0;
overflow: hidden;
float:left;
}
#photoimg {
margin-left: -145px;
opacity: 0.0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#oldengreg{font-family:oldEnglish regular;}
.delete_img{ float: right;
    line-height: 31px;
    width: 112px;}
#delete_img{ color:#F37321; font-size:14px;}
.ui-resizable-e{ cursor: none !important;}
.ui-resizable-s{ cursor: none !important;}
#textColors{ width:100%; margin-left:11px;}
#textColors li{ float:left;}
#textColors li span{ width:10px; height:10px; display:block; cursor:pointer;}
#textColors li span:hover,#textColors li span.active{ border:1px solid #FF9900;}

.f_por{ width:auto; float:right;}
#content_three{ position:relative;}
#uploadimageloader{ position:absolute; left:122px; top:33px;}
.overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000000; opacity:0.5; z-index:1000; display:none;}
.pop{ position:fixed; z-index:10001; width:300px; height:200px; top:50%; left:50%; margin-left:-150px; margin-top:-100px; background:#fff; color:#333333; display:none;}
.pop p{ padding:5px;};