#ortotal { margin-top: 15px; }
#ortotal label { font-family: Trebuchet MS, Verdana; font-size: 13px; font-weight: normal; color: #D00; width: 70px; line-height: 17px; height: 20px; padding: 0px; margin-top: 1px; }
#ortotal input { background: none; border: 0px; width: 60px; color: #000; line-height: 17px; height: 20px; font-size: 12px; padding: 0px; }
#ortotal .total { float: right; width: 160px; padding-top: 22px; }
#ortotal .total label { font-size: 17px; width: 60px; }
#ortotal .total input { font-size: 15px; width: 80px; }
#ortotal .fields { margin: 0px; height: 22px; }
#tagqty { position: absolute; top: 32px; left: 0px; }
#logoPanel { position: relative; display: none; margin-top: 15px; min-height: 120px; height: auto !important; height: 120px; }
#logoPanel b { color: #999; font-weight: normal; font-size: 12px; }
#logoPanel .logoalign b { display: block; width: 120px; float: left; color: #555; font-weight: bold; }
#expyear, #expmonth, #ponum { color: #999; }

@font-face { font-family: "Arial Black"; font-style: normal; font-weight: normal; src: url(ARIALBL0.eot); }

#tagdesign ul#steps, #payship ul#steps, #confirm ul#steps { left: 770px; }
#tagstyle .chat, #customize .chat, #shipping .chat, #payment .chat, #confirm .chat { left: 500px; top: 128px; }
#tagdesign .chat, #payship .chat, #verify .chat { left: 600px; top: 125px; }
#tagdesign .csvc, #payship .csvc, #verify .csvc { left: 485px; top: 135px; }

.steps { position: absolute; top: 125px; left: 650px; height: 60px; width: 300px; background: url(../img/steps.gif) no-repeat 0px 0px; }
#tagstyle .steps { background-position: 0px 0px; }
#customize .steps { background-position: 0px -60px; }
#shipping .steps { background-position: 0px -120px; }
#payment .steps { background-position: 0px -180px; }
#confirm .steps { background-position: 0px -240px; }

.trestep { position: absolute; top: 120px; left: 765px; height: 60px; width: 180px; background: url(../img/trestep.gif) no-repeat 0px 0px; z-index: 20; }
#tagdesign .trestep { background-position: 0px 0px; }
#payship .trestep { background-position: 0px -60px; }
#verify .trestep { background-position: 0px -120px; }

#tags { position: relative; }
#tags input, #tags div { position: relative; float: left; display: inline; background: transparent url(../img/tags.png) no-repeat; width: 110px; height: 60px; margin: 0px 8px 10px 0px; padding: 0px; border: none; }
#tags li { margin: 0px; padding: 0px; list-style: none; }

#tags #imgBlk_a { background-position: 0px 0px; }
#tags #imgBlk_b { background-position: 0px -60px; }
#tags #imgBlk_c { background-position: 0px -120px; }
#tags #imgBlk_d { background-position: 0px -180px; }

#tags #imgBlu_a { background-position: -110px 0px; }
#tags #imgBlu_b { background-position: -110px -60px; }
#tags #imgBlu_c { background-position: -110px -120px; }
#tags #imgBlu_d { background-position: -110px -180px; }

#tags #imgGrn_a { background-position: -220px 0px; }
#tags #imgGrn_b { background-position: -220px -60px; }
#tags #imgGrn_c { background-position: -220px -120px; }
#tags #imgGrn_d { background-position: -220px -180px; }

#tags #imgRed_a { background-position: -330px 0px; }
#tags #imgRed_b { background-position: -330px -60px; }
#tags #imgRed_c { background-position: -330px -120px; }
#tags #imgRed_d { background-position: -330px -180px; }

#tags #imgPur_a { background-position: -440px 0px; }
#tags #imgPur_b { background-position: -440px -60px; }
#tags #imgPur_c { background-position: -440px -120px; }
#tags #imgPur_d { background-position: -440px -180px; }

#tags #imgYel_a { background-position: -550px 0px; }
#tags #imgYel_b { background-position: -550px -60px; }
#tags #imgYel_c { background-position: -550px -120px; }
#tags #imgYel_d { background-position: -550px -180px; }

#tagdesign h2 { display: inline; float: left; line-height: 22px; font-size: 14px; margin-bottom: 6px; }
#YourPrice { display: block; height: 19px; margin: 15px 0px 0px 5px;  }
#YourPrice label { font-size: 16px; width: 80px; color: #D00; line-height: 19px; height: 19px; padding: 0px; margin: 0px;  }
#YourPrice input { width: 140px; font-size: 12px; font-family: Arial, sans; color: #999; font-weight: normal; height: 19px; line-height: 18px; padding: 0px; margin: 0px; border: 0px; background: none; }
#tagdesign .contbtn { float: right; margin: 5px 15px 0px 0px; }

#textelect, #shipmethod, #paymethod { position: relative; height: 20px; width: 100px; margin: 0px; background: url(../img/swatches.gif) no-repeat 0px -174px; font-family: Arial, Verdana; font-size: 12px; border: none; color: #000; line-height: 16px; padding: 6px 25px 0px 7px; cursor: pointer; cursor: hand; }
ul#textelector, ul#shipmethodor, ul#paymethodor { position: absolute; left: 100px; top: 200px; z-index: 200; width: 132px; background: url(../img/swatches.gif) no-repeat left bottom; margin: 0px; padding: 0px 0px 3px 0px; }
ul#textelector li, ul#shipmethodor li, ul#paymethodor li { list-style: none; margin: 0px; padding: 0px; background: none; }
ul#textelector li a, ul#shipmethodor li a, ul#paymethodor li a { display: block; line-height: 23px; width: 130px; margin: 0px 0px 0px 1px; text-indent: 7px; font-family: Arial, Verdana; font-size: 12px; text-decoration: none; color: #000; }
ul#textelector li a:hover, ul#shipmethodor li a:hover, ul#paymethodor li a:hover { background: #FAFAFA; color: #03C; }
#textelect { margin-left: 57px; }

#shipmethod, #paymethod { background-position: -140px -90px; width: 128px; }
ul#shipmethodor, ul#paymethodor { background-position: -140px bottom; width: 160px; }
ul#shipmethodor li a, ul#paymethodor li a { width: 158px; }

ul#tstyles { margin: 0px; padding: 0px; height: 47px; width: 410px; }
ul#tstyles li { float: left; margin: 0px 16px 0px 0px; padding: 0px; list-style: none; background: none; }
ul#tstyles li a { display: block; width: 86px; height: 47px; background: url(../img/tags80.png) no-repeat; text-indent: -200px; overflow: hidden; }
#ordertag div { position: relative; float: right; margin: 15px 10px 0px 0px; width: 86px; height: 47px; }

.Black #tagA, .black_a { background: url(../img/tags80.png) no-repeat 0px 0px; }
.Black #tagB, .black_b { background: url(../img/tags80.png) no-repeat 0px -47px; }
.Black #tagC, .black_c { background: url(../img/tags80.png) no-repeat 0px -94px; }
.Black #tagD, .black_d { background: url(../img/tags80.png) no-repeat 0px -141px; }

.Red #tagA, .red_a { background: url(../img/tags80.png) no-repeat -261px 0px; }
.Red #tagB, .red_b { background: url(../img/tags80.png) no-repeat -261px -47px; }
.Red #tagC, .red_c { background: url(../img/tags80.png) no-repeat -261px -94px; }
.Red #tagD, .red_d { background: url(../img/tags80.png) no-repeat -261px -141px; }

.Green #tagA, .green_a { background: url(../img/tags80.png) no-repeat -174px 0px; }
.Green #tagB, .green_b { background: url(../img/tags80.png) no-repeat -174px -47px; }
.Green #tagC, .green_c { background: url(../img/tags80.png) no-repeat -174px -94px; }
.Green #tagD, .green_d { background: url(../img/tags80.png) no-repeat -174px -141px; }

.Purple #tagA, .purple_a { background: url(../img/tags80.png) no-repeat -348px 0px; }
.Purple #tagB, .purple_b { background: url(../img/tags80.png) no-repeat -348px -47px; }
.Purple #tagC, .purple_c { background: url(../img/tags80.png) no-repeat -348px -94px; }
.Purple #tagD, .purple_d { background: url(../img/tags80.png) no-repeat -348px -141px; }

.Blue #tagA, .blue_a { background: url(../img/tags80.png) no-repeat -87px 0px; }
.Blue #tagB, .blue_b { background: url(../img/tags80.png) no-repeat -87px -47px; }
.Blue #tagC, .blue_c { background: url(../img/tags80.png) no-repeat -87px -94px; }
.Blue #tagD, .blue_d { background: url(../img/tags80.png) no-repeat -87px -141px; }

.Gold #tagA, .gold_a { background: url(../img/tags80.png) no-repeat -435px 0px; }
.Gold #tagB, .gold_b { background: url(../img/tags80.png) no-repeat -435px -47px; }
.Gold #tagC, .gold_c { background: url(../img/tags80.png) no-repeat -435px -94px; }
.Gold #tagD, .gold_d { background: url(../img/tags80.png) no-repeat -435px -141px; }

#TAG1, #TAG2 { position: absolute; left: 680px; top: 220px; width: 260px; }
#TAG1 h1, #TAG2 h1 { width: 250px; }
#builder { position: relative; margin: 15px 0px 15px 0px; }
#builder div { position: relative; width: 215px; height: 118px; background: url(../img/tags200.png) no-repeat -219px 0px; }
#builder p { margin: 0px; padding: 0px; }
#builder p#tagtxt { position: absolute; top: 10px; left: 3px; width: 201px; height: 40px; font-weight: normal; font-style: normal; text-align: center; color: #000; overflow: hidden; }
#builder p#tagnum { position: absolute; top: 88px; left: 3px; width: 201px; height: 18px; line-height: 18px; font-size: 12px; font-family: Arial, sans; font-weight: bold; font-style: normal; text-align: center; color: #000; overflow: hidden; }
#builder p#tagtxt span.Bold { font-family: Arial, Helvetica, sans; font-weight: bold; }
#builder p#tagtxt span.Narrow-Bold { font-family: "Arial Narrow", "Helvetica Condensed", "Univers Condensed"; font-weight: bold; }
#builder p#tagtxt span.Black { font-family: "Arial Black", Gadget, Impact, sans-serif; }
#builder p#tagtxt span { overflow: hidden; display: block; font-style: normal;  }
#builder p#tagtxt.oneline span { height: 40px; line-height: 40px; font-size: 16px; }
#builder p#tagtxt.duoline span { height: 20px; line-height: 19px; font-size: 15px; }
#builder p#tagtxt.treeline span { height: 13px; line-height: 13px; font-size: 11px; }

#builder #barcode { position: absolute; top: 52px; left: 3px; width: 201px; height: 36px; background: none; }
table.cody { padding: 0px; margin: 0px auto 0px auto; height: 36px; }
table.cody td { font-size: 1px; }
table.cody td.tnw { width: 1px; }
table.cody td.tnb { width: 1px; background-color: #000; }
table.cody td.tkw { width: 2px; }
table.cody td.tkb { width: 2px; background-color: #000; }

#TAG1 .Black #buildA { background-position: -219px 0px; }
#TAG1 .Red #buildA { background-position: -219px 0px; }
#TAG1 .Green #buildA { background-position: -219px 0px; }
#TAG1 .Purple #buildA { background-position: -219px 0px; }
#TAG1 .Blue #buildA { background-position: -219px 0px; }
#TAG1 .Gold #buildA { background-position: -1089px 0px; }

#TAG1 .Black #buildB { background-position: -1px -118px; }
#TAG1 .Red #buildB { background-position: -654px -118px; }
#TAG1 .Green #buildB { background-position: -438px -118px; }
#TAG1 .Purple #buildB { background-position: -872px -118px; }
#TAG1 .Blue #buildB { background-position: -219px -118px; }
#TAG1 .Gold #buildB { background-position: -1089px -118px; }

#TAG1 .Black #buildC { background-position: -1px -236px; }
#TAG1 .Red #buildC { background-position: -654px -236px; }
#TAG1 .Green #buildC { background-position: -438px -236px; }
#TAG1 .Purple #buildC { background-position: -872px -236px; }
#TAG1 .Blue #buildC { background-position: -219px -236px; }
#TAG1 .Gold #buildC { background-position: -1089px -236px; }

#TAG1 .Black #buildD { background-position: -438px 0px; }
#TAG1 .Red #buildD { background-position: -438px 0px; }
#TAG1 .Green #buildD { background-position: -438px 0px; }
#TAG1 .Purple #buildD { background-position: -438px 0px; }
#TAG1 .Blue #buildD { background-position: -438px 0px; }
#TAG1 .Gold #buildD { background-position: -1089px -236px; }

#TAG2 #builder div { width: 280px; }
#TAG2 #builder p#tagtxt, #TAG2 #builder p#tagnum { width: 266px; }

#TAG2 .Black #buildA { background-position: -284px -365px; }
#TAG2 .Red #buildA { background-position: -284px -365px; }
#TAG2 .Green #buildA { background-position: -284px -365px; }
#TAG2 .Purple #buildA { background-position: -284px -365px; }
#TAG2 .Blue #buildA { background-position: -284px -365px; }
#TAG2 .Gold #buildA { background-position: -1414px -365px; }

#TAG2 .Black #buildB { background-position: -1px -483px; }
#TAG2 .Red #buildB { background-position: -849px -483px; }
#TAG2 .Green #buildB { background-position: -568px -483px; }
#TAG2 .Purple #buildB { background-position: -1132px -483px; }
#TAG2 .Blue #buildB { background-position: -284px -483px; }
#TAG2 .Gold #buildB { background-position: -1414px -483px; }

#TAG2 .Black #buildC { background-position: -1px -601px; }
#TAG2 .Red #buildC { background-position: -849px -601px; }
#TAG2 .Green #buildC { background-position: -568px -601px; }
#TAG2 .Purple #buildC { background-position: -1132px -601px; }
#TAG2 .Blue #buildC { background-position: -284px -601px; }
#TAG2 .Gold #buildC { background-position: -1414px -601px; }

#TAG2 .Black #buildD { background-position: -568px -365px; }
#TAG2 .Red #buildD { background-position: -568px -365px; }
#TAG2 .Green #buildD { background-position: -568px -365px; }
#TAG2 .Purple #buildD { background-position: -568px -365px; }
#TAG2 .Blue #buildD { background-position: -568px -365px; }
#TAG2 .Gold #buildD { background-position: -1414px -601px; }

#buildA p#tagtxt { top: 10px; left: 3px; height: 40px; }
#buildA p#tagnum { top: 88px; left: 3px; width: 201px; height: 18px; line-height: 18px; }

#buildB p#tagtxt { top: 8px; left: 3px; color: #FFF; }
#buildB p#tagnum { top: 88px; left: 3px; height: 18px; line-height: 18px; }

#buildC p#tagtxt { top: 13px; left: 3px; height: 51px; color: #FFF; }
#buildC p#tagnum { top: 65px; left: 23px; width: 161px; height: 25px; line-height: 25px; font-size: 16px; display: block; background: #FFF; }

#buildD p#tagtxt { top: 13px; left: 3px; height: 51px; }
#buildD p#tagnum { top: 63px; left: 21px; width: 161px; height: 25px; line-height: 25px; font-size: 16px; display: block; border: 2px solid #000; }

#TAG2 #buildC p#tagnum { width: 161px; left: 56px; }
#TAG2 #buildD p#tagnum { width: 161px; left: 54px; }
#TAG2 #builder #barcode { width: 266px; }

.Black #buildA p#tagtxt, .Black #buildD p#tagtxt { color: #000 !important; }
.Red #buildA p#tagtxt, .Red #buildD p#tagtxt { color: #E10000 !important; }
.Green #buildA p#tagtxt, .Green #buildD p#tagtxt { color: #15861E !important; }
.Purple #buildA p#tagtxt, .Purple #buildD p#tagtxt { color: #5A109E !important; }
.Blue #buildA p#tagtxt, .Blue #buildD p#tagtxt { color: #0051E3 !important; }
.Gold #buildA p#tagtxt, .Gold #buildB p#tagtxt, .Gold #buildC p#tagtxt, .Gold #buildD p#tagtxt { color: #210 !important; }

.Black #buildD p#tagnum { border-color: #000; }
.Red #buildD p#tagnum { border-color: #E10000; }
.Green #buildD p#tagnum { border-color: #15861E; }
.Purple #buildD p#tagnum { border-color: #5A109E; }
.Blue #buildD p#tagnum { border-color: #0051E3; }
.Gold #buildD p#tagnum { border-color: #210; }

#buildC p#tagtxt.oneline span, #buildD p#tagtxt.oneline span { height: 51px; line-height: 49px; font-size: 16px; }
#buildC p#tagtxt.duoline span, #buildD p#tagtxt.duoline span { height: 24px; line-height: 22px; font-size: 15px; }
#buildC p#tagtxt.treeline span, #buildD p#tagtxt.treeline span { height: 16px; line-height: 16px; font-size: 12px; }

