@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,700,900|Roboto);
html {height: 100%;}
body {font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 10pt; margin: 0px auto; text-align: center; height: 100%; padding: 0px; margin: 0px;}
td {font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 10pt;}
a {color: #1D7DC6; text-decoration: none;}
hr {border: 0px; height: 1px; background: #CACDCE;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration: none;}
a:hover {color: #2E6DA0; text-decoration: underline;}
div.content {width: 96%; max-width: 1200px; margin: 0px auto; padding: 14px 0px; clear: both; min-height: 90%;}
div.content_wide {width: 96%; max-width: 1200px; text-align: left; margin-left: auto; margin-right: auto; height: auto; min-height: 90%;}
div.wizard_content_wide {max-width: 755px; text-align: left; margin-left: auto; margin-right: auto;}
small {font-size: inherit;}
img {border-width: 0px;}
label img {vertical-align:middle;}
ul {list-style-type: none;}
.unfloat {clear: both; padding: 0px; margin: 0px; line-height: 0px; width: 0px;}
.center, center, center > * {margin-left: auto; margin-right: auto; text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.red {color: red;}
.green {color: green;}
.blue {color: blue;}
.underline {text-decoration: underline;}
.bold {font-weight: bold;}
.nowrap {white-space: nowrap;}
.readonly {background-color: #dcdcdc; color: #000000; cursor: default;}
p.red {display:inline;}
body > p {text-align: left; margin-left: 3px;}
p[align="center"] {text-align: center;}
select, option, textarea {text-align: left; margin: 0;}
select {min-width: 60px;}
select[size]:not([size="1"]):not([multiple]) {padding:4px 5px;}
input[type="text"], input[type="password"] {padding: 6px 8px; font-size: 10pt; margin: 2px auto; background: #FFFFFF; border: 1px solid #DDDDDD; max-width: 94%;}
textarea {max-width: 90%; border: 1px solid #CCC; font-family: Verdana, Geneva, sans-serif; font-size: 9pt; padding: 4px; color: #000000;}
div.value textarea {width: 90%;}
font[color="#000099"] {color: #000000;}
iframe {border: 0px; text-align: center;}

.left-indent {margin-left:20px}
div.warning {padding: 14px; background-color: #F7F7BE; max-width: 65%; margin-right: auto; margin-left: auto; text-align:center; margin-top: 10px;}
div.warning div.warning_img {display: none;}
div.warning_text {color: #6B5519; vertical-align: top; text-align: left; margin: 0px; display:inline-block; zoom: 1; *display: inline; position: relative; top: -10px;}
div.goodjob-msg, #generation_successful_message {padding: 14px; background-color: #DBF9D9; max-width: 65%; margin-right: auto; margin-left: auto; text-align:center; margin-top: 10px; color: #187F16; border: 1px solid #C4F9C0; margin: 20px auto;}
p.bottom_note {text-align: center;}
p.checkbox > input {vertical-align: -2px; margin-right: 5px;}
p.count {text-align: center; font-size: 80%; margin: 0px; padding: 8px 0px 0px 0px;}
p.small {font-size: 8pt !important;}
#main_wizard_table {width: 600px;}
table.nowrap td {white-space: nowrap;}
/*** Navbar ***/
div#nav_menu {margin-left: auto; margin-right: auto; padding: 0px; text-align: center; margin-bottom: 20px; width: 800px; position: relative;}
div#nav_user {text-align: right; max-height: 20px; line-height: 16px; min-height: 10px; margin-right: 2%;}
div#nav_user a {margin-right: 2%;}
div#nav_dropdown {text-align: left; margin-top: -18px; z-index: 101; position: relative;}
div#nav_tips {position:absolute;}
div.nav_tip {visibility:hidden; font-size: 0px; display:none;}
div#nav_empty_block, div.nav_menu img {height: 60px;}
img#nav_img_m1, img#nav_img_m2, img#nav_img_m4, img#nav_img_m5, img#nav_img_m7, img#nav_img_m8, img#nav_img_m10 {width: 73px;}
img#nav_img_m3, img#nav_img_m6, img#nav_img_m9 {width: 72px;}
div#nav_storeid {position: absolute; top: -2px; left: 0px; text-align: left; margin-left: 2%; color: #9B9B9B;}
div#nav_tomobile {position: absolute; top: 0px; left: 0px; text-align:center;}
div#nav_section {width: 140px;}
div#about_popup {display: none; padding: 20px; border: 3px solid #E5E5E5; background-color: white;}
div#about_popup td.right {padding-right: 5px;}
a#close_about_popup {text-decoration: underline; color: blue; cursor: pointer;}
div#masking_overlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:rgba(0, 0, 0, 0.5);}
div#tutorial {z-index: 2000; position: absolute; background-color: white; padding: 10px; text-align: center; border-radius: 4px;}
/*** Dropdown Menu ***/
div.nav_menu {position: relative;}
div.drop {visibility: hidden; padding: 0px; margin: 0px; z-index: 101;}
div.menu_holder {display: inline-block; zoom: 1; *display: inline; background: #FFFFFF; position: absolute; left: 0px; padding: 10px 0px; z-index: 101; box-shadow: 1px 1px 6px #AAAAAA; -moz-box-shadow: 1px 1px 6px #AAAAAA; -webkit-box-shadow: 1px 1px 6px #AAAAAA; box-shadow: 1px 1px 6px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.2); border-top: 0px;}
.drop_on_hover h2.menu_header {display: none;}
h2.menu_header {font-size: 16px; font-weight: normal; margin: 5px; background-color: transparent; text-align:center; font-family: Arial, Helvetica, sans-serif; text-decoration: none; padding: 0px; z-index: 101; position: relative;}
h2.menu_header a {color: #333333;} 
.menu_vblock {float: left; margin: 0px 5px;}
.menu_vblock tr {line-height: 15px;}
.menu_vblock a {text-decoration: none; padding: 3px 0px;}
.menu_vblock a.active {color: #000000; font-size: 12px; white-space: nowrap; text-decoration: none;}
.menu_vblock a.passive {color: #DFDFDF; font-size: 12px; white-space: nowrap; text-decoration: none;}
.menu_vblock a:hover {color: #2980B9; white-space: nowrap; text-decoration: none;}
ul.l2_list {list-style-type: none; display: none; padding: 0px; margin: 0px 0px 5px 25px;}
ul.l2_list li {padding: 0px; margin: 0px;}
a.l0 {text-decoration: none;}
a.cl {text-decoration: none; color: #555555;}
a.l1 {text-decoration: none; cursor: pointer;}
a.l2 {text-decoration: none;}
div#nav_breadcrumbs {position: relative; top: 10px; height: 0px; overflow: visible; background: #ECF0F1; max-height: 0px; padding: 0px; margin: 0px auto; text-align: left; font-size: 8pt; width: 96%; max-width: 1200px;}
div#nav_breadcrumbs a {padding: 0px; margin: 0px;}
/** Navigation **/
div.nav_menu {display: inline-block; zoom: 1; *display: inline; padding: 0px;}
div#nav_menu {width: 100%; text-align: center; clear: both;}
div#nav_user {position: relative; z-index: 4; margin: 0px auto; padding: 0px; color: #9B9B9B; line-height: 26px; font-size: 90%; max-height: 26px; height: 0px;}
div#nav_tabs {min-height: 60px; clear: both; width: 96%; max-width: 1200px; margin: 0px auto; padding: 0px; text-align: right; display: block;}
a#shopsitelogo {display: block; float: left; clear: none; width: 187px; height: 60px; background: url(../navbar_new/nav-logo.png) center no-repeat; text-indent: 400px; white-space: nowrap; overflow: hidden;}
a#nav_logo_level {display: block; float: left; clear: none; line-height: 50px; zoom: 1; *display: inline; color: #000000; font-size: 30px; text-indent: 8px; font-family: 'Open Sans', Verdana, Geneva, sans-serif; font-weight: 300; letter-spacing: -1px;}
a#nav_logo_level:hover {text-shadow: 0px 0px 3px #BBB;}
div#nav_tabs a {text-decoration: none;}
div#nav_logo {float: left; text-align: left; padding: 6px 0px;}
div#nav_image {float:left; margin-left:20px; }
div#nav_image img { max-height:100px; max-width:500px;}
div#nav_buttons {display: block; float: right; padding-top: 4px;}
div#nav_buttons a, div.drop a {text-decoration: none; cursor: pointer;}
div.nav_toggle {background-image: url(../navbar_new/nav-expandmenu.png); background-repeat:no-repeat; background-color: #000000; border-left: 8px solid #000000; width: 46px; height: 46px; float: left; margin-top: 0px; background-position: center; display: none;}
div#nav_storeid {z-index: 5; line-height: 26px; font-size: 90%; text-indent: 2%; white-space: nowrap;}
div#nav_bar .nav_menu:hover, div#nav_bar .current {background: #3A5670;}
div#nav_bar .nav_menu, div#nav_bar .wizard_nav_icon {display: inline-block; zoom: 1; *display: inline; padding: 0px; margin: 0px; clear: none;}
div.nav_icon a {text-decoration: none; display: inline-block; zoom: 1; *display: inline; line-height: 38px; padding: 0px 14px; font-size: 110%; letter-spacing: 0.3px; color: #FFFFFF; text-align: center; font-family: 'Roboto', sans-serif;}
div#nav_bar {height: 38px; clear: both; border-top: 1px solid #F4F4F4; margin-bottom: 0px; background-color: #2C3E50;}
/** Header Buttons **/
div#nav_publish, div#nav_viewsite, div#nav_neworders, div#nav_activate {display: inline-block; zoom: 1; *display: inline;}
div#nav_publish a, div#nav_viewsite a, div#nav_neworders a, div#nav_activate a {display: inline-block; font-size: 9pt; font-family: 'Open Sans', sans-serif; margin: 15px 0px 0px 10px; text-decoration: none; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-appearance: none; border-radius: 2px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 32px; line-height: 30px; padding: 0 12px 4px; color: #fff; text-decoration: none;}
div#nav_neworders a {background: #16A085;}
div#nav_neworders a.hover, div#nav_neworders a:hover, div#nav_neworders a.focus, div#nav_neworders a:focus {background: #1ABC9C;}
div#nav_publish a {background: #F39C12;}
div#nav_publish a.hover, div#nav_publish a:hover, div#nav_publish a.focus, div#nav_publish a:focus {background-color: #F2A93C;}
div#nav_viewsite a {background: #3498DB;}
div#nav_viewsite a.hover, div#nav_viewsite a:hover, div#nav_viewsite a.focus, div#nav_viewsite a:focus {background: #36A4ED;}
div#nav_viewsite a::-moz-focus-inner, div#nav_neworders a::-moz-focuz-inner, div#nav_publish a::-moz-focus-inner {border-width: 1px 0; border-style: solid none; border-color: transparent; padding: 0;}
div#nav_activate { display: block; margin-left: auto; margin-right: auto; padding-top:4px; width:200px;}
div#nav_activate a {background: #F23C3C; width:100%; text-align:center; margin-left:0px; font-weight:normal; font-size: 10pt;}
div#nav_activate a.hover, div#nav_activate a:hover, div#nav_activate a.focus, div#nav_activate a:focus {background-color: #FF5C5C;}
/*** Footer ***/
div#footer {clear: both; margin: 0px; font-family: Arial, sans-serif; font-size: 9.5pt; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding: 20px 0px 10px 0px; text-align: center; background: #5C6D7E;}
div#subfooter {width: 96%; max-width: 1100px; padding: 0px; margin: 0px auto;}
#ft_r_logo {float: right; margin-right: 50px; text-align: left; position: relative; top: -10px;}
#ft_l_logo {float: left; margin-left: 50px; margin-right: -30px;}
div#standard_left_footer {float: left; text-align: left; margin-left: 50px;}
p#ft_copy, p#ft_version, p#ft_csp, span#ext-links  {display: block; margin-top: 0px; margin-bottom: 5px; text-decoration: none;}
p#ft_version {font-size: 90%; padding-top: 3px; color: #FFFFFF;}
p#ft_copy {text-transform: uppercase; font-size: 80%; color: #FFFFFF; padding-top: 6px; opacity: 0.8; filter: opacity(80);}
p#ft_demo {font-weight: bold; font-size: 14pt; color: crimson;}
div#footer span#ext-links a {padding: 0px 6px; color: #FFFFFF;} 
div#footer span#ext-links a:first-child {padding-left: 0px; border-left: 0px;}
div#footer span#version {display: block; font-size: 100%; color: #FFFFFF;}
div#footer span#copyright {display: block; text-transform: uppercase; font-size: 90%;}
div#footer div#ft_r_logo a {margin-right: 6px;}
#wrapper {height: auto; min-height: 100%;  margin: 0 auto -100px;}
#nav_menu {background: #FFFFFF;}
#footer, #push {min-height: 100px;}
/*** Merchant search *****/
div.bo_search {max-width: 400px; background: #FFFFFF; padding: 10px; margin: 10px auto 0px auto; border: 1px solid #DDDDDD;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
select.bo_search_fields {display: inline; width: 60%; max-width: 60%; float: left; clear: none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
select.bo_search_query {display: inline; width: 39%; max-width: 39%; float: right; clear: none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input.bo_search_string {clear: both; text-align:center; width:100%; max-width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.bo_search .button {cursor: pointer; color: #222222; background-color: #EAEAEA; width:49%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
.bo_search #button_search { margin-right: 1%; }
.bo_search #button_list_all { margin-left: 1%; }
.bo_search .button:hover {background-color: #E0E0E0; color: #222222;}
.bo_search_rems { clear: both; }

div#button_go_to_authorize_net { width: 180px; }


div.item_list_wrapper { display: inline-block; zoom: 1; *display: inline; margin-right: 10px; }
body#body_products ul.vertical, body#body_pages ul.vertical {display: inline-block; zoom: 1; *display: inline; }
/*** Individual pages ***/
form#wizard table * {font-size:10pt;}
span#wizard_viewsite_icon {display: inline-block; zoom: 1; *display: inline; padding: 4px; color: white; border-radius: 2px; background-color: #329DE5; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2DA0ED', endColorstr='#329DE5',GradientType=0 ); background-image: linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -o-linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -moz-linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -webkit-linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -ms-linear-gradient(bottom, #329DE5 25%, #2DA0ED 75%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #329DE5), color-stop(0.75, #2DA0ED));}
ol#wizard_finish_list li { text-align: left; padding: 5px; max-width: 600px;}
div.bo_ui_navbar p {margin: 0px; padding: 0px;}
p#ft_keys {font-size: 12pt; font-weight: bold; margin-left: auto; margin-right: auto; text-align: center; clear: both;}
p#marketplace_description {text-align: center;}
div.cc_locking {font-weight: bold; text-align: right; position: relative; bottom: 12pt;}
div.security_status {font-weight: bold; text-align: left;}
.security_red {display: inline; color: red;}
.security_green {display: inline; color: green;}
.security_orange {display: inline; color: orange;}
p#reload_refresh_message {font-size: 9pt; font-style: italic; margin: 10px auto 20px auto; max-width: 600px;}
.upload_field_name {text-align: right; font-size: 9pt; vertical-align: middle; background-color: #EEEEEE;}
.unmatched_field_name {text-align: right; font-size: 9pt; vertical-align: middle; background-color: #EEEEEE; color: red;}
.upload_arrow {vertical-align: middle; padding-left: 2px; padding-right: 2px; background-color: #EEEEEE;}
.upload_match_header {font-size: 10pt; font-weight: bold;}
th.sample {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10.0pt; font-weight: bold;}   
td.sample {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10.0pt; font-weight: normal;}
div.larger_instruction {font-size: 9pt;}
form.payment_config_form { position:relative; }
/*** Individual order **/
.order, table#om {border-collapse: collapse; width: 100%; background: #FFFFFF; border: 0px; margin: 20px auto;}
.order h6, table#om h6 {font-weight: 300; font-size: 16pt;}
.order h6 .underline, table#om h6 .underline {text-decoration: none;}
td[align="center"] {text-align: center;}
table#om td[align="center"] h6 {font-size: 18pt;}
table#om td.om {padding: 10px 20px; text-align: left;}
table#om #ss_log {border: 0px; padding: 0px;}
table#om td.om center h6 {text-align: left; display: block; padding: 0px; margin: 0px;}
table.order_test {border-collapse: collapse; border-spacing: 0px; background: #EFEFEF; float: left; clear: both;}
table.order_test td {padding: 10px; border: 0px;}
.order a {color: blue;}
td.c_bg {background: #FFFFFF;}
.order td {padding: 0px;}
.order_pre {border-collapse: separate; font-size: 8pt; width: 100%;}
.order_pre td {padding: 3pt;}
.order_pre .order_number {width: 50%; font-size: 15pt; text-align: left; vertical-align: middle; font-weight: 300;}
.order_pre .order_number .barcode {margin: 0px auto 0px 0px; clear: both;} 
.order_pre .order_date {width: 50%; font-size: 12pt; vertical-align: middle;} 
.order_pre .order_number b {font-size: 15pt;}
.order_pre .order_address {padding-bottom: 30px;}
.order_pre .order_address > p {padding-left: 30px;}
.order_pre p.order_header {padding-left: 0px; font-weight: bold; margin-bottom: 10px;}
.order_info p {margin-bottom: 15px;}
.order_info p.red {display: inline;}
.order_data {border-collapse: separate; border-spacing: 1px; padding: 16px; border: 1px solid #DDDDDD; font-size: 8pt; width: 100%; background: #FCFCFC;}
.order_data table:first-child {width: 100%; border-spacing: 1px;}
.order_data td, .order_data th {padding: 3pt;}
.order_data .order_summary {font-size: 14pt; text-align: center; font-weight: bold;}
.order_data th {vertical-align: middle;}
.order_data td.om_name {width: 50%;}
.order_data th:last-child {width: 80px;}
.order_data .right {text-align: right;}
.order_data .right > b {font-size: 8pt; font-weight: bold;}
p.order_total {font-size: 12pt; font-weight: bold;}
.order_page_break {page-break-after: always; line-height: 0; height: 0px;}
a.review_link { cursor:pointer; margin-right: 15px;}
/***  Headings       ***/
h1 {font-size: 14pt; font-weight: normal; text-align: center; margin-bottom: 0pt;}
h1.page_name, body#body_delete_users form center b, body#body_users p font[face="Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular"], body#body_customize_order_system center font[face="Verdana,Arial,Helvetica"], body div.content h1, body#body_orders_access_log font[face="Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular"], body#body_orders h1, body#body_register_store h1, body#body_giftcertificate_view h1, body#body_discount h1, body#body_merchandising h1, body#body_custom_templates center font[face="verdana"] {font-size: 260%; font-weight: 300; margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Open Sans', sans-serif;}
span.sub-name {font-size:12pt;font-weight:bold;}
body#body_images_view h1.page_name, body#body_edit_page_contents h1.page_name, body#body_edit_page_layout h1.page_name, body#body_assign_items h1.page_name, body#body_edit_product_info h1.page_name, body#body_edit_product_layout h1.page_name, body#body_select_cross_sell h1.page_name
 {display: none;}
h2.item_head {font-size: 260%; font-family: 'Open Sans', sans-serif; text-align: center; margin-left: auto; margin-right: auto; font-weight: 300; padding: 0px 0px 10px 0px; margin-bottom: 0px;}
h2 {/*font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/ font-size: 12pt; font-weight: bold; margin-bottom: 4pt; text-align: center;}
h3 {font-size: 10pt; font-weight: bold; margin-bottom: 0pt; display: inline;}
h4 {font-size: 10pt; font-weight: normal; margin-bottom: 0pt; display: inline;}
h5 {font-size: 11pt; font-weight: bold; margin-bottom: 0pt; display: inline;}
/***  Table Cells    ***/
body table {margin: 0px auto;}
/*reports tables are 100% wide*/
body > table, body > center > table {max-width:1000px;}
table table {text-align: left; margin: 0px;}
table[align="center"], center > table {text-align: center; margin-left: auto; margin-right: auto;}
th {text-align: center; vertical-align: middle; font-size: 8pt;}
th.theme {text-align: center; vertical-align: middle; background-color: #F7F7F7; font-size: 8.5pt;}
td {text-align: left; vertical-align: top;}
/*hosting settings, discount schedule*/
td > p {vertical-align: text-top; margin: 0px; padding: 0;}
td.copyright {color: #999999; font-size: 8pt;}
li {margin-bottom: 4pt;}
table.config_subtable td {padding-left: 5px; vertical-align: middle;}
table.config_subtable input {text-align: center;}
table.config_subtable td.left input {text-align: left;}
/*** Various elements ***/
span.cp_color {width: 200px; display: inline-block; zoom: 1; *display: inline; text-align: center; margin-right: 5px; vertical-align: middle; border: 1px solid lightgray;}
span.cp_color input {height: 16px;}
a.cp_pick {vertical-align: middle; display: inline-block; zoom: 1; *display: inline;}
div.custom_img_select_box {padding:5px; margin-left: 10px; border: 0px; display:inline-block;}
/***  Multi-Use      ***/
.text {font-size: 9pt; line-height: 120%;}
.instructions {font-size: 8pt;}
/*** Popup Menus ***/
#popup_tk, #popup_cp, #popup {display: none; text-align: left; padding: 10px 40px 30px 40px;}
#popup_tk div, #popup_tk h1, #popup_cp div, #popup_cp h1, #popup div, #popup h1 {margin-bottom: 20px;}
#button_block a {text-decoration: underline; color: #00F; cursor: pointer; margin-left: 10px; margin-right: 10px;}
#simplemodal-overlay {background-color: gray;}
#simplemodal-container {border: 1px solid #E5E5E5; background-color: #FFFFFF; -moz-box-shadow: 1px 1px 3px #909090; -webkit-box-shadow: 1px 1px 3px #909090; box-shadow: 1px 1px 3px #909090; -webkit-overflow-scrolling: touch;}
/*** Validation Error Messages ***/
table.cornwarn2 {font-family: "Times New Roman", Times, serif;}
.block {display:block;}
label.error {display: none; white-space: nowrap; color: red;}
select.error,input.error,textarea.error {border:1px solid red;background-color:#FFEFEF;}
.loading {display: none; padding-left: 15px; padding-right: 15px;}
div.GoogleLog { margin:10px;padding:5px;border:1px #222222 solid;border-radius:5px;}
div.GoogleError { text-align:left;margin:4px;padding:5px; }
div.GoogleError span { color:red;font-weight:bold; }
div.GoogleWarning { font-size:8pt;text-align:left;padding:5px; }
div.GoogleWarning span { color:blue;font-weight:bold; }
/*** Drag-n-Drop Sorting **/
.artable {margin: 20px auto 50px auto;}
.artable td, .artable div.sortable span {padding: 2px; vertical-align: middle;}
table.artable .sortable { cursor:url('images/openhand.cur'),move; }
.ari_input { width:20px; }
input.ari_input { opacity:0.8; filter: opacity(80); padding: 6px 0px; text-align: center; width: 40px;}
.sort_ignore {cursor:default}
.ui-placeholder-highlight td, .ui-placeholder-highlight { height:50px; background-color: rgba(237, 237, 237, 0.3); }
.dragger,.sort_handle {cursor:url('images/openhand.cur'),move; }
.dragging {background-color: #F7F7F7; cursor:url('images/closedhand.cur'),move; }
div.artable.ar-prod-page {width:85%;margin-left:40px;}
div.sortable {width:100%;display:block;margin: 5px 0;padding:3px 0;text-align:left;background-color: #F7F7F7;}
div.sortable input.ari_input {position:relative;top:2px;}
img.sort_handle {padding: 0 15px;position:relative;top:7px;}
span.sort_handle {width:75%;display:inline-block;}
div.sortable span {margin-left:12px;}
.sort_controls {width:50px;display:inline-block;margin-bottom:18px;}
/*** Alerts Table ***/
table#alerts {border:none;width:100%;}
table#alerts td, table#alerts th {padding: 5px 6px 0px 6px;}
table#alerts th {background-color:#DEDEDE;padding-bottom:3px;text-align:left;}
table#alerts td {background-color:#EDEDED;font-size:8pt;text-align:left;font-family:Verdana,Arial,sans-serif; }
table#alerts > td:first-child, table#alerts > th:first-child {text-align:center;}
table#alerts table td {text-align:left;}
table#alerts tr.success td {color:green;}
table#alerts tr.failure td {}
table#alerts tr.alerts td {white-space:nowrap;}
table#alerts tr.unread td {font-weight:bold;}
table#alerts td.border {border-bottom:2px solid #BBBBBB;}
table#alerts tr.details {display:none;}
table#alerts tr.details td {padding-bottom:10px;white-space:pre-wrap;}
table#alerts td.nosl {cursor:pointer;}
table#alerts tr.details table > td, table#alerts tr.details table > th {padding:4px 6px 3px 6px;}
table#alerts tr.details table.cart {border:1px #BBBBBB solid;}
table#alerts tr.details table.cart tr.border > td {border-bottom:1px #BBBBBB solid;}
table#alerts tr.details table.cart td {background-color:#F0F0F0;}
table#alerts tr.details table.cart td.totals {border-bottom:1px #BBBBBB solid;text-align:right;}
table#alerts tr.details table.addr td {border:1px solid #BBBBBB;background-color:#F0F0F0;}
table#alerts table.giftcert td {padding:2px 5px 2px 5px}
/*** Validation Error Messages ***/
.dbh1 {font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular;font-size:10pt;text-align:center;}
.dbh2 {font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular;font-size:7.5pt;text-align:center;}
/*** Zero Weight Products ***/
input.att {border-color:red;}
a.alink {color:blue;}
a.rlink {color:red;}
/*** Shipping Logos ***/
table.ship_logos {width: 650px; margin: 40px auto 10px auto;}
table.ship_logos td {width: 33%; text-align: center; padding: 0px 2px; vertical-align: middle; font-size: 90%;}
table.ship_logos td.ship_text {vertical-align: top; text-align: center; font-size: 7pt;}
table.ship_logos td.ship_text_m {vertical-align: top; text-align: left; font-size: 7pt;}
div.coupon_info {margin: 10px auto; padding: 0 20px;}
h2.coupon_name {margin: 8px auto; padding: 7px 0; width:50%;}
/*** Configs conversion ***/
div.sections_global {text-align: right; width: 96%; max-width: 1200px; margin: 0px auto; margin-bottom:5px; padding: 0px 4px; opacity: 0.7; filter: opacity(70); font-size: 80%;}
div.config_item {text-align: left; display: block; background: #FFFFFF; margin-bottom: 2px; border: 1px solid #F7F7F7;}
div.right_overlay+div.config_item {border:none;}
div.config_item:first-child {border:none;}
div.config_item div.name {text-align: right; width:15%; min-width:110px; float:left; vertical-align: top; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; display: block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
div.config_item div.value {float: left; vertical-align: top; padding-left: 10px; width:85%; padding-top: 10px; padding-bottom: 10px; text-align: left; min-width:170px; display: block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
div.config_item div.nameless {background-color: transparent;}
div.config_item div.value table,  div.config_item div.value table tr, div.config_item div.value table td, div.config_item div.value table tbody {margin: 0px; padding: 0px; border-collapse: collapse; border: 0px;}
div.config_item div.value table td {padding-right: 5px; padding-bottom: 2px;}
div.config_item div.inline {display: inline;}
div.explanation {text-align: left; margin-bottom: 5px;}
div.left_overlay {display: none; position: absolute; width:20%; height:100%; min-width: 110px; z-index:-1; background: #F7F7F7;}
div.right_overlay {display: none; position: absolute; width:80%; left:20%; height:100%; background-color: #FFFFFF; z-index:-2;}
input.indent {width: 20px;}s
p.indent {margin:0px; margin-left: 20px; padding:0px;}
table[width="700"], table[width="700"] > tbody, table[width="700"] > tbody > tr, table[width="700"] > tbody, table[width="700"] > tbody > tr > td[colspan="2"], table[width="600"], table[width="600"] > tbody, table[width="600"] > tbody > tr, table[width="600"] > tbody, table[width="600"] > tbody > tr > td[colspan="2"]{width:96%; margin: 0px auto; clear: both; border-collapse: collapse;}
table[width="700"] > tbody > tr > td[colspan="2"], table[width="600"] > tbody > tr > td[colspan="2"] {padding-top: 30px; padding-bottom: 5px; text-align: left; border: 0px;}
table[width="700"] > tbody > tr[width], table[width="600"] > tbody > tr[width] {background-color: white;}
table[width="700"] > tbody > tr > td[colspan="2"] > b, table[width="600"] > tbody > tr > td[colspan="2"] > b, table[width="600"] > tbody > tr > td[colspan="2"] > h3 {font-weight: normal; font-size: 14pt;}
table[width="700"], table[width="700"] > tbody, table[width="700"] > tbody > tr, 
table[width="600"] {background: #FFFFFF;}
table[cellspacing="10"] {}
table.database-table {border-collapse: collapse;}
table.database-table th, table.database-table td {padding:5px 0;margin:0;}
table.database-table tr.db-row td {border-top:1px solid #999999}
tr.db-header td {border-top:2px solid black; padding:10px;margin-bottom:5px}
td.db-header {border-bottom:1px solid #999999;text-align:center;font-size:12pt;}
td.fn, td[bgcolor="#cccc99"] {text-align: right; width:20%; min-width:80px; vertical-align: top; padding-right: 1%; padding-left: 0px; padding-top: 10px; padding-bottom: 0px; font-size: 10pt; border-top: 1px solid #D6D6D6; background-color: #F7F7F7; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
td.fv, td.field_value {vertical-align: top; padding-left: 1%; padding-right: 0px; width:80%; padding-top: 10px; padding-bottom: 10px; text-align: left; background-color: #FFFFFF; min-height: 30px; min-width:170px; font-size: 10pt; border-top: 1px solid #D6D6D6; right: clear; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
td[bgcolor="#ffffcc"] {vertical-align: top; padding: 6px; text-align: left; background-color: #FFFFFF; font-size: 10pt; border-top: 1px solid #D6D6D6; right: clear; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.section_text {font-size: 8pt;}
.section_hide, .section_show, .all_hide, .all_show {cursor: pointer; position: relative; top: 5px;}
.section {position: relative; width: 96%; max-width: 1200px; margin: 0px auto 16px auto; padding: 0px;}
p.sections_global {font-size: 70%; margin: -2px auto -4px auto; text-align: right;}
div.explanation {font-size: 90%; opacity: 0.8; filter: opacity(80); padding: 0px; width: 96%; margin: 0px auto;}
table#countries_table th {padding:2px;border-top:1px solid black;border-bottom:1px solid black;top:0;position:sticky;box-shadow:0 2px 2px -1px rgba(0,0,0,0.2);background:white;}
table#countries_table tr.selected td.country-name {font-weight:bold}
h2.collapsible {cursor:pointer;}
div.collapsible_section {display:none;}
span.section_collapse_toggle {float:right;font-weight:bold;font-size:18px;display:inline-block;zoom:1;*display:inline; font-family: 'Open Sans', sans-serif; padding: 0px 20px 0px 0px;}
h2.section_head a.section_show {float: right; display: inline-block; zoom: 1; *display: inline; width: 20px; text-indent: 400px; white-space: nowrap; overflow: hidden; background: url(images/collapsetog-plus.gif) top center no-repeat; padding-right: 30px;}
h2.section_head a.section_hide {float: right; display: inline-block; zoom: 1; *display: inline; width: 20px; text-indent: 400px; white-space: nowrap; overflow: hidden; background: url(images/collapsetog-minus.gif) top center no-repeat; padding-right: 30px;}
h2.section_head.collapsible, .section_head, h2.section_head {padding:10px 0px 12px 0px; color:#FFFFFF; font-family: 'Open Sans', sans-serif; letter-spacing: 0.5px; font-size:16px; background-color:#5C6D7E; margin:5px auto; height:20px; text-align: left; text-indent: 20px; width: 96%;}
h2.section_head.collapsible a, .section_head, h2.section_head, h2.section_head a {color: #FFFFFF; text-shadow: 0px 1px 2px #444; text-shadow: 0px 1px 2px rgba(0,0,0,0.4); font-weight: normal;}
div.collapsible_explanation {display:none;}
/*** Buttons ***/
ul.special7 {width: 800px; line-height:25pt;}
ul.special5, ul.special3 {width:400px;}
ul.special6 {width: 600px;}
ul.navigation, ul.special4 {max-width: 600px;}
ul.horizontal {max-width: 650px;}
ul.vertical {margin-top: 0px; vertical-align: top; margin-left: 2px; margin-right: 2px;}
ul.vertical li {margin-top: 2px; margin-bottom: 2px;}
ul.navigation li, ul.special5 li, ul.special3 li, ul.special6 li, ul.special4 li, ul.special7 li {display:inline;}
ul.horizontal li  {display:inline; margin-left: 3pt; margin-right: 3pt;}
#button_upload_an_image {display: inline; vertical-align: bottom;}
#button_coupons_delete {margin-top: 12px;}
ul.button_block {list-style-type: none; margin-left: auto; margin-right: auto; padding-left: 0pt; display: block; text-align: center;}
ul.button_block li {padding: 0px 5px;}
ul.button_block.navigation li a {margin-bottom: 10px;}
a.button, div.button, input.button, input.small_blue_button, body#body_security_options input#button_cancel, #button_next, #button_next_alone {display: inline-block; zoom: 1; *display: inline; font-family: 'Open Sans', sans-serif; margin: 4px auto; color: #FFFFFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 6px 0px; width: 180px; cursor: pointer; text-decoration: none; text-align: center; background: #2980B9; border: 0px; font-size: 10pt;}
a.button:hover, div.button:hover, input.button:hover {background: #3498DB;}
.ao_img_select {position: relative; top: -3px;}
/***** blue buttons different sizes ****/
div.value div.button, div.value a.button, div.value input.button, .ao_img_select 
{max-width: 70px; min-width: 70px; text-align: center;}
input#button_move_up, input#button_move_down, input#button_delete_dir, input#button_add_sm, a#send_option_tk, div#button_select, body#body_navigation input#button_edit_sm 
{width: 100px;}
body#body_search_indexing div.value input.button, div#button_show_words, div.value input#button_test_authentication, input#button_create_dir, input#button_rename_dir, input#button_delete_dir, body#body_security input#button_download, input#button_test_database, body#body_CopyGlobal_confirm a.button
{width: 130px;}
body#body_doba_config input#button_download 
{width: 150px;}
input#button_configure_merchant_key, div#button_create_facebook_store
{width: 200px;}
input#button_change 
{width: 230px;}
input#button_copy_shopsite_template, input#button_copy_shopsite_include, input#button_copy_shopsite_publish
{width: 250px;}
div.value a.button.fit,div.value input.button.fit,div.value div.button.fit {width:auto !important;max-width:max-content !important;padding:6px;white-space:nowrap;}
input#button_back, a#button_cancel, input#button_cancel, div#button_cancel, #button_basic_editing, input#button_reset_to_default, input#button_change, .button.cancel
{background: transparent; color: #2980B9; text-align: left; padding: 6px 6px 2px 6px; width: auto; margin: 0px auto 0px 0px;}
input#button_back:hover, a#button_cancel:hover, input#button_cancel:hover, div#button_cancel:hover, #button_basic_editing:hover, input#button_reset_to_default:hover, input#button_change:hover, .button.cancel:hover
{background: transparent; color: #3498DB;}

div.ss-cover {position:absolute;width:100%;height:100%}
div.floater { bottom:0px; position:fixed; width: 100%; padding:0; margin:0; left:0; background-color:white; z-index:10;box-shadow:0px -5px 20px #888888;border-top:1px solid #888888;text-align:center;}
div.floater > ul { display:inline-block; margin-top:5px; margin-bottom:5px;}
div.floater .button, div.floater > p { padding:5px !important; display:inline-block !important; background-color:#008754;}
div.floater .button.nofloat {display:none !important;}
div.defloater .button {background-color:#008754;} 
div.floater .button:hover, div.defloater .button:hover { background-color:#009E62; } 
/***** light gray buttons ******/
.payconfig_button {clear: both; display: block; max-width: 100px; margin: 10px auto 6px auto;}
/****** Disabled Buttons ******/
a.disabled, input.disabled, div.disabled, a.disabled:hover, input.disabled:hover, div.disabled:hover {cursor: default; background: #ABBECC;}
ul.vertical .button {margin: 1px;}
body#body_html_editor_config div#changes_applied {width:300px;margin:0px auto;text-align:center;font-weight:bold;color:green;font-size:12pt;}
span.divTextAreaToggle {font-size:7.5pt;cursor:pointer;padding:3px;}
div.divTextArea textarea,div.divTextArea div.mce-container {margin-top:4px;}
/**************advanced ordering options*******************/
div.config_item div.value table.advopt {background-color:#FFFFFF;}
.advopt th {background-color: transparent; font-weight: normal; padding-right: 5px;}
.advopt td {text-align: center;}
input.modifier, input.integer {max-width: 35px;}
input.ao_text, input.ao_img {max-width:60px;}
/*********** view pages and products **********/
select#recs, select#ordernum {width: 300px; border: 1px solid #DDDDDD; min-height: 300px; clear: both;}
body#body_products select#recs {width:auto;}
select#recs option, select#ordernum option {padding: 2px 4px;}
input.img_radio_url {clear: left;}
/********** screen specific ******************/
body#body_user_config_wizard_overview table[width="600"] {border: 14px solid #FFFFFF; border-top: 0px;}
body#body_user_config_wizard_three table td {vertical-align: middle;}
body#body_user_config_wizard_three div.explanation {padding-top: 30px;}
body#body_user_config_wizard_three div.explanation table:first-child {background: #FFFFFF; padding: 8px 10px;}
body#body_user_config_wizard_four h3 {font-weight: normal; font-size: 9pt;}
form#wizard div.explanation {opacity: 1; filter: opacity(100); font-size: 100%;}
body#body_coupon_view table[border="1"] {border: 1px solid #FFFFFF; border-collapse: collapse; border-spacing: 0px;}
body#body_coupon_view table[border="1"] th, body#body_coupon_view table[border="1"] td {padding: 8px; border: 0px; font-size: 90%; width: 70px; text-align: center;}
body#body_cr_assign-group .content table {border: 0px; border-collapse: collapse; border-spacing: 0px; background: #FFFFFF;}
body#body_cr_assign-group .content table td, body#body_cr_assign-group .content table th {padding: 6px;}
body#body_analytics div.explanation {opacity: 1.0; filter: opacity(100);}
body#body_analytics table {border: 14px solid #FFFFFF;}
form#wizard #nav_logo input {float: left;}
div#wizard_publish_data {  display: none;  visibility: hidden; }
#ft_tryb4 {color: #8A6D3B; background: #FCF8E3; padding: 6px 12px; margin: 0px auto 16px auto; border: 1px solid #FAEBCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 100%; max-width: 500px;}
#ft_tryb4 a {color: #8A6D3B; text-decoration: underline; font-weight: bold;}
#button_show_current_store {margin: 0px auto; float: none;}
a.payment_help_icon { display: block; position: absolute; top: -50px; right: 0px;}
body#body_images table[width="650"] {display: none;}
body#body_images_upload img.preview-image {max-width:200px;max-height:200px}
body#body_images_upload div.file-upload.extra {border-top:1px solid #CACDCE;margin-top:13px;padding-top:22px;}
body#body_custom_templates  table[width="550"] {display: none;}
body#body_custom_templates td hr {margin: 40px auto 0px auto; background: transparent; border: 0px;}
body#body_discount table.discount_schedule th {background: transparent;}
body#body_giftcertificate_view table[border="1"] {border-collapse: collapse; border-spacing: 0px; border-color: transparent;}
body#body_giftcertificate_view table th, body#body_giftcertificate_view table td {width: 8%; min-width: 8%; font-size: 80%; border-color: transparent;}
body#body_cc_security td b, body#body_orders_access_log table th b {font-weight: 400; font-weight: normal;}
body#body_cc_security td {background: #FFFFFF; padding: 6px 14px; border-top: 3px solid #FFFFFF; vertical-align: middle; width: 27%; text-align: left;}
body#body_cc_security tr td:first-child {width: 46%;}
body#body_cc_security td td:nth-child(3) {width: 15%;}
body#body_orders_access_log table {border-collapse: collapse; border-spacing: 0px; border: 0px; margin: 30px auto;}
body#body_orders_access_log table td {font-size: 80%; background: #FFFFFF; border: 0px; min-width: 10px; width: 8%;}
body#body_orders_access_log table th {font-size: 100%; font-weight: normal; background: transparent; text-align: left; padding-left: 10px; border: 0px; min-width: 10px; width: 8%;}
body#body_shipping_currency td, body#body_shipping_weight td {font-size: 90%;}
body#body_shipping_currency td input, body#body_shipping_weight td input {padding: 6px; margin: 0px auto; width: 70px;}
body#body_doba_wizard_start table[width="600"] {border: 10px solid #FFFFFF;}
body#body_database_show table, body#body_database_compact table, body#body_database_backup table, body#body_database_restore table {width: 96%;}
body#body_orderanywhere ul.button_block {width: 800px; max-width: 100%;}
body#body_orderanywhere ul.button_block li {width: 33%; clear: none;}
body#body_orderanywhere div.content > form > table {display: inline-block; margin: 0px auto; width: 600px;}
body#body_orderanywhere div.content > form > div.bo_search {width: 400px; display: table; margin-top: 20px;}
/*body#body_orderanywhere div.content > form > div.bo_search ul.button_block {width: 400px; max-width: 100%;}*/
body#body_navigation input#button_delete_dir {max-width: 100px;}
body#body_navigation a#button_preview_menu {max-width: 100px;}
body#body_html_editor_config input#button_changes_applied {width:auto;padding-left:5px;padding-right:5px}
body#body_paypal_muse select[size] {min-width:120px;vertical-align:top;}
body#body_paypal_muse img.paypal-pl-example {max-width:350px;max-height:250px;}


@media screen and (max-width : 950px) {
div.nav_icon a {font-size: 110%; letter-spacing: 0px; padding: 0px 10px;}
}
@media screen and (max-width : 860px) {
div.nav_icon a {font-size: 100%; letter-spacing: 0px; padding: 0px 8px;}
}
@media screen and (max-width : 768px) {
  div#nav_storeid, div#nav_user {display: none;}
  div#nav_bar {display: none; left: 0px; top: 0px; width: 100%; min-height: 100%; padding: 0px; margin: 0px; background: #000000; z-index: 10; border-top: 0px; overflow: auto; position: absolute; max-height: 5000px;}
  div#nav_bar .nav_menu {min-height: 44px; display: block; width: 100%; clear: both; white-space: nowrap; border-top: 1px solid #DDD; background: #FFFFFF; max-width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left: 5px;}
  div#nav_bar .nav_menu div.nav_icon a {color: #2C3E50;}
  div#nav_bar .nav_menu:hover {background: #F6F6F6;}
  div#nav_tabs {text-align: center; min-height: 46px; height: 46px; overflow: hidden; max-height: 46px; width: 100%;}
  a#shopsitelogo {width: 143px; height: 46px; text-indent: 0px; white-space: nowrap; overflow: hidden; background-position: -1000px -1000px; position: relative; top: -3px;}
  a#shopsitelogo img {max-width: 100%;}
  div.nav_icon {height: 50px; width: 100%;}
  div.nav_icon a {background-position: left center; text-align: left; text-indent: 35px; font-size: 120%; width:100%; height: 100%; padding: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height: 50px; vertical-align: middle; cursor: pointer;}
  div.drop {visibility: hidden; padding: 0px; margin: 0px; z-index: 101; width:100%;}
  div#nav_buttons {padding-top: 0px; position: relative; top: -8px; padding-right: 8px;}
  div#nav_breadcrumbs {display: none;}
  div.content {margin-left: 3%;}
  ul.dash_column {min-width: 48%; min-height: auto;}
  div#footer span#ext-links a:first-child {display: none;} div#footer span#ext-links a:nth-child(2) {border-left: 0px; padding-left: 0px;}
  div.left_overlay {left: 0px; border-left: 0px solid #F7F7F7;}
  div.right_overlay {border-right: 0px solid #FFFFFF;}
  div.nav_toggle {display: block; cursor: pointer;}
  div#nav_contract {margin-top: 0px; height: 50px;}
  div.menu_holder {display: none; position: relative; background-color: transparent; background-image: none; border: 0px; text-align: left; padding: 0px 0px 10px 0px; box-shadow: 0px 0px 0px; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px;}
  table.menu_vblock {float: none; border-collapse: collapse; margin: 0px; margin-left: 53px; padding-top: 0px;}
  h2.menu_header {display: none;}
  table.menu_vblock td {padding-top: 0px; padding-bottom: 10px;}
  table.menu_vblock a.l1 {color: #2C3E50; font-size: 120%; margin-bottom: 0px;}
  ul.l2_list {height: 0px; margin: 0px; padding: 0px; visibility: hidden;}
  a.cl {display: none;}
  div#nav_publish a span, a#nav_logo_level {display: none;}
 .menu_vblock td {line-height: 200%; font-size: 90%;}
  div#nav_image img { max-width:400px; max-height:46px;}
}
@media screen and (max-width : 610px){
  div.config_item div.name {width:100%; background-color: white; text-align: left; padding-left: 10px; padding-bottom: 0px;}
  div.config_item div.value {width:100%; padding-top: 5px;}
  select#recs, select#ordernum {min-width: 100px;}
  div#subfooter div#ft_r_logo {display: none;}
}
@media screen and (max-width : 540px) {
  ul.dash_column {width: 100%; min-width: 100%;}
  div#footer img, div#footer div#ft_r_logo {display: none;}
}
@media print {
  html {height: auto;} a {color: black;}
  table.order {border: 1px solid #000000; box-shadow: 0px 0px 0px #FFFFFF; -moz-box-shadow: 0px 0px 0px #FFFFFF; -webkit-box-shadow: 0px 0px 0px #FFFFFF;}
  .noprint { display: hidden !important; visibility: hidden !important; }
}