html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
body{font-family:"MS PGothic", sans-serif;}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*----- common -----*/
.tx_c{width:888px; margin:0 auto;}
.last{margin:0px !important; padding:0px !important; border:none !important;}
a{text-decoration:none;outline:none;}
input{outline:none;}
address{text-align:center; font-size:12px; margin: 20px 0px; color: #253a69;}

body,#header,#footer{width:100%;}
div#page{width:882px; margin:0 auto;}
#nav{padding:15px 0;}
#nav li {border-right: 1px solid #253A69;float: left;line-height: 10px;margin-right: 10px;padding-right: 10px;}
#nav li a{font-size:13px; color: #253a69;}

#howTodiv{position: absolute; top:0; left:0; height:387px; width:882px; overflow:hidden;}
#CanvasCover{height:387px;width:882px;background:#fff;position: relative;}

#tab{margin:20px 0 0 0;}
#tab li{float: left;}
#tab li a{display: block; width:125px; height:48px; background-position:left bottom; cursor:pointer;}
#tab li a:hover{background-position:left top;}
#tab li span{display: none;}
#tab li a.active{background-position:left top;}
#tab1 a{background-image: url(../img/tab_1.jpg);}
#tab2 a{background-image: url(../img/tab_2.jpg);}
#tab3 a{background-image: url(../img/tab_3.jpg);}
#tab4 a{background-image: url(../img/tab_4.jpg);}
#tab5 a{background-image: url(../img/tab_5.jpg);}
#tab li#fileupload{float: right;}
#fileupload input{border:none; width:100px; height:44px; cursor:pointer; background: url(../img/btn_buy_now.png);}
#fileupload input:hover{opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}

#global_control{width:888px; height: 22px; margin:5px auto 5px auto;}
#global_control li{float: right;}
#global_control li:hover{opacity:0.8;filter:alpha(opacity=80);}
#remove-selected a{display: block; width:85px; height:22px; background-image: url(../img/btn_remove.jpg); cursor:pointer;}
/*#remove-selected a:hover{display: block; width:80px; height:22px; background-image: url(../img/btn_remove_select.jpg); cursor:pointer;}*/
/*#remove-selected:hover{background:none repeat scroll 0 0 #d8dce8;}*/
/*#remove-overlay{width:80px; height:22px; position:absolute; z-index:100; background:none repeat scroll 0 0 #9eaccb; opacity:0.6;filter:alpha(opacity=60);}*/
.control{border-top:3px solid #253a69;border-bottom:3px solid #253a69; background:#f1f3f8; padding: 30px; height:217px;position: relative;}
.controlL{width:370px; height:220px; float: left;}
.controlR{width:370px; height:220px; float: right; background: url(../img/bk_color_pick.png) no-repeat}
.controlR_font{width:370px; height:220px; float: right; background: url(../img/bk_color_pick_text.png) no-repeat}
.controlR_pen{width:370px; height:220px; float: right; background: url(../img/bk_color_pick_pen.png) no-repeat}
.helpbar{position:absolute; left:0px; top:5px;width:100%; font-size: 13px;}
.helpbar a:link{text-decoration: none; color: #253a69;}
.helpbar a:visited{text-decoration: none; color: #253a69;}
.helpbar a:active{text-decoration: none; color: #253a69;}
.helpbar a:hover {text-decoration: underline; color: #253a69;}
.helpbarL{display:block;width:60%;text-align:left;padding-left:30px;float:left;}
.helpbarR{display:block;width:30%;text-align:right;padding-right:15px;float:right;}

#fileup{background-position:left top; background-image:url(../img/btn_upload.png); padding: 9px 18px 16px 11px; width:340px; height:103px;}
#fileup li{float: left;}
.fileinputs{display: block; position: relative; overflow: hidden; vertical-align: bottom; width:340px; height:103px; cursor:pointer; opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);-ms-filter: "alpha(opacity=0)"; background:#253a69;}
.fileinputs:hover{opacity: 0.1;-moz-opacity: 0.1;filter:alpha(opacity=10);-ms-filter: "alpha(opacity=10)";}
.fileinputs input.file{position:absolute; right:0; top:0; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; font-family:"MS PGothic",sans-serif; font-size:600px; cursor:pointer;}
#control_btn{margin: 10px 0 0 0;}
#control_btn li{float: left; margin:0 7px 0 0;}
#control_btn li a img:hover{opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70);}

#fileup_icon li{float: left;}
#fileup_icon{background-position:left top; background-image:url(../img/btn_upload2.png); padding: 9px 18px 16px 11px; width:340px; height:103px;}
#controlML{position: relative; float: left;}
#controlML{left: -10px;padding: 1px;top: 0px;}
#controlMR{float: left;margin:0 0 0 190px;}

#addtext {background: url(../img/bk_input_text.png) no-repeat left; width: 395px;height:47px; behavior: url(ie-css3.htc);}
#addtext input {background: /*url(../img/bk_input.png)*/ no-repeat scroll 20px center transparent;border: medium none;padding: 13px 15px;width: 300px;outline: none; vertical-align:top;}
#addtext input:focus {background: none;outline: none;}
#addtext input.placeholder {color: gray;}
#addtext  img {margin-left: 5px;}
#fontchg_loading{position: relative; width:400px; text-align: center; padding-top:32px; padding-bottom:33px;}
#fontchg_body{position: relative; width:400px; display:none}
.bx-wrapper{width:370px;}
ul#fontchg{position:absolute; height:140px; width:400px;}
li.fontchg_bd{padding:25px 16px 20px 24px;width:370px;}
li.fontchg_bd ul li a{width: 70px; height:25px; color: #2f477a;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin:8px 4px;padding:5px 2px;text-align: center;background:none;display: block;behavior: url(ie-css3.htc);}
li.fontchg_bd ul li a.active{background:none repeat scroll 0 0 #d8dce8;}
li.fontchg_bd ul li a:hover{background:none repeat scroll 0 0 #d8dce8;}
li.fontchg_bd ul li {float: left;font-size: 14px; width:80px; height:51px;}
.bx-prev,.bx-next{text-indent:-999999px; width:15px; height:31px;}
.bx-prev{position: absolute; z-index:10; top:58px; left:0px; cursor: pointer; background-image: url(../img/btn_left.png);}
.bx-next{position: absolute; z-index:10; top:58px; right:30px; cursor: pointer; background-image: url(../img/btn_right.png);}

#fontchg_btn{width:280px; height:40px; margin:auto;}
#fontchg_btn li {float: left;}
#fontchg_btn li span{display: none;}
#fontchg_btn li a{display: block; width:93px; height:37px;}
#fontchg_btn li a{background-position:top left}
#fontchg_btn li a.active{background-position:bottom left}
#fontchg_btn li a:hover{background-position:bottom left}
#text-style-bold a{background-image: url(../img/btn_font_1.png);}
#text-style-underline a{background-image: url(../img/btn_font_2.png);}
#text-style-italic a{background-image: url(../img/btn_font_3.png);}
#text-style-shadow a{background-image: url(../img/btn_font_4.png);}

#borderchg{width:400px;}
#borderchg li{margin:0 0 17px 0; height:28px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;behavior: url(ie-css3.htc);}
#borderchg li img{margin:0 0 0 -20px;}
#borderchg li.active{background:#9eaccb;border:1px solid #8493b1;}
#borderchg li:hover{background:#9eaccb;}

.tabArea1{display: block;}
.tabArea5,.tabArea2,.tabArea3,.tabArea4{display: none;}
.body_top{line-height:0;}
.bx-pager a{background: url(../img/slide_icon.png) center top no-repeat; height:8px;margin: 0 0 5px; width:8px; display: block; float: left; padding:0 8px 0 0;text-align: center;}
.bx-pager a.pager-active{background: url(../img/slide_icon.png) center bottom no-repeat;}
.pager-link span{display:none;}
#controlSL{width:200px; float: left;}
#controlSL a{color: #2e4678;}
#controlSL ul li{padding:3px; cursor:pointer;}
#controlSL ul li:hover{background:#fff;}
#controlSL ul {border: 1px solid #CCCCCC;display: block;font-size: 13px;height: 200px;overflow-x: hidden;padding: 10px;width: 170px; background: #dcdfe6;overflow-y:scroll;}
#controlSR{width:540px; float: right;}
/*#controlSR_in div{padding:15px 0 0px 0px; width:520px;}
#controlSR_in img{margin:0 -15px 5px 24px;cursor: pointer;}
#controlSR_in img:hover{opacity:0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}*/
.controlSR_in div{padding:15px 0 0px 0px; width:520px;}
.controlSR_in img{margin:0 -15px 5px 24px;cursor: pointer;}
.controlSR_in img:hover{opacity:0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
#controlSR .bx-prev {background-color: #DCDFE6;background-position: center center;background-repeat: no-repeat;margin: -58px 0 0 -34px;padding: 96px 10px;}
#controlSR .bx-next {background-color: #DCDFE6;background-position: center center;background-repeat: no-repeat;margin: -58px -46px 0 0px;padding: 96px 10px;}
.bx-pager {margin: 0 0 0 19px;position: absolute;top: 203px;width: 496px;}
#controlSR .bx-window{border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:221px;}
.six_stamps div {padding-left: 30px; width:490px;}
.six_stamps div div {float: left;width: 120px;height: 84px;text-align: center;padding: 2px 5px;margin-left: 15px;line-height: 84px;}
.six_stamps div div img {max-width: 100px;max-height: 100%;vertical-align: middle;margin:0;}

/* Div for canvas*/
div#canvas-div {width: 882px;margin: auto auto; opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);-ms-filter: "alpha(opacity=0)";}
div#temp-canvas-div {display: none;}

/* Progress indicator*/
.progress-indicator {top:0; right:0; width:100%; height:100%; position:fixed; text-align:center; /* IE filter */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; /* Mozilla extension */ -khtml-opacity:0.5;  /* Safari/Conqueror extension */ opacity:0.5; /* CSS3 */ z-index:1000; background-color:snow; display:none;}
.progress-indicator img{margin-top:300px;}