/*------------------------ ITEM PAGE ------------------------*/
.item-contant {}
.breadcrumbs {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.breadcrumbs a {
	color: #0000d0;
	font-size: 17px;
	line-height: 17px;
	font-style: italic;
	text-decoration: none;
}
.breadcrumbs a:hover {
	color: #01004c;
	text-decoration: none;
}
.name-item {
	border-bottom: 1px solid #d80025;
	padding-bottom: 5px;
}
.name-item h4 {
	font-family: HelveticaBoldItalic;
	font-size: 34px;
	line-height: 36px;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 7px;
}
.name-item h5 {
	font-family: Lato-Italic;
	font-size: 19px;
	line-height: 24px;
	/*color: #4b4b4b;*/
	color: #d80025;
	display: inline-block;
	margin-bottom: 0;
	margin-top: 0;
}
.btn-print-share {
	display: inline-block;
	float: right;
}
.btn-print-share a {
	font-family: Lato-Regular;
	color: #4b4b4b;
	font-size: 14px;
	text-decoration: none;
}
.btn-print-share a:hover {
	color: #01004c;
	text-decoration: none;
}
.btn-print-share a:hover .print-share-svg {fill:#01004c;}
.print-share-svg {fill:#4b4b4b;}
.print-share-img svg {
	height: 19px;
	width: auto;
}
.print-share-img {
	position: relative;
	top: 3px;
}
.btn-print {
	margin-right: 12px;
}
p.item-info {
	float: left;
	width: 100%;
	font-size: 17px;
	line-height: 22px;
	font-style: italic;
	/*margin-top: 10px;*/
	margin-top: 0;
	/*margin-bottom: 7px;*/
	margin-bottom: 15px;
}
p.item-size {
	float: left;
	width: 100%;
	font-size: 17px;
	line-height: 22px;
	font-style: italic;
	margin-top: 0;
	/*margin-bottom: 12px;*/
	margin-bottom: 20px;
}
p.item-size span {
	color: #01004c;
	font-family: Lato-Bold;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 12px;
	margin-right: 3px;
}
.itemlist {
	float: left;
	width: 100%;
}
.itemlist ul li {
	font-family: HelveticaBoldItalic;
	font-size: 17px;
	color: #01004c;
	width: 50%;
	float: left;
	margin-bottom: 12px;
}
.itemlist ul {
	list-style: url(/img/list-style-item.png);
	padding-left: 38px;
	/*margin-top: 5px;*/
	margin-top: 15px;
	margin-bottom: 10px;
	float: left;
	width: calc(100% - 38px);
}
.item-main-img {
	float: left;
	max-width: 440px;
	max-height: 440px;
	width: 100%;
	border: 1px solid #dddddd;
	position: relative;
	cursor: pointer;
}
.item-main-img img {
	width: 100%;
	height: auto;
}
.modalitemimages {
	/* position: absolute;
	background: #fff;
	width: 1107px;
	height: 743px;
	border: 1px solid #696969;
	border-radius: 5px;
	z-index: 10;
	 */
	/*width: 1107px;
	margin-left: -76px;*/
}
.drop-list-images {
	width: 1107px;
	position: fixed;
	margin-left: 20px;
	top: 36px;
}
.drop-list-images > .container {
	width: 100%;
}
.window-select-image {
	border: 2px solid #b0b0b0;
	/* width: 1107px; */
	float: left;
	margin: 0 auto;
	background: #fff;
	/* height: 743px; */
	padding: 16px;
	border-radius: 10px;
}
.window-selectimage-body {
	float: left;
	width: 100%;
}
.imgitem-big {
	position: relative;
	float: left;
	width: 663px;
}
.main-imgitem-txt {
	font-family: Lato-Italic;
	color: #808080;
	font-size: 18px;
	position: absolute;
	bottom: 4px;
	right: 70px;
}
.imgitem-big img {
	width: 90%;
	padding: 5%;
}
.imgsitem-small {
	float: right;
	width: 356px;
	padding: 0 25px;
	margin-top: -47px;
}
.msi-additional-photos {
	float: left;
	width: 100%;
	margin-top: 51px;
}
.msi-additional-photos h5 {
	color: #01004c;
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	margin-bottom: 12px;
	margin-top: 0;
	float: left;
	width: 100%;
	text-align: center;
}
.msi-ap-list {
	float: left;
	width: 100%;
	text-align: center;
}
.msi-aplist-item {
	display: inline-block;
	cursor: pointer;
	margin-right: 14px;
}
.msi-item-ap {
	border: 1px solid #dddddd;
	width: 74px;
	height: 74px;
}
.msi-item-ap img {
	width: 100%;
	height: auto;
}
.msi-color-avaible {
	float: left;
	width: 100%;
	margin-top: 45px;
}
.msi-color-avaible h5 {
	color: #01004c;
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	margin-bottom: 12px;
	margin-top: 0;
	float: left;
	width: 100%;
	text-align: center;
}
.msi-coloravaible-slider {
	float: left;
	width: 100%;
	position: relative;
}
.msi-coloravaible-row {
	float: left;
	width: 100%;
	margin-bottom: 17px;
}
.msi-listcolors-arrows {
	float: left;
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}
.msi-lc-arrows-up {
	display: inline-block;
	/*position: absolute;
	left: 42%;*/
	cursor: pointer;
	margin: 0 5px;
}
.msi-lc-arrows-down {
	display: inline-block;
	/*position: absolute;
	right: 42%;*/
	cursor: pointer;
	margin: 0 5px;
}
.msi-listcolors-arrows svg {
	height: 43px;
	width: auto;
	fill: #4c4c4c;
}
.msi-lc-arrows-up.disabled svg,
.msi-lc-arrows-down.disabled svg {
	fill: #e0e0e0;
}
.msi-coloravaible-row .list-colors-box:last-child {
	margin-right: 0;
}


.item-main-img-txt {
	font-family: Lato-Italic;
	color: #808080;
	font-size: 18px;
	position: absolute;
	bottom: 4px;
	right: 8px;
}
.item-main-img-zoom {
	position: absolute;
	top: 10px;
	right: 10px;
}
.item-main-img-zoom img {
	width: 28px;
	height: 28px;
}
p.item-dopinfo {
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 0;
	margin-top: 17px;
	font-weight: 400;
}
p.item-dopinfo span {
	font-weight: 600;
	color: #01004c;
	margin-left: 5px;
}
p.item-dopinfo span:first-child {
	margin-left: 0;
}
p.item-dopinfo span.item-visit-art-info {
	margin-top: 4px;
	margin-bottom: 0;
	font-size: 14px;
	font-style: italic;
	color: #808080;
}
p.item-dopinfo span.item-visit-art-info a {
	color: #808080;
	text-decoration: none;
}
p.item-dopinfo span.item-visit-art-info a:hover {
	color: #01004c;
	text-decoration: none;
}
/*p.item-visit-art-info {
	margin-top: 4px;
	margin-bottom: 0;
	float: left;
	width: 100%;
	font-size: 14px;
	font-style: italic;
	color: #808080;
}
p.item-visit-art-info a {
	color: #808080;
	text-decoration: none;
}
p.item-visit-art-info a:hover {
	color: #01004c;
	text-decoration: none;
} */
.new-buttons {
	float: left;
	width: 100%;
}
.new-button-box {
	float: left;
	margin-right: 15px;
	text-align: center;
	width: 158px;
	/* added */
	cursor: pointer;
	color: #fff;
	line-height: 33px;
	height: 33px;
	background: #09357b;
	border-radius: 5px;
}
.new-button-box:last-child {
	margin-right: 0!important;
}
.new-button-box:hover {
	background: #00004b;
}
/*
.new-button-box a {
	display: block;
	text-decoration: none;
	padding: 7px 25px;
	color: #fff;
	background: #09357b;
	border-radius: 5px;
}
.new-button-box a:hover {
	background: #00004b;
}
*/
.additional-photos {
	float: left;
	margin-top: 20px;
}
.additional-photos h5 {
	color: #01004c;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	line-height: 17px;
	margin-bottom: 7px;
	margin-top: 0;
}
.ap-list {
	float: left;
}
.ap-list-item {
	float: left;
	cursor: pointer;
	margin-right: 14px;
}
.ap-list-item:last-child {
	margin-right: 0;
}
.item-ap {
	border: 1px solid #dddddd;
	width: 74px;
	height: 74px;
}
.item-ap img {
	width: 100%;
	height: auto;
}
.color-avaible {
	float: right;
	width: 900px;
	margin-top: 20px;
}
.color-avaible.extended {
	width: 1096px;
	float: left;
}
.color-avaible h5 {
	color: #01004c;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	line-height: 17px;
	margin-bottom: 7px;
	margin-top: 0;
	padding-left: 40px;
}
.color-avaible-slider {
	float: left;
	position: relative;
}
.list-colors {
	float: left;
	width: 815px;
	padding: 0 35px;
}
.list-colors-box {
	float: left;
	width: 77px;
	margin-right: 15px;
	cursor: pointer;
}
.list-colors-box:last-child {
	margin-right: 0;
}
.color-box {
	border: 1px solid #dddddd;
	width: 75px;
	height: 75px;
}
.color-box img {
	width: 100%;
	height: auto;
}
.list-colors-box p {
	text-align: center;
	font-size: 13px;
	margin-bottom: 0;
	margin-top: 5px;
}
.list-colors-arrows {
	float: left;
	width: 100%;
	position: absolute;
	top: 26px;
}
.lc-arrows-left {
	display: block;
	position: absolute;
	left: 0;
	cursor: pointer;
}
.lc-arrows-right {
	display: block;
	position: absolute;
	right: 0;
	cursor: pointer;
}
.list-colors-arrows svg {
	height: 29px;
	width: auto;
	fill: #e0e0e0;
}
.lc-arrows-left.active svg,
.lc-arrows-right.active svg {
	fill: #4c4c4c;
}
.info-item {
	float: right;
	width: 680px;
}
.block-pricing {
	float: left;
	width: 100%;
	position: relative;
	/*margin-bottom: 20px;*/
	margin-bottom: 35px;
}
.name-tab-row {
	float: left;
	width: 78px;
}
.name-tab-row p {
	float: left;
	width: 100%;
	font-style: italic;
	font-size: 15px;
	line-height: 42px;
	margin: 0;
	color: #4a4a4a;
}
.tab-pricing {
	float: left;
	width: 472px;
	position: relative;
}
.tab-body {
	float: left;
	border: 2px solid #01004c;
	border-radius: 5px;
}
.tab-pricing-td {
	float: left;
	width: 78px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}
.tab-pricing-tr.grey {
	float: left;
	width: 100%;
	background: #dedede;
	border-bottom: 2px dashed #000;
}
.tab-pricing-tr.white {
	float: left;
	width: 100%;
	background: #fff;
	color: #01004c;
}
.coupon {
	position: absolute;
	right: -47px;
	top: -5px;
}
.coupon img {
	width: 59px;
	height: auto;
}
.coupon-txt {
	width: 86px;
	float: right;
	margin-top: 48px;
}
.coupon-txt p {
	font-family: Lato-BoldItalic;
	float: right;
	text-align: right;
	color: #006b03;
	font-size: 16px;
	margin: 0;
}
.block-print-location {
	float: left;
	width: 100%;
	margin-top: 50px;
}
.block-print-location-link {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	cursor: pointer;
	color: #3939ff;;
}
.block-print-location-link a {
	color: #3939ff;
	text-decoration: none;
}
.block-print-location-link-img {
	margin-right: 4px;
	width: 18px;
	display: inline-block;
	position: relative;
	top: 2px;
}
.block-print-location-link-img svg {
	fill: #3939ff;
	height: 18px;
}

.block-print-location h4 {
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}
/* .bpl-slider {
	float: left;
	position: relative;
} */
.bpl-body {
	float: left;
	width: 100%;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	padding-bottom: 34px;
	padding-top: 20px;
	margin-bottom: 60px;
}
.bpl-body p {
	font-size: 15px;
	line-height: 15px;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	text-align: center;
}
/* .bpl-slider-arrows-left {
	display: block;
	position: absolute;
	left: 16px;
	cursor: pointer;
}
.bpl-slider-arrows-right {
	display: block;
	position: absolute;
	right: 16px;
	cursor: pointer;
}
.bpl-slider-arrows svg {
	height: 44px;
	width: auto;
	fill: #e0e0e0;
}
.bpl-slider-arrows-left.active svg,
.bpl-slider-arrows-right.active svg {
	fill: #4c4c4c;
} */
.bpl-slider-box {
	float: left;
	width: 230px;
	height: 250px;
	border: 1px solid #b8b0b0;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	margin-right: 30px;
	position: relative;
}
/*.bpl-slider-box:last-child {
	margin-right: 0;
} */
/*.bpl-slider-body {
	float: left;
	width: 1018px;
	padding: 24px 62px 0;
} */
/*.bpl-slider-arrows {
  float: left;
  width: 100%;
  position: absolute;
  top: 122px;
} */
.bpl-slider-img {
	float: left;
	width: 100%;
}
.bpl-slider-img img {
	width: 97%;
	padding: 1.5%;
	margin: 0 auto;
}
.bpl-slider-txt {
	float: left;
	width: 100%;
	position: absolute;
	bottom: 4px;
}
.bpl-slider-txt h5 {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	margin-bottom: 5px;
}
.bpl-slider-txt p {
	font-size: 14px;
	text-align: center;
	margin: 0;
}
.most-common {
	font-family: Lato-Bold;
	font-size: 16px;
	float: left;
	width: 100%;
	color: #d80025;
	text-align: center;
	position: absolute;
	top: -24px;
}
.block-print-colors {
	float: left;
	width: 100%;
}
.block-print-colors h4 {
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}
.bpc-body {
	float: left;
	width: 100%;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	padding-top: 20px;
	margin-bottom: 60px;
}
.bpc-body p {
	font-size: 16px;
	line-height: 27px;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	text-align: center;
}
.bpc-body p.printany {
	font-size: 17px;
	line-height: 27px;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	text-align: center;
}
.bpc-body p.printany span {
	color: #ff0000;
	font-weight: bold;
}
.list-print-colors {
	float: left;
	padding: 0 37px;
}
.print-colors-row {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.print-color-box {
	float: left;
	width: 78px;
	height: 51px;
	border-radius: 5px;
	border: 1px solid #898989;
	margin-right: 29px;
}
.print-color-box:last-child {
	margin-right: 0;
}
.print-color-box p {
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	font-style: normal;
}
.print-color-box p.black,
.print-color-box p.white {
	font-size: 15px;
	line-height: 51px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-style: normal;
}
.block-production-time {
	float: left;
	width: 577px;
}
.block-production-time h4 {
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}
.production-time-body {
	float: left;
	width: 100%;
	height: 252px;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	margin-bottom: 59px;
}
.production-time-body p {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
	line-height: 27px;
	font-style: italic;
	color: #505050;
}
.production-time-body a {
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	font-style: italic;
	color: #0000ff;
}
.production-time-body ul {
	list-style: none;
	padding-left: 112px;
	margin-top: 15px;
	margin-bottom: 25px;
}
.production-time-body ul li {
	margin-bottom: 20px;
}
.production-time-body ul li span {
	font-weight: 400;
	font-size: 16px;
	color: #01004c;
	display: inline-block;
}
.production-time-body ul li span.txt-name {
	font-weight: bold;
	font-size: 16px;
	color: #01004c;
	display: inline-block;
	width: 100px;
	text-align: right;
	margin-right: 7px;
}
.production-time-body ul li span.txt-red {
	font-weight: bold;
	font-size: 16px;
	color: #ff0000;
	display: inline-block;
}
.production-time-body span.number {
	font-weight: bold;
	font-size: 22px;
	color: #ff0000;
}

.block-shipping-details {
	float: right;
	width: 534px;
}
.block-shipping-details h4 {
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}
.shipping-details-body {
	float: left;
	width: 100%;
	height: 252px;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	margin-bottom: 59px;
}
.shipping-details-body ul {
	list-style: none;
	padding-left: 18px;
	margin-top: 15px;
	margin-bottom: 0px; /*25px*/
	float: left;
	width: 100%;
}
.shipping-details-body ul li {
	float: left;
	width: 100%;
	margin-bottom: 6px;
}
.shipping-details-body ul li p {
	font-weight: 400;
	font-size: 16px;
	color: #01004c;
	float: left;
	margin: 0;
	line-height: 27px;
}
.shipping-details-body div.txt-grey-name {
	font-weight: 400;
	font-size: 16px;
	color: #aeaeae;
	float: left;
	width: 94px;
	text-align: right;
	margin-right: 7px;
	padding-top: 3px;
}
.es-block {
	float: left;
	width: 100%;
	padding-left: 35px;
	position: relative;
}
.es-block h5 {
	float: left;
	margin-top: 23px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #01004c;
	margin-right: 12px;
}
.es-calculate-box {
	float: left;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	padding: 20px 7px 7px 7px;
}
.es-input-group {
	float: left;
	position: relative;
	margin-right: 7px;
}
.es-input-group label {
	color: #5e5e5e;
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	width: 52px;
	text-align: center;
	top: -15px;
}
.es-input-group input {
	width: 48px;
	height: 18px;
	border: 1px solid #a2a2a2;
}
.es-calculate-box button {
	font-size: 13px;
	width: 70px;
	height: 21px;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	padding: 0 10px;
	background: #a6a6a6;
	background: linear-gradient(to top, #848484, #c2c2c2);
	cursor: pointer;
}
.calculate-modal {
	background: #bbbbbb;
	border: 1px solid #696969;
	border-radius: 5px;
	position: absolute;
	display: none;
	/*top: -242px;*/
	top: -225px;
	left: 133px;
	width: 268px;
	/*height: 237px;*/
	padding: 0 18px 7px;
}
#calculatemodal h4 {
	font-size: 18px;
	color: #01004c;
	font-weight: bold;
	font-style: italic;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 17px;
	margin-bottom: 6px;
}
#calculatemodal h5 {
	font-size: 14px;
	color: #000;
	font-weight: 400;
	font-style: italic;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 7px;
	/*border-bottom: 2px solid #01004c;*/
}
.btn-closemodal {
	position: absolute;
	right: -10px;
	top: -10px;
	border: 1px solid #858585;
	background: #e20000;
	background: linear-gradient(to top, #c60000, #ff0000);
	color: #fff;
	font-weight: 900;
	width: 29px;
	height: 29px;
	line-height: 25px;
	font-size: 17px;
	text-align: center;
	border-radius: 15px;
	cursor: pointer;
}
.btn-closemodal svg {
	width: 14px;
	height: 14px;
	position: relative;
	top: 3px;
}
.btn-closemodal-svg {
	fill: #fff;
}
.cmb-btn-closemodal {
	position: absolute;
	right: -10px;
	top: -10px;
	border: 1px solid #858585;
	background: #e20000;
	background: linear-gradient(to top, #c60000, #ff0000);
	color: #fff;
	font-weight: 900;
	width: 29px;
	height: 29px;
	line-height: 25px;
	font-size: 17px;
	text-align: center;
	border-radius: 15px;
	cursor: pointer;
}
.cmb-btn-closemodal svg {
	width: 14px;
	height: 14px;
	position: relative;
	top: 0;
}
.cmb-btn-closemodal-svg {
	fill: #fff;
}
.calculate-modal-body {
	float: left;
	width: 100%;
	margin-top: 7px;
}
p.cmb-text-left {
	float: left;
	color: #01004c;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
	margin: 0;
}
p.cmb-text-right {
	float: right;
	color: #000;
	font-weight: 400;
	font-style: italic;
	font-size: 15px;
	line-height: 30px;
	margin: 0;
	text-align: right;
}
p.cmb-text-right span {
	font-weight: bold;
	font-style: normal;
}
.block-resources {
	float: left;
	width: 577px;
}
.block-resources h4 {
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}
.block-resources-body {
	float: left;
	width: 100%;
	/*height: 142px;*/
	height: 165px;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	margin-bottom: 59px;
}
.block-whychooseus {
	float: right;
	width: 534px;
}
.block-whychooseus h4 {
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}
.block-whychooseus-body {
	float: left;
	width: 100%;
	/*height: 142px;*/
	height: 165px;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	margin-bottom: 59px;
}
.dowload-print {
	float: left;
	/*width: 185px;*/
	width: 100%;
	border-right: 1px solid #c4c4c4;
	margin-top: 7px;
	margin-bottom: 7px;
	/*padding-left: 14px;*/
}
.dowload-print p {
	/*font-size: 15px;
	font-style: italic;*/
	font-family: Lato-BoldItalic;
	font-size: 16px;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 6px;
	text-align: center;
}
.dowload-print ul {
	list-style: none;
	padding-left: 25px;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 12px;
	text-align: center;
}
.dowload-print ul li {
	margin-bottom: 8px;
	/*background: #0085ff;*/
	padding: 5px 20px 3px;
	border-radius: 5px;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}
.dowload-print ul li.white-btn {
	/*background: #d3d4d9;*/
	background: #dedede;
	border: 1px solid #a4a4a5;
}
.dowload-print ul li.white-btn:hover {
	background: #cfcece;
	border: 1px solid #a4a4a5;
}
.dowload-print ul li.white-btn a {
	color: #01004c;
}
.dowload-print ul li.white-btn a .dowload-print-img svg {
	fill: #01004c!important;
}

.dowload-print ul li.blue-btn {
	background: #09357b;
	border: 1px solid #09357b;
}
.dowload-print ul li.blue-btn:hover {
	background: #00004b;
	border: 1px solid #a4a4a5;
}
.dowload-print ul li.blue-btn a {
	color: #fff;
}
.dowload-print ul li.blue-btn a .dowload-print-img svg {
	fill: #fff!important;
}

.dowload-print-img svg {
	/*fill: #3939ff;*/
	fill: #fff;
	height: 18px;
}
.dowload-print-img {
	margin-right: 4px;
	width: 18px;
	display: inline-block;
}
span.dowload-print-img.icon-image {
	position: relative;
	left: -1px;
}
.dowload-print a {
	text-decoration: none;
	/*color: #3939ff;*/
	color: #fff;
}
span.dowload-print-txt {
	position: relative;
	top: -3px;
}
.resources-infoblock {
	float: left;
	width: 100%;
	/*padding-left: 22px;*/
	margin-top: 0;
	margin-bottom: 7px;
}
.resources-infoblock p {
	/*font-size: 15px;
	font-style: italic;*/
	font-family: Lato-BoldItalic;
	font-size: 16px;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}
.resources-infoblock ul {
	list-style: url(/img/list-style-2.png);
	padding-left: 15px;
	/*width: 342px;*/
	/*width: 290px;*/
	float: left;
	padding-left: 48px;
}
.resources-infoblock ul li {
	float: left;
	/*width: 170px;*/
	/*width: 140px;*/
	margin-bottom: 10px;
	margin-right: 35px;
}
.block-whychooseus-body ul {
	list-style: none;
	padding-left: 12px;
	float: left;
	width: 100%;
	margin-top: 25px;
}
.block-whychooseus-body ul li {
	float: left;
	width: 266px;
	margin-bottom: 20px;
}
.whychooseus-box {
	float: left;
	width: 100%;
}
.whychooseus-img {
	float: left;
	width: 43;
}
.whychooseus-txt {
	float: left;
	margin-left: 12px;
	padding: 4px 0;
}
.whychooseus-txt h5 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 3px;
}
.whychooseus-txt p {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
}
.block-howtoorder {
	float: left;
	width: 100%;
}
.block-howtoorder h4 {
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}
.howtoorder-body {
	position: relative;
	float: left;
	width: 1110px;
	height: 170px;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	padding: 13px;
	margin-bottom: 60px;
}
.howtoorder-body p {
	font-size: 17px;
	line-height: 25px;
	margin-top: 30px;
	margin-bottom: 0;
	font-weight: bold;
	font-style: italic;
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2;
}
.howtoorder-body p span {
	border-bottom: 1px solid #a9a9a9;
	padding-bottom: 7px;
	position: relative;
	top: -10px;
	font-size: 20px;
	width: 910px;
	display: inline-block;
}
.howtoorder-body p span.addinfo {
	border-bottom: 1px solid #a9a9a9;
	padding-bottom: 7px;
	position: relative;
	top: -10px;
	font-size: 18px;
	width: 910px;
	display: inline-block;
	padding-top: 7px;
}
.howtoorder-body p span.addinfo a {
	color: #0000ff;
}
.howtoorder-body-img-left,
.howtoorder-body-img-right {
	height: 164px;
	width: auto;
}
.howtoorder-body-img-right {
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 1;
}
.howtoorder-body-img-left {
	position: absolute;
	left: 20px;
	top: 15px;
	z-index: 1;
}
.block-interested-items {
	float: left;
	width: 100%;
}
.block-interested-items h4 {
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	color: #01004c;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}
.interested-items-body {
	float: left;
	width: 100%;
	margin-top: 25px;
}
.interested-item-box {
	float: left;
	width: 236px;
	margin-right: 64px;
	cursor: pointer;
}
.interested-item-box:last-child {
	margin-right: 0;
}
.interested-item-img {
	border: 1px solid #afafaf;
	width: 226px;
	height: 226px;
	padding: 5px;
	float: left;
}
.interested-item-img img {
	width: 100%;
	height: auto;
}
.interested-item-txt {
	float: left;
	width: 100%;
	margin-top: 12px;
}
.interested-item-txt h5 {
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	padding: 0 7px;
	margin: 0;
	text-align: center;
}
.interested-item-box:hover .interested-item-img {
	border: 1px solid #00004b;
	outline: 1px solid #00004b;
}
.interested-item-box:hover .interested-item-txt h5 {
	color: #d90026;
}
.banners-itempage {
	float: left;
	width: 100%;
	margin-top: 105px;
	margin-bottom: 75px;
}
.ip-banner-customcolor {
	float: left;
	width: 551px;
	height: 324px;
	border: 1px solid #a4a4a4;
	border-radius: 5px;
	cursor: pointer;
}
.ip-banner-customshaped {
	float: right;
	width: 551px;
	height: 324px;
	border: 1px solid #a4a4a4;
	border-radius: 5px;
	cursor: pointer;
}


/*---------------------specialorder---------------------*/
.tab-pricing.specialorder {
	float: left;
	width: 395px;
	position: relative;
}
.specialorder-box {
	float: left;
	width: 100%;
	height: 52px;
	background: #0066ff;
	border: 1px solid #004bbc;
	border-radius: 5px;
	margin-top: 12px;
	margin-bottom: 12px;
}
.specialorder-box h5 {
	float: left;
	font-family: HelveticaBoldItalic;
	color: #fff;
	font-size: 26px;
	line-height: 52px;
	padding-left: 40px;
	margin: 0;
}
.specialorder-box p {
	color: #fff;
	float: left;
	font-size: 15px;
	line-height: 21px;
	margin-left: 21px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.coupon-txt.specialorder {
	width: 86px;
	float: left;
	margin-top: 48px;
	margin-left: 25px;
}
p.item-visit-art-info a {
	text-decoration: none;
	font-size: 14px;
	font-style: italic;
}







.pl-slider {
	width: 1020px;
	padding: 24px 60px 0;
	position: relative;
	overflow: hidden;
	float: left;
}

.pl-slider::-moz-selection
{ background: transparent; color: #fff; text-shadow: none; }
.pl-slider::selection
{ background: transparent; color: #fff; text-shadow: none; }

.slide-list {
	position: relative;
	margin: 0;
	padding: 0;
	width: 1057px;
}
.slide-wrap {
	/*	position: relative;
		left: 0px;
		top: 0;
		width: 10000000px;
	 */
}
.slide-wrap.centered {
	text-align: center;
}
.slide-item {
	width: 230px;
	margin-right: 28px;
	display: inline-block;
}
.slide-title {
	font: bold 16px monospace;
	display: block;
}

.navy {
	position: absolute;
	top: 0;
	z-index: 1;
	height: 100%;
	width: 56px;
	cursor: pointer;
}
.prev-slide {
	left: 0;
	background: #fff;
}
.next-slide {
	right: 0;
	background: #fff;
}
.prev-slide.inactive, .next-slide.inactive {
	visibility: hidden;
	/* opacity: 0.4; */
}
.navy.disable {
	background: #dbdbdb;
}

.navy.next-slide svg,
.navy.prev-slide svg {
	fill: #4c4c4c;
	width: auto;
	height: 44px;
	position: relative;
	top: 124px;
	left: 14px;
}


/*--------------------------------------*/
.coloravaible-slider {
	width: 836px;
	padding: 0 40px;
	position: relative;
	overflow: hidden;
	float: left;
}
.coloravaible-slider.extended {
	width: 1026px;
}
.coloravaible-slider::-moz-selection
{ background: transparent; color: #fff; text-shadow: none; }
.coloravaible-slider::selection
{ background: transparent; color: #fff; text-shadow: none; }

.coloravaible-slide-list {
	position: relative;
	margin: 0;
	padding: 0;
	width: 846px;
}
.coloravaible-slide-list.extended {
	width: 1035px;
}
.coloravaible-slide-wrap {
	/* position: relative;
	left: 0px;
	top: 0;
	width: 10000000px; */
}
.coloravaible-slide-item {
	width: 76px;
	margin-right: 14px;
	display: inline-block;
	cursor: pointer;
}
.slide-title {
	font: bold 16px monospace;
	display: block;
}
.cas-arrows {
	position: absolute;
	top: 0;
	z-index: 1;
	height: 100%;
	width: 40px;
	cursor: pointer;
}
.slide-prev {
	left: 0;
	background: #fff;
}
.slide-next {
	right: 0;
	background: #fff;
}
.cas-arrows.slide-next svg {
	fill: #4c4c4c;
	width: auto;
	height: 29px;
	position: relative;
	top: 26px;
	left: 10px;
}
.cas-arrows.slide-prev svg {
	fill: #4c4c4c;
	width: auto;
	height: 29px;
	position: relative;
	top: 26px;
	left: 7px;
}
.img-colorbox {
	border: 1px solid #dddddd;
	width: 75px;
	height: 75px;
}
.img-colorbox img {
	width: 100%;
	height: auto;
}
span.txt-colorbox {
	text-align: center;
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 5px;
	display: block;
}
/*----------------sharepage----------------------*/
.w-sharepage {
	position: absolute;
	top: 295px;
	right: 155px;
	z-index: 305;
	display: none;
}
.sp-closewindow {
	position: absolute;
	top: -10px;
	right: -10px;
	border: 1px solid #858585;
	background: #e20000;
	background: linear-gradient(to top, #c60000, #ff0000);
	color: #fff;
	font-weight: 900;
	width: 29px;
	height: 29px;
	line-height: 25px;
	font-size: 17px;
	text-align: center;
	border-radius: 15px;
	cursor: pointer;
}
.sp-closewindow svg {
	width: 14px;
	height: 14px;
	position: relative;
	top: 3px;
}
.sp-closewindow img {
	width: 13px;
	height: auto;
}
.sp-body {
	background: #fff;
	border: 1px solid #696969;
	border-radius: 5px;
	width: 192px;
	height: 264px;
	padding: 15px;
}
.sp-body p {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 16px;
	font-style: italic;
	text-align: center;
}
.sp-buttons {
	text-align: center;
	float: left;
	margin: 0 7px;
}
.sp-button {
	width: 180px;
	height: 34px;
	margin-top: 11px;
	cursor: pointer;
}
.sp-bnt-name {
	color: #fff;
	font-size: 16px;
	margin-top: 8px;
	margin-left: 12px;
	float: left;
}
.sp-bnt-img {
	margin-left: 7px;
	margin-top: 7px;
	float: left;
}
.sp-bnt-img img {
	height: 18px;
	width: auto;
}
.sp-button.facebook {
	background: #3b5998;
}
.sp-button.facebook:hover {
	background: #344e86;
}
.sp-button.twitter {
	background: #55acee;
}
.sp-button.twitter:hover {
	background: #3ea1ec;
}
.sp-button.pinterest {
	background: #cb2027;
}
.sp-button.pinterest:hover {
	background: #be1e24;
}
.sp-button.email {
	background: #0c921c;
	background: linear-gradient(to top, #048413, #149f24);
}
.sp-button.email:hover {
	background: #048413;
}

.sp-button.email .sp-bnt-img img {
	height: 16px;
	width: auto;
}
.sp-button.email .sp-bnt-img {
	margin-top: 8px;
	float: left;
}
.bnt-group-icon {
	background: #dbdada;
	width: 34px;
	height: 34px;
	float: left;
}
.bnt-group-icon img {
	height: 17px;
	width: auto;
	margin: 8px;
}
.bnt-group-txt {}
.bnt-group-txt input {
	border: 1px solid #dbdada;
	height: 30px;
	margin-left: -3px;
	width: 140px;
	padding-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* Background for popup */
.popupbackgound {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	z-index: 100; display: none;
}




.modalitemimages.specialorder .window-select-image {
	border: 2px solid #b0b0b0;
	float: left;
	margin: 0 178px;
	background: #fff;
	padding: 16px;
	border-radius: 10px;
}
.modalitemimages.specialorder .btn-closemodal {
	position: absolute;
	right: 220px;
	top: -10px;
	border: 1px solid #858585;
	background: #e20000;
	background: linear-gradient(to top, #c60000, #ff0000);
	color: #fff;
	font-weight: 900;
	width: 29px;
	height: 29px;
	line-height: 25px;
	font-size: 17px;
	text-align: center;
	border-radius: 15px;
	cursor: pointer;
}

/*----------------------popup inventory----------------------*/
.windowpopup-inventory {
	display: none;
	position: absolute;
	top: 210px;
	z-index: 101;
	bottom: 0;
	left: 0;
	right: 0;
}
.inventory-content {
	background: #fff;
	border: 1px solid #a9a9a9;
	border-radius: 7px;
	padding: 20px 15px;
	position: relative;
	top: 400px;
	left: 50%;
	transform: translate(-50%, -50%);
	float: left;
	width: 485px;
}
h4.ip-itemname {
	color: #00004c;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	float: left;
	width: 485px;
}
.inventory-content p {
	text-align: center;
	font-style: italic;
	font-size: 18px;
	margin-top: 7px;
	margin-bottom: 0;
	float: left;
	width: 485px;
}
.inventory-table {
	margin-top: 15px;
	float: left;
	width: 485px;
}
.invt-title {
	background: #dedede;
	border: 2px solid #000;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}
.invt-body {
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.invt-tr {
	line-height: 37px;
	font-size: 17px;
}
.invt-tr.grey {
	background: #e6e6e6;
}
.invt-title .invt-td-color {
	display: inline-block;
	width: 180px;
	text-align: center;
	padding-right: 0;
	border-right: none;
}
.invt-title .invt-td-qty {
	border-right: none;
}

.invt-td-color {
	display: inline-block;
	width: 180px;
	text-align: right;
	padding-right: 10px;
	border-right: 1px solid #000;
}
.invt-td-qty {
	display: inline-block;
	width: 160px;
	text-align: center;
	border-right: 1px solid #000;
}
.invt-td-qty.more {
	font-size: 15px;
	font-style: italic;
}
.invt-td-qtycomming {
	display: inline-block;
	width: 115px;
	text-align: center;
}
.popup-closewindow {
	position: absolute;
	top: 3px;
	right: 3px;
	color: #000;
	font-weight: 900;
	width: 29px;
	height: 29px;
	line-height: 25px;
	font-size: 17px;
	text-align: center;
	border-radius: 15px;
	cursor: pointer;
}
.popup-closewindow svg {
	width: 14px;
	height: 14px;
	position: relative;
	top: 3px;
}
.popup-closewindow-svg {
	fill: #000;
}

/*----------------------popup quote----------------------*/
.windowpopup-quote {
	display: none;
	position: absolute;
	top: 150px;
	left: 450px;
	z-index: 101;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.quotepopup-content {
	float: left;
	width: 500px;
	background: #fff;
	border: 1px solid #a9a9a9;
	border-radius: 7px;
	padding: 20px 20px;
	position: relative;
	top: 400px;
	left: 50%;
	transform: translate(-50%, -50%);
	float: left;
}
.quotepopup-closewindow {
	position: absolute;
	top: 3px;
	right: 3px;
	color: #000;
	font-weight: 900;
	width: 29px;
	height: 29px;
	line-height: 25px;
	font-size: 17px;
	text-align: center;
	border-radius: 15px;
	cursor: pointer;
}
.quotepopup-closewindow svg {
	width: 14px;
	height: 14px;
	position: relative;
	top: 3px;
}
.quotepopup-closewindow-svg {
	fill: #000;
}
h4.titlepopup {
	float: left;
	width: 100%;
	color: #000;
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
}
.quotepopup-content p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 17px;
	margin-top: 7px;
	margin-bottom: 0;
	font-style: italic;
}
.quotepopup-form {
	float: left;
	margin-top: 10px;
}
.qpf-inputgroup {
	display: inline-block;
	position: relative;
	margin-top: 20px;
	margin-right: 12px;
}
.qpf-inputgroup:last-child {
	margin-right: 0;
}
.qpf-inputgroup label {
	position: absolute;
	color: #5c5c5c;
	background: #fff;
	padding: 0 7px;
	z-index: 5;
	font-size: 14px;
	left: 12px;
	top: -7px;
}
.qpf-inputgroup input {
	position: relative;
	border: 1px solid #838383;
	border-radius: 3px;
	height: 34px;
	line-height: 34px;
	padding-left: 12px;
	font-size: 17px;
}
.qpf-inputgroup select {
	position: relative;
	border: 1px solid #838383;
	background: #fff;
	border-radius: 3px;
	height: 38px;
	line-height: 38px;
	padding-left: 12px;
	font-size: 17px;
}
.qpf-inputgroup input.qpf-number {
	width: 195px;
}
.qpf-inputgroup input.company-name {
	width: 250px;
}
.qpf-inputgroup input.contact-name {
	width: 196px;
}
.qpf-inputgroup select.country-quote {
	width: 140px;
}
.qpf-inputgroup input.zip-code {
	width: 92px;
}
.qpf-inputgroup input.email {
	width: 252px;
}
.qpf-inputgroup input.phone {
	width: 195px;
}
.qpf-inputgroup input.item-name {
	width: 210px;
}
.qpf-inputgroup input.qty {
	width: 80px;
}
.qpf-inputgroup select.color {
	width: 140px;
}
.qpf-inputgroup textarea {
	position: relative;
	border: 1px solid #838383;
	border-radius: 3px;
	height: 140px;
	padding-left: 12px;
	padding-top: 10px;
	font-size: 17px;
	resize: none;
	width: 480px;
}
.quotepopup-button {
	text-align: center;
}
.button-getquote {
	background: #009933;
	line-height: 65px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	font-weight: 600;
	padding: 0 80px;
	border-radius: 10px;
	font-size: 32px;
	margin-top: 20px;
	margin-bottom: 10px;
	display: inline-block;
	cursor: pointer;
}

/*----------------------popup calculate----------------------*/
.windowpopup-calculate {
	display: none;
	position: absolute;
	top: 250px;
	left: 240px;
	z-index: 101;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.calculatepopup-content {
	float: left;
	position: relative;
	width: 945px;
	background: #fff;
	border: 1px solid #a9a9a9;
	border-radius: 7px;
	padding: 20px 20px;
	position: relative;
	top: 480px;
	left: 50%;
	transform: translate(-50%, -50%);
	float: left;
}
h4.cp-itemname {
	float: left;
	width: 100%;
	color: #00004c;
	font-size: 28px;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
.cp-body {
	float: left;
	width: 100%;
}
.calculate-box {
	float: left;
	width: 500px;
	/* height: 318px; */
	height: 300px;
	border-radius: 7px;
	background: #fff;
	border: 1px solid #000;
	/* border-bottom: none; */
	margin-right: 15px;
	padding: 0 20px;
	position: relative;
	z-index: 10;
	display: none;
}
.calculate-box.expandview {
	height: 318px;
	border-radius: 7px 7px 0 0;
	border-bottom: none;
}
.infobox {
	float: left;
	width: 385px;
	height: 300px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 7px;
	display: none;
}
h4.calculate-box-title {
	background: #dedede;
	font-size: 22px;
	font-weight: 600;
	font-style: italic;
	margin: 0 -20px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 12px;
}
h4.infobox-titlebox {
	font-size: 22px;
	font-weight: 600;
	font-style: italic;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 12px;
}
.infobox-body {
	float: left;
	margin-top: 0px;
	margin-bottom: 15px;
}
.infobox-row {
	float: left;
	width: 100%;
	margin-top: 7px;
}
.infobox-row:first-child {
	margin-top: 0;
}
.infobox-title {
	float: left;
	width: 88px;
	color: #aeaeae;
	font-size: 14px;
	text-align: right;
	margin-right: 7px;
	line-height: 30px;
}
.infobox-txt {
	float: left;
	color: #01004c;
	font-size: 16px;
	line-height: 30px;
}
.country-form {
	margin-top: 12px;
	margin-bottom: 20px;
}
.country-form label {
	margin-right: 12px;
	line-height: 36px;
	font-size: 18px;
}
.country-form input {
	position: relative;
	top: 0px;
}
.country-form select {
	background: #fff;
	line-height: 36px;
	height: 36px;
	padding-left: 12px;
	border: 1px solid #abaaaa;
	border-radius: 3px;
	font-size: 17px;
	width: 167px;
}
.calculate-block {
	float: left;
	background: #efefef;
	border: 1px solid #858484;
	border-radius: 6px;
	padding: 20px 15px;
	width: 466px;
	margin-bottom: 20px;
}
.cb-form {
	float: left;
	width: 100%;
}
.cb-button {
	float: left;
	width: 100%;
	text-align: center;
}
.cb-inputgroup {
	float: left;
	margin-right: 30px;
}
.cb-inputgroup:last-child {
	margin-right: 0;
}
.cb-inputgroup label {
	display: inline-block;
	margin-right: 7px;
	font-size: 17px;
	line-height: 40px;
}
.cb-inputgroup input {
	display: inline-block;
	border: 1px solid #abaaaa;
	border-radius: 3px;
	width: 100px;
	padding: 0 12px;
	font-weight: 600;
	font-size: 18px;
	line-height: 40px;
}
.calculate-button {
	color: #fff;
	background: #09357b;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 22px;
	display: block;
	float: left;
	margin: 20px 141px 0;
	border-radius: 5px;
	cursor: pointer;
}
.calculate-button:hover {
	background: #082f6c;
}

/*-----------------upd171124-calculatepopup-----------------------*/
.delivery-cost-box {
	display: block;
	background: #fff;
	float: left;
	width: 945px;
	position: relative;
	z-index: 5;
	top: -2px;
}
.dcb-left {
	float: left;
	width: 473px;
}
.dcb-right {
	float: right;
	width: 472px;
}
.dcb-bluebox {
	float: left;
	width: 432px;
	height: 517px;
	padding: 12px 20px 15px;
	background: #09357b;
	border: 2px solid #00004b;
	border-radius: 0 7px 7px 0;
}
.dcb-whitebox {
	float: left;
	width: 443px;
	height: 517px;
	padding: 12px 15px 15px;
	border: 2px solid #00004b;
	border-radius: 7px 0 0 7px;
}
.dcb-left h4,
.dcb-right h4 {
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 15px;
	text-align: center;
	width: 100%;
	float: left;
}
.calendar-block {
	float: left;
	width: 432px;
	margin-top: 5px;
}
.calendar-designations {
	float: left;
	width: 432px;
	background: #fff;
	border: 1px solid #000;
	padding: 8px 0;
	text-align: center;
	margin-top: 12px;
}
.designation-txt {
	display: inline-block;
	line-height: 21px;
	margin-right: 20px;
}
.designation-txt:last-child {
	margin-right: 0;
}
.square {
	float: left;
	width: 21px;
	height: 21px;
	border: 1px solid #949494;
	margin-right: 7px;
}
.square.orderdate,
.month-table-td.orderdate {
	background: #8890ff;
}
.square.shipdate,
.month-table-td.shipdate {
	background: #00ca17;
}
.square.delivery,
.month-table-td.delivery {
	background: #fdff4a;
}
.month-table-td.weekend {
	background: #d2d2d2;
}
.monthsbox {
	float: left;
	width: 432px;
}
.month-box {
	float: left;
	border: 1px solid #000;
	width: 200px;
	background: #fff;
}
.month-box.firstmonth {
	float: left;
}
.month-box.secondmonth {
	float: right;
}
.month-name {
	background: #dedede;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #00004c;
	font-style: italic;
	font-weight: bold;
}
.month-table-tr {
	float: left;
	margin: 1px 3px;
}
.month-table-td {
	float: left;
	width: 25px;
	line-height: 26px;
	text-align: center;
	margin: 0 1px;
}
.titleweek {
	font-weight: bold;
	font-size: 16px;
}
.bluebox-dates {
	float: left;
	width: 432px;
}
.bb-ordershipdates {
	float: left;
	margin: 0 24px 20px;
}
.bb-orderdate {
	float: left;
	width: 172px;
	margin-right: 40px;
}
.bb-shipdate {
	float: left;
	width: 172px;
}
.bb-orderdate h4,
.bb-shipdate h4 {
	float: left;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	margin: 0;
}
.bb-orderdate .bb-datebox,
.bb-shipdate .bb-datebox {
	float: left;
	background: #fff;
	color: #000;
	width: 100%;
	height: 38px;
	line-height: 38px;
	border: 1px solid #575757;
	border-radius: 3px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
}
.bb-delivereddate {
	float: left;
	width: 100%;
}
.bb-delivereddate h4 {
	float: left;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 27px;
	font-weight: bold;
	margin: 0;
}
.delivereddate-boxes {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.delivered-date {
	float: left;
	width: 245px;
}
.delivered-cost {
	float: right;
	width: 160px;
}
.bb-delivereddate .bb-datebox {
	float: left;
	background: #fff;
	color: #000;
	width: 100%;
	height: 64px;
	line-height: 64px;
	border: 2px solid #00004b;
	border-radius: 3px;
	font-size: 29px;
	font-weight: bold;
	text-align: center;
}
.bb-delivereddate .bb-costbox {
	float: left;
	background: #fff;
	color: #000;
	width: 100%;
	height: 64px;
	border: 2px solid #00004b;
	border-radius: 3px;
	text-align: center;
}
.delivereddate-boxes .notes {
	color: #fff;
	font-style: italic;
	width: 100%;
	float: left;
	font-size: 13px;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 5px;
}
.bb-delivereddate .bb-costbox h4 {
	float: left;
	margin: 4px 0;
	width: 100%;
	text-align: center;
	color: #737373;
	font-size: 17px;
}
.delcost {
	float: left;
	width: 100%;
	color: #000;
	font-weight: bold;
	font-size: 26px;
	text-align: center;
}
.dcb-whitebox h4 {
	float: left;
	width: 100%;
	color: #00004c;
	font-size: 22px;
	text-align: left;
	font-weight: 600;
}
.dcb-whitebox h4 span {
	color: #0505ba;
	font-size: 15px;
	font-weight: 400;
}
.orderdate-options,
.shipdate-options,
.delivereddate-options {
	float: left;
	margin-left: 25px;
	margin-bottom: 15px;
}
.datebox {
	opacity: .6;
	margin-bottom: 15px;
}
.datebox.active {
	opacity: 1;
}
.datebox label {
	font-size: 17px;
	font-weight: 400;
}
.datebox label span.bluetxt {
	color: #0505ba;
}
.datebox label span
.datebox input[type="radio"] {
	width: 16px;
	height: 16px;
}
input.selorddate {
	width: 148px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #abaaaa;
	border-radius: 3px;
	padding: 0 12px;
}
.shipdate-options,
.delivereddate-options {
	float: left;
	margin-left: 25px;
}
.dcb-info {
	float: left;
	width: 394px;
}
.dcb-calculate {
	float: right;
	width: 528px;
}
.dcb-infobox {
	float: left;
	width: 374px;
	height: 181px; /* 148px; */
	border: 2px solid #000;
	border-radius: 7px;
	padding: 15px 10px;
}
.dcb-calculatebox {
	float: left;
	width: 488px;
	height: 181px;
	border: 2px solid #000;
	border-radius: 7px;
	padding: 15px 20px;
}
.dcb-info h4,
.dcb-calculate h4 {
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	float: left;
}
.dcb-info .infobox-txt {
	float: left;
	color: #000;
	font-size: 16px;
	line-height: 30px;
}
.dcb-info .infobox-row {
	float: left;
	width: 100%;
	margin-top: 0;
}
.dcb-info .infobox-body {
	float: left;
	margin: 0px;
}
.dcb-calculatebox-form {
	float: left;
	width: 254px;
}
.dcb-calculatebox .country-form {
	margin-top: 0;
	margin-bottom: 15px;
}
.dcb-calculatebox-button {
	float: right;
	width: 219px;
	text-align: center;
}
.dcb-calculatebox-button .calculate-button {
	color: #fff;
	background: #09357b;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 22px;
	display: block;
	float: left;
	margin: 0;
	border-radius: 5px;
	cursor: pointer;
	float: right;
	margin-top: 42px;
}
.dcb-calculatebox-form .cb-inputgroup {
	float: left;
	margin-right: 0;
	margin-bottom: 12px;
}
.dcb-calculatebox-form .cb-inputgroup:last-child {
	float: left;
	margin: 0;
}
.dcb-calculatebox-form  .cb-inputgroup label {
	display: inline-block;
	margin-right: 7px;
	font-size: 19px;
	line-height: 40px;
	width: 98px;
}
.dcb-calculatebox .country-form label {
	margin-right: 15px;
	line-height: 36px;
	font-size: 18px;
}
/*----------updated130124---------------*/
.shipinfobox {
	float: left;
	background: #eeecec;
	padding: 10px 0 3px;
	width: 100%;
	border-radius: 5px;
}
.shipinfobox p {
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 7px;
	padding-left: 12px;
}
.shipinfobox p span {
	color: #00004c;
	font-weight: bold;
}


/*----------------------popup images----------------------*/
.windowpopup-images {
	display: none;
	position: fixed;
	top: 150px;
	z-index: 101;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.blockimages-content {
	background: #fff;
	border: 1px solid #a9a9a9;
	border-radius: 7px;
	padding: 25px 20px;
	position: relative;
	top: 400px;
	left: 50%;
	transform: translate(-50%, -50%);
	float: left;
}
h4.pib-itemname {
	color: #00004c;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	float: left;
	width: 100%;
}
.inventory-content p {
	text-align: center;
	font-style: italic;
	font-size: 18px;
	margin-top: 7px;
	margin-bottom: 0;
	float: left;
	width: 100%;
}
.blockimages-body {
	float: left;
	width: 100%;
}
.blockimages-left {
	float: left;
	width: 685px;
	margin-right: 15px;
}
.selectallimgs {
	float: left;
	width: 100%;
}

.blockimages-right {
	position: relative;
	float: right;
	width: 340px;
}
.number-selected {
	width: 100%;
	float: left;
}
.closeselect {
	position: relative;
	color: #000;
	font-weight: 900;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 8px;
	text-align: center;
	border-radius: 15px;
	cursor: pointer;
	float: left;
}
.closeselect svg {
	width: 12px;
	height: 12px;
	position: relative;
	top: 3px;
}
.closeselect-svg {
	fill: #000;
}
.number-selected p {
	float: left;
	margin-top: .5px;
	margin-bottom: 0;
	margin-left: 7px;
	font-weight: bold;
}
.blockimages-form {
	float: left;
	width: 100%;
}
.ib-inputgroup {
	display: inline-block;
	position: relative;
	margin-top: 20px;
	margin-right: 12px;
}
.ib-inputgroup:last-child {
	margin-right: 0;
}
.ib-inputgroup label {
	position: absolute;
	color: #5c5c5c;
	background: #fff;
	padding: 0 7px;
	z-index: 5;
	font-size: 14px;
	left: 12px;
	top: -7px;
}
.ib-inputgroup input {
	position: relative;
	border: 1px solid #838383;
	border-radius: 3px;
	height: 34px;
	line-height: 34px;
	padding-left: 12px;
	font-size: 17px;
	width: 320px;
}
.blockimages-button {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 35px;
}
.button-download {
	color: #fff;
	text-align: center;
	padding: 12px 30px;
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	font-size: 22px;
	border-radius: 5px;
}
.button-download.green {
	background: #5b8c3a;
}
.button-download.grey {
	background: #7d7d7d;
}
.button-download img {
	position: relative;
	top: 3px;
	height: 22px;
}
.button-download span {
	margin-right: 7px;
}
.blockimages-boxes {
	float: left;
	width: 100%;
	padding-left: 1px;
	height: 400px;
	overflow-y: scroll;
}
.blockimages-box {
	position: relative;
	float: left;
	width: 122px;
	height: 122px;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}
.box-checkbox {
	position: absolute;
	top: 3px;
	right: 3px;
}
.pib-imgbox {
	position: relative;
	float: left;
	width: 110px;
	height: 110px;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding: 5px;
}
.pib-imgbox.boxselected {
	position: relative;
	top: -1px;
	left: -1px;
	float: left;
	width: 110px;
	height: 110px;
	border: 2px solid #336aea;
	padding: 5px;
}
.pib-imgbox img {
	width: 80%;
	margin: 10%;
	height: auto;
}
.pib-imgbox-txt {
	position: absolute;
	bottom: 5px;
	font-size: 14px;
	float: left;
	width: 100%;
	text-align: center;
}
/* Popup */
.popup-confirmation {
	width: 1140px;
	margin: 0 auto;
}
.background-popup {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.popup-confirmation-body {
	position: absolute;
	margin: 130px 20px 0;
	width: 870px;
	height: 244px;
	background: #fff;
	border: 1px solid #cecece;
	z-index: 103;
	border-radius: 10px;
}
.popup-confirmation-body p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 42px;
	font-weight: bold;
	font-style: italic;
	margin-top: 30px;
}
/* Ship date calendar */
.datepicker {
}
#shipcalndday {
	display: inline-block;
	border: 1px solid #abaaaa;
	border-radius: 3px;
	padding: 0 12px;
	font-weight: 600;
	font-size: 18px;
	line-height: 40px;
	width: 120px;
}