/*--------------------------------------------------------------------------------------------------------------
STYLE ELEMENTS CSS FOR HELLO LABELS

Version:  1.2
Author:   Ayoka
e-Mail:    info@ayokasystems.com
website:  www.ayokasystems.com
--------------------------------------------------------------------------------------------------------------*/

/* =========================
MAIN NAV
========================= */
/* -- logo --*/
#page_header {position: relative; top: 5px; _top: 3px; height: 83px; min-width: 782px;}
#page_header a img {border: solid 0px #fff; margin: 0;}
#page_header .header_left_column {float: left; width: 300px; _width: 375px;}
#page_header .header_right_column {clear: left; float: right; width: 300px; _width: 300px; height: 80px; position: relative; top: -85px; left: 6px; *left: 320px; *float: none; text-align:center; }
/*#page_header .header_right_column {float: right; width: 50%; background: green;}*/
#logo {display: inline; position: absolute; top: 0px; left: 28px; _top: 2px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hl_admin_header_logo.png', sizingMethod='scale'); border: 0px; _position:relative;_top:25%;_left:-315px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='/images/hl_admin_header_logo.png'); _padding-top:125px; _margin: 0px;}

/* -- links --*/
#menu_bar {display: inline; position: absolute; height: 50px; left: 183px; _left: 135px; top: 50px; _top: 75px; width: 600px; *width: 300px; _width: 400px}
#menu_bar a img { display: inline; border: solid 0px #fff; margin: 0; }
.page_expired a {text-decoration: underline; color: #38006A;}
.page_expired a:hover {text-decoration: none;}

/* --  account options --*/
#page_header p { display: inline; position: absolute; top: 6px; *top: 20px; _top: 40px; left: 180px; _left: 195px; font-size: 10pt;}
#page_header p a {color: #000;text-decoration: none;}
#page_header p a:hover {text-decoration: underline;}
.header_right_column img {clear: both;}
.header_right_column ul {clear:both; width: 100%; margin: 0px; padding: 0px; list-style: none;}
.header_right_column ul li {display: inline; font-size: 80%;}
.header_right_column ul li a {color: #000; text-decoration: none;}
.header_right_column ul li a:hover {text-decoration: underline;}
.header_right_column ul.logo_img {width: 100%; clear: both; height: 60px; padding: 0px; margin: 0; text-align: center;}
.header_right_column ul.logo_img img {max-height: 60px; _height: 40px; margin: 0; padding: 0; float: none;}

/*--- Admin and Customer Service Footer ---*/
.footer_options{background:#38006A;clear:both;color:white;width:98%;margin:0px;padding-top:2px;padding-bottom:2px;*width:820px;}
.footer_options li{display:inline;font-weight:bold;}
.footer_options li a{text-decoration:none;color:white;}

/* =========================
CONTACT FORM
========================= */
#contact_body {margin: 0; padding: 0; width: 100%;}
#contact_body #error_messages {margin: 17px 0px 25px 12px; *margin-left: 10px; text-align: left;}

input { padding: 4px 5px 1px; outline; none; }
select {font-size: 12px;padding: 4px 8px 1px;}
a {outline: none;}

hr.spacer { border: solid 1px #FFFFFF; margin: 0px; }

#left_column a img {margin: 0; padding: 0; border: 0; }

h2 {padding:0 0 10px 0;margin: 20px 10px 10px; width:98%; border-bottom: 1px solid #000; _width:97%;}
h3 {margin-left:20px;}

table {width: 100% }
table thead { background-color: #AF99C3; border-top: solid 0.2em #fff; border-bottom: solid 0.2em #fff; color: #fff; }
table thead td { padding: 0.3em 0.3em; border-top: solid 0.3em #fff; border-bottom: solid 0.1em #fff; }
table tbody { background-color: #CCCCCC; }
table tbody tr { vertical-align: top; }
table.cart_info{ margin: 0.2em 0px; }
table.cart_info tbody td { padding: 0em 0.3em 0.3em 0.3em; }
table.cart_info tbody td.leftCell {border-right: solid 1px #000; padding-top:6px;}
table.cart_info tbody td.firstCell {width:80%; border:none; padding-top:6px;}
table.cart_info tbody td.textCell { text-align:right; border-left: solid 1px #000000; border-right:none; padding-top:6px;width:10%;}
table.cart_info tbody td.textCell input { width:60%; text-align:right; margin:3px;}
table.cart_info tbody td.rightCell { border-left: solid 1px #000;padding-top:6px ;}
table tbody td.total { text-align: right; width: 6.5em;padding-top:6px; border-left: solid 1px #000000;}
table tbody td {  padding: 0.4em 0.3em 0.3em 0.3em; }
table tbody td.leftCell { border-right: solid 1px #000; padding-top:6px;}
table tbody td.leftCell_address { width:200px;border-right: solid 1px #000; padding-top:6px;}
h3 {margin-left:20px;}

.contact_info_wrap {border-top: 1px solid #000; margin:8px 1% 10px; width: 98%;}
.contact_info_wrap p {margin: 0px; padding:1px 0px;}
.contact_left, .contact_right {float: left; font-size: 80%; padding: 1%}
.contact_left {width: 28%}
.contact_right {width: 68%; *width: 66%;}
br.clear {clear: both;}


/**********************************************/
/*  stylesheet for View Cart (Customer) */

/* Row 1 */
#cart_form .cart_1 {width: 51%; *width: 69%; height: 35px; vertical-align: middle; margin: 0; padding: 1%; text-align: left; border-top: 1px solid #fff;}

/* Row 2 */
#cart_form .cart_2 {width: 6%; *width: 7%; height: 35px; vertical-align: middle; text-align: center; margin: 0; padding: 1%; border-top: 1px solid #fff;}
#cart_form .cart_2 input {width: 98%; *width: 70%; vertical-align: middle; text-align: center; margin: 0; padding: 0;}

/* Row 3 */
#cart_form .cart_3 {width: 7%; height: 35px; vertical-align: middle; margin: 0; text-align: center; padding: 1%; border-top: 1px solid #fff;}

/* Row 4 */
#cart_form .cart_4 {width: 15%; height: 35px; vertical-align: middle; text-align: right; margin: 0; padding: 1%; border-top: 1px solid #fff;}
#cart_form .cart_4 input {width: 72%; *width: 75%; vertical-align: baseline; text-align: right; margin: 0; padding: 0; border: 0; background: #cccccc;}
#cart_form .cart_4 input#order_total {width: 72%; *width: 75%; vertical-align: baseline; text-align: right; margin: 0; padding: 0; border: 0 solid #fff; background: #fff;}
#cart_form .cart_4 span {font-weight: bold;}


/**********************************************/
/*  stylesheet for View Cart (CS) */

/* Row 1 */
#cart_form .cart_cs_1 {width: 71%; *width: 69%; height: 35px; vertical-align: middle; margin: 0; padding: 1%; border-top: 1px solid #fff;}

/* Row 2 */
#cart_form .cart_cs_2 {width: 6%; *width: 7%; height: 35px; vertical-align: middle; text-align: center; margin: 0; padding: 1%; border-top: 1px solid #fff;}
#cart_form .cart_cs_2 input {width: 98%; *width: 70%; vertical-align: middle; text-align: center; margin: 0; padding: 0;}

/* Row 3 */
#cart_form .cart_cs_3 {width: 7%; height: 35px; vertical-align: middle; text-align: center; margin: 0; padding: 1%; border-top: 1px solid #fff;}

/* Row 4 */
#cart_form .cart_cs_4 {width: 15%; height: 35px; vertical-align: middle; text-align: right; margin: 0; padding: 1%; border-top: 1px solid #fff;}
#cart_form .cart_cs_4 input {width: 72%; *width: 70%; vertical-align: baseline; text-align: right; margin: 0; padding: 0px 5px 0px 0px; border: 1px solid; background: #FFF;}
#cart_form .cart_cs_4 span {font-weight: bold;}

/* Row Total */
#cart_form .cs_total {width: 15%; height: 35px; vertical-align: middle; text-align: right; margin: 0; padding: 1%; border-top: 1px solid #fff;}
#cart_form .cs_total #order_total {width: 72%; *width: 70%; vertical-align: baseline; text-align: right; margin: 0; padding: 0px 5px 0px 0px; border: 1px solid #FFF; background: none;}
#cart_form .cs_total span {font-weight: bold;}

#cart_form table thead th {padding: 1%; font-weight: bold; border-bottom: 4px solid #FFF;}
#cart_form table thead th.first {text-align: left;}
#cart_form table tbody {background-color: #CCCCCC;}
#cart_form table tbody tr.border_row {background-color: #fff; padding: 0px; height: 5px;}
#cart_form table tbody tr.border_row td {padding-bottom: 0px; padding-top: 0px; height: 1px;}
#cart_form table tbody td {padding: 0.3em 0.3em;}
#cart_form table tbody td.textCell input {width:60%; text-align:right; margin:3px;}
#cart_form table tbody td.leftCell {border-right: solid 1px #000; padding-top:6px;}
#cart_form table tbody td.firstCell {width:80%; border-left: none;padding-top: 0px;}
#cart_form table tbody td.textCell {text-align:right; border-left: solid 1px #000; padding-top: 6px; width:10%;}
.subtotal {background-color: #fff;}
.subtotal td {text-align: right;}
.checkout {float: right;margin-right:1%;margin-bottom:5px;background: url('/images/hl_cust_button_check_out.png') no-repeat; border: 0px; width: 150px; height: 26px; cursor: pointer;}



table#account_manage_table td.total input.readonly {color: red; width: 80px; border: 0px; background: #CCC; text-align: right; font-weight: normal;}
table#account_manage_table td.total input.readonly_total {width: 90px; border: 0px; background: #FFF; text-align: right; font: 115  % bold arial, sans-serif;}

/* Submit buttons on cart page */
#cart_submit_container {width: 75%; margin-left: 28%; margin-top: 25px; *margin-left: 115px;}
#cart_submit_container input.submit {width: 167px; margin-bottom: 15px; outline: none;}
#cart_submit_container form input.submit {width: 167px; margin-bottom: 15px; outline: none;}

#cart_submit_container input.first_btn {margin-left: 55%;}
h3#tos {text-align: center; margin-left: 0px; padding-left: 0px; width: 97%; margin-bottom: 5px; font-size: 95%;}
#save_cart {margin-left: 76%; *margin-left: 51%; margin-top: 10px; width: 45%;}
#save_cart p {color: red; width: 170px; font-weight: bold; text-align: center; font-size: 90%; margin-bottom: 5px;}
#save_cart input.submit {border: 0px; height: 27px; width: 167px; font-weight: normal; font-size: 100%; font-family: Arial, sans-serif; outline: none;}
p#empty_cart {margin: 0px auto; width: 50%; text-align: center; font-size: 115%; color: #ff0000;}
input.empty {width: 167px; margin-left: 40%; margin-top: 15px;}

form#cart_form div#list {margin-bottom: 0px;}
img {margin: 0; padding: 0; display: inline;}
img.bounding_img {clear:left;}
img.button {display: inline; border: 0px; }

a.purple { color: rgb(56,0,106); text-decoration: none;}
a.purple:visited { color: rgb(56,0,106); text-decoration: none;}
a.purple:hover { text-decoration: underline;}

/**********************************************/
/*  stylesheet for create_new_client.html  */

#left_column p img { position: relative; top: 0.4em; margin: 0.1em 0.2em 0 10pt; }

#right_column fieldset {border: solid 0px #FFFFFF; margin: 1.6em 0px 0px 1.2em; font-size: 12pt; }
#right_column label.label_number { border: solid 0px #FFFFFF; margin: 1.6em 0px 0px 2.2em; font-size: 12pt;}
#right_column fieldset legend {padding-bottom:10px; margin: 0px 0px 15px -2px;  *margin-left:-10px; _padding: 10px 0 0 0; _margin: 0px 0px 25px 0px; font-weight: bold; color: rgb(254,95,16); }
#right_column fieldset legend font { color: #000; }
.edit{margin-left:25px; *margin-left:18px; }
#right_column label.first { margin: 1em 0px 0px 0px; clear: both; padding: 0.3em 0; }
#right_column label.checkbox { display: block; width: 100%; margin: 0 0 0 0;}
#right_column label.checkbox1 { display: block; width: 100%; margin: 0 0 0 0; text-align:center;background:Gainsboro;border:2px solid black;padding:5px 0 5px 0;}
.checkbox1 {display: block; width: 52%; margin: 0 0 0 190px; text-align:center; background:Gainsboro; border:1px solid black; padding:5px 0 5px 0;}
/***/
#right_column a img {margin: 0; padding: 0; border: 0; float:right; margin-bottom:10px;}
#right_column table a img{float:none;margin-bottom:0px;}
#right_column table img{float:none;}
#right_column table select{padding:0; display: inline; margin:0 0 0 0  ; *margin:0 0 0 0  ;  border:solid 1px #000; ;  width: 10em; ; *width:10 ;}
#right_column form.button-to div input {border: 0px; width: 243px; margin: 0pt 0px 0pt 232px; position: relative; height: 42px; background: url('/images/ReturnToOrder.jpg') no-repeat;}
#right_column table select.order_history{width:3.5em;}

/*  for the specs on input requirements  */
#input_requirements { color: #38096A; font-size: 0.8em; _margin-left: 1.5em }

#top_left2 { float: left; margin: -2px 0px 0px -2px; background: url("/images/checkbox1topleft.jpg"); position: relative; width: 10px; height: 12px; background-repeat: no-repeat;}
#top_right2 { float: right; margin: -2px -2px 0px 0px; background: url("/images/checkbox1topright.jpg"); position: relative; width: 10px; height: 12px; background-repeat: no-repeat; }
#bottom_left2 { float: left; margin: -48px 0px 0px 0px; background: url("/images/checkbox1bottomleft.jpg"); width: 10px; height: 12px; background-repeat: no-repeat; }
#bottom_right2 { float: right; margin: -48px -4px 0em 0em; background: url("/images/checkbox1bottomright.jpg"); width: 10px; height: 12px; background-repeat: no-repeat; }
.submit {outline: none; margin-right:1%; cursor: pointer; margin-bottom:25px; border: 0px; background: url('/images/hl_form_button_bg.jpg') no-repeat; padding: 0px; height: 27px;}

#right_column label.leftalign_checkbox { display: block; width: 100%; }
#right_column label { clear: both; width: 9em; margin: 1em 0px; _margin: 1em 0 1em 1em }
#right_column input.regular { display: block; margin: -1.5em 0 10pt 11.7em;}
#right_column input.checkboxField {display; block; }
#right_column input.textField { display: block; margin: -1.5em 0 10pt 8em; font-size: 1.2em; font-weight: bold; border: solid 1px #000; width: 14.2em; }
#right_column input.passwordField { display: block; margin: -1.5em 0 10pt 8em; font-size: 1.2em; font-weight: bold; border: solid 1px #000; width: 14.2em; }
#right_column input.textField2 {display: block; margin: -1.5em 0 10pt 9.2em; font-size: 1.2em; font-weight: bold; border: solid 1px #000; width: 14.2em;  }
#right_column input.file { display: block; margin: -1.5em 0 10pt 12.3em; }
/***/
#right_column select { padding:0; display: block; margin: -1.5em 0 10pt 8em; *margin: -1.4em 0 10pt 9em;  font-size: 1.2em; font-weight: bold; border: solid 1px #000000;  width: 14.85em;}
#right_column div.fieldWithErrors input.textField {*margin: -1.5em 0 10pt 9em;}
#right_column input.radioField { diplay: inline; margin: 0px; padding: 0.2em 1em; vertical-align: center; }
#right_column input.submit {position:static; margin-left: 1em; width: 167px; outline: none;}
#right_column fieldset horizontalLayout { display: inline; }
#right_column p  { display: block; margin: -1em 0 10pt 10em; font-size: 1.2em; font-weight: bold; _margin: -1em 0pt 10pt 10em;  }
#right_column p.thankyou { display: block; margin: -1.1em 0 10pt 4em; font-size: 1.2em; font-weight: bold; }
#right_column p.radioLabel { display: inline; margin: 0px 0px 0px 1em; padding: 0.4em; font-weight:normal; font-size: 1em; vertical-align: center;}
#right_column p.instructions { color: #FE5F10; font-size: 1em; font-weight: normal; margin: 0pt; width: 27.7em; }
#right_column p.address { font-size: 1em; font-weight: normal; margin: 1em 0pt 10pt 9.6em; }
#right_column p.shipping_method { margin: -1.4em 0pt 10pt 14.2em; font-size: 1em; font-weight: normal;}
#right_column p.shipping_method input { border: solid 1px #000; }
#right_column b { margin: 0px 0px 0px 0.2em; color: rgb(254,95,16); }
#right_column hr { border: solid 1em #FFFFFF; margin: 1em 0; }
#right_column hr.grey { border: solid 1px #c0c0c0; margin: 1em 0; }
/*#right_column div { position: relative; left: -0.6em; top: 2em; }*/
#right_column div.submit_container { width: 37.5em; height: 2em; text-align: center;}
#right_column div.info_box { margin: 0px 0px 0px 29px; width: 27.6em; text-align: center; background-color: #d3d3d3; border: solid 1px #000; }

#right_column div.h_l_side_box { border-bottom: 1px solid #000; border-top: 1px solid #000; margin: 4em 10px 4em 1.5em; padding: 30px 0pt; }
#right_column div.h_l_side_box label { diplay: block; width: 100%; }
#right_column div.h_l_side_box select { display: block; margin: 1em 0em; width: 23.4em; }
#right_column .employee_status p.radioLabel {margin: 0px 5px 0px 0em; padding-left: 0px;}
#right_column .employee_rank p.radioLabel {margin: 0px 5px 0px 0em; padding-left: 0px;}

#radio_container { margin: 0px 0px 0px 1em; }
#radio_container label { display: block; margin: 0pt; width: 100%; }
#radio_container input { margin: 0px 1em 0px 0px; }

#contact_body fieldset {border: solid 0px #FFFFFF; /*margin: 1.6em 0px 0px 1.2em;*/ font-size: 12pt; }
#contact_body fieldset.contact_info {display: block; float: left; margin-right; -10px; padding-right: 0px; *margin-left:7px; _margin-right: 0; _width: 450px;}
#contact_body fieldset.message {float: right; width: 18.75em; margin: .5em 0 0 0; padding-left: 0px;  *margin: .5em 3.5% 0 10px; _margin: .5em 5px 0 0; }
#contact_body fieldset legend { padding-bottom:10px; display: block; margin: 0px 0px 15px -2px; *margin: 0px 0px 15px -7px; _margin: 0px 0px 25px -10px; font-weight: bold; color: rgb(254,95,16); }
#contact_body label { clear: both; width: 9em; margin: 1em 0px; *padding-top:.5em;}
#contact_body label b { margin: 0px 0px 0px 0.2em; color: rgb(254,95,16); }
#contact_body input.textField, input.passwordField { display: block; margin: -1.5em 0 10pt 8em; font-size: 1.2em; font-weight: bold; border: solid 1px #000; width: 14.2em; }
#contact_body fieldset.message label {display: block; margin:25px 0 10px 0; *margin-top:1.5em;*margin-left:10px; _margin-left: 0;}
#contact_body textarea {border: solid 1px #000; font: bold 1.2em arial; height: 17em; padding: 7px; margin-top: -6px; _margin: -6px 0 0 0; width: 15em; _float: right;}
#contact_body input.clear {cursor: pointer; width: 147px; background: url('/images/hl_contact_button.jpg') no-repeat; border: 0px; padding: 0px; height: 27px; float: left; margin: 1em 0pt; *margin-left:0px; _margin-left:0px;}
#contact_body input.send {cursor: pointer; width: 147px; background: url('/images/hl_contact_button.jpg') no-repeat; border: 0px; padding: 0px; height: 27px; float: right; margin: 1em 0pt; *margin:1em -20pt; _margin: 1em -10pt; }

#checkbox_field { display: block; position: relative; top: -21px; }

#logoPic { border: 2px dashed rgb(200,200,200); padding: 10px; height: 60px; max-height: 60px; margin: 0; *margin-bottom: 10px;}
#client_logo_data {margin: -5em 0px 10pt 25em;}

#account_manage_table_container { width: 100%; margin: 20px 10px 0 0; _width: 90%;}
#account_manage_table {width: 100%; margin-bottom:15px;/*position: relative; left:30px; font-size: 0.9em; _width: 100%; _top: -12em; _left:25px; */}
#account_manage_table thead td.right { text-align: right; }
#account_manage_table td.shippedTo { width: 40%; }
#account_manage_table td.total { text-align: right; width: 6.5em;padding-top:6px; border-left:none;}

#template_image{margin: 0px 0px 0px 2em; padding: 0; float: left; width: 250px; height: 250px; background: lightblue;}
#template_image img.template { border: solid 2px #000; display: inline; width: 250px; height: 250px;}
#template_image input { display: inline; position: relative; left: 0px; top: 0px; margin: 0px 0px 0px 0px; vertical-align: center;}
#template_image a { display: inline; position: relative; top: 0px; left: 75px; margin: 0px 0px 0px 0px; vertical-align: center;}
#template_image a img { display: inline; border: 0px; margin: 0 0.2em 0 0; position: relative; top: 0.3em; border: 0px; }
#template_description {margin: 0; padding: 0; width: 582px; margin: 0 0 0 200px; display: block; background: #FFFFFF; min-height: 500px;}
#template_description fieldset { border: solid 0px #FFFFFF; margin: 0em 0px 0px 3em; font-size: 12pt; }
#template_description fieldset legend {padding-bottom:10px; margin-left: 0px; font-weight: bold; color: rgb(254,95,16); }
#template_description label { clear: both; display: block; float: left; width: 9em; font-weight: bold; margin: 1.1em 0px 0px 0px; padding: 0em; }
#template_description p { position: relative; left: -4em; top: 1em; margin: 1em 0px 0px 0px; padding: 0.05em 0em; }
#template_description input.button { clear: both; position: relative; left: 0em; top: 1em; }

#templates_table_container { width: 756px; margin: 10px; }
#templates_table { spacing: 5px; border: solid 0px #fff; background-color: #fff; width: 100%; margin: 0px; }
#templates_table td { padding: 10px; border: solid 0px #fff; background-color: #fff; margin: 5px; }
#templates_table p { position: relative; top: 0px; }
#templates_table a { text-decoration: none; color: #000; }
#templates_table a:visited { text-decoration: none; color: #000; }
#templates_table a img { display: inline; border: 0px; position: relative; top: 0.4em; }
#templates_table p a { color: #000; text-decoration: none; color: rgb(56, 0, 106); }
#templates_table p a:visited { color: #000; text-decoration: none; color: rgb(56, 0, 106); }
#templates_table p a img { display: inline; border: 0px; margin: 0 0.3em 0 0; position: relative; top: 0.2em; }

#template_view_link { display: inline; }
    
#template_delete_link { display: block; }

/*#templates_table a.purple { color: rgb(56,0,106) }
#templates_table a.purple:visited { color: rgb(56,0,106) }*/

#template_container { border: dashed 1px #000; padding: 8px 8px 0px 8px; width: 105px; font-size: 10pt; }
#template_container img.template_small { width: 100px height: 100px; border: solid 2px #000; }

#template_editor { text-align: right; }
/*  Since there is no applet yet, the template editor is just an image, to be replaced by the applet  */
#template_editor img { border: solid 2px #000; position: relative; left: 120px; }
#template_editor input { position: relative; left: -150px; margin: 0.5em; }

#template_editor_left { float: left; margin: 0 0 10em 50px; }
#template_editor_left img { border: solid 2px #000; }
#template_editor_left input { position: relative; left: 396px; margin: 10px 0;}

#templage_editor_right { display: block;}
#template_editor_right hr { border: solid 2px #fff; }
#template_editor_right fieldset { border: solid 0px #FFFFFF; margin: 1.6em 0px 0px 1.2em; font-size: 12pt; }
#template_editor_right fieldset legend { padding-bottom:10px; margin-left: 0px; font-weight: bold; color: rgb(254,95,16); }
#template_editor_right label { display: block; font-weight: bold; padding: 0.4em 0px; }
#template_editor_right select {font-size: 1em; font-weight: normal; margin: -1.7em 0pt 10pt 4em; width: 8em; }
#template_editor_right input { display: block; position: relative; left: 2em; top: 15em; width: 8em; }

/*  
 *  Admin menu
 */
#menu_body { min-height: 500px; _height: 500px; }
#menu_body a { display: inline; }
#menu_body a.left { margin: 25px 100px 25px 0px; }
#menu_body a.center { margin: 25px 15px; }
#menu_body a.right { margin: 25px 0px 25px 100px; }
#menu_body a img { display: inline; border: 0px; }
#menu_body hr { border: solid #fff 20px; }


/*
 *    For all list tables 
 */
#list { margin: 2em 10px 10px 10px;}
#list a { text-decoration: none; color: #000; }
#list a:visited { text-decoration: none; color: #000; }
#list a:hover { text-decoration: underline; color: #000; }
#list input { font-size: 1.2em; font-weight: bold; border: solid 1px #000;  /*padding: 0.2em;*/ display: inline; }
#list input.hidden { font-size: 1.2em; font-weight: normal; border: 0px;  /*padding: 0.2em;*/ display: none; }


#list_nav { padding: 0pt 0pt 50px; _margin: 0px 10px; }
#list_nav label { display: inline; float: left; }
#list_nav input { _position: relative; _top: 0.4em; }
#list_nav a { display:inline; float: right; vertical-align: center; }
#list_nav a img { border: 0px; display: inline; vertical-align: center; position: relative; top: 0.5em; margin: 0 0.5em 0 0; }


#list_table_container { margin: 0px; _margin: 0px 10px; }
#list_table { width: 100%; clear: both;}
#list_table a.purple { color: rgb(56,0,106) ;}
#list_table a.purple:visited { color: rgb(56,0,106); }
#list_table tbody td { /*padding: 10px;*/ diplay: inline; vertical-align: center; }
#list_table tbody td p { display: inline; float: left; margin: 6px 0pt 0pt; } 
#list_table tbody td p img { display: inline; border: 0px; margin: 0 0.2em 0 0; }
#list_table tbody td total { padding-bottom:10px;margin: 0px 0px 15px -2px;  *margin-left:-10px;_margin: 0px 0px 25px -10px; font-weight: bold; color: rgb(254,95,16);}
#list_table td.left_cell { padding-left: 20px; width:25%; border-right:solid 1px #000000;}
#list_table td.right_cell_purple { border-left: solid 1px #AF99C3; width: 30%; }
#list_left_link { display: inline; float: left;margin: 6px 0px 0px; _margin: 0.4em 0 0 0; }
#list_left_link img { display: inline; border: 0px; margin: 0 0.5em 0 0; position: relative;  _top: 0.1em;}

#list_right_link { display: inline; float: right; vertical-align: center; }
#list_right_link img { display: inline; border: 0px; margin: 0 0.5em 0 0; position: relative; top: 0.3em; _top: 0.5em; _margin: -0.3em 0.5em 0 0; }

#list_table thead td.items_in_cart {;}
#list_table tbody.clear_background tr{;}
#list_table tbody.clear_background {;}
#list_table tbody.clear_background tr.line_total {;}
#list_table tbody.clear_background td {background-color: #fff; text-align:left;}
#list_table tbody.clear_background td b{color: #000; font-weight: normal;  font-weight: bold; text-align:right;}
#list_table tbody.clear_background td.line_total {  text-align: right;text-align:left; }
#list_table tbody.clear_background td.line_total b { color: #000; font-weight: bold; }
#list_table tbody.clear_background td.line_total font {float:right;}

#list_table tbody.clear_background td.grand_total {  text-align: right;text-align:left; }
#list_table tbody.clear_background td.grand_total b { color: #000; font-weight: bold; }
#list_table tbody.clear_background td.grand_total font {float:right;}


#order_total_table {width: 100%; clear: both; border-collapse:separate; border-top:1px dashed #000; padding: 10px 0 0 0; *margin-top: 25px;}
#order_total_table tbody.clear_background tr{;}
#order_total_table tbody.clear_background { ;}
#order_total_table tbody.clear_background td font { float: right; }
#order_total_table tbody.clear_background td.line_total font {color:#FE5F10; font-weight:bold;}
#order_total_table tbody.clear_background tr.line_total {background-color: #fff; text-align:left; }
#order_total_table tbody.clear_background td.line_total {background-color: #fff; text-align:left;}
#order_total_table tbody.clear_background td.line_total b {color: #000; font-weight: bold; text-align:left;}
#order_total_table tbody.clear_background td {background-color: #fff;}
#order_total_table tbody.clear_background td b{color: #000; font-weight: normal;  font-weight: bold; text-align:right;}
#order_total_table tbody td.first_column {width: 75%;}
#order_total_table tbody td.second_column {width: 25%; margin-right: 0px; padding-right: 0px;}
#order_total_table tbody td.second_column input {font-size: 1.2em; width: 76%; *width: 74%; text-align: right;}

/*  for login forms  */
#login_column {min-height: 500px; _height: 500px; width: 800px; float: left;}
#login_column form {padding: 0; margin: 50px 0 0 50px;}
#login_column fieldset {border: 0; margin: 0; padding: 0; font-size: 100%;}
#login_column fieldset legend {padding:0  0 30px 0; margin: 0; font-weight: bold; color: rgb(254,95,16); }

#login_column b {color: rgb(254,95,16);}
#login_left {width: 425px; float: left; margin: 0px 0 0 13px;}
#login_right {float: right; padding: 10px 30px;}

#login_column label { clear: both; width: 9em; margin: 2em 0px; *margin: 0 0 0 10px; }
#login_column input.textField { display: block; margin: -1.5em 0 10pt 125px; *margin: -1.5em 0 10pt  80px; font-size: 1.2em; font-weight: bold; border: solid 1px #000; width: 200px; }
#login_column input.passwordField { display: block; margin: -1.5em 0 1pt 125px; *margin: -1.5em 0 1pt 80px; font-size: 1.2em; font-weight: bold; border: solid 1px #000; width: 200px; }
#login_column input.reset {margin: -1.5em 0pt 13pt 151px;}
#login_column input.submit {margin: 15px -20px 0px 125px; *margin: 15px -20px 0px  80px; position:static; width:167px; outline: none;}
#login_column span {font-size: 9pt;}
#login_column a {color: #000; text-decoration: none; font-size: 9pt;}
#login_column a:hover { text-decoration: underline;}
#login_column hr { border: solid 3px #fff; }
#login_column div.submit_container {margin-left: 125px; *margin-left: 130px; margin-top: 0px; width: 14.7em;}

#Disclaimer {width:52%;margin-left:190px;height:75px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; overflow:auto;}
#Disclaimer p {margin: 5px; text-align: justify; font-size: 80%; padding: 0px;}

#tos { text-transform: uppercase; border: solid 0px #000; width: 97%; margin-left:20px; padding-bottom: 10px;}
#tos legend { padding-bottom:10px; color: #38006A; font-size: 1.2em; font-weight: bold; margin: 0.7em 0px 1em; *margin-left:-10px; }
#tos a { color: rgb(254,95,16); text-decoration: none; }
#tos a:visited { color: rgb(254,95,16); text-decoration: none; }
#tos a:hover { text-decoration: underline; }
#tos p b { display: block;}
#tos p { width: 95%;}
#cc_expires_container { margin: -1.6em 0pt 0pt 9.6em; }
#cc_expires_container select { display: inline; margin: 0em 0em 0pt; *margin: 0 0 0 18px; width: 5.5em; }

#custom {width:100%; _width: 70%; }
#custom dl{ _width:85%; margin: 0 0 0 0.5em; display:inline; }
#custom dl h2 {font-size:1em; font-weight: bold; border-bottom:0; margin:0 ; *margin-top: 25px; _margin: 0 4em 0 10px;}
#custom dl dd { padding:0; float:left; font-size:1.0em; _width:100%; margin: 10px 0 0 0; _margin: 0 1em 0 0.5em;}
#custom dl dt {font-size:1.0em; margin: 10px 2em 0 17em; _margin: -10px 2em 0 17em; }
#custom_wrap { margin-left: 7em; _left-margin: 0;}
#custom_wrap table{width: 83%; _margin-left: 0;}


ul#error_messages{text-align: left; font-weight:bold; clear:both; margin: 0; padding: 0; *padding: 10px; list-style: none;}
ul#error_messages li {margin: 0 0 15px 0; color: red; }

ul#error_label_number {font-weight:bold; float: left; clear:both; width: 200px; margin: 5px 0 10px 80px; padding: 0; list-style: none;}
ul#error_label_number li {color: red; }

ul#error_admin {text-align: left; font-weight:bold; clear:both; margin: 0px 30px; *margin: 0px 18px; padding: 0; list-style: none;}
ul#error_admin li {margin: 0.6em 0pt 20px; *margin: 0 0 20px 0px; color: red; }

#right_column .first_fieldset {margin-top: 0.6em;}
#inner_page_wrap .admin_right_column {float: right; margin: 0pt 92pt 0pt 0pt; _margin: 0 60px 0 0; }

#notice_messages{color:#38006A;font-weight:bold; list-style: none; margin-left: 0px; padding-left: 0px; *padding-left: 10px;}
.slogan{color:#38006A; float:right; padding-top:10px;font-weight:bold;*padding-top:0px; *margin-top:-20px;}

a.breadcrumb { text-decoration: underline; color: #38006A; }
a.breadcrumb:hover { text-decoration: none; color: #38006A; }
a.breakcrumb:visited { color: #38006A; }


#button_container {width: 77%; text-align: right; margin: 15px 0px;}

#signup_wrap .submit_container .submit {float: none; width: 167px; margin: 0px 0px 0px 66px; *margin-left: 84px; height: 27px; outline: none;}
#signup_wrap .submit_container {width: 32.5em; text-align: center; margin: 0px;}
#signup_wrap ul#error_messages {margin-left: 30px;}
#signup_wrap select {width: 14.85em; font-size: 1.2em; margin: -1.5em 0 10pt 8em; *margin: -1.4em 0 10pt 9em; }
#signup_wrap p.user_email {overflow-x: hidden; margin-left: 8em; *margin-left: 9em; width: 410px; *width: 400px;}
#rotate_column {float: right; margin-top: 60px; width: 250px; }
#rotate_column img {margin-bottom: 25px;}

/* =================================
ORDER LABELS
================================= */
/* -- Order Process Header --*/
.order_process_header {width: 98%; border-bottom: 1px solid #000; margin: 0 auto; }
.order_process_header img {border: 0; display: inline; padding: 10px 15px 0 0; }
.order_process_header h2 {margin:10px; padding-top:10px; width:98%;}

/* -- Order Process Page Structure --*/
.order_process {width: 800px; float: left; margin-bottom: 30px;}
#order_process_left {width: 350px; float: left; margin: 2px 0px 0px 50px; *margin: 5px 0px 0px 50px; _margin: 5px 0 0 20px; *padding-top: 75px; text-align: center;}
#order_process_left form {margin: 0px 0px 0px 30px;}
#order_process_right {float: right; padding: 10px; }

/* -- Order Process Forms --*/
.order_process #error_messages {margin: 40px 0px 35px 0px; *margin: 0px 0px 0px;}
.order_process #error_messages li {margin-bottom: -65px; *margin-bottom: 5px;}
.order_process ul#error_label_number {margin: 40px 0pt -27px 79px; _margin: 40px 0 -27px 40px;}
.order_process img.color_grid {margin-top: 40px; *margin-top: -40px; position: relative; left: -18px; *left: -19px;}
.order_process label {width: 80px; float: left; text-align: left; margin: 5px 0 0 0}
.order_process input {font-size: 115%; width: 208px; float: left;margin:-5px 0px 15px; border: 1px solid #000; outline: none;}
.order_process input.file {font-size:85%; width:220px;}
.order_process select {font-size: 115%; width: 220px; float: left;margin:-5px 0px 15px;;padding:0px; border: 1px solid #000;}
.order_process input.submit {width: 167px; outline: none;}
.order_process select {border: 1px solid #000; display: block; width: 220px; float: left; margin: 5px 0px 15px; _margin: 0 0 15px; padding:0px;}
.order_process #item_num_box {display: block; width: 300px; text-align: left; *margin-top: -70px;}
.order_process #shape_box {display: block; width: 300px; text-align: left;}
.order_process #size_box {display: block; width: 300px; text-align: left; *margin-top: 10px;}
.order_process #material_box {float: left; *float: none; width: 300px; text-align: left; *margin-top: -20px;}
.order_process #input_requirements {margin-left: 80px; text-align: left;}
.order_process .submit {float: none; margin: 30px 0px 0px 26px; font-size: 100%; clear: both;*margin-bottom:0px; border: 0px; outline: none;}
.order_process p {clear:both;margin:0px 21px 10px 80px;padding:0px 0 0;font-size:.8em; color: rgb(254,95,16); text-align: left;}
.order_process hr.step1 {margin: 0px; *margin: 17px 0px 10px 0px;}
.order_process p#step1_icon {background: #FFF url(/images/hl_step1.png) no-repeat; padding: 0px; width: 35px; height: 33px; margin-left: -50px; margin-top: 0px; position: relative; top: 38px;}
.order_process p#step2_icon {background: #FFF url(/images/hl_step2.png) no-repeat; padding: 0px; width: 35px; height: 33px; margin-left: -50px; margin-top: -24px; position: relative; top: 38px;}
.order_process p#step3_icon {background: #FFF url(/images/hl_step3.png) no-repeat; padding: 0px; width: 35px; height: 33px; margin-left: -50px; *margin-left: -375px; margin-top: -24px; position: relative; top: 38px;}

.order_process .description {width: 300px; float: left; margin: 25px 25px;}
.order_process .description fieldset {border: solid 0px #FFFFFF; margin: 0px; font-size: 12pt; width: 350px;}
.order_process .description p {display:block; color: #000; font-size:1.2em; font-weight:bold; margin:-30px 0px 0px 95px;}
.order_process .description ul {display:block; color: #000; font-size:1.2em; font-weight:bold; margin:-20px 0px 0px 56px; *margin:-20px 0px 0px 95px;}
.order_process .description ul li {list-style: none;}
.order_process .description label {display:block; float:none; margin:16px 0px 0px; width:100%;}

/* -- Order Process Decoration --*/
.order_process h3 {margin: 15px 80px;  padding: 0; border: 0; font-weight: normal; font-size: medium; *margin: 0px 90px 15px; text-align: left;}
.order_process hr {border: 1px dashed #000; width: 300px; margin: 0px 0pt 18px 0px; *margin: 4px 0px 8px -20px; float: left;}
.order_process label b {color: rgb(254,95,16);}


#order_process_left div#price {text-align: left; font-weight: bold; font-family: Arial, sans-serif; float: left; clear: both; width: 180px; padding: 0 0px 0 0px; margin: 35px 0pt -37px 81px; *margin: 25px 0 -63px 90px; _margin: 25px 0 -63px 45px; background: url(/images/order_process_price.jpg) no-repeat top left; min-height: 200px; _height: 200px; }
#order_process_left p.total_label {margin: 0; font-size: 188%; font-family: "Arial Black", Arial, sans-serif; padding: 9px 0pt 0pt 16px; *padding-top: 14px; color: #4b1872;}
#order_process_left p.total_label span {font-size: 49%; font-family: Arial, sans-serif;}
#order_process_left span.price {color: #fe5e0e; font-size: 95%; padding-left: 14px;}
#order_process_left p.value_label {margin: -5pt 20px 0px 22px; *margin-top: -10px; font-family: "Arial Black", Arial, sans-serif; font-size: 205%; padding: 5px 0pt 15px 77_lpx; color: #fe5e0e;}
#order_process_left p.value_label b {font-family: Arial, sans-serif; font-weight: bold; font-size: 75%; position: relative; top: -3px;}
#order_process_left p.value_label span {margin: 0px; font-family: Arial, sans-serif; color: #fe5e0e;}
#order_process_left #preview_image {float: right; position: relative; top: -75px;*top: 100px; ;}

#order_process_right img {padding: 30px 40px 0 0;}

#order_process_left a.preview {float: right; width:49px; margin: 180px 10 0 0px;}

#order_process_left a.preview img{border:0;}

#order_process_left div#color1 {float: left; *float: none;}
#order_process_left div#otherdiv1 {float: left; *float: none; clear: both;}
#order_process_left div#color2 {float: left; *float: none;}
#order_process_left div#otherdiv2 {float: left; *float: none; clear: both;}
#order_process_left div#color3 {float: left; *float: none;}
#order_process_left div#otherdiv1 {float: left; *float: none; clear: both;}

#order_process_left div#artwork {float: left;}
#order_process_left div#artwork a {display: block; background: url('/images/hl_form_button_bg.jpg') no-repeat; margin: 0px; padding: 4px 38px 5px; height: 18px; text-decoration: none; color: #000;}
#order_process_left div#artwork #show_file {font-style: italic; margin: 5px 0px 15px; *margin: 5px 0px 10px;}
#order_process_left div#artwork ul {float: right; list-style: none; width: 238px; padding: 0px; margin: 0px;}
#order_process_left div#artwork ul li {text-align: left;}
#order_process_left div#artwork ul p {margin: 0px 14px 10px 0px; _padding-top: 10px;}
#order_process_left div#artwork ul input {margin-left: 0px;}
form.upload_box p {text-align: right; margin-right: 10px; margin-top: 0px;}
form.upload_box label {display: block; margin-top: 25px; text-align: left; width: 90%; padding-left: 12px;}
form.upload_box textarea {overflow: none; text-align: justify; width: 90%; *width: 95%; height: 80px;}
form.upload_box input.countdown {border: 1px solid #FFF; padding: 0px; width: 11%; text-align: center;}
form.upload_box .upload_button {float: right; margin-right: 10px;}
input.ok_button {margin: 0px 0 0 11px; *margin-left: 5px;}

/* =================================
PAYMENT PROCESS
================================= */
/* -- Stylesheet for Payment Page -- */
#payment_wrap {text-align: center;}
#payment_wrap #error_messages {text-align: left; margin: 13pt 0px 20pt 30px; *margin-left: 10px;}
#payment_wrap #left_column {margin: 0; padding: 0; float: left; width: 500px; }
#payment_wrap #right_column {float: right; padding: 30px 0px; width: 270px; margin: 0px; text-align: center; background: #FFFFFF; min-height: 500px;}
#payment_wrap #right_column img {margin-bottom: 30px;}
#payment_wrap #left_column fieldset {border: solid 0px #FFFFFF; margin: 1.6em 0px 0px 1.2em; font-size: 12pt; text-align: left;}
#payment_wrap #left_column label b {color: rgb(254,95,16);}
#payment_wrap #left_column label {margin: 10px 0 0 0; _margin: 10px 0 0 10px; display: block;}
#payment_wrap #left_column label.label_number { border: solid 0px #FFFFFF; margin: 1.6em 0px 0px 2.2em; font-size: 12pt;}
#payment_wrap #left_column fieldset legend { padding-bottom:10px; margin: 0px 0px 15px -2px;  *margin-left:-10px; _margin: 0px 0px 25px -5px; font-weight: bold; color: rgb(254,95,16); }
#payment_wrap #left_column fieldset legend font { color: #000;}
#payment_wrap #left_column input.textField, input.passwordField {display: block; margin: -1.5em 0 10pt 8em; font-size: 1.2em; font-weight: bold; border: solid 1px #000; width: 14.2em; }
#payment_wrap #left_column select {padding:0; display: block; margin: -1.4em 0 10pt 8em; *margin: -1.4em 0 10pt 9em;  font-size: 1.2em; font-weight: bold; border: solid 1px #000000;  width: 14.85em;}
#payment_wrap #left_column #cc_expires_container {margin: -1.6em 0pt 0pt 9.6em; }
#payment_wrap #left_column #cc_expires_container select {display: inline; margin: 0em 0em 0pt; *margin: 0 0 0 18px; width: 4.5em; }
#payment_wrap #left_column #cc_expires_container select#order_cc_expires_year {*margin: 0 0 0 1px;}
#payment_wrap #left_column .submit_container input.submit {width: 167px; height: 27px; margin-left: 25px; outline: none;}
#payment_wrap #left_column input.submit {width: 167px; height: 27px; outline: none;}
#payment_wrap #left_column div.h_l_side_box { border-bottom: 1px solid #000; text-align: left; border-top: 1px solid #000; margin: 4em 10px 4em 1.5em; padding: 30px 0pt; }
#payment_wrap #left_column div.h_l_side_box label { diplay: block; width: 100%; }
#payment_wrap #left_column div.h_l_side_box select { display: block; background: #fff; margin: 1em 0em; width: 23.4em;}
#payment_wrap #left_column div.h_l_side_box select option { display: block; font-size: 20px}

#payment_wrap #left_column div#input_requirements {margin-bottom: 22px; margin-left: 153px; *margin-left: 175px; margin-top: -9px;}

/* -- Stylesheet for Shipping Page -- */
#shipping_wrap {text-align: center;}
#shipping_wrap #error_messages {text-align: left; margin: 10px 0px 20px 30px; *margin: 10px 0px 20px 10px;}
#shipping_wrap #left_column {margin: 0; padding: 0; float: left; width: 500px; }
#shipping_wrap #right_column {float: right;  padding: 30px 0px; width: 300px; margin: 0px; text-align: center; background: #FFFFFF; min-height: 500px;}
#shipping_wrap #right_column img {margin-bottom: 30px;}
#shipping_wrap #left_column fieldset {border: solid 0px #FFFFFF; margin: 1.6em 0px 4em 1.2em; font-size: 12pt; text-align: left;}
#shipping_wrap #left_column label b {color: rgb(254,95,16);}
#shipping_wrap #left_column label.label_number { border: solid 0px #FFFFFF; margin: 1.6em 0px 0px 2.2em; font-size: 12pt;}
#shipping_wrap #left_column fieldset legend { padding-bottom:10px;margin: 0px 0px 15px -2px; *margin-left:-10px;_margin: 0px 0px 25px -5px; font-weight: bold; color: rgb(254,95,16); }
#shipping_wrap #left_column fieldset legend font {color: #000;}
#shipping_wrap #left_column input.submit {outline: none; width: 167px; height: 27px; margin-left: 25px; }
#shipping_wrap #left_column input.textField, input.passwordField { display: block; margin: -1.5em 0 10pt 8em; font-size: 1.2em; font-weight: bold; border: solid 1px #000; width: 14.2em; }
#shipping_wrap #left_column select { padding:0; display: block; margin: -1.5em 0 10pt 8em; *margin: -1.4em 0 10pt 9em;  font-size: 1.2em; font-weight: bold; border: solid 1px #000000;  width: 14.85em;}
#shipping_wrap #left_column #carrier1 {margin-left: 158px; *margin-left: 173px;}
#shipping_wrap #left_column #carrier2 {margin-left: 15px;}
#shipping_wrap #left_column #carrier3 {margin-left: 15px;}

#shipping_wrap #left_column #radio_container p input { display: block; margin: -1.5em 0 10pt -1.2em; font-size: 1.2em; font-weight: bold; border: solid 1px #000; width: 10.75em; }
#shipping_wrap #left_column p  { display: block; margin: -1em 0 10pt 10em; font-size: 1.2em; font-weight: bold; _margin: -1em 0pt 10pt 10em;  }
#shipping_wrap #left_column p.radioLabel { display: inline; margin: 0px 0px 0px 1em; padding: 0.5em; font-weight:normal; font-size: 1em; vertical-align: center;}
#shipping_wrap #left_column p.instructions { color: #FE5F10; font-size: 1em; font-weight: normal; margin: 0pt; width: 27.7em; }
#shipping_wrap #left_column p.address { font-size: 1em; font-weight: normal; margin: 1em 0pt 10pt 9.6em; *margin-left: 175px; }
#shipping_wrap #left_column p.shipping_method { margin: -1.4em 0pt 10pt 14.1em; font-size: 1em; font-weight: normal;}
#shipping_wrap #left_column p.shipping_method input { border: solid 1px #000; }
#shipping_wrap #left_column b { margin: 0px 0px 0px 0.2em; color: rgb(254,95,16); }
#shipping_wrap #left_column hr { border: solid 1em #FFFFFF; margin: 1em 0; }
#shipping_wrap #left_column hr.grey {border: solid 1px #c0c0c0; margin: 1em 0; }
 
/*  --  Stylesheet for Payment Verify Page  -- */
#payment_wrap #left_column .subtotal td form {text-align: left;}
#payment_wrap #left_column input {float: none;}
#payment_wrap #left_column .subtotal td {}
#payment_wrap #left_column p  { display: block; margin: -1em 0 10pt 11em; font-size: 1.2em; font-weight: bold; _margin: -1em 0pt 10pt 11em;  }
#payment_wrap #left_column p.shipping_info  { display: block; margin: 0em 0pt 10pt 3em; font-size: 11px; font-style: italic; font-weight: normal;_margin: 0em 0pt 10pt 3em;  text-align: left;}
#payment_wrap #list_table {text-align: center; width: 100%; clear: both;}
#payment_wrap #list_table td {text-align: center;}
#payment_wrap #list_table thead tr td {padding: .3em;}
#payment_wrap #list_table td.first_col {text-align: left;}
#payment_wrap #list_table .items_in_cart {text-align: left;}
#payment_wrap #list_table .clear_background {background: #FFF;}
#payment_wrap #order_total_table input {border: 1px solid #000; font-size: 115%; font-weight: bold; font-family: Arial, sans-serif;}
#payment_wrap #order_total_table td#order_button {text-align: center;}
#payment_wrap #order_total_table td#order_button .button {border: 0px; margin-left: 0px;}
#payment_wrap form input.button {margin-left: 35px; margin-bottom: 15px; padding: 0px;}

#custom dl dd#payment_type {margin-top: 10px;}
#custom dl dd#customer_no {margin-top: 10px;}
#custom dl dd#street1 {margin-top: 8px;}
.receipt_print {display: none;}
#payment_wrap #left_column table tbody td {margin: 0.4em 0.3em 0.3em; }
#payment_wrap #left_column p.button_requirements {margin: 5px 0px 0px 25px; color: #38096A; font-size: 0.8em; font-weight: normal;}
#list_table tbody.clear_background .itemrow td {background: #eee;}

/* =================================
MARKETING PAGES
================================= */
/* -- Index page wrap -- */
#index {width: 780px; margin: auto; }

/* -- Index page image -- */
#index img {float: right; margin: 10pt 40px 0pt 0pt; *margin: 60px 20px 0px 0; padding: 0; border: 0;}
#index .button img {border: 0px; float: none; text-align: center; margin: 10px 0 0 110px;}
#index .home_button {background: url('/images/hl_form_button_bg.jpg') no-repeat; border: 0px; color: #4B167F; display: block; float: none; font-weight: bold; height: 27px; text-align: center; margin: 10px 0pt 0pt 95px; padding-top: 5px; text-decoration: none; width: 167px;}

/* -- Index page content -- */
#index_left {margin: 50px 330px 0 70px; _margin: 50px 320px 0 70px; width: 380px; _width: 350px; }
#index_left h1{font-family: arial, sans-serif; margin: 0 25px; font-size: 215%; width: 340px; font-weight: normal; letter-spacing: 2px;}
#index_left h2 {font-family: Arial, sans-serif; font-weight: bold; border: 0; margin: 10px 19px; padding: 0; color: #4b167f; font-size: 215%; letter-spacing: -1px;}
#index_left h2 span {display: block; font-size: 50%; margin-top: -40px; margin-left: 308px;}
#index_left p{margin: 30px 20px 0px 20px; *margin-top: 15px; width: 340px; line-height: 22px; font-size: 90%; }

/* -- Label Basics page structure -- */
#label_basics {width: 780px; margin: auto;}
#label_basics .content_container {width: 90%; margin: 0 0 0 10%;}
#label_basics .content_container .left_column {width: 50%; float: left; }
#label_basics img {padding: 0; margin: 20px 0 0; *margin: 28px 0 0px 0 ; float: right; }

/* -- Label Basics design elements -- */
#label_basics h4 {width: 80%; margin: 20px 0 0 10%; *margin-top: 10px; letter-spacing: -1px; font-size: 180%;}
#label_basics p {width: 75%; margin: 5px 0 20px 10%;  line-height: 22px; font-size: 100%;}
#label_basics p.instructions {width: 100%; margin: 20px 0 5px 10%;  line-height: 15px; font-size: 60%; }
#label_basics ul {margin: 0 0 0 15%; padding: 0; width: 90%; list-style: none;}
#label_basics ul li {margin: 20px 0 0 0; padding: 0; line-height: 17px; font-size: 75%; }
#label_basics ul li b {font-size: 120%;}
#label_basics ul hr{margin: 20px 0 0 0; padding: 0;}


/* =================================
COLORS FOR DROP DOWN LIST
================================= */
/*select {*background: #e1e1e1;}*/
option#red1,option#red2,option#red3 {background: url('/images/colors/red.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#maroon1,option#maroon2,option#maroon3 {background: url('/images/colors/maroon.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#pink1,option#pink2,option#pink3 {background: url('/images/colors/pink.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#purple1,option#purple2,option#purple3 {background: url('/images/colors/purple.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#light_blue1,option#light_blue2,option#light_blue3 {background: url('/images/colors/light_blue.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#dark_blue1,option#dark_blue2,option#dark_blue3 {background: url('/images/colors/dark_blue.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#light_green1,option#light_green2,option#light_green3 {background: url('/images/colors/light_green.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#dark_green1,option#dark_green2,option#dark_green3 {background: url('/images/colors/dark_green.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#orange1,option#orange2,option#orange3 {background: url('/images/colors/orange.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#turquoise1,option#turquoise2,option#turquoise3 {background: url('/images/colors/turquoise.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#yellow1,option#yellow2,option#yellow3 {background: url('/images/colors/yellow.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#white1,option#white2,option#white3 {background: url('/images/colors/white.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#beige1,option#beige2,option#beige3 {background: url('/images/colors/beige.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#brown1,option#brown2,option#brown3 {background: url('/images/colors/brown.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#gray1,option#gray2,option#gray3 {background: url('/images/colors/gray.jpg') no-repeat 5px 0px; padding-left: 30px;}
option#black1,option#black2,option#black3 {background: url('/images/colors/black.jpg') no-repeat 5px 0px; padding-left: 30px;}

/* =================================
WORK ORDER LIST
================================= */
/* -- Work Order page wrap -- */
#worklist {text-align: right;}
#worklist .submit {border: 0px; padding: 0px; width: 167px; height: 27px; font-weight: normal; font-size: 100%; margin: 0px; outline: none;}
#work_order_wrap h1 {margin: 0px 0px 5px 0px; font-size: 105%; font-weight: normal; float: left; width: 40%;}
#work_order_wrap select {width: 50%; font-size: 105%; font-weight: bold; padding: 0px; border: 1px solid #000;}
#work_order_wrap select#ready {*height: 18px; width: 100%; *width: 95%; font-size: 100%; font-weight: bold; padding: 0px; border: 1px solid #000;}
#work_order_wrap table {text-align: left; margin: 10px 0px;}
#work_order_wrap thead td {border-bottom: .25em solid #FFF; padding: 5px 3px;}
/*#work_order_wrap .col_1 {width:15%; border-right: 1px solid #000;}
#work_order_wrap .col_2 {width:15%; *border-right: 0px; border-right: 1px solid #000;}
#work_order_wrap .col_3 {width:20%; *border-right: 0px; border-right: 1px solid #000;}
#work_order_wrap .col_4 {width:20%; *border-right: 0px; border-right: 1px solid #000;}
#work_order_wrap .col_5 {width:15%; text-align: center; *border-right: 0px; border-right: 1px solid #000;}
#work_order_wrap .col_5 p {clear: both; float: none;}
#work_order_wrap .col_6 {width:5%; text-align: center; border-right: 1px solid #000; vertical-align: middle;}
#work_order_wrap .col_6 p {clear: both; float: none;}
#work_order_wrap .col_7 {width:10%; text-align: center;}*/
#work_order_wrap i.complete {font-style: normal;}
#work_order_wrap .row_break {background: #FFF; height: 4px; padding: 0px; margin: 0px;}

#work_order_wrap i.new a {font-style: normal; color: #0000ff;}
#worklist .customer_list tr {vertical-align: middle;}
#work_order_wrap td {border: 0px;}
#work_order_wrap .col_1 {width: 10%;}
#work_order_wrap .col_2 {width: 6%;}
#work_order_wrap .col_3 {width: 11%;}
#work_order_wrap .col_4 {width: 7%;}
#work_order_wrap .col_5 {width: 15%;}
#work_order_wrap .col_6 {width: 15.5%;}
#work_order_wrap .col_7 {width: 11%;}
#work_order_wrap .col_8 {width: 5%;}
#work_order_wrap .col_9 {width: 3%;}
#work_order_wrap .col_10 {width: 7.5%;}
#work_order_wrap .col_11 {width: 10%;}
#work_order_wrap .col_12 {width: 2%; text-align: center;}
#work_order_wrap .col_12 img {top: 2px; margin-top: 3px;}
#work_order_wrap .col_12 p {margin: 2.5px 0px 2px; *margin: 2px 0px;}

/* =================================
WORK ORDER STYLES
================================= */
/*   Header */
#workorder_header {*margin-top:20px; width: 800px;}
#workorder_header ul{display:none;}
#workorder_header h2 a{color: #38006A; text-decoration: underline;}
#workorder_header h2 a:hover{text-decoration: none;}

/*   Misc Elements */
.layout_bottom {margin-bottom: -17px}

/*   Work Order, Page 1    */
#work_order {clear:both; padding: 10px 0; width: 800px;}
#work_order .divider .artwork {border: 1px solid; width: 350px; height: 240px; padding-left: 1px; margin-bottom: 0px;}
#work_order p.top {margin: 5px 0px 10px; padding: 0px;}
#work_order p.bottom {margin: 20px 0px; padding: 0px;}
#work_order textarea {border: 1px solid #000; width: 95%; height: 95px;}
#work_order input {border:1px solid #000000;font-size:115%;margin:0px 0px 15px;width:200px;}
#work_order select{font-size:115%;margin:0px 0px 15px;width:70px;border:1px solid #000000;}
#work_order table {width:98%;margin:0 auto; padding:5px 5px 10px;}
#work_order table .divider {border-bottom:1px solid black;padding:15px 0px;}
#work_order table tr {background:white;}
#work_order table thead th{color:black;text-align:left;font-weight:normal; *padding: 5px 0px;}
#work_order table tbody td{padding:0px 0;}
#work_order #workorder_bleed, #workorder_close_register{width:70px;padding:0;}
#work_order table tbody tr td input.handbook_input_row_end_button_1{width:65px; padding:0;font-size:95%;cursor:pointer;margin:0px;}
#work_order table tbody tr td .handbook_input_row_end_file{font-size:95%;width:282px;margin:0px;}
#work_order table td.specs1 {width: 19%;}
#work_order table td.specs2 {width: 34%; padding-bottom:10px;}
#work_order table td.spec2 div select {padding:0px; width: 200px;}
#work_order table td.spec2 div input {margin: 0px -8px 15px; width: 189px;}
#work_order table td.specs3 {width: 16%;}
#work_order table td.specs4 {width: 31%;}
#work_order table.comments {margin: 0px; padding: 0px; width: 100%;}
#work_order table.comments {margin: 0px; padding: 0px; width: 100%;}
#work_order table.comments .col1 {width: 34%;}
#work_order table.comments .col2 {width: 66%;}
#work_order table td.specs4 input#work_order {width: 100%;}
#work_order .dividerlast table {margin: 10px auto; width: 75%;}
#work_order table td.press1 {width: 25%;}
#work_order table td.press2 {width: 30%;}
#work_order table td.press3 {width: 45%;}
#work_order .shipping table {padding: 0px; width: 100%;}
#work_order .shipping .right_col {padding-left: 9px;}
ul#packaging_list {list-style: none; float: right; text-align: right; margin-top: 10px; font-size: 100%;}
ul#packaging_list b {font-size: 115%;}
ul.workorder_footer {*padding-top: 0px;}

/*   Work Order, Page 2    */
#work_order2 {clear:both; padding: 10px 0; margin: -5px 0 0 0; width: 800px;}
#work_order2 .divider .artwork {border: 1px solid; width: 350px; height: 240px; padding-left: 1px; margin-bottom: 0px;}
#work_order2 input {border:1px solid #000000;font-size:115%;margin:0px 0px 15px;width:200px;}
#work_order2 select{font-size:115%;margin:0px 0px 15px;width:70px;border:1px solid #000000;}
#work_order2 table {width:98%;margin:0 auto;padding:5px;}
#work_order2 table table {padding:0px 5px;}
#work_order2 table .divider {border-bottom:1px solid black;padding:15px 0px;}
#work_order2 table tr{background:white;}
#work_order2 table thead th{color:black;text-align:left;font-weight:normal; *padding: 5px 0px;}
#work_order2 table tbody td{padding:0px 0;}
#work_order2 #workorder_bleed, #workorder_close_register{width:70px;padding:0;}
#work_order2 table tbody tr td input.handbook_input_row_end_button_1{width:65px; padding:0;font-size:95%;cursor:pointer;margin:0px;}
#work_order2 table tbody tr td .handbook_input_row_end_file{font-size:95%;width:282px;margin:0px;}
#work_order2 table td.col1 {width: 10%;}
#work_order2 table td.col2 {width: 69%;}
#work_order2 table td.col3 {width: 21%;}
work_order2 table td.specs1 {width: 19%;}
#work_order2 table td.specs2 {width: 34%; padding-bottom:10px;}
#work_order2 table td.specs3 {width: 16%;}
#work_order2 table td.specs4 {width: 31%;}
#work_order2 table td.specs4 input#work_order {width: 100%;}
#work_order2 .dividerlast table {margin: 10px auto; width: 75%;}
#work_order2 table td.press1 {width: 25%;}
#work_order2 table td.press2 {width: 30%;}
#work_order2 table td.press3 {width: 45%;}
ul#packaging_list {list-style: none; float: right; text-align: right; margin-top: 10px; font-size: 100%;}
ul#packaging_list b {font-size: 115%;}

/***** Footer ******/
#footer {border-top: 1px solid #000; padding: 0px 0px 8px; *padding-top: 10px; *padding-bottom: 0px; margin: 8px 1% 10px; *margin: 0px 1% 0px 1%; width: 98%; clear: both;}
#footer li {float: left; list-style-type: none; margin: 10px 0 0 0; *margin: 0px;}
#footer a {margin: 0; padding: 0 8px; font-size: 80%; display: bolck; color: #000; text-decoration: none; border-right: 1px solid #000;}
#footer a:hover { text-decoration: underline; }
#footer a.last {border: 0;}
#footer .slogan {padding-right: 8px;}
#footer_left, #footer_right{display:none;}


/* =================================
SELECT CUSTOMER TABLE
================================= */
/*   Header */
.pagination {clear:both;padding-top:5px;}
#worklist .pagination {display:inline;}
#field {padding: 0px; border: 1px solid #000; font-weight: bold; font-size: 1.2em;}
input#search {padding: 0px; *padding: 3px 8px 1px;}
#search_criteria #list_nav {float: right; width: 25%; padding-bottom: 0px;}
#search_criteria form {float: left; width: 67%; _width: 70%;}
#customer_table thead td {border-bottom: 5px solid #FFF; padding: 5px .2em;}
#customer_table tr {vertical-align: middle;}

#list_table_container {clear: both; *margin-top: 0px;}
#list_table_container .customer_1 {width: 30%; padding: 1% 1%;}
#list_table_container .customer_1 a {text-decoration: underline;}
#list_table_container .customer_1 a:hover {text-decoration: none;}
#list_table_container .customer_2 {width: 45%; padding: 1% 1%;}
#list_table_container .customer_3 {width: 16%; padding: 1% 2% 0% 0%;}
#list_table_container .customer_4 {width: 23%; padding: 0% 1%;}
#list_table_container .customer_5 {width: 20%; padding: 0% 1%;}
#list_table_container table tbody tr.divider_row td {background: #FFF; padding: 0px; height: 5px;}

.customer_list {font-size: 9pt;}
.customer_list td {padding: 0px .2em;}
.customer_list .col_1 {width: 6%;}
.customer_list .col_2 {width: 15%;}
.customer_list .col_3 {width: 15%;}
.customer_list .col_4 {width: 10%;}
.customer_list .col_5 {width: 6%;}
.customer_list .col_6 {width: 10%;}
.customer_list .col_7 {width: 12%;}
.customer_list .col_8 {width: 21%;}
.customer_list .col_9 {width: 5%;}
.customer_list .col_9 #list_right_link img {top:1px;*top:0px}

/*Browser Support Page */
p#browser_support {margin: 75px auto; width: 80%; font-weight: bold; color: rgb(254,95,16); line-height: 150%;}
p#browser_support a {color: rgb(56,0,106);}
p#browser_support a:hover {color: rgb(56,0,106); text-decoration: none;}