/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
/* This file has been modified by Open Source Strategies, Inc. */

/***********************************************
General Styles
***********************************************/
/* body {
background: #fff;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
} */

/***********************************************
Tables
***********************************************/

.disabled {
color:#336;
text-decoration:none;
}
.endcolumns {
clear:both;
height:0;
visibility:hidden;
}
.hidden {
visibility:hidden;
}
.label {
font-weight:700;
padding-right:11px;
text-align:right;
white-space:nowrap;
width:1%;
}
#ecom-sign {
padding-top:10px;
margin-bottom:-10px;
text-align:center;
margin:0 auto;
width:1210px;
}
#ecom-header {
/*background:#fff;
height:80px;*/
margin:0 auto;
/*width:1210px;*/
position:relative;
voice-family:inherit;
}
#ecom-header #left {
left:20px;
position:absolute;
top:10px;
width:240px;
text-align:left;
}
#ecom-header #middle {
margin-left:200px;
margin-right:210px;
padding-top:20px;
text-align:center;
width:auto;
}
#ecom-header #right {
margin-top:20px;
padding:0;
position:absolute;
right:20px;
text-align:right;
top:0;
width:290px;
height: 75px;
}
#welcome-message {
font-weight:700;
padding-left:10px;
padding-right:10px;
text-decoration:none;
}
#welcome-message a {
color:#1C334D;
text-decoration:none;
}
#welcome-message a:hover {
color:#000;
text-decoration:underline;
}

#company-name {
color:#1C334D;
font-size:12pt;
font-weight:700;
white-space:nowrap;
}

#company-subtitle {
color:#1C334D;
font-size:6pt;
white-space:nowrap;
}

#microcart {
font-weight:700;
text-decoration:none;
}

#microcart a {
color:#1C334D;
text-decoration:none;
}

#microcart a:hover {
color:#000;
text-decoration:underline;
}

#microcart .disabled {
color:#666;
}

#ecom-header-bar {
background:#F1F1F1;
height:26px;
line-height:26px;
margin:0 auto;
width:1210px;
overflow:visible;
text-align:center;
}

#ecom-header-bar ul {
background:transparent;
display:block;
overflow:visible;
}

#ecom-header-bar ul li {
height:26px;
padding:0 8px;
}

#ecom-header-bar ul#left-links li {
float:left;
}

#ecom-header-bar ul#right-links li {
float:right;
}

#ecom-header-bar ul li a {
height: auto !important;
color:#666;
font-size:13px;
text-decoration:none;
}

#ecom-header-bar ul li:hover a {
color:#C81623;
text-decoration:underline;
}

#ecom-mainarea {
background:#FFF;
/*margin-top:10px;*/
position:relative;
text-align:left;
margin:0 auto;
width:1210px;
}

#ecom-mainarea img{
max-width:1210px;
}

#ecom-mainarea .left {
background:#fff;
float:left;
width:180px;
/*margin:0 0 0 10px;*/
}

#ecom-mainarea .left_popular {
background:#fff;
float:left;
width:236px;
/*margin:0 0 0 10px;*/
}

#ecom-mainarea .right {
background:#fff;
float:right;
width:240px;
/*margin:0 10px 0 0;*/
}

#ecom-mainarea .right_popular {
background:#fff;
float:right;
width:184px;
/*margin:0 10px 0 0;*/
}

#ecom-mainarea .center,#ecom-mainarea .leftonly,#ecom-mainarea .rightonly,#ecom-mainarea .nocolumns {
background:#fff;
text-align:left;
vertical-align:top;
margin:10px 10px 0 10px;
}

#ecom-mainarea .center {
margin:10px 250px 0 190px;
voice-family:inherit;
}

#ecom-mainarea .center_popular {
margin:10px 194px 0 246px;
voice-family:inherit;
}

#ecom-mainarea .leftonly {
/*float:left;*/
margin:10px 0 0 190px;
voice-family:inherit;
}

#ecom-mainarea .leftonly_popular {
/*float:left;*/
margin:10px 0 0 246px;
voice-family:inherit;
}

#ecom-mainarea .rightonly {
margin:10px 250px 0 0;
voice-family:inherit;
}

#ecom-mainarea .rightonly_popular {
margin:10px 194px 0 0;
voice-family:inherit;
}

#ecom-mainarea .screenlet {
background:#FFF;
border:1px solid #e4e4e4;
height:auto!important;
/*margin-bottom:10px; 20220315:取消其避免页脚和主体中间的间隔*/
}

#ecom-mainarea .screenlet-title-bar {
background:#1C334D;
height:auto!important;
padding:1px 4px 3px;
}

#ecom-mainarea .screenlet-body {
background:#FFF;
height:auto!important;
padding:4px;
}

#ecom-mainarea .screenlet h3, #ecom-mainarea .screenlet legend {
background:#f1f1f1;
color:#666;
height:auto!important;
padding:1px 4px 3px;
/*border-bottom: 1px dotted #E8E8E7;*/
}

.boxhead {
color:#FFF;
font-size:8pt;
font-weight:700;
text-decoration:none;
}

.boxlink {
float:right;
}

a.boxheadbutton {
color:#FFF;
font-size:8pt;
font-weight:700;
text-decoration:none;
}

a.boxheadbutton:hover {
color:#C81623;
font-size:8pt;
font-weight:700;
text-decoration:none;
}

#ecom-mainarea .form-label {
float:left;
padding-top:5px;
text-align:right;
width:180px;
}

#ecom-mainarea .form-field {
float:left;
margin-left:10px;
text-align:left;
}

.tablebuttontext {
color:#1E3C66;
}

.contenttext {
font-size:8pt;
}

div.tabletexthidden {
visibility:hidden;
}

.info {
color:#000;
font-style:normal;
}

div.graybox {
background:#CCC;
border:1px solid #000;
font-weight:700;
margin:2px auto;
padding:4px;
text-align:center;
width:auto;
}

.boxoutside {
background:#FFF;
border-color:#999;
border-style:solid;
border-width:1px;
}

.boxtop {
background-color: hsla(0,0%,100%,.85);
border-bottom: 1px solid hsla(0,0%,53.3%,.4);
backdrop-filter: saturate(180%) blur(20px);
height: auto !important;
min-height: 48px;
position:sticky;
top: 0px;
z-index: 99;
min-width:1210px;
}

.boxbottom {
background:#FFF;
border-color:#999;
border-style:solid;
border-width:0;
padding:4px;
}

.button {
background:#ddd;
border-color:#99C;
border-style:outset;
border-width:2px;
padding-left:5px;
padding-right:5px;
}

.tableheadtext {
color:#000;
font-weight:700;
}

.tabletitletext {
padding-right: 1.5em;
text-align: right;
}

a.tableheadbutton {
color:#000;
font-weight:700;
}
a.tableheadbutton:hover {
color:#C81623;
font-weight:700;
}
.browsecategorylist {
margin-left:10px;
}
.browsecategorytext {
/*background:url(/images/bg_bullet_full_2.gif) no-repeat 0 .5em;*/
color:#1C334D;
font-weight:700;
padding-left:10px;
}
a.browsecategorybutton {
color:#333;
font-weight:700;
}
a.browsecategorybutton:hover {
color:#C81623;
}
.browsecategorybuttondisabled {
color:#333;
font-weight:700;
}

a.buttontext,a.buttontextdisabled {
font-weight:700;
margin:0 2px;
line-height: 21px;
font-weight: 400;
min-width: 23px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 13px;
text-align: center;
white-space: nowrap;
}
a.buttontext {
border:#999 solid 1px;
background: #fff;
cursor: pointer;
color: #333;
}
a.buttontextdisabled {
border:#ccc solid 1px;
background: #ccc;
cursor: default;
color: #fff;	
}
a.buttontext:hover {
background: #333;
color: #fff;
border-color: #333;
}
a.linktext {
color:#333;
font-weight:700;
}

a.linktext:hover {
color:#C81623;
}

.buttontextdisabled {
color:#333;
}

.submenutextinfo {
border-right:1px solid #5886C6;
color:#FFF;
font-weight:700;
padding-left:6px;
padding-right:5px;
}

.submenutext,a.submenutext,a.submenutext:visited {
border-right:1px solid #5886C6;
color:#1c334d;
font-weight:700;
padding-left:6px;
padding-right:5px;
}

a.submenutext:hover {
color:#AAA;
}

.submenutextdisabled,a.submenutextdisabled {
border-right:1px solid #ccc;
color:#CCC;
font-weight:700;
padding-left:6px;
padding-right:5px;
}

a.submenutextdisabled:hover {
color:#CCC;
font-weight:700;
}

.submenutextinforight {
color:#AAA;
font-weight:700;
padding-left:6px;
}

.submenutextright,a.submenutextright {
color:#1c334d;
font-weight:700;
padding-left:6px;
}

a.submenutextright:hover {
color:#AAA;
text-decoration:underline;
}

.submenutextrightdisabled,a.submenutextrightdisabled {
color:#CCC;
font-weight:700;
padding-left:6px;
}

a.submenutextrightdisabled:hover {
color:#CCC;
}

a.lightbuttontext {
border:none;
color:#333;
font-weight:700;
padding: 1px 5px;
border-radius: 5px;
}

a.lightbuttontext:hover {
background:#666;
color:#f5f5f7;
}

a.lightbuttontextsmall {
border:none;
color:#333;
/*font-size:11px;*/
font-weight:400;
padding: 1px 5px;
border-radius: 5px;
}

a.lightbuttontextsmall:hover {
color:#fff;
background:#666;
}

.lightbuttontextdisabled {
color:#CCC;
font-weight:700;
}

a.buttontextbig,.buttontextbigdisabled {
background:#FFF;
border:#999 solid 1px;
font-size:15px;
font-weight:700;
margin:2px;
padding:1px 4px;
}

a.buttontextbig {
cursor: pointer;
text-align: center;
white-space: nowrap;
background: #fff;
color: #333;
line-height: 21px;
font-weight: 400;
min-width: 23px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 13px;
}

.buttontextbigdisabled {
color:#CCC;
}

a.buttontextbig:hover {
background: #333;
color: #fff;
border-color: #333;
}

a img.imageborder {
border-color:#999;
}

.headersmalltext {
color:#000;
font-size:8pt;
font-weight:700;
}

a.headersmalllink {
color:#1C334D;
font-size:8pt;
font-weight:700;
}

a.headersmalllink:hover {
color:#C81623;
}

.errorMessage {
color:#C81623;
font-size:11pt;
font-weight:700;
padding-left: 10px;
padding-right: 10px;
}

.eventMessage {
color:#999;
font-size:11pt;
font-weight:700;
padding-left: 10px;
padding-right: 10px;
}

.ontab {
background:#000;
border-style:inset;
border-width:3px;
font-size:8pt;
padding:2px;
}

a.onlnk {
color:#FFF;
font-size:8pt;
font-weight:700;
padding:2px;
}

.offtab {
background:#CCC;
border-style:outset;
border-width:3px;
padding:2px;
}

a.offlnk {
color:#1C334D;
font-weight:700;
padding:2px;
}

a.offlnk:hover {
color:#C81623;
}

.areaheader {
background:#000;
color:#FFF;
font-weight:700;
padding:2px;
width:100%;
}

.edittable {
border-color:#000 #000 #033;
border-style:solid;
border-width:thin;
}

.editinputbox {
background:#FFF;
border:#999 solid 1px;
font-size:8pt;
margin:2px;
}

.smallsubmit {
background:#FFF;
border:#999 solid 1px;
color:#1C334D;
font-size:8pt;
font-weight:700;
margin:2px;
}

.mediumsubmit,.largesubmit,.loginbutton {
background:#FFF;
border:#999 solid 1px;
color:#1C334D;
font-size:10pt;
font-weight:700;
margin:2px;
}

.smallsubmit:hover,.mediumsubmit:hover,.largesubmit:hover,.loginbutton:hover {
color:#C81623;
}

.smallaltsubmit,.mediumaltsubmit,.largealtsubmit {
font-size:8pt;
}

.basePrice {
color:#000;
}

.normalPrice {
color:green;
}

.salePrice {
color:#C81623;
}

.regularPrice {
color:blue;	
}

.product-prevnext {
text-align:right;
margin-right:5px;
}

.product-prevnext .tabletext {
font-weight:700;
}

.productcategorylink-container {
border-top:#999 solid 1px;
margin-bottom:5px;
margin-top:10px;
position:relative;
}

.productcategorylink {
border-bottom:#999 solid 1px;
height:60px;
padding:5px;
position:relative;
}

.productcategorylink .smallimage {
float:left;
margin:0 5px 5px 0;
}

.productcategorylink .smallimage img {
border:#CCC solid 1px;
height:50px;
}

.productsummary-container {
border-top:#ccc solid 1px;
margin-bottom:5px;
margin-top:10px;
position:relative;
overflow: hidden;
}

.productsummary {
border-bottom:#999 solid 1px;
min-height:60px;
padding:5px;
position:relative;
}

.productsummary .smallimage {
float:left;
margin:0 5px 5px 0;
}

.productsummary .smallimage img {
/*border:#CCC solid 1px;*/
height:50px;
}

.productsummary .productbuy {
float:right;
margin:5px;
text-align:right;
width:160px;
}

.matrix .productsummary {
border:none;
height:250px;
padding:10px;
width:200px;
}

div.popup {
  max-width: 1200px;
  width: 250px;
  border: 1px solid red;
  padding: 5px;
  background-color: white;
  /* The following properties should not be changed */
  position: absolute;
  z-index: 1;
}

.matrix .productsummary .smallimage {
float:none;
text-align:center;
}

.matrix .productsummary .smallimage img {
height:160px;
}

.matrix .productsummary .productbuy {
float:none;
text-align:left;
}

.productsummary .productinfo {
text-align:left;
}

#productdetail #download-files {
border-top:#999 solid 1px;
margin-top:10px;
padding-top:5px;
}

#productdetail #long-description {
/*border-top:#999 solid 1px;20220315:取消详细页价格和详细说明中间的横线*/
margin-top:10px;
padding-top:5px;
}
#productdetail #reviews {
border-top:#999 solid 1px;
margin-top:10px;
padding-top:5px;
}
#productdetail #associated-products {
border-top:#999 solid 1px;
margin-top:10px;
padding-top:5px;
}
#long-description img{
max-width:100%;/*20220315:调整详细页面中的图片宽度，避免图片右侧出现留白*/
height:auto;
}
.lefthalf {
float:left;
height:1%;
left:0;
margin:0 1% 1% 0;
width:49%;
}

.righthalf {
float:right;
height:1%;
margin:0 0 1% 1%;
right:0;
width:49%;
}

.leftclear {
clear:left;
height:1%;
}

.bothclear {
clear:both;
height:1%;
}

.calendar_date_select {
border:#777 1px solid;
color:#fff;
display:block;
width:200px;
z-index:1000;
}

iframe.ie6_blocker {
position:absolute;
z-index:999;
}

.calendar_date_select thead th {
background-color:#4682B4;
border-bottom:2px solid #777;
border-top:1px solid #777;
color:#FFF!important;
font-weight:700;
}

.calendar_date_select .cds_buttons {
background-color:#4682B4;
padding:5px 0;
text-align:center;
}

.calendar_date_select .cds_footer {
background-color:#4682B4;
font-size:12px;
padding:3px;
text-align:center;
}

.calendar_date_select table {
margin:0;
padding:0;
}

.calendar_date_select .cds_header {
background-color:#87CEEB;
border-bottom:2px solid #87CEEB;
text-align:center;
}

.calendar_date_select .cds_header span {
color:#000;
font-size:15px;
font-weight:700;
}

.calendar_date_select select {
font-size:11px;
}

.calendar_date_select .cds_header a:hover {
color:#fff;
}

.calendar_date_select .cds_header a {
color:#000!important;
font-size:14px;
height:20px;
text-decoration:none;
width:22px;
}

.calendar_date_select .cds_header a.prev {
float:left;
}

.calendar_date_select .cds_header a.next {
float:right;
}

.calendar_date_select .cds_header a.close {
display:none;
float:right;
}

.calendar_date_select .cds_header select.month {
width:90px;
}

.calendar_date_select .cds_header select.year {
width:61px;
}

.calendar_date_select .cds_buttons a {
color:#fff;
font-size:9px;
}

.calendar_date_select td {
background-color:#87CEEB;
font-size:12px;
height:21px;
text-align:center;
vertical-align:middle;
width:24px;
}

.calendar_date_select td.weekend {
background-color:#ADD8E6;
}

.calendar_date_select td div {
color:#fff;
}

.calendar_date_select td div.other {
color:#888;
}

.calendar_date_select td.selected div {
color:#000;
}

.calendar_date_select tbody td {
border-bottom:1px solid #FFD700;
}

.calendar_date_select td.selected {
background-color:#fff;
}

.calendar_date_select td:hover {
background-color:#00BFFF;
}

.calendar_date_select td.today {
border:1px dashed #FF0;
}

.calendar_date_select td.disabled div {
color:#454545;
}

.fieldwitherrors .calendar_date_select {
border:2px solid red;
}
p#microCartNotEmpty {
margin-bottom: 0;
}
#microcart li {
display: inline;
}
#microcart li#microCartPayPalCheckout img {
width: 135px;
}
#microcart li#googleCheckoutEnabled img, #microcart li#googleCheckoutDisabled img {
width: 145px;
}
/*===================For ProductDetail page.===========================================*/
#productdetail {
width: 100%;
display: inline-block;
}

#productImageBox {
width: 770px;
border-top: 1px #BBBBBB solid;
display: inline-block;
}
div.additionalImage {
width: 200px;
}

#detailImageBox {
float: left;
height: 800px;
width: 272px;
}
#additionalImageBox {
float: left;
width: 272px;
}

#productDetailBox {
float: right;
height: 266px;
padding: 266px 0;
width: 200px;
}

#addItemForm {
clear: both;
width : 600px;
border-top: 1px #BBBBBB solid;
}

#paginationBox {
width : 600px;
border-top: 1px #BBBBBB solid;
border-bottom: 1px #BBBBBB solid;
}

.facebook-icon {
padding:7px 15px;
background-image: url(/images/icons/im-icons.png);
background-position: 0px 30px;
}
.weixin-icon {
padding:7px 15px;
background-image: url(/images/icons/im-icons.png);
background-position: -30px 30px;
}
.skype-icon {
padding:7px 15px;
background-image: url(/images/icons/im-icons.png);
background-position: -60px 30px;
}
.ins-icon {
padding:7px 15px;
background-image: url(/images/icons/im-icons.png);
background-position: -90px 30px;
}
.tel-icon {
padding:7px 15px;
background-image: url(/images/icons/im-icons.png);
background-position: -120px 30px;
}
.linkedin-icon {
padding:7px 15px;
background-image: url(/images/icons/im-icons.png);
background-position: -150px 30px;
}

/* 复写 */
.f-sort a {
cursor: pointer;
text-align: center;
white-space: nowrap;
min-width: 23px;
border-radius: 15px;
margin: 0 2px;
}
.f-sort a.curr {
background: #333;
border-color: #333;
}
.f-sort a:hover {
background: #333;
color: #fff;
border-color: #333;
}
#loginform td {
padding:.5em;
text-align:center;
vertical-align:middle;
}
#loginform input[type=text],#loginform input[type=password],#registerform input[type=text],#registerform input[type=password] {
height: 26px !important;
border-radius: 15px;
outline: none;
border: 1px solid #ccc;
padding: 0 20px;
font-size:1.1em;
}
#loginform input[type=submit],#loginform input[type=button],#registerform input[type=submit],#registerform input[type=button] {
height: 25px !important; 
border-radius: 18px; 
outline: none;	
border: 1px solid #ccc;	
padding: 0 18px; 
text-align:center; 
font-size:15px; 
font-weight: 700;
}
.fp-next {
border-radius:0 11px 11px 0;
}
.fp-prev {
border-radius:11px 0 0 11px;
}
.product-prevnext .p-num.prev {
border-radius:11px 0 0 11px;
}
.product-prevnext .p-num.next {
border-radius:0 11px 11px 0;
}
.product-prevnext a:hover {
background: #333;
color: #fff;
border-color: #333;
}
#tipmessage {
display:none;
z-index:1000;
position:absolute;
background:#ffff99;
max-width: 200px; 
min-height: 25px;
padding:15px 8px;
border-radius: 13px;
border:0px;
}
label {
border-radius: 10px;
padding: 5px 8px 5px 5px;
}
label:hover {
background: #666;
color:#fff;
}
.ui-dialog {
border-radius: 15px !important;
}
.ui-dialog-titlebar {
border-radius: 10px !important;
}
.ui-autocomplete {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
padding-bottom: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.ui-menu .ui-menu-item-wrapper {
font-size:17px; 
padding: 5px 1em 5px .4em !important;
}
.one-line { /* 单行显示，多出部分点号代替 */
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;	
}