/* ORDER PAGE */
.contb{position: relative; left:0; top:0}
.toporder{height:26px; overflow:hidden}
.leftorder{ height:420px; width:69px; float:left}
.s2step{ height:292px; }
.step3{ height:40px;}
.step3 img{ float:left}
.step3text{font-size:15px; margin-top:10px; line-height:150%; }
.s2notefield{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:150%; }
.s2note{color:#555555; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #DDDDDD; background: #DDDDDD url(../img/notebg.gif) left top repeat; padding:0px 2px 1px 4px; display:block; width:38px; margin-right:6px; margin-bottom:40px; float:left}
#s2note2{ display:none; color:#F8FBD2}
.s2quickpreview{color:#555555; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #DDDDDD; background: #DDDDDD url(../img/notebg.gif) left top repeat; margin:7px 0 0 24px; padding:2px 2px 3px 3px; width:100px;float:left;}
#s2previewtext{height:26px; width:290px; float:right; display:none}

#showframe{float:right; width:292px; height:292px; text-align:left}
.s2preview{ float:right; width:290px; height:290px; text-align:center; position:relative}

#showportrait{ display: block;}
#showportrait #thumbnails1{ width:120px; height:160px; position:absolute; left:52px; top:50px; z-index:10}
#showportrait #mframe1{position: absolute; left:0px; top:0px; z-index:9}
#showportrait #iframe1{position: absolute; left:0px; top:0px; width:220px; height:258px; z-index:11;}
#showportrait #iframe0{position: absolute; left:0px; top:0px; width:220px; height:258px; z-index:15;}

#showlandscape{ display: none;}
#showlandscape #thumbnails2{ width:160px; height:120px; position:absolute; left:50px; top:50px; z-index:10}
#showlandscape #mframe2{position: absolute; left:0px; top:0px; z-index:9}
#showlandscape #iframe2{position: absolute; left:-1px; top:-1px; width:258px; height:220px; z-index:11}

#selframe{height:24px; font-size:16px; padding:0px; width:250px; float:left; display:none}

a.steplk, a.steplk:visited img{ border:0 none;}
a.steplk:hover{}
.checkm{ position:absolute; top:26px; left:69px; display:none}
.checkm2{ position:absolute; top:125px; left:69px; display:none}

.rightorder{ }
.pcost{ font-size:20px; margin-right:40px; margin-top:25px; font-weight:bold; color:#FFFFFF; float:right}
#BB_BuyButtonForm{ width:130px; height:48px; display:block; float:right; margin-left:10px;  margin-right: 14px; padding:4px; text-align:center; }

#divFileProgressContainer{height:50px; margin-bottom:4px;}
.progressWrapper{width:368px;overflow:hidden;}
.progressContainer{margin:3px;padding:3px; overflow:hidden; border:1px solid #9f9795; }
/* Message */.message{margin:1em 0;padding:10px 20px;border:solid 1px #9f9795; overflow:hidden; }
/* Error */.red{border:solid 1px #B50000; }
/* Current */.green{border:solid 1px #DDDDDD; }
/* Complete */.blue{}
.progressName{font-size:11px;color:#555555; height:14px;text-align:left;white-space:nowrap;overflow:hidden;}
.progressBarInProgress,.progressBarComplete,.progressBarError{font-size:0;width:0;height:10px; background: transparent url(../img/upload_anim2.gif) left top repeat; margin-top:2px; filter: alpha(opacity=70); -moz-opacity: 0.70; KhtmlOpacity: .70; opacity: .70;}
.progressBarComplete{width:100%;background-color:green;visibility:hidden;}
.progressBarError{width:100%;background-color:red;visibility:hidden;}
.progressBarStatus{margin-top:2px; padding-left:4px;width:337px;font-size:11px;font-family:Arial;text-align:left;white-space:nowrap; color: #FFFFFF;}
a.progressCancel{font-size:0;display:block;height:14px;width:14px;background-image:url(../order/upload/images/cancelbutton.gif);background-repeat:no-repeat;background-position:-14px 0;float:right;}
a.progressCancel:hover{background-position:0 0;}
div#SWFUpload_0{ background-color:#000000; width:100px}