/* ----- This file contains all css related to the new responsive design UI (html5) ----- */ 
/* ----- This file contains all the common css code for the old UI and the new responsive html5 UI ----- */

/* START OF ALL IA INTRODUCED VARS */
/* variables - set by user .................................................. */


/* ----- General Formatting ----- */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 00. base styles                                                            */
/* general reset ............................................................ */
* {
  margin: 0;
  padding: 0;
}
html,
body,
form,
img,
fieldset,
legend,
table,
tbody,
thead,
tfoot,
tr,
th,
td {
  border: none;
}
p, a, span {
  line-height: 1.25em;
}
li {
  list-style: none;
}

body
{
  height: 100%;
}

input[type="checkbox"], input[type="radio"] {
	/* margin: 3px 0.5cx; */
  	margin-right: 8px;
}

/* ----- Prevent bad styling of the JQuery decorated items ----- */
html.agfa {
  display: none;
}

/* html5 basics ............................................................. */
nav,
section,
aside,
header,
footer,
article {
  display: block;
}

img, embed,
object, video {
	max-width:100%;
}

/* Counter Bootstrap settings .............................................. */
.sflabel {
	display: inline;
    display: initial;
    max-width: none;
    max-width: initial;
    margin-bottom: 0px;
    margin-bottom: initial;
    font-weight: normal;
    font-weight: initial;
}
ol, ul {
	margin-top: 0;
	margin-bottom: 0px;
}

/* close button in flipbook dialog */
button.close {
	opacity: 1 !important;
	text-shadow: none !important;
}

/* clearfix class ........................................................... */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
  display: block;
}
.blockStyle {
  display: inline-block;
  display: block;
}
/* fonts .................................................................... */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../../../../template-resources/fonts/BebasNeue-webfont.eot');
    src: url('../../../../template-resources/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../template-resources/fonts/BebasNeue-webfont.woff') format('woff'),
         url('../../../../template-resources/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../../../../template-resources/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BebasNeueCyrillic';
    src: url('../../../../template-resources/fonts/Bebas_Neue_Cyrillic.eot');
    src: url('../../../../template-resources/fonts/Bebas_Neue_Cyrillic.eot?#iefix') format('embedded-opentype'),
         url('../../../../template-resources/fonts/Bebas_Neue_Cyrillic.woff') format('woff'),
    	 url('../../../../template-resources/fonts/Bebas_Neue_Cyrillic.ttf') format('truetype'),
         url('../../../../template-resources/fonts/Bebas_Neue_Cyrillic.svg#bebas_neue_cyrillicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-family: 'Roboto', sans-serif !important;
	color: #252525;
}

table {
	font-size:inherit;
}

/* jquery.ui.theme override */
.ui-widget, 
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea,
.ui-widget button.dropdown-toggle {
	font-family: 'Roboto', sans-serif !important;
}

.ui-widget textarea {
	font-size: 13px;
}

input.ui-widget, .ui-widget button, a[role="button"], .submit.ui-widget[role="button"] {
	font-family: 'Roboto', sans-serif !important;
}

select, input, textarea {
	font-size: 99%;
	font-family: 'Roboto', sans-serif;
}

/* */
pre, code {
	font:115% monospace;
}
body * {
	line-height:1.22em;
}
html {
	min-height: 100%;
	height: 100%;
}
.loginPage, .homePage, .defaultPage, .forgottenPassword,  .editpersonalinfo,
 .accountPage, .overviewPage, .cartPage, .checkoutPage,  .adminLogin,  .formPage {
	min-height: 100%;
	height: inherit;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
}

.ellipsis.multiline {
	white-space: normal;
}

img {
	border:0px;
	margin:0px;
	padding:0px;
}

form {
	margin:0px;
	padding:0px;
	display:inline;
}

.divider-line{
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  padding-top: 1em;
  clear: both;
}

.divider-line-strong{
  border-bottom: 3px solid #7f7f7f;
  width: 100%;
  padding-top: 0.1em;
  clear: both;
}

.boxRadioButton{
	margin-bottom: 8px;
}

/* Although it looks the same as .align-bottom-right, this one will be overwritten */
.bottom-right-wide-dlog {
    position: absolute;
    bottom: 18px;
    right: 25px;
}
.bottom-left-wide-dlog {
    position: absolute;
    bottom: 18px;
    left: 26px;
}

/* Don't change the wrapper width less than 790px, otherwise it will mess up the delivery option page in IE */
#awpheader {
	width:100%;
	height:30px;
	background-color:#feca2f;
}

#companybanner {
	width:100%;
	height:150px;
	float:left;
}

#content_wrapper {
	width:1000px;
	position:relative;
	margin:0 auto;
	padding:0px;
	clear:both;
	background-color:#fff;
}

a:active { text-decoration:none; color:#526968; }

hr {
	width:100%;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 0px;
	border-top: 1px solid #AAAAAA;
}

/* ----- Clear Formatting ----- */
.clear10 {height:10px;clear:both;overflow:hidden;}
.clear20 {height:20px;clear:both;overflow:hidden;}

/* ----- Spacing between Div's ----- */
.awpDivMargin {
	margin:1em;
}
.awpDivTopMargin {
	margin-top:1em;
}
.awpDivBottomMargin {
	margin-bottom:1em;
}
.awpKeepsFloatDivs {
	width:100%;
	display:inline-block;
}

/* ----- Layout Formatting ----- */
.content-with-nav { clear:both; padding:13px 0px 0px 0px; float:left; width:100%;background-color:#fff; }
.side-content-with-nav { float:left; width:180px; padding:0px 0px 0px 5px; }

/* ----- Header Formatting ----- */

${D}header { width:100%; vertical-align:bottom; }
#account { float:right; text-align:right; height:25px; padding:0px 5px 0px 0px; margin-top:5px; color:#999;}
#account a { text-decoration:none;}

/* ----- Breadcrumb Formating ----- */
/* WARNING: Do not set a percentage font-size on #breadcrumb, since that will cause ugly horizontal lines
   to display on the PowerReviews product review submission iFrame when scrolling down and then up */
#breadcrumb { clear:both; color:#999; margin:0; padding:9px 5px 9px 5px; }
#breadcrumb a { font-size:92%; text-decoration:none; }
#breadcrumb a:hover { text-decoration:underline; }

/* ----- Grid Formatting ----- */

.cartPage .previewincart, 
.commentsPreviewImage .previewincart, 
.checkoutPage .previewincart,
.accountPage .previewincart {
	width:50px;
}
.accountPage .previewincart {
	max-height:150px;
}

/* ----- Pagination Formatting ----- */

.continuum { color:#0c5baa; }

/* -- middle -- */

.sku { color:#999; font-size:92%; }
#quantitySelect { width:auto; margin:0px 5px 0px 0px; }
.quantityField, .decimalField, .floatField{ text-align:right; }

/* ----- Fieldset Formatting ----- */

fieldset { position:relative; margin:0; padding:15px;border:1px solid #ddd; }
fieldset h1 { margin-top:0!important; }
.fieldset-footer{
  position:relative;
  top:-1px;
  border-top:0;
  padding:7px 0px 7px 7px;
  border:1px solid #ddd; background-color:#ddd;
}

/* ----- Messages Formatting ----- */
.req { color:red; }
.reqBlock { display:block; color:red; }
.inBold { font-weight: bold; }

.error-msg { border:2px solid red;padding:8px;margin:20px 0px 20px 0px;color:red;}

.error-message-title { font-weight:bold;color:red;margin-bottom:5px;font-size:122%; }
.error-message-item { margin-bottom:2px; }
.error-message-line { color:red;margin-bottom:5px;font-size:100%; }
.error-message-extra-info { color:black;margin-top:5px;font-size:100%; }
.notice-message-item { font-weight:bold;color:red;margin-bottom:5px;font-size:122%; }
.info-message-item { color:red;margin-bottom:5px;font-size:100%; }

.message {
	max-width: 550px; /* reasonable width */
	padding: 10px;
	color: black;
	height: auto;
}

.info { 
	max-width: 550px;
	min-height:4em;
	padding:10px 10px 6px 70px;
	background:#fff url(../../../../template-resources/images/ico-info.gif?buildversion=1.0.0-sprint-61.3) no-repeat 12px 12px;
	color:yellow;
	border:1px solid #ccc; 
	height:auto;
	margin:0 0 20px 0;
}

.alert {
	min-height:70px;
	padding:10px 10px 6px 70px;
	background:#fff url(../../../../template-resources/images/ico-error.gif?buildversion=1.0.0-sprint-61.3) no-repeat 12px 12px; color:red; border:1px solid #ccc;
	height:auto;
	margin:0 0 20px 0;
}

.confirm {
	min-height:70px;
	padding: 10px 10px 6px 70px;
  	background: #fff url("../../../../template-resources/images/ico-question.gif?buildversion=1.0.0-sprint-61.3") no-repeat 12px 12px;
	height: auto;
	max-width: 550px;
}

/* ----- variableDataUpload dialog ----- */
div.variableDataUpload {
	padding: 5px;
}

div.variableDataUpload .errorSection {
	color: red;
	font-weight: bold;
}
.variableDataUpload .templateDownload {
	font-size: 11px;
}

/* ----- progressDialog ----- */
div.progressDialog div,
div#processing-info div,
div#general-errors div,
div#processing-report div {
	padding: 5px;
}

div.fileUploadDialog .resultReportInfo {
	background: #F3F3F3;
	border: 1px solid #CCC;
	padding-bottom:10px;
	margin-bottom: 10px;
	max-width: 650px;
}

div.progressDialog .resultReport,
div.fileUploadDialog .resultReport {
	padding:5px;
	text-align: left;
}

div.progressDialog .resultReport .errorTable,
div.fileUploadDialog .resultReport .errorTable {
	width: 100%;
}

div.progressDialog .resultReport .errorBoxRow,
div.fileUploadDialog .resultReport .errorBoxRow {
	padding:0px;
}

div.progressDialog .resultReport .errorBoxRowIcon,
div.fileUploadDialog .resultReport .errorBoxRowIcon {
	width: 16px;
	padding-top:6px;
	padding-right:5px;
	vertical-align: top;
}

div.progressDialog .resultReport .errorBoxRowTitle,
div.fileUploadDialog .resultReport .errorBoxRowTitle{
	padding-top:5px;
	padding-bottom:5px;
}

div.progressDialog .resultReport .errorSection,
div.fileUploadDialog .resultReport .errorSection {
	color: red;
	font-weight: bold;
}

div.progressDialog .resultReport .warningSection,
div.fileUploadDialog .resultReport .warningSection {
	font-weight: bold;
}

div.progressDialog .resultReport .fixesSection,
div.fileUploadDialog .resultReport .fixesSection {
	font-weight: bold;
}

div.progressDialog .resultReport .errorBoxLabel,
div.fileUploadDialog .resultReport .errorBoxLabel {
	width: 30%;
	text-align:right;
	white-space: nowrap;
	padding:0px;
	padding-left:25px;
	font-size:85%;
}

div.progressDialog .resultReport .errorBoxValue,
div.fileUploadDialog .resultReport .errorBoxValue {
	width: 60%;
	padding:0px;
	padding-left:5px;
	font-size:85%;
}

div.progressDialog div.note,
div.fileUploadDialog div.note {
	padding-top: 10px;
	font-size: 85%;
}

div.fileUploadDialog .awp-fileupload-errorMessage {
	margin-top: 5px;
	text-align: center;
}

#contentUploadForm div.or {
	text-align: center;
	font-style: italic;
	font-size: 85%;
}

.horizontal-links {
	text-align: left;
	display: block;
	margin: 0;
	padding: 0;
	white-space: nowrap; /* do not wrap! */
}

.horizontal-links li {
	display: inline;
	margin: 0px 1em 0px 0px;
}

.horizontal-links ul {
	-webkit-padding-start: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#scaleToDocumentSize {
	width: 100%;
	border: none;
}

.paymentView {
	width: 500px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	/*height: 450px;*/
	border: none;
}

.orderDetails .fillUpSpace#awp-order-details-billing {
	float:left;
	padding:0px;
	margin-left: 0px;
}

.orderDetails .awp-checkout-shipment-details{
  width:100%;
  clear: both;
}

.orderDetails .awp-checkout-shipment-details {
	margin-top:1em;
}

.digitalDownload {
	margin: 0.35em 0em;
	font-weight: bold;
}

/* page grid ................................................................ */
#pageHeader {
  position: relative;
  z-index: 10;
}

#pageHeader .headWrap {
  position: relative;
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 03. headings, links & buttons                                              */
/* heading .................................................................. */
.heading {
  font-size: 100%;
}

.sfContent .heading span {
  font-size: 153.9%;
  font-weight: bold;
}

/* main heading ............................................................. */
.sfContent > .heading {
  margin: 1.5em 1em 0.5em 0;
}

/* link ..................................................................... */
a {
  color: #252525;
}

/* ----- Checkout Formatting ----- */
#checkout-receipt-print-invoice {
	float:right;
}
#print-checkout-receipt {
	float:left;
	margin-right: 5px;
}
div.customInvoice{
	float: right;
	cursor: hand;
	cursor: pointer;
}

div.customInvoice.sc{
	font-size:small;
	margin-right:10px;
}
div.customInvoice .sficon-small{
	float:left;
}
div.customInvoice .invoiceLinkText{
	text-decoration:underline;
	margin-left: 10px;
	float:left;
}

/* ----- Cart Formatting ----- */
.new-saved-name {
	font-weight:bold;
	font-style:italic;
}
.original-name {
	font-style:italic;
}
.number-of-pages {
	font-size:100%;
	margin-bottom:10px;
}

/* ----- Cart Summary Formatting ----- */
.order-details tbody {
	vertical-align: top;
}
.order-details td {
	padding:4px 0 0 5px;
	text-align:right;
}
.order-details td.title {
	font-weight:bold;
	min-width: 180px;
}
.order-details td.value {
	padding:4px 0 0 5px;
	text-align:left;
}
.order-details div.banktransferEmailText {
	text-align: left;
	padding-left: 5px;
}
.order-details .banktransferEmailText td {
	text-align:inherit;
}

.split-order-details tbody {
	vertical-align: top;
}
.split-order-details td {
	padding:4px 0 0 0;
	text-align:right;
}
.split-order-details td.title {
	font-weight:bold;
	min-width: 180px;
}
.split-order-details td.value {
	padding:4px 0 0 5px;
	text-align:left;
}

.value.cancelled, .value.rejected {
	color:red;
}
.heading.cancelled, .total.cancelled {
	text-decoration: line-through;
}
.heading.rejected, .total.rejected{
	text-decoration: line-through;
}

.specs.cancelled .detail,
.specs.rejected .detail,
.specs.cancelled .minorDetail,
.specs.rejected .minorDetail {
	text-decoration: line-through;
}

/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 04. navigation                                                             */
/* main navigation .......................................................... */
.navPrimary {
		background-image: -ms-linear-gradient(top, #e5e5e5, #dddddd);
	background-image: -moz-linear-gradient(center top, #e5e5e5, #dddddd);
	background-image: -moz-linear-gradient(center top, #e5e5e5, #dddddd);
	background-image: -o-linear-gradient(#e5e5e5, #dddddd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #dddddd));
	background-image: -webkit-linear-gradient(center top, #e5e5e5, #dddddd);
	background-image: linear-gradient(center top, #e5e5e5, #dddddd);
 	-moz-border-radius:14px;
	-o-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
 	-moz-box-shadow:0 2px 6px rgba(0,0,0,0.4);
	-o-box-shadow:0 2px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.4);
	box-shadow:0 2px 6px rgba(0,0,0,0.4);
 position:relative; z-index:10;
}
.navPrimary ul li {
	float:left;
	padding: 1px;
}

ul.dropDownNavigationMenu li {
	float:none;
}

.navPrimary ul li.active {
	padding: 0;
}

.navPrimary ul li.first .page {
  	-moz-border-radius: 14px 0 0 14px;
	 -o-border-radius: 14px 0 0 14px;
	 -webkit-border-radius: 14px 0 0 14px;
	 border-radius: 14px 0 0 14px;
}

.navPrimary ul li .page {
  display: block;
  font-size: 116%;
  text-transform: uppercase;
  text-decoration: none;
}
.navPrimary ul li.active > a {
	border:1px solid #0c5baa;
		background-image: -ms-linear-gradient(top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -o-linear-gradient(#4c9bea, #0c5baa);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c9bea), color-stop(100%, #0c5baa));
	background-image: -webkit-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: linear-gradient(center top, #4c9bea, #0c5baa);
 color:#ffffff;
}


/* Collapsing Menu's                                                          */
ul.nav.navbar-nav > li.more ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-right: 0;
}
ul.nav.navbar-nav > li.more li a {
	padding: 10px 10px 10px 10px;
	text-align: left;
	white-space: nowrap;
}

/* sub navigation ........................................................... */
.navSub {background:#fff; 	-moz-border-radius:14px;
	-o-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
 	-moz-box-shadow:0 2px 7px #888888;
	-o-box-shadow:0 2px 7px #888888;
	-webkit-box-shadow:0 2px 7px #888888;
	box-shadow:0 2px 7px #888888;
 padding: 8px; overflow:hidden;}

.navSub ul li {
  margin: 0.35em 0;
}
.navSub ul li .page {
  text-decoration: none;
}
.navSub ul li.active .page {color:#0c5baa; font-weight:700;}

/* language navigation ...................................................... */
.languages {
  float: right;
}

.languages ul {
  overflow: hidden;
}

.languages ul li {
  float: left;
  background: url("../../../../template-resources/images/nav-sep.gif?buildversion=1.0.0-sprint-61.3") right center no-repeat;
  padding-right: 1px;
}

.languages ul li .page {
  margin: 0 0.5em;
  font-size: 93%;
}
.languages ul li.active .page {
  font-weight: 700;
  text-decoration: none;
}
.languages ul li a {
  text-decoration:underline;
}

.languages ul li.last {
  background: none;
  padding-right: 0;
}
.languages ul li.last .page {
  margin-right: 0;
}

/* log navigation ........................................................... */
.navLog ul li {
  float: left;
  padding-right: 1px;
}
.navLog ul li .page {
  margin: 0 0.5em;
}
.navLog ul li.last {
  background: none;
  padding-right: 0;
}
.navLog ul li.last .page {
  margin-right: 0;
}
.loggedOut .navLog ul {
  margin-bottom: 0;
}
.loggedOut .navLog ul li .page {
  padding-bottom: 8px;
  display: inline-block;
}

/* pager .................................................................... */
.paging .pager {background:#f1f1f1; text-align:center; padding:0.25em 1em; 	-moz-box-shadow:0 2px 2px #aaaaaa;
	-o-box-shadow:0 2px 2px #aaaaaa;
	-webkit-box-shadow:0 2px 2px #aaaaaa;
	box-shadow:0 2px 2px #aaaaaa;
}
.paging .pager * {
  display: inline-block;
  padding: 0.15em;
}
.paging .pager a {color:#0c5baa; padding:0.15em 0.5em; text-decoration:none;}
.paging .pager .active a, .paging .pager ul li a:hover {background:#0c5baa; color:#fff;}
.paging .pager ul li {
  margin-left: -0.35em;
}
/* in product list footer */
.modListFooter .paging {
  margin-top: 0;
}
.modListFooter .note {
  padding-top : 10px;
  font-size: 93%;
  max-width: 380px;
  float: left;
}

/* paragraph ................................................................ */
p {
  margin: 0.5em 0;
}

/* site meta ................................................................ */
.languageBar {
  background: rgba(255, 255, 255, 0.71);
  padding: 0.5em 0;
}

.printIcons {
	font-size:90%;
	float:right;
	position: absolute;
	bottom: 3px;
	right: 8px;
}

/* sorter ..................................................................... */
.sorter {
	font-size:90%;
	float:right;
	position: absolute;
	bottom: 0px;
	right: 8px;
}

.sorter select {
  border: 1px solid #c7c7c7;
}

/* stock indicator ..................................................................... */
.instock {
	font-weight: normal;
	font-size: 100%;
	float: right;
	color: #252525;
}

.instock.outOfStock {
	color:red;
}

.instock.backOrderAvailable {
	color:#e9bb4b;
}

/* product list ............................................................. */
.modList {
  margin-left: 0;
}
.modListHeader {
  overflow: hidden;
  border-bottom: 1px solid #c7c7c7;
}
.modListMain {
  overflow: hidden;
}
.modListMain ul {
  margin-left: -2em;
}

/* product detail ........................................................... */
div.product .modHeader .heading {
  margin: 1em 0em;
}
div.product .flyer .current a {
  outline: none;
}
div.product .flyer  ul {
  margin: 8px 0px 8px -8px;
  overflow: hidden;
}
div.product .flyer ul li {
  float: left;
  margin: 0px 0px 8px 8px;
}
div.product .flyer ul li img {
  width: 86px;
  height: 86px;
  background-repeat: no-repeat;
  background-position: center center;
}
div.product .flyer ul li img {
  	padding: 2px;
	border: 0px;
  	overflow: hidden;
}
div.product .flyer ul li img:hover,
div.product .flyer ul li img.jHover,
div.product .flyer ul li img.jActive {
	padding: 0;
	border: 2px solid #0c5baa;
}

/* Specs */
div.product .specs {
  margin-top: 1em;
  margin-bottom: 1em;
}
div.product .order .formHeader .heading span {
	margin-right: 5px;
}

div.product .templateDownload .heading span,
div.product .specs .heading span,
div.product .order .heading span,
.accountPage .section .heading span {
	color:#0c5baa;
	font-size:108%;
}

/* prices */
div.product .prices {
  font-size: 11px;
  margin-top: 1em;
}

div.product .table table {
	width:100%;
	border: 0px;
	border-collapse: separate;
		-moz-box-shadow:0 2px 5px #888888;
	-o-box-shadow:0 2px 5px #888888;
	-webkit-box-shadow:0 2px 5px #888888;
	box-shadow:0 2px 5px #888888;
}
div.product .table thead th {
	background:#4c9bea;
	padding:0.75em 1em;
	text-align:left;
	color:#FFFFFF;
}

/* order */
div.product .order {
	border:2px solid #0c5baa;
	padding:1em;
	margin-bottom:1em;
}

div.product .order .heading {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 0.15em;
  margin-bottom: 1em;
}
div.product .order .formRow:after {
  clear: none;
}
div.product .order .spinner {
  overflow: hidden;
}
div.product .order .spinner .caption {
  float: none;
}
div.product .order .spinner .detail {
  float: left;
  margin-left: 0.25em;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}
div.product .order .inputElement {
  float:none;
}
div.product .order .productconfig-priceParameter {
  width: auto;
}
div.product .order .quantityField.productconfig-priceParameter,
div.product .order .decimalField.productconfig-priceParameter,
div.product .order .floatField.productconfig-priceParameter {
  width: 6em;
}
div.product .totalprice .sflabel{
	margin-top: 0.25em;
	width:auto;
	padding: 0.35em 0.75em 0.35em 0;
	display:inline;
	color:#0c5baa;
	font-weight: bold;
}

div.product .totalprice .detail{
	margin-top: 0.25em;
	min-width: 5em;
	text-align: center;
	display:inline-block;
}
div.product .totalprice #oldtotalprice{
	padding-right: 1em;
}
.prepromoprice{
	font-weight: normal;
	font-style: italic;
	font-size: small;
	text-decoration: line-through;
}
div.product .totalprice .detail#totalprice, 
div.product .totalprice .detail#estimatedprice {
		-moz-box-shadow:0 2px 5px #aaaaaa;
	-o-box-shadow:0 2px 5px #aaaaaa;
	-webkit-box-shadow:0 2px 5px #aaaaaa;
	box-shadow:0 2px 5px #aaaaaa;
 padding: 0.35em 0.75em;
	color:#FFFFFF;
	font-weight:700;
	background:#4c9bea;
}

.highlighted {
	color:#0c5baa;
}

div.product .table td {
  border-left: 1px solid #e8e8e8;
  background: #fff;
  padding: 0.4em 1em;
}
div.product .table tr:nth-child(odd) td {
  background: #f7f7f7;
}
div.product .table tr:nth-child(odd) td:first-child {
  background: #eeeeee;
}
div.product .table tr td:first-child {
  border-left: none;
}
div.product .table tbody th {
  background: #f3f3f3;
  padding: 0.4em 1em;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
div.product .table .note {
  margin-top: 1.25em;
}
div.product .table .note a {
  cursor: pointer;
}
div.product .prices .priceTableFooter {
  margin-top: 1.0em;
}

.priceRemark  {
	font-size: 11px;
	font-weight: normal;
}

.productPriceRemark  {
	 margin: 0.5em 0.25em 0.25em 0.25em
}

/* variable size */
#sizeSubValues {
  margin-left: 1.4em;
  width: 25em;
}
#size-width, #size-height{
  font-weight: bold;
  width: 9.7em;
  float:left;
  line-height: 1.5em;
}
.sizeTextInput {
  width: 8em;
}
.pointingRightFeedback {
  float: left;
  background: url("../../../../template-resources/images/icon-feedback_1.gif?buildversion=1.0.0-sprint-61.3") right center no-repeat;
  padding-top: 1px;
  width: 20px;
  height: 20px;
}
#varSizeErrorIcon {
  margin-left: -23px;
}
.priceinfo {
  margin-left: 1.4em;
  padding-top: 8px;
}
.numericField_formatting{
  text-align: right;
}
#downloadableLabel{
  line-height: 1.75em;
  display: block;
  position: relative;
  font-weight: 700;
  padding-top: 5px;
}
#downloadableDetail{
  padding-left: 12px;
  font-style: italic;
}

/* dv spinner */
input.quantityField.productconfig-priceParameter,
input.decimalField.productconfig-priceParameter,
input.floatField.productconfig-priceParameter {
	text-align: right;
	width: 75px;
}

/* hide the "clear" button in IE10 */
/* input[type=text]::-ms-clear { */
.ui-spinner-input::-ms-clear {
	display: none;
}

/* dv spinner */
div.product .order select.productconfig-priceParameter {
	padding-left: 0px;
	padding-right: 0px;
	min-width: 5em;
}

/* Options */
div.product .inputElement.options .caption{
	float: none;
}

div.product .inputElement.options .detail{
	float: none;
	margin-left: 0.25em;
	margin-bottom: 0.5em;
}

div.product .inputElement.options .detail select,
div.product .inputElement.options .detail input.textfield {
  	min-width: 230px;
	max-width: 340px;
	left: 0px;
}

div.product .order .radio .caption {
	float: none;
	margin-left: 0.25em;
	padding-top: 0.37em;
	padding-bottom: 0.37em;
	text-align:left;
}
div.product .order .radio .caption .sflabel {
	font-weight: 700;
}
div.product .topborder{
	border-top:1px solid #e3e3e3;
	padding-top:0.3em;
	margin-top:1em;
}
div.product .bottomborder{
	border-bottom:1px solid #e3e3e3;
	padding-top:0.5em;
	margin-bottom:0.5em;
}

div.product .totalprice {
  font-size: 108%;
  font-weight: bold;
}
div.product .productwarning, div.product .NoKnownPrice, div.product .outofstockwarning {
  margin-top: 0.5em;
  font-size: 116%;
  font-style: italic;
  font-weight: bold;
}
div.product .productwarning .note {
  padding: 0.5em 0;
  font-size: 85%;
  font-style: italic;
}
div.product .formFooter .frmActions .advance > input{
	margin: 3px;
}
div.product .formFooter .frmActions .advance {
 	float: right;
}

div.checkoutPage .formBox .formFooter .frmActions .advance {
	/* Needs to be 42px to fit PayPal Express Checkout button, 46 for Portuguese */
	height: 46px;
}

div.product .formFooter .frmActions .productInfo {
	float: left;
}

div.product .productInfo.freeShippingOption {
	padding-left: 3px;
}

.freeShippingOption {
	font-weight: bold;
	font-style: italic;
	color: black;
}
/* Tables */
table.priceTableMatrix {
	border: 1px;
	border-collapse:separate;
}

table.priceTableMatrix tr th {
	text-align: center !important;
	padding-left: 5px;
	padding-right: 5px;
}

table.priceTableMatrix tr th.value {
	width:70px;
}

table.priceTableMatrix tr td {
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
}

table.priceTableMatrix tr td.cellClass {
	text-align: right;
	white-space: nowrap;
}

table.priceTableMatrix tr td.rowHeader {
  	background: #f3f3f3;
}

div.vdpQuote {
	text-align: center;
}

table.vdpQuote {
	margin: 8px auto;
	border: 0px;
	border-collapse: collapse;
		-moz-box-shadow:0 2px 5px #888888;
	-o-box-shadow:0 2px 5px #888888;
	-webkit-box-shadow:0 2px 5px #888888;
	box-shadow:0 2px 5px #888888;
}

table.vdpQuote thead tr th {
	background: #4c9bea;
	text-align: center !important;
	padding: 5px 15px 5px 15px;
	color:#FFFFFF;
}

table.vdpQuote tbody tr td {
	text-align: center !important;
	padding-top: 5px;
}

table.vdpQuote tbody tr:last-child td {
	padding-bottom: 5px;
}

table.vdpQuote select {
	padding-top: 2px;
	padding-bottom: 1px;
}

/* specs */
div.product .heading {
	margin-bottom: 0.5em;
}
.overviewPage .sflabel {
	padding-top: 0px;
	padding-bottom: 0px;
}
.overviewPage .templateDownload #template {
	margin-bottom: 2px;
}
.overviewPage .templateDownload .sficon-small  {
	display: inline-block;
}
.overviewPage div.product .vdpInfo {
	font-weight: bold;
}
.overviewPage div.product .vdpPrice {
	margin-top: 6px;
	font-style: italic;
}
div.product .specs .spec, div.product .templateDownload .detail {
	margin-bottom: 0.25em;
	font-size: 11px;
}
div.product .templateDownload .detail {
	display: inline;
}
div.product .specs .spec .caption {
	font-weight: 700;
	margin-bottom: 0.15em;
}

/* textblock */
div.product .textblock h1 {
	font-size: 100% !important;
	font-weight: bold;
	margin-bottom: 8px;
}

div.product .textblock .heading {
	margin-bottom: 0.5em;
}

div.product .textblock p {
	line-height: 1.35em;
}
div.product .textblock#productDescription {
	margin-top: 1em;
}

div.product p#product-content-description,  p#productproduct-content-specification {
	padding-bottom:2em;
}

#product-content-description.productdescription, #product-content-specification.productdescription {
	overflow: hidden;
}

/* download */
div.product .download {
  margin-top: 1.75em;
  overflow: hidden;
}

div.product .download .cta {
		-moz-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
 	background-image: -ms-linear-gradient(top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -o-linear-gradient(#4c9bea, #0c5baa);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c9bea), color-stop(100%, #0c5baa));
	background-image: -webkit-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: linear-gradient(center top, #4c9bea, #0c5baa);
 border:1px solid #0c5baa;
	float:left;}

	div.product .download a {
	  background: url("../../../../template-resources/images/download-iconInverted.png?buildversion=1.0.0-sprint-61.3&color=0c5baa") 10px center no-repeat;
	}

div.product .download a {
  color: #fff;
  padding: 0.35em 1.25em;
  padding-left: 40px;
  text-decoration: none;
  float: left;
}

/* navigation (sidebar) & content .......................................... */

.sidebar {
	width: 195px;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
}

.sfContent {
	width: calc(100% - 195px);
	float: left;
	padding-left: 8px;
	padding-right: 8px;
}

/* homepage ................................................................. */
.homePage #pageMain .graphic {
  overflow: hidden;
}
.homePage #pageMain .banner {
  line-height: 0px;
}

.bannerSlider {
  width: 100%;
  color: white;
}

.bannerSlider .bs-current {
	float:left;
	width:74%;
	overflow:hidden;
	position:relative;
	font-size:1rem;
}

.overviewPage .graphicBanner {
  display: block;
}

.homePage #pageMain > .image img {
  display: block;
}

/* category patch */
div.patch {
	margin-bottom: 16px;
	height: 210px;
	float: left;
}

div.patch a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	background: #f1f1f1;
}

div.patch a.no-scaling  {
	padding: 8px;
}

div.patch a:hover {
	background: #0c5baa;
	color: #FFFFFF;
}

div.patch a span.header {
  font-size: 18px;
  line-height: 21px;
  color: #0c5baa;
  display: block;
  margin-bottom: 8px;
  height: 64px;
}

div.patch a div.header {
  font-size: 18px;
  line-height: 21px;
  color: #0c5baa;
  position: absolute;
  top: 8px;
  left: 8px;
}

.homePage div.patch a div.header, 
.homePage div.patch a span.header,
.overviewPage div.patch.category a div.header,
.overviewPage div.patch.category a span.header {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: bold !important;
}

.overviewPage div.patch a div.header, 
.overviewPage div.patch a span.header,
#searchContent div.patch a div.header, 
#searchContent div.patch a span.header
{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: bold !important;
}

div.patch a:hover .header {
	color: #fff;
}

div.patch a .main {
	display: block;
	width: 100%;
	height: 124px;
	overflow: hidden;
}

div.patch a .main .image {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 4px;
	left: 0px;
	text-align: center;
	position: absolute;
}

div.patch a:hover .hide-on-hover {
	  position: absolute;
  top: auto;
  left: -999em;
  right: auto;

}

div.patch a:hover .main .description {
	position: static;
}

div.patch a:hover div.description {
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
 	text-align: center;
}

div.patch a .main .description {
	  position: absolute;
  top: auto;
  left: -999em;
  right: auto;

	display: block;
	width: 100%;
	color: #fff;
	font-size: 90%;
	text-align: left;
}

div.patch a div.description {
	  position: absolute;
  top: auto;
  left: -999em;
  right: auto;

	color: #fff;
	font-size: 90%;
}

div.patch a .price {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	margin:0.75em;
	padding:0.35em 0.75em;
	background:#fff;
		-moz-box-shadow:0 2px 6px #aaaaaa;
	-o-box-shadow:0 2px 6px #aaaaaa;
	-webkit-box-shadow:0 2px 6px #aaaaaa;
	box-shadow:0 2px 6px #aaaaaa;
;
	color:#252525;
	font-weight:700;
}

.scalingContainer {
	width: 100%;
    height: 100%;
    overflow: hidden;
}

a.auto-scaling img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

img.zoomable, div.zoomable {
	-webkit-transition: all .55s ease-in-out;
	transition: all .55s ease-in-out;
}

a:hover img.zoomable, a:hover div.zoomable {
	transform: scale(1.15);
}


/* home & default page */
#pageMain {
	padding-bottom: 16px;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}

h5 {
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}

.primaryColor {
	color: #0c5baa !important;
}

.secondaryColor {
	color: #feca2f !important;
}

#pageContainer {
	height: auto !important;
	padding-bottom: 16px;
}

#pageMain .addressBox h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}

#pageMain .product h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	color:#0c5baa;
}

div.product .textblock#productDescription h1 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 8px;
}


#pageMain .loginColumns h1 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 8px;
	color:#0c5baa;
}

#pageContainer #pageMain .previewInOrderDetails {
	max-width: 100px;
	max-height: 100px;
}

/* shopping cart ............................................................ */
.cartPage .navBreadcrumb {
	float: left;
	margin-left:30px;
	padding-top: 1em;
}

td.actionCol ul, td.imageCol ul {
  margin-left: 0;
  margin-right: 0;
}
/* cta */
.navigation .cta a {
  position: relative;
  text-decoration: none;
}

/* modlist*/
.cartPage .modList .modListHeader {
	border: none;
	padding-bottom: 0;
	margin-bottom: 1em;
}
.cartPage .modList .modListHeader .heading span {
	font-size: 123.1%;
}
.modList .modListMain table,
table#advancedSearchResult {
	width: 100%;
	border-radius:10px;
	border-collapse: initial;
}
.modList .modListMain table th,
table#advancedSearchResult th {
  	font-weight: normal;
	text-align: center;
}
.modList .modListMain table th.borderRight,
table#advancedSearchResult th.borderRight {
	border-right: 1px solid #e8e8e8;
}
.modList .modListMain table th.borderBottom {
	padding: 2px;
	border-bottom: 1px solid #e8e8e8;
}
.modList .modListMain table td {
	padding: 9px 3px 9px 9px;
	vertical-align: top;
}
.modList .modListMain table tbody tr.even td {
	background: #f3f3f3;
}
.modList .modListMain table td.imageCol {
	border-right: 1px solid #e8e8e8;
	width: 135px;
}

.modList .modListMain table td.imageCol img,
table#advancedSearchResult td.imageCol img {
	display: block;
}

.modList .modListMain table td.descriptionCol {
	border-right: 1px solid #e8e8e8;
	max-width: 300px; 
}

.modList .modListMain table td.descriptionCol .heading,
.modList .modListMain table td.descriptionCol div {
	max-width: auto; /* 300px; */
}

.modList .modListMain table td.descriptionCol .heading {
	margin-top: 0.15em;
}
.packageSlip .modList .modListMain table td.descriptionCol,
.packageSlip .modList .modListMain table td.descriptionCol div,
.packageSlip .modList .modListMain table td.descriptionCol .heading {
	max-width:47em;
}

.modList .modListMain table td.descriptionCol .description {
	margin-top: 8px;
}

.packageSlip .modList .modListMain table td.descriptionCol .skucode {
	font-style:italic;
}
.packageSlip h1.heading span {
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	display:block;
}

.modList .modListMain table td.descriptionCol .heading a:hover {
	color: #252525;
}

.modList .modListMain table td.descriptionCol p {
	margin: 0.35em 0em;
	font-size: 93%;
}

.modList .modListMain table td.descriptionCol .option {
	margin: 0.35em 0em;
	font-size: 93%;
}

.resubmitContent {
	margin-top: 10px;
	color:red;
}

.productLinks a:before,
td.imageCol a:before,
td.actionCol a:before,
div.mask:before,
a.mask:before {
	background:#4c9bea url("../../../../template-resources/images/product-icons-mask.png?buildversion=1.0.0-sprint-61.3") -20px top no-repeat;
	content: "";
	display: block;
	position: absolute;
	width:16px;
	height:15px;
	left:-2px;
  	top: 0px;
}

/* when the row is even, another mask should overwrite the standard one. That's why the css path is longer. */
.even td.imageCol a:before,
.even .productLinks a:before,
.even td.actionCol a:before,
.even div.mask:before,
.even a.mask:before,
.accountPage .odd  td div.mask:before,
.accountPage .odd  td a.mask:before {
	background-image:url("../../../../template-resources/images/product-icons-mask-alt.png?buildversion=1.0.0-sprint-61.3");
}

.productLinks .preview a:before,
td.imageCol .preview a:before,
.download.preview a:before {
  	background-position: 0px top !important;
}

.productLinks .approval a:before,
td.imageCol .approval a:before {
  	background-position: -176px top !important;
}

/* remove link */
div.delete:before, a.delete:before {
	background-position: -16px top !important;
}
/* save link */
div.save:before, a.save:before {
	background-position: -32px top !important;
}
/* edit link 'li' pointer is needed to override the background-position of the general mask.*/
div.editDivLink:before, a.edit:before {
	background-position: -48px top !important;
}
/*add to cart from wishlist*/
div.order:before, a.order:before {
	background-position: -64px top !important;
}
.modList .modListMain table .actionCol li a.replace:before {
  	background-position: -80px top !important;
}
/* edit item link */
div.options:before, a.options:before {
	background-position: -96px top !important;
}
td.actionCol a.comments:before {
	background-position: -112px top !important;
}

.productLinks .excel a:before,
td.imageCol .excel a:before {
	background-position: -128px top !important;
}

.storeItem .storeItemImage div.reorder:before,
.storeItem .storeItemImage a.reorder:before,
.storeItem .storeItemImage div.resubmit:before,
.storeItem .storeItemImage a.resubmit:before,
td.imageCol div.reorder:before,
td.imageCol a.reorder:before,
td.imageCol div.resubmit:before,
td.imageCol a.resubmit:before {
	background-position: -144px top !important;
}

div.inkcoverage a:before {
	background-position: -160px top !important;
}
.modList .modListMain table td.priceCol {
  vertical-align: middle;
  padding: 0.25em 1.25em;
  border-right: 1px solid #e8e8e8;
}
.modList .modListMain table td.priceCol .amount {
  text-align: right;
  margin-right: 0.25em;
}

.modList .modListMain table td.quantity.amount {
  text-align: center;
}

.modList .modListMain table td.orderCol {
  vertical-align: middle;
  border-right: 1px solid #e8e8e8;
  padding-left: 1em;
}
.modList .modListMain table td.taxesCol {
  vertical-align: middle;
  padding-left: 1em;
  width: 5em;
}

.checkoutPage#sfOrderDetails .modList .modListMain table td.orderCol.noBorder,
.checkoutPage.w2pOrderDetails .modList .modListMain table td.orderCol.noBorder,
.checkoutPage.checkoutPage2 .modList .modListMain table td.orderCol {
	border: none;
}

.checkoutPage.w2pOrderDetails #print-checkout-receipt .textOnBackground span,
.checkoutPage#sfOrderDetails #print-checkout-receipt .textOnBackground span {
	float: left;
	margin-right: 5px;
}

.checkoutPage.w2pOrderDetails #print-checkout-receipt .textOnBackground .labelPrintIcon,
.checkoutPage#sfOrderDetails #print-checkout-receipt .textOnBackground .labelPrintIcon {
	text-decoration: underline;
}

.modList .modListMain table td.orderCol .total {
	margin-right: 1.0em;
	line-height: 1.45em;
	text-align: right;
}
.modList .modListMain table td.orderCol .total.active {
	font-size: 116%;
	font-weight: 700;
	padding:0.25em;
	white-space:nowrap;
}

.modList .modListMain table td.actionCol {
	min-width: 9em;
	padding: 0;
}
.modList .modListMain table td.actionCol .navActions{
	padding: 0.4em 0.5em 0em 1em;
}
.modList .modListMain table td.actionCol .navActions tr td{
	padding: 0.25em 0em;
	background:none;
}
.modList .modListMain table td.roundingCol {
  padding: 0.50em;
  width: 1px;
}
.modList .modListMain table td.taxesCol {
  font-size: 90%;
  text-align: center;
}

.modList .modListMain table td.imageCol div,
table#advancedSearchResult td.imageCol div,
.modList .modListMain table .actionCol td {
	margin: 0.25em 0em;
}

.modList .modListMain table td.imageCol.kitIndent {
	border-left-width: 15px !important;
	border-left-color: #4c9bea !important;
	border-left-style:solid !important;
}

.storeItem .storeItemImage li a,
.productLinks li a,
.productLinks div a,
table td.imageCol li a,
table td.imageCol td a,
table td.imageCol div a,
table td.actionCol li a,
table td.actionCol td a,
table td.actionCol div a  {
	font-size: 93%;
	padding-left: 20px;
	position: relative;
	line-height: 1.45em;
}
table td.imageCol div a {
	display:inline-block;
}

.modList .modListMain table tbody tr.even td.imageCol,
.modList .modListMain table tbody tr.even td.descriptionCol,
.modList .modListMain table tbody tr.even td.priceCol,
.modList .modListMain table tbody tr.even td.orderCol {
  border-right-color: #fefefe;
}

/* price overview */
.modList .priceOverview .specs {
  margin: 0.75em 0.75em;
}
.modList .modListFooter .priceOverview .spec {
  margin: 0em 0em;
  overflow: hidden;
  padding: 0.5em;
  padding-right: 1.9em;
}
.checkoutPage.checkoutPage3 .priceOverview.priceOverviewPayment .spec.total#total{
	padding: 0.5em;
}
.wizard .wizardMain .paymentConfirmation .notification {
  margin: 2.5em 10em;
  text-align: center;
  padding-left: 40px;
  position: relative;
}
.wizard .wizardMain .paymentConfirmation .notification:before {
  content: "";
  display: block;
  background: #feca2f url("../../../../template-resources/images/mask-notification-confirm.png?buildversion=1.0.0-sprint-61.3") left top no-repeat;
  width: 43px;
  height: 33px;
  position: absolute;
  left: 0;
  top: 1.25em;
}
.wizard .wizardMain .paymentConfirmation .notification .heading span {
  color:#0c5baa;
  font-size: 182%;
  font-weight: 400;
}
.wizard .wizardMain .paymentConfirmation .notification .main p {
  font-size: 138.5%;
  font-weight: 400;
  color:#0c5baa;
}
.wizard .wizardMain .paymentConfirmation .textblock {
  margin: 2em 5em;
  text-align: center;
}

.modList .priceOverview {
	position:relative;
	z-index:9;
	background:#4c9bea;
		-moz-border-radius: 0px 0px 10px 10px;
	 -o-border-radius: 0px 0px 10px 10px;
	 -webkit-border-radius: 0px 0px 10px 10px;
	 border-radius: 0px 0px 10px 10px;
}

.modList .priceOverview .spec .caption,
.modList .priceOverview .spec .minorCaption {
  float: left;
  max-width: 200px;
}

.modList .priceOverview .spec .minorCaption {
  float: left;
  margin-top: 0.5em;
}

.modList .priceOverview .spec .detail,
.modList .priceOverview .spec .minorDetail {
  margin-left: 1em;
  text-align: right;
  white-space: nowrap !important;
}
.modList .priceOverview .spec .minorDetail {
  margin-top: 0.5em;
}
.modList .priceOverview .termsConditions {
  background: #eeeeee;
  margin: 0em 0em;
  padding: 0.4em;
  padding-right: 1.9em;
  color: #252525;
}
.modList .priceOverview .spec.unfulfilled,
.modList .priceOverview .spec.refund,
.modList .priceOverview .spec.total {
  background: #ffffff;
  color: #252525;
  font-weight: 700;
}
.modList .priceOverview .spec.unfulfilled,
.modList .priceOverview .spec.refund {
  color: red;
}

.modList .priceOverview .spec.refund .detail {
  text-decoration: none !important;
}

.modList .priceOverview .spec.subtotal .caption {
  font-weight: 700;
}
.modList .priceOverview .order {
  width: 100%;
  margin: 0.75em 0em;
  overflow: hidden;
}
.modList .priceOverview .order .submit {
  float: right;
  margin-right: 2.25em;
}

/* float: left => AWP-13883 */
.pull-right input#promoCode {
	margin-right: 10px;
}

/* Reference Dialog in review screen */
.popup_content .editReference{
	height : 100%;
	font-size: 13px;
	font-family: 'Roboto', sans-serif !important;
}
.popup_content .editReference .editReferenceField{
	margin: 0 auto;
	padding-top:10px;
}

.popup_content .editReference .editReferenceText{
	padding-top:10px;
	max-width: 576px;
}
.popup_content .editReference .editReferenceField #userReference{
	width: 200px
}
.popup_content .promocodetext {
	padding-top:10px;
	padding-bottom:15px;
}

/* Item in Cart Comment  ..................................................... */
.popup_content .editComment {
	width:100%;
	height:100%;
}
.popup_content .editComment .title {
	width: 100%;
	padding:5px;
}
.popup_content .editComment .title .commentsPreviewImage {
	width: 10%;
	height: 100%;
	padding-right: 20px;
	float:left;
	margin-bottom:10px;
}
.popup_content .editComment .title .commentsItemName {
	float:left;
	width: 85%;
	margin-bottom:10px;
}
.stickyNote {
	width:100%;
	margin-top:10px;
	background: #fffec5;
}
.stickyNote .stickyIcon {
	padding-left: 3px;
	padding-top: 1px;
}

.descriptionCol .stickyNote a{
	text-decoration: none;
}
.descriptionCol .stickyNote a:hover{
	color:grey;
}

.cartComment .stickyNote a{
	text-decoration: none;
}
.cartComment .stickyNote a:hover{
	color:grey;
}

/* used for "login" links in a closed public store that is visited via preview link form StoreCenter */
a.disabled {
	color:grey;
}

a:hover.disabled {
  color: grey;
}

a:link.disabled {
	text-decoration: none;
}

.commentsInCart {
	padding:3px;
  	overflow: hidden;
}

a .commentsInCart , a:active .commentsInCart { color : black }

.cartCommentText {
	padding:3px;
  	overflow: hidden;
}

a .cartCommentText , a:active .commentsInCart { color : black }

a.comments {
	outline: none !important;
}

/* Item in Cart Approval  ..................................................... */
.popup_content .pdf {
	width:100%;
	border: none;
	background: url(../../../../template-resources/images/indicator.gif?buildversion=1.0.0-sprint-61.3) no-repeat center;
}

/* focusblock - contact ..................................................... */
.pageBox {
	position: relative;
	background-color:white;
	min-height: 146px;
	-moz-box-shadow: 0 2px 7px #888888;
	-o-box-shadow: 0 2px 7px #888888;
	-webkit-box-shadow: 0 2px 7px #888888;
	box-shadow: 0 2px 7px #888888;
	padding: 19px 15px 10px 15px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.pageBox.contact {
	min-height: 150px;
	border: 11px solid #feca2f;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 15px;
	margin-top: 0px;
	margin-bottom: 52px;
}

.pageBox.contact .arrow {
	position:absolute;
	right:2em;
	bottom:-52px;
	width:59px;
	height:52px;
	background:#feca2f url("../../../../template-resources/images/contact-arrow.png?buildversion=1.0.0-sprint-61.3") left top no-repeat;
}

/* price overview */
.modList .modListFooter .priceOverview {
	position:relative;
	z-index:10;
	background:#4c9bea;
	color:#FFFFFF;
	margin-right:10.25em;
	overflow:hidden;
	width:362px;
	float:right;
		-moz-border-radius: 0px 0px 10px 10px;
	 -o-border-radius: 0px 0px 10px 10px;
	 -webkit-border-radius: 0px 0px 10px 10px;
	 border-radius: 0px 0px 10px 10px;
}

/* login box ................................................................ */
.loginBox {
	border: 3px solid #0c5baa;
	padding: 24px;
		-moz-box-shadow:0 0px 9px rgba(0,0,0, 0.3);
	-o-box-shadow:0 0px 9px rgba(0,0,0, 0.3);
	-webkit-box-shadow:0 0px 9px rgba(0,0,0, 0.3);
	box-shadow:0 0px 9px rgba(0,0,0, 0.3);
 background:#fff;
}

.loginBox .loginColumns {
  overflow: hidden;
}

.loginBox .loginColumns .login {
	float: left;
	width: 50%;
	padding-right: 35px;
	margin-right: -1px;
	border-right: 1px solid #4c9bea;
}

.loginBox .loginColumns .register {
	float: left;
	width: 50%;
	padding-left: 35px;
	border-left: 1px solid #4c9bea;
}

.loginBox .formBox .frmActions {
	overflow: hidden;
}

.loginBox .formBox .inputElement {
	position: relative;
}
.loginBox .inputElement .caption {
	position: absolute;
	left: -999em;
	top: auto;
}

.loginBox .inputElement .impersonateCaption {
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-bottom: 3px;
	margin-bottom: 0px;
}

.loginBox .formBox .inputElement .caption .sflabel {
	color: #959595;
}
.loginBox .inputElement .detail {
	margin-left: 0;
}
.loginBox .formBox .inputElement .detail .textfield {
	width: 100%;
}

.loginBox .formBox .frmActions {
	margin-top: 1.5em;
}
.loginBox .formBox .frmActions .advance {
	float: left;
	margin-right: 15px;
}
.loginBox .formBox .frmActions .abort {
	float: left;
	line-height: 2.25em;
	margin-right: 5px;
}

/* forgotten password ....................................................... */
.forgottenPwdBox {
	border:3px solid #0c5baa;
	padding: 24px;
		-moz-box-shadow:0 0px 9px rgba(0,0,0, 0.3);
	-o-box-shadow:0 0px 9px rgba(0,0,0, 0.3);
	-webkit-box-shadow:0 0px 9px rgba(0,0,0, 0.3);
	box-shadow:0 0px 9px rgba(0,0,0, 0.3);
 background:#fff;
}
.forgottenPwdBox div.advance {
	margin-top: 20px;
}

/* flipbook link on the productpage */
.flipbookLink{
	margin: 8px 0px 0px -7px;
	display: none;
}
.open-browse-flipbook {
	background: center center url('../../../../template-resources/images/flipbook/flipbook.png?buildversion=1.0.0-sprint-61.3') no-repeat;
	width:32px;
	height:32px;
	border:0px;
}
.open-browse-flipbook:hover {
	cursor:pointer;cursor:hand;
}


.squareCornerBox {
	padding: 16px;
	border: 2px solid #0c5baa;
	background-color: #FFFFFF;
	min-height: inherit;
}

.roundCornerBox {
	padding: 16px;
	border: 1px solid #d9d9d9;
		-moz-border-radius:13px;
	-o-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
 	-moz-box-shadow:0 1px 5px #a09f9f;
	-o-box-shadow:0 1px 5px #a09f9f;
	-webkit-box-shadow:0 1px 5px #a09f9f;
	box-shadow:0 1px 5px #a09f9f;
	background-color: #FFFFFF;
	min-height: inherit;
}

#awp-checkout-review-order-details{
  	background: #f3f3f3;
	padding: 16px;
  	border: 1px solid #cccccc;
  	clear:both;
}

/* BEGIN SF checkout flow so all pages with ".checkoutPage" */

.checkoutPage .boxHeading {
	margin: 13px 17px;
	font-size: 100%;
}
.checkoutPage .boxHeading span {
	font-size:108%;
	color:#0c5baa;
	font-weight: bold;
}
.checkoutPage .infoText {
	padding-bottom:10px;
}

.checkoutPage .priceInBox {
	font-weight: 700;
	text-align:right;
	float:right;
	padding-top:2px;
}
.checkoutPage .priceLabelBox {
	float:left;
}
.checkoutPage.checkoutPage2 #checkout2-review-billing .choice.awpKeepsFloatDivs {
	height:30px;
}

.checkoutPage .selectFromAddressBook {
	float: left;
	margin-top: 11px;
}

.checkoutPage #searchPickupPointButton {
	margin-top: -2px;
}

.checkoutPage .choice.awpKeepsFloatDivs {
	min-height: 25px;
}

.checkoutPage .missingMandatoryField {
	margin-top: 0.3em;
	padding-left: 25px;
	font-weight: 700;
	background: url("../../../../template-resources/images/icon-feedback.gif?buildversion=1.0.0-sprint-61.3") left top no-repeat;
	line-height: 1.49em;
	color: #ed3f16;
}

/* END SF ".checkoutPage" */

/* BEGIN SF choosePayment.ep */

.choosePaymentFooter{
	width:100%;
	float:left;
}

/* BEGIN SF shipping.ep */
.radioselectedShippingServiceChoice {
	width:20px;
	float:left;
}
.noShippingServicesAvailable {
	margin-top: 0.3em;
	padding-left: 25px;
	font-weight: 700;
	background: url("../../../../template-resources/images/icon-feedback.gif?buildversion=1.0.0-sprint-61.3") left top no-repeat;
	margin-left: 0.5em;
	float: right;
	line-height: 1.49em;
	color: #ed3f16;
}

.pickUpPointChoiceRadio {
	padding:5px 0px 5px 20px;
}

.checkout-pickup-points-select-new button.btn, 
.checkout-predefined-references button.btn {
	padding: 2px 4px 0px 8px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}

.checkout-pickup-points-select-new.bootstrap-select.btn-group .dropdown-toggle .caret,
.checkout-predefined-references.bootstrap-select.btn-group .dropdown-toggle .caret,
.custom-search-select.bootstrap-select.btn-group .dropdown-toggle .caret {
	right: 8px;
}

.checkout-pickup-points-select-new .form-control,
.checkout-predefined-references .form-control,
.custom-search-select .form-control {
	padding: 0px 6px;
	height: unset;
}

.checkout-pickup-points-select-new .dropdown-menu>li>a,
.checkout-predefined-references .dropdown-menu>li>a {
	padding: 1px 15px;
}

.custom-search-select {
  border: 1px solid #252525;
  border-radius: 0px;
}
.custom-search-select button {
  border: 0px solid #252525;
  border-radius: 0px;
  padding: 2px 4px 0px 4px;
  font-size: 99%;
  font-family: 'Roboto', sans-serif;
}
.custom-search-select.btn-group .dropdown-menu li a {
    padding: 0px;
    padding-left: 6px;
}

.customerAddressBookBilling {
	position:absolute;
	bottom:1em;
	left:1.5em;
	text-decoration:none;
}
.checkoutPage .inputElement {
	width:100%
}
.checkoutPage .customerAddressButtons{
	bottom:1em;
	right:1em;
	position:absolute;
	text-decoration:none;
}
/** END SF shipping.ep **/

/* Tax Exemption */
.taxExemptionDialog .ui-dialog-content {
	padding:0px !important;
}

table#taxExemptionOverview td.taxExemptionCertificateActions .awpKeepsFloatDivs {
	min-width:155px;
}

.taxExemptionCertificateViewer img {
	background-image: url('../../../../template-resources/images/StoreFront_icons_16.png?buildversion=1.0.0-sprint-61.3');
	width: 16px;
	height: 16px;
	position:relative;
	background-position:0px -80px;
	display:block;
}

.newTaxExemptionCertificateLink{
	float:left;
	padding-left:1.25em;
	cursor:pointer;
	cursor:hand;
}
.newTaxExemptionCertificateLink .newTaxExemptionCertificateImage {
	background-image: url('../../../../template-resources/images/StoreCenter_icons.png?buildversion=1.0.0-sprint-61.3');
	width: 16px;
	height: 16px;
	position:relative;
	background-position:0px 0px;
	display:block;
	float:left;
}
.newTaxExemptionCertificateLink .newTaxExemptionCertificateText {
	float:left;
	padding-left:5px;
}

.noTaxExemptionCertificates{
	padding: 0.75em 1.25em;
}

.taxExemptionCertificateListDecoration th.taxExemptionCertificateActions{
	text-align:center;
}
.taxExemptionCertificateListDecoration tr{
	height:25px;
}
.taxExemptionCertificateListDecoration th{
	border-bottom : 2px solid #F2ECEC;
	padding: 0.75em 1.25em;
	text-align:left;
}
.taxExemptionCertificateListDecoration td{
	padding: 0.75em 1.25em;
}
.taxExemptionCertificateListDecoration table{
	border-collapse: collapse;
	width:100%
}
.taxExemptionCertificateActions a.certificateButton{
	text-decoration: none;
	color: #FFF;
}
.taxExemptionCertificateActions div{
	padding:0px 5px;
	float:right;
}
.taxExemptionCertificateListDecoration img.delete{
	background-image: url('../../../../template-resources/images/StoreFront_icons_16.png?buildversion=1.0.0-sprint-61.3');
	width: 16px;
	height: 16px;
	position:relative;
	background-position:-32px -80px;
	display:block;
}

.taxExemptionCertificateListDecoration .selectedCertificate{
	font-weight: bold;
}

.taxExemptionView .fields {
	color: black;
	position: absolute;
	z-index: 100;
	text-align: center;
	font-family: Garamond, Times New Roman;
	font-size: 14pt;
	cursor: default;
	border: 0px solid red;
}

.taxExemptionView .labels {
	color: black;
	position: absolute;
	z-index: 100;
	text-align: left;
	font-family: Garamond, Times New Roman;
	font-size: 14pt;
	cursor: default;
	border: 0px solid red;
}

.taxExemptionView img#ExemptionCertificate {
	max-width: initial;
  	background-color: rgb(232, 245, 226);
}

.taxExemptionView #CertNumber {
	top: 45px;
	left: 333px;
	width: 316px;
	font-size: 10pt;
	font-family: Verdana, Arial;
	color: red;
	text-align: right;
}
.taxExemptionView #PurchaserName {
	top: 210px;
	left: 406px;
	width: 216px;
}

.taxExemptionView #PurchaserAddress {
	top: 233px;
	left: 189px;
	width: 437px;
}

.taxExemptionView #ExemptionState {
	top: 307px;
	left: 214px;
	width: 242px;
}

.taxExemptionView #ExemptionReason {
	top: 324px;
	left: 177px;
	width: 483px;
	height: 48px;
}

.taxExemptionView #ExemptionCertDate {
	top: 385px;
	left: 460px;
	width: 257px;
}

.taxExemptionView #IDType {
	top: 415px;
	left: 460px;
	width: 257px;
}

.taxExemptionView #taxidNumber {
	top: 443px;
	left: 460px;
	width: 256px;
}

.taxExemptionView #BusinessType {
	top: 472px;
	left: 460px;
	width: 269px;
}

.taxExemptionView #Seller {
	top: 503px;
	left: 460px;
	width: 269px;
}

.orderDetails #usedTaxExemptionID {
	text-decoration: underline;
	cursor:pointer;
}

#taxExemptionText {
  border-bottom: 1px solid #707070;
  padding: 1em;
}

#tec_text2 {
  padding-bottom: 0.5em;
}

.taxExemptionCreate .wizard#taxExemption {
  margin: 1em;
}

.taxExemptionCreate .formRowBS input.textfield,
.taxExemptionCreate .formRowBS select.textfield {
	width: 90%;
}

.taxExemptionCreate .formRowBS .feedback{
	line-height: 1.75em;
	margin-top: 0em;
}

.taxExemptionCertificateListDecoration .deleteCertificateIcon {
	width:26px;
	padding-top:5px;
 }

.viewCertificateIcon img {
	background-image: url('../../../../template-resources/images/StoreFront_icons_16.png?buildversion=1.0.0-sprint-61.3');
	width: 16px;
	height: 16px;
	position:relative;
	background-position:0px -80px;
	display:block;
	max-width:initial;
}
/* End Tax Exemption */


/* New Wizard................................................................ */
.checkOutTab {
	height:85px;
}
.checkOutTab .checkOutTabContent {
	height:100%;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
	margin-left: -10px;
	margin-right: 8px;
	display:flex;
}

.checkOutTab.step1 {
	z-index: 2;
}
.checkOutTab.step2 {
	z-index: 1;
}
.checkOutTab.step3 {
	z-index: 0;
}

.checkOutTab.step2 .checkOutTabContent {
	margin-left: -20px;
}

.checkOutTab.step2.twoSteps .checkOutTabContent {
	margin-right: -8px;
}

.checkOutTab.step3 .checkOutTabContent {
	margin-left: -20px;
	margin-right: -10px;
}

.checkOutTab .checkOutTabContent .heading {
	font-size: 138.5%;
	color: #acacac;
	margin-bottom: 8px;
}

.checkOutTab .checkOutTabContent .text {
	white-space: nowrap;
}
.checkOutTab.active .checkOutTabContent .text .sub {
	color: #000;
}

.checkOutTab .checkOutTabContent .text .sub {
	color: #7d7d7d;
}
.checkOutTab .checkOutTabContent .text .sub.notActive{
	color: #7d7d7d !important;
}

.checkOutTab.active .checkOutTabContent .number,
.checkOutTab.active .checkOutTabContent .heading {
	color:#0c5baa;
}

.checkOutTab .checkOutTabContent .number
{
	padding:0px 7px;
	width:24px;
	height:21px;
	background:#fff;
	display:block;
	font-weight:700;
	font-size:138.5%;
	color:#acacac;
	font-style:italic;
		-moz-box-shadow:0px 0px 4px rgba(0,0,0, 0.2);
	-o-box-shadow:0px 0px 4px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0, 0.2);
	box-shadow:0px 0px 4px rgba(0,0,0, 0.2);
}

.checkOutTab .checkOutTabContent .stepsAtTop .number.inActive {
	color:#acacac;
}
.checkOutTab .checkOutTabContent .stepsAtTop .number.wasActive {
	color: black;
}

.checkOutTab .checkOutTabContent .text {
	margin-left: 20px;
}

.checkOutTab.step1 .checkOutTabContent {
	background: url("../../../../template-resources/images/step1-bg.png?buildversion=1.0.0-sprint-61.3") left center repeat-x;
}
.checkOutTab.step1 {
	background: url("../../../../template-resources/images/step1-arrow.png?buildversion=1.0.0-sprint-61.3") right center no-repeat;
}

.checkOutTab.step2 {
	background: url("../../../../template-resources/images/step2-arrow.png?buildversion=1.0.0-sprint-61.3") right center no-repeat;
}

.checkOutTab.step2.active .checkOutTabContent,
.checkOutTab.step2.completed .checkOutTabContent {
	background: url("../../../../template-resources/images/step2-active-bg.png?buildversion=1.0.0-sprint-61.3") left center repeat-x;
}

.checkOutTab.step2.active,
.checkOutTab.step2.completed {
	background: url("../../../../template-resources/images/step2-active-arrow.png?buildversion=1.0.0-sprint-61.3") right center no-repeat;
}

.checkOutTab.step3.active .checkOutTabContent,
.checkOutTab.step2.active.twoSteps .checkOutTabContent {
	background: url("../../../../template-resources/images/step3-active-bg.png?buildversion=1.0.0-sprint-61.3") left center repeat-x;
}

.checkOutTab.step1 a,
.checkOutTab.step2 a,
.checkOutTab.step3 a{
	text-decoration: none;
	color: #252525;
}

.checkOutTab.step2.twoSteps {
	background: none;
	position: initial;
}

/* End New Wizard............................................................ */

/* wizard ................................................................... */
.wizard.withErrors .feedback{
  line-Height: 1.7em;
}
.wizard#createAddress {
  margin: 1em;
}
.wizard#createAddress .wizardMain {
  margin: 0em;
}

/* step 1 */
.wizard .wizardMain #validatedAddress {	float:left;	width:100%;padding:10px 5px;}
.wizard .wizardMain #notValidatedAddress {	float:left;	width:100%;padding:10px 5px;}
.wizard .wizardMain #shippingAddress {
  float:right;
  width:43em;
  margin-left:0;
  margin-right:-45em;
}
.wizard .wizardMain .deliveryInfo div.required {
	position: absolute;
	top: 1em;
	right: 1em;
	margin-right: 18em;
}
.wizard .wizardMain .addressBox .notification.error {
  color: #ED3F16;
  font-weight: 700;
  line-height: 1.35em;
}
.wizard .frmActions {
  overflow: hidden;
  margin: 1.25em 0em;
}
.wizard .frmActions .advance {
  float: right;
  height: 33px;
}
/* shoppingcart */
.wizard .modList {
  margin-right: 0;
}

.checkoutPage .advance {
  float: right;
}

/* step 2 */
.wizard .wizardMain .addressBox .heading, .packageSlip .addressBox .heading{
  margin: 1.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 0em;
}
.wizard .wizardMain .addressBox .heading span {
  color: #000;
  font-size: 100%;
  font-weight: bold;
}

.wizard .wizardMain .addressBox .address {
  margin: 1em 1.5em;
}
.wizard .wizardMain #addressSection .address {
  margin-bottom: 8px;
}
.wizard .wizardMain .deliveryInfo .formRow:after, .wizard .wizardMain .billingAddress .formRow:after {
  clear: none;
}
.wizard .wizardMain .billingAddress .heading {
  margin: 1em 1.25em;
}
.wizard .wizardMain .deliveryInfo .formRow, .wizard .wizardMain .billingAddress .formRow {
  margin-left: 1em;
  margin-right: 1em;
}
.wizard .wizardMain .deliveryInfo .formRow .caption, .wizard .wizardMain .billingAddress .formRow .caption {
  width: 12em;
}
.wizard .wizardMain .deliveryInfo .formRow .detail, .wizard .wizardMain .billingAddress .formRow .detail {
  margin-left: 13.25em;
}
.wizard .wizardMain .deliveryInfo .formRow .detail .textfield, .wizard .wizardMain .billingAddress .formRow .detail .textfield {
  width: 14em;
}
.wizard .wizardMain .deliveryInfo .choice {
  margin: 1.5em 1.25em;
}

/* step 3 */

/* address .................................................................. */
.address .fn,
.address .company-name,
.address .name-misId,
#address-firstlastname {
  font-weight: 700;
}

.addressContainer .loadspinner {
	background: url(../../../../template-resources/images/indicator.gif?buildversion=1.0.0-sprint-61.3) no-repeat center;
	position: absolute;
	width: 450px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 200;
}

.addressContainer {
	margin-bottom: 15px;
}

.wizard .wizardMain .billingAddress .formRow .detail .control .zipOrPostalCode{
  width:8em;
}
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 07. form structure                                                         */
/* formbox .................................................................. */
.formPage .formBox .formMain {
  margin: 1.75em;
}
.formPage .formBox .frmActions {
  margin: 1.75em;
  border-top: 1px solid #cfcfcf;
  padding-top: 1em;
  overflow: hidden;
  position: relative;
}
.formPage .formBox .frmActions .abort {
  position: absolute;
  top: 1em;
  left: 0em;
}
.formPage .formBox .frmActions .abort a {
  line-height: 2.25em;
}
.formPage .formBox .frmActions .advance {
  margin-left: 14.5em;
}
/* form row ................................................................. */
.formRow,
.formRowBS {
	margin: 0.75em 0em;
}
.formRow .feedback,
.formRowBS .feedback {
  	margin-top: 0.3em;
	padding-left: 25px;
  	font-weight: 700;
 	background: url("../../../../template-resources/images/icon-feedback.gif?buildversion=1.0.0-sprint-61.3") left top no-repeat;
 	margin-left: 0.5em;
  	float: right;
 	line-height: 1.49em;
  	color: #ed3f16;
}

.formRow .unsupportedShippingAddressText {
	position: static;
}

.sflabel {
	padding-top: 6px;
	padding-bottom: 2px;
}

.formRowBS .sflabel {
	text-align: right;
}

.formRowBS .sflabel.onTop {
	text-align: left;
}

input.textfield,
select.textfield {
	border: 1px solid #AAAAAA;
	padding: 2px;
}
.formRowBS input.textfield,
.formRowBS select.textfield {
		width: 100%;
}
.formRowBS input#emailName.textfield {
	width: 50%;
}
.formRowBS select#emailDomain.textfield {
	width: calc(50% - 21px);
}
.formRowBS input#promoCode.textfield,
.formRowBS input#name.editor_saveInputField {
	width: 100%;
}
.formRowBS .control {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* input element ............................................................ */
.formPage .inputElement {
  float: left;
}
.formPage .inputElement .detail{
  margin-left: 14.5em;
}
.formPage #infoText{
  padding-top: 1em;
}
.formPage .inputElement .caption {
  text-align: right;
  width: 13em;
}
.inputElement .caption {
  float: left;
  width:auto;
}
.formPage .inputElement .caption .sflabel {
  font-weight: normal;
}

.inputElement .caption label.sflabel {
  line-height: 1.75em;
  display: block;
  position: relative;
  font-weight: 700;
  margin-bottom: 0px;
}
.inputElement .detail {
  margin-left: 9em;	/* 14.5em; */
}
.inputElement .detail .textfield {
  border: 1px solid #252525;
  padding: 0.1em 0.1em;
}

.inputElement .detail select {
  border: 1px solid #252525;
  width: 15.65em;
}
.formPage .inputElement .detail .textfield,
.formPage .inputElement .detail select,
.checkoutPage .sfContent .inputElement .detail .textfield {
  margin: 1px;
}
.checkoutPage .inputElement .caption .sflabel, .billingAddress .inputElement .caption .sflabel {
  font-weight: normal;
}
.checkoutPage .inputElement .caption, .withErrors .inputElement .caption {
  text-align: right;
}
.checkoutPage .inputElement .caption {
  width: 13em;
}
.checkoutPage .inputElement {
  float: left;
}

/* 08. input elements                                                         */
/* spinner .................................................................. */
.spinner .sflabel {
  line-height: 1.35em;
}
.spinner .control {
  position: relative;
}
.linkSet {
	float: left;
	padding: 10px;
	white-space: nowrap;
}

.linkSet a {
}

.linkSet a div {
	padding-right: 15px;
}

body.packageSlip{
  background: none;
}

/* link ..................................................................... */
a:hover {
	color: #0c5baa;
}

a.storeFrontLook:hover,
.ui-dialog-content a.textOnBackground:hover {
	color: #0c5baa !important;
}

/* ogone Template.............................................................. */
.ogone * {
	white-space: inherit;
	font-weight: inherit;
	font-size: inherit;
}

.ogone small * {
	/* font-size: 85%; */
}

.ogone td {
	height: 24px;
	/* min-height: 24px; */
	padding: 2px 0px;
	vertical-align: middle;
}

.ogone td label {
	margin: 0px;
}

.ogone table.ncoltable1, .ogone table.ncoltable2  {
	margin-bottom: 16px;
}

.ogone .ncolh1 {
	font-weight: bolder;
}

.ogone .ncoltxtl, .ogone .ncoltxtl2 {
	font-weight: bolder;
	text-align: right;
	padding-right: 4px;
}

.ogone .ncoltxtr, .ogone .ncolinput {
	text-align: left;
	padding-left: 4px;
}

.ogone .ncolinput input, .ogone .ncolinput select {
	height: 19px;
}

.ogone .ncoltxtc {
	text-align: center;
}

.ogone .ncollogoc{
	padding: 0px 4px;
}

.ogone .ncollogoc a{
	padding-left: 3px;
}

.ogone .ncol {	-moz-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
 	background-image: -ms-linear-gradient(top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -o-linear-gradient(#4c9bea, #0c5baa);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c9bea), color-stop(100%, #0c5baa));
	background-image: -webkit-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: linear-gradient(center top, #4c9bea, #0c5baa);
 border:1px solid #0c5baa; color:#fff; cursor:pointer;}
.ogone .ncol {padding: 3px 12px;}
.ogone .ncol {margin-top: 8px;}

/* dialog button upload ..................................................... */
#select-file-type,
#browse-file,
#processing-report,
#processing-info,
#general-errors,
#processing-report {
	padding: 10px;
}
.fileUploadSection,
.frontSideUpload,
.doubleSideUpload,
.templateDownload {
	padding-top: 10px;
}
#processing-info {
	text-align: center;
}
.sub-title {
	padding: 10px 0px 5px 0px;
}

.separator-line {
	margin: 10px 0px;
}
input.pdfUpload.button,
input.imageUpload.button {
	width:100%;
}

#dialogAddToCartButton[disabled="disabled"],
#dialogAddToCartButton.ui-button-disabled {
		background-image: -ms-linear-gradient(top, #c2c2c2, #8e8e8e);
	background-image: -moz-linear-gradient(center top, #c2c2c2, #8e8e8e);
	background-image: -moz-linear-gradient(center top, #c2c2c2, #8e8e8e);
	background-image: -o-linear-gradient(#c2c2c2, #8e8e8e);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2c2c2), color-stop(100%, #8e8e8e));
	background-image: -webkit-linear-gradient(center top, #c2c2c2, #8e8e8e);
	background-image: linear-gradient(center top, #c2c2c2, #8e8e8e);
 border:1px solid gray;
	color:gray;
	cursor:default;
}

.selectUploadTypeDiv .frontSideUpload {
	margin: 0px auto;
}
.selectUploadTypeDiv .frontSideUpload.positionLeft {
	float:left;
}
.selectUploadTypeDiv .frontSideUpload.positionCenter {
	float:none
}
.selectUploadTypeDiv .doubleSideUpload {
	float:right;
}

/* product detail ........................................................... */
div.product #imagePopup {max-width: 760px; background:#fff; 	-moz-box-shadow:0 2px 7px #888888;
	-o-box-shadow:0 2px 7px #888888;
	-webkit-box-shadow:0 2px 7px #888888;
	box-shadow:0 2px 7px #888888;
 border:3px solid #0c5baa; z-index:400;}
div.product #imagePopup a {position:absolute; outline:none; width:36px; display:block; height:37px; top:-21px; right:-19px;   text-indent: -999em;
  letter-spacing: -999em;
 background:#0c5baa url("../../../../template-resources/images/product-image-close.png?buildversion=1.0.0-sprint-61.3") center center no-repeat; border:1px solid #fff; 	-moz-border-radius:18px;
	-o-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
}

/* pricesPopup */
#morePricesPopup {
	display: none;
	padding: 18px;
}

.genericPopup {
	background:#fff;
		-moz-box-shadow:0 2px 7px #888888;
	-o-box-shadow:0 2px 7px #888888;
	-webkit-box-shadow:0 2px 7px #888888;
	box-shadow:0 2px 7px #888888;
	border:3px solid #0c5baa;
	padding: 0px;
	z-index:400;
	display: none;
}
.genericPopup a img {
  display: block;
}
.genericPopup a.closeButton {
	position:absolute;
	outline:none;
	width:22px;
	display:block;
	height:22px;
	top:-21px; right:-19px;
	text-indent: -999em;
	letter-spacing: -999em;
	  text-indent: -999em;
  letter-spacing: -999em;

	background:#0c5baa url("../../../../template-resources/images/popup-close.png?buildversion=1.0.0-sprint-61.3") center center no-repeat;
	border:1px solid #fff;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	-webkit-border-radius: 18px;
		-moz-border-radius:18px;
	-o-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	border-radius: 18px;
	z-index:410;
}
div.genericPopupContent {
	padding: 18px;
}
/* homepage/defaultpage......................................................... */
.graphicBanner img { max-width:100%; }

/* cta */
.navigation .cta {background:#fff; 	-moz-border-radius:14px;
	-o-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
 	-moz-box-shadow:0 2px 7px #888888;
	-o-box-shadow:0 2px 7px #888888;
	-webkit-box-shadow:0 2px 7px #888888;
	box-shadow:0 2px 7px #888888;
 padding:1em 0.75em;}
.navigation .cta #backIcon {content:""; float:left; left:0; top:-0.2em; width:20px; height:20px; 	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
 background:#0c5baa url("../../../../template-resources/images/back-arrow.gif?buildversion=1.0.0-sprint-61.3") 5px 5px no-repeat;}
.navigation .cta #backText {margin-left:25px; padding-top:2px; }

/* modlist*/
.cartPage .modList .modListMain, .packageSlip .modList .modListMain,
.checkoutPage .modList .modListMain {
	overflow:hidden;
	z-index:20;
		-moz-box-shadow:0 0px 3px #888888;
	-o-box-shadow:0 0px 3px #888888;
	-webkit-box-shadow:0 0px 3px #888888;
	box-shadow:0 0px 3px #888888;
 	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.checkoutPage .modList .priceOverview.alignRightColumn {
	margin-right:6.2em;
}

.checkoutPage .modList .priceOverview.alignLeftColumn {
	float:right;
	margin-right:18.3em;
}

.checkoutPage.checkoutPage2 .modList .priceOverview {
	margin-right:1em;
}

.checkoutPage.checkoutPage2 .modList .taxExemptionControl {
	width: 100%;
	float: right;
	margin-top:1em;
	margin-right: 17em;
	text-align: right;
}

table tbody tr:last-child td:first-child {
		-moz-border-radius: 0px 0px 0px 10px;
	 -o-border-radius: 0px 0px 0px 10px;
	 -webkit-border-radius: 0px 0px 0px 10px;
	 border-radius: 0px 0px 0px 10px;
}
table tbody tr:last-child td:last-child {
		-moz-border-radius: 0px 0px 10px 0px;
	 -o-border-radius: 0px 0px 10px 0px;
	 -webkit-border-radius: 0px 0px 10px 0px;
	 border-radius: 0px 0px 10px 0px;
}
table .descriptionCol .heading span {
	color:#0c5baa;
	font-size:100%;
}
table .descriptionCol .heading a {
	color:#0c5baa;
	text-decoration:none;
}
table .orderCol .orderForm {
	padding:0.25em;
	overflow:hidden;
}
table .orderCol .orderForm.active {
	background:#4c9bea;
	color:#FFFFFF;
}
table .orderCol .orderForm.kitIndent.active {
	background:#aaa;
}

/* terms and Conditions, et ................................................. */
.genericPopup iframe {
	border: 0px;
	width: 750px;
	height: 500px;
}


/* wizard ................................................................... */
.wizard .wizardHeader {
	overflow:hidden;
	background:#fff;
		-moz-box-shadow:0 0px 9px rgba(0,0,0, 0.3);
	-o-box-shadow:0 0px 9px rgba(0,0,0, 0.3);
	-webkit-box-shadow:0 0px 9px rgba(0,0,0, 0.3);
	box-shadow:0 0px 9px rgba(0,0,0, 0.3);
 	-moz-border-radius:13px;
	-o-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
}
/* step 2 */
.packageSlip .addressBox {
	float:left;
	border:2px solid #0c5baa;
	width:48%;
	position:relative;
}
.wizard .wizardMain .addressBox .action .cta a {
	display:inline-block;
		-moz-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
 	background-image: -ms-linear-gradient(top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -o-linear-gradient(#4c9bea, #0c5baa);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c9bea), color-stop(100%, #0c5baa));
	background-image: -webkit-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: linear-gradient(center top, #4c9bea, #0c5baa);
 border:1px solid #0c5baa;
	color:#fff;
	padding:0.35em 1em;
	text-decoration:none;
}
.wizard .wizardMain .addressBox .action {
	position: absolute;
	bottom: 1em;
	right: 1em;
}

/* formbox .................................................................. */
.formPage > .heading {
	margin-left: 1.5em;
}
.formPage .formBox {
	background:#fff;
		-moz-box-shadow:0 1px 5px #a09f9f;
	-o-box-shadow:0 1px 5px #a09f9f;
	-webkit-box-shadow:0 1px 5px #a09f9f;
	box-shadow:0 1px 5px #a09f9f;
 	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
;
	overflow:hidden;
}

/* These are the colors of most links */
a:link, a:visited, a:hover { text-decoration:underline; }

/* Exception for the download links */
.templateDownload a:link,
.templateDownload a:visited,
.templateDownload a:hover {
	color:#0c5baa
}


#legal-print a {
	color: #0c5baa;
}

.odd td,
.odd th {
	background-color:#f7f8f9;
}

.odd.selected td,
.even.selected td {
	background-color: #ffed9c /* #cecece; */ /* #0c5baa; */
}

div.dataTables_wrapper {
	padding-top: 10px;
}

div.dataTables_wrapper div.dataTables_filter label {
	font-weight: bold !important;
	font-size: 1.1em;
}

div.dataTables_wrapper div.dataTables_filter label input {
	border: 1px solid rgb(170, 170, 170);
	min-width: 300px;
	font-weight: normal;
}

/* Comment in Cart */
.commentsItemName {color:#0c5baa; font-size:13px; font-weight:bold;}
.sficon-large
{
	background-image: url('../../../../template-resources/images/StoreFront_icons_32.png?buildversion=1.0.0-sprint-61.3');
	width: 32px;
	height: 32px;
	padding: 0px !important;
	margin: 0px !important;
}
.sficon-small {
	background-image: url('../../../../template-resources/images/StoreFront_icons_16.png?buildversion=1.0.0-sprint-61.3');
	width: 16px;
	height: 16px;
	padding: 0px !important;
	margin: 0px !important;
}

.sficon-small-placeholder {
	width: 16px;
	height: 16px;
	padding: 0px !important;
	margin: 0px !important;
}

/* positioning in grid */
.sficon-large-error { background-position: 0 0; }
.sficon-large-warning { background-position: -32px 0; }
.sficon-large-fix { background-position: -64px 0; }
.sficon-small-error { background-position: 0 -16px; }
.sficon-small-warning { background-position: -16px -16px; }
.sficon-small-fix { background-position: -32px -16px; }
.sficon-small-pdf { background-position: 0px 0px; }
.sficon-small-image { background-position: -16px 0px; }
.sficon-small-openInNewWindow { background-position: -32px 0px; }
.sficon-small-acobatreader { background-position: 0px -64px; }
.sficon-small-illustrator { background-position: -16px -64px; }
.sficon-small-photoshop { background-position: -32px -64px; }
.sficon-small-indesign { background-position: -48px -64px; }
.sficon-small-vector { background-position: -80px -64px; }
.sficon-small-word { background-position: -96px -64px; }
.sficon-small-excel { background-position: -112px -64px; }
.sficon-small-powerpoint { background-position: -128px -64px; }
.sficon-small-zip { background-position: -144px -64px; }
.sficon-small-general { background-position: -160px -64px; }

.sficon-small-text {
	padding-left: 10px !important;
	width: calc(100% - 16px);
}

.glyphicon {
	margin-right:7px;
}
/* Style for divs that need to behave as a link. To simulate post request without giving the user the opportunity to do a get-request (open in new tab, new window) */

div .post-action-button, div .get-action-button, .actionCol .navActions .removeFromCart, .editDistribution {
	text-decoration: underline;
}

div .post-action-button-mouseOver, div .get-action-button-mouseOver, div .removeFromCart-mouseOver, div .editDistribution-mouseOver {
	color: #0c5baa;
	cursor: pointer;
	cursor: hand;
}

/* general css for links */
div.itemRowDivLink, .sfContent .download.preview a {
	font-size: 93%;
	padding-left: 20px;
	position: relative;
	line-height: 1.45em;
}
/* terms and conditions and cookie's pop-up: no background */
.defaultPage.legalView, .defaultPage.cookieView{
	background:white;
	height:100%;
}

.defaultPage #pageContainer.legalView, .defaultPage #pageContainer.cookieView{
	background:white;
	height:auto;
}
/* AutoComplete css, this replaces the separate autocomplete.css */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}

.ac_results .suggestFirstLine {
	text-align: left;
	border-bottom: 1px solid gray;
	background-color: white;
	color: black;
	padding: 2px;
	margin: 2px;
	font-weight: bold;
}

.ac_results .suggestLastLine {
	text-align: right;
	border-top: 1px solid gray;
	background-color: white;
	color: black;
	padding: 2px;
	margin: 2px;
}

.ac_results div.ac_result_div {
	width:50px;
	height:50px;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid gray;
	margin: 1px;
}

.ac_results img.ac_result_img {
	display: block;
	margin: auto auto;
	max-height:50px;
}

.ac_results span.ac_result_name {
	font-weight: bold;
	margin-left: 2px;
}

.ac_results span.ac_result_description {
	margin-left: 2px;
	font-size: 90%;
}

.ac_results span.ac_result_price {
	font-weight: bold;
}

.ac_loading {
	background: white url(../../../../template-resources/images/indicator.gif?buildversion=1.0.0-sprint-61.3) right center no-repeat !important;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color:#0c5baa;
	color: white;
}

.ac_result_name a:link,
.ac_result_name a:visited {
	color:#0c5baa;
	text-decoration:none;
}

.ac_over .ac_result_name a:link,
.ac_over .ac_result_name a:visited {
	color:#FFFFFF;
}

.ac_result_name a:hover {
  color: #fff;
}
/* End AutoComplete */

/** START accountOrderList.ep **/
.addressBookDialog .ui-dialog-content {
	padding:0px !important;
}
.addressBookDialog .ui-dialog-buttonset{
	float:left; width : 100%
}
.addressBookDialog .ui-dialog-buttonset .cancel{
	float:right;
}
.addressBookListDecoration th.addressActions{
	text-align:center;
}
.addressBookListDecoration tr{
	height:25px;
}
.addressBookListDecoration th{
	border-bottom : 2px solid #F2ECEC;
	padding: 0.75em 1.25em;
	text-align:left;
}
.addressBookListDecoration td{
	padding: 0.75em 1.25em;
}
.addressBookListDecoration td .addressAction .action{
	float:right;
}
.addressBookListDecoration table{
	border-collapse: collapse;
}
.addressBookListDecoration th,.addressBookListDecoration td{
	max-width:92px;
}
#addressBookList .loadspinner {
	background: url(../../../../template-resources/images/indicator.gif?buildversion=1.0.0-sprint-61.3) no-repeat center;
	position: absolute;
	width: 900px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 200;
}
#addressBookList .addressActions{
	white-space:nowrap;
	min-width:150px;
	max-width:180px;
}
#addressBookList #addressBookOverview .addressActions{
	min-width:120px;
	max-width:190px;
}
#addressBookList .table{
	max-height: 600px;
}
.addressViewer{
	width: 16px;
}
.addressActions div{
	padding:0px 5px;
	float:right;
}
.addressViewer img {
	background-image: url('../../../../template-resources/images/StoreFront_icons_16.png?buildversion=1.0.0-sprint-61.3');
	width: 16px;
	height: 16px;
	position:relative;
	background-position:0px -80px;
	display:block;
	max-width:initial;
}
.addressActions img.delete{
	background-image: url('../../../../template-resources/images/StoreFront_icons_16.png?buildversion=1.0.0-sprint-61.3');
	width: 16px;
	height: 16px;
	position:relative;
	background-position:-32px -80px;
	display:block;
}
.addressActions img.edit{
	background-image: url('../../../../template-resources/images/StoreFront_icons_16.png?buildversion=1.0.0-sprint-61.3');
	width: 16px;
	height: 16px;
	position:relative;
	background-position:-16px -80px;
	display:block;
}
.noAddress, .noOrders, .noProducts {
	padding: 0.75em 1.25em;
}
.companyTitle{
	border-bottom : 1px solid rgb(112,112,112);
	color:rgb(112,112,112);
	padding-top:1px;
}
.newAddressDiv,
.newTaxExemptionCertificateDiv {
	padding-top:10px;
	height:36px;
}
.newAddressLink{
	float:left;
	padding-left:1.25em;
	cursor: pointer;
	cursor: hand;
}
.newAddressLink .newAddressImage{
	background-image: url('../../../../template-resources/images/StoreCenter_icons.png?buildversion=1.0.0-sprint-61.3');
	width: 16px;
	height: 16px;
	position:relative;
	background-position:0px 0px;
	display:block;
	float:left;
}
.newAddressLink .newAddressText{
	float:left;
	padding-left:5px;
}

h1.heading span.productLink a,
h1.heading span.productLink div {
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	display:block;
}

/** END accountOrderList.ep **/

.warningBox {
	background-color: #F00;
	color: #FFF;
	padding: 6px;
	border-radius: 6px;
}

/**
* START Footer CSS
*/
#pageFooter .footerLink_0,
#pageFooter .footerLink_1 {
    cursor: pointer;
}

body #pageFooter {
	width: 100%;
	height: auto;
	padding: 8px;
	margin: 16px auto 0px auto;
	text-align: center;
	clear: both;
}

	body #pageFooter {
		background:#4c9bea;
	}

.awp-fileupload.storefrontUploadableProductPdfUpload .awp-fileupload-fileInput,
.awp-fileupload.storefrontUploadableProductFrontImageUpload .awp-fileupload-fileInput,
.awp-fileupload.storefrontUploadableProductBackImageUpload .awp-fileupload-fileInput,
.awp-fileupload.storefrontMultiAddressShippingUpload .awp-fileupload-fileInput {
	width: 100%;
}
.selectUploadTypeDiv .positionLeft .awp-fileupload.storefrontUploadableProductFrontImageUpload .awp-fileupload-fileInput,
.selectUploadTypeDiv .awp-fileupload.storefrontUploadableProductBackImageUpload .awp-fileupload-fileInput {
	max-width: 310px;
}

.customFooterText {
	text-align: left;
}

.standardFooterText {
	padding: 2px;
	text-align: center;
}

/**
* END Footer CSS
*/
/* my account page .......................................................... */
.accountPage .section {
	background:#fff;
		-moz-box-shadow:0 0 5px #a09f9f;
	-o-box-shadow:0 0 5px #a09f9f;
	-webkit-box-shadow:0 0 5px #a09f9f;
	box-shadow:0 0 5px #a09f9f;
 	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
;
	overflow:hidden;
}

.accountPage .section .productListManageAccount .heading span {
	display:block;
}
.accountPage .section .sectionHeader {
	position: relative;
	min-height: 25px;
	border-bottom: 1px solid rgb(170, 170, 170);
}
.accountPage .section .sectionHeader .action {
  	position: absolute;
  	right: 0em;
  	top: 0.1em;
}

.accountPage .section .sectionMain .specs {
  	margin: 0em 1em;
}
.accountPage .section .sectionMain .spec {
  	overflow: hidden;
  	margin: 1em 0em;
}
.accountPage .section .sectionMain .caption {
  	float: left;
  	font-weight: 700;
  	line-height: 1.25em;
  	text-align:left;
}
.accountPage .section .sectionMain .detail {
  	margin-left: 14.5em;
  	line-height: 1.25em;
}
.accountPage .section .sectionMain table {
  	border-collapse: collapse;
  	text-align: left;
}
.accountPage .section .sectionMain table th.orderReference {
	white-space: nowrap;
}
.accountPage .section .sectionMain table td {
	padding: 0.75em 0.75em;
	vertical-align: top;
}
.accountPage .section .sectionMain table .totalPrice {
	min-width:70px;
}
.accountPage .searchManagePages {
	margin:10px;
	float:right;
}
.accountPage .searchManagePages > div {
	float:right;
	padding:5px;
}
.accountPage .searchManagePages > div #tableSearchKeyWords , #serverSearch {
	border-color: rgb(230, 230, 230);
}
.accountPage .searchManagePages > div.inputWrap {
	padding-top:8px;
}
.accountPage .AccountPagetableFooter{
	padding-bottom:10px;
	border-top:1px solid rgb(170, 170, 170);
	text-align : center;
}
.accountPage .orderList .ellipsis{
	max-width:140px;
}
.accountPage .section .sectionMain .orderInfo .caption {
	width: 100%;
}
.accountPage .section .sectionMain .orderInfo .caption label {
	font-weight: bold !important;
}
.accountPage .section .sectionMain .orderInfo .detail {
	margin-left: 0;
	float:left;
}
.accountPage .stickyNote.maxWidth,
.accountPage .productListManageAccount .ellipsis{
	width:300px;
	max-width:300px;
}
.accountPage .productListManageAccount .detail .control,
.accountPage .productListManageAccount .caption .sflabel{
	padding-top:5px;
}
.accountPage .orderInfo .inputElement{
	width:100%;
	min-width:100px;
}
.accountPage .descriptionColManageAccount {
	padding: 0.75em 1.25em;
	text-align: left !important;
}
.accountPage td.descriptionColManageAccount div.description p {
	margin: 0.35em 0em;
	font-size: 93%;
}

.accountPage .odd td, .odd th {
	background: #f3f3f3;
}
.accountPage .sectionOrderHistory .graphic{
	text-align:left
}
.accountPage .sectionOrderHistory th.orderDate,
.accountPage .sectionOrderHistory td.orderDate,
.accountPage .sectionOrderHistory th.totalPrice,
.accountPage .sectionOrderHistory td.totalPrice {
	text-align:right;
}

.accountPage .table#personalInformation {
	margin-bottom: 0px;
}
.accountPage .section .sectionMain #personalInformation .caption {
	text-align: right;
}
.accountPage form#addressForm .AccountPagetableFooter input.ui-button{
	margin: 10px 20px;
	float: left;
}
/* End my account page .......................................................... */

/** Advanced Search */
.advsearchsubpage .section {
	background:#fff;
		-moz-box-shadow:0 0 5px #a09f9f;
	-o-box-shadow:0 0 5px #a09f9f;
	-webkit-box-shadow:0 0 5px #a09f9f;
	box-shadow:0 0 5px #a09f9f;
 	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
;
	overflow:hidden;
}

.advsearchsubpage .section .sectionHeader {
	position: relative;
	min-height: 25px;
	border-bottom: 1px solid rgb(170, 170, 170);
}

table#advancedSearchResult tbody tr:nth-child(even) {
	background: #f3f3f3;
}

/** End Advanced Search */

/** Start KitProductWizard **/
.finishedContent div.mask.preview:before {
	background: url("../../../../template-resources/images/product-icons.png?buildversion=1.0.0-sprint-61.3") -20px top no-repeat;
	content: "";
	display: block;
	position: absolute;
	width:16px;
	height:15px;
	left:-5px;
  	top: 0px;
  	background-position: 0px top;
  	margin-left:5px;
}
.finishedContent div.mask.delete:before {
	background: url("../../../../template-resources/images/product-icons.png?buildversion=1.0.0-sprint-61.3") -20px top no-repeat;
	content: "";
	display: block;
	position: absolute;
	width:16px;
	height:15px;
	left:-5px;
  	top: 0px;
  	background-position: -16px top;
  	margin-left:5px;
}

.finishedContent div.mask.excel:before {
	background: url("../../../../template-resources/images/product-icons.png?buildversion=1.0.0-sprint-61.3") -20px top no-repeat;
	content: "";
	display: block;
	position: absolute;
	width:16px;
	height:15px;
	left:-5px;
  	top: 0px;
  	background-position: -128px top;
  	margin-left:5px;
}

.finishedContent div.inkcoverage.preview:before {
	background: url("../../../../template-resources/images/product-icons.png?buildversion=1.0.0-sprint-61.3") -20px top no-repeat;
	content: "";
	display: block;
	position: absolute;
	width:16px;
	height:15px;
	left:-5px;
  	top: 0px;
  	background-position: -160px top;
  	margin-left:5px;
}

.finishedContent .previewImage {
	width: 50px;
	padding-right:15px;
}
.finishedContent .text {
	padding-left:5px;
}
.finishedContent .links {
	padding-left:5px;
	position:relative;
}
.finishedContent .links .mask {
	padding-left:20px;
	position:relative;
	margin:2px 0px;
}
.finishedContent .productName {
	font-weight:bold;
}
.finishedContent .extraName {
	font-weight:bold;
	font-style:italic;
}
.finishedContent td.text div {
	word-break: break-word;
}
.finishedContent .previewinwizard{
	max-width:75px;
	max-height:75px;
}


/** End KitProductWizard **/

/* Kits */
div.product .kitChildren {
	font-size:11px;
	margin-top:2em;
}
table.kitChildren th {
	font-size:108%;
}
table.kitChildren td.kitChildrenImage {
	width:110px;
	padding:10px 8px;
	text-align:center;
	vertical-align:top;
}
table.kitChildren td.kitChildrenImage img{
	max-width:100px;
	max-height:100px;
}
table.kitChildren td.kitChildrenText{
	padding:8px;
	vertical-align:top;
}
table.kitChildren td.kitChildrenText a{
	cursor:pointer;
	cursor:hand;
	color:#0c5baa;
	font-size:108%;
}
table.kitChildren td.kitChildrenText.ui-state-disabled {
	opacity:1.0;
}
table.kitChildren td.kitChildrenText.ui-state-disabled a:hover {
	text-decoration:none;
}

.kitWizardDialogForm #pageMain{width:auto;}
.kitWizardDialogForm .overviewPage .grdTwoLeft{padding:0px;}
.kitWizardDialogForm .overviewPage .grdTwoLeft .content{padding: 0px 1.5em 1.5em 1.5em;width:auto;margin:0px;float:none;}
.kitWizardDialogForm .overviewPage .grdTwoLeft .content .rightColumn{min-width:300px;max-width:425px;margin:0px;padding-left:40px;}
.kitWizardDialogForm .modListFooter {margin-top:5px;border-top:1px solid #aaaaaa;}
.kitWizardDialogForm div.product .formFooter .frmActions{
	width:100%;
	height:auto;
	min-height:28px;
}

/** button set **/
.kitWizardDialog .ui-dialog-content, .kitWizardDialog .ui-dialog-buttonpane {
	font-size: 13px;
	font-family: 'Roboto', sans-serif !important;
}

.kitWizardDialog select,
.kitWizardDialog textarea,
.kitWizardDialog input {
	font-family: 'Roboto', sans-serif !important;
}

.kitWizardDialog input[type="button"] {
	font-family: 'Roboto', sans-serif !important;
}

.kitWizardDialog .ui-dialog-buttonset{width:100%;}
.kitWizardDialog .ui-dialog-buttonset .submitWizard{float:right;}
.kitWizardDialog .ui-dialog-buttonset .navigation > div , .navigation > button {float: left;margin : 0.5em !important;}
.kitWizardDialog .ui-dialog-buttonset .navigation > div{padding-top:5px;}
/** end button set **/

.kitProductsRemaining{color:#0c5baa !important;font-weight:bold}
.kitProductsRemainingText{font-weight:bold}
.kitProductsRemainingHelpText{color:gray !important;font-size:80%}
div#kitTotalPrice div.loadspinner {min-width: 95px;height:16px;background: url(../../../../template-resources/images/indicator.gif?buildversion=1.0.0-sprint-61.3) no-repeat right;margin: 0;padding: 0;text-align: right;z-index: 200;}

/* price overview */
.kitWizardDialog .modListFooter {display: inline-block; width: 100%;}
.kitWizardDialog .modListFooter .note {padding: 10px 5px 10px 5px; font-size: 93%;}
.kitWizardDialog .priceOverview {z-index:10; float: right; background:#4c9bea; width: 362px; margin: -4px 18px 10px 25px; overflow:hidden; 	-moz-border-radius: 0px 0px 10px 10px;
	 -o-border-radius: 0px 0px 10px 10px;
	 -webkit-border-radius: 0px 0px 10px 10px;
	 border-radius: 0px 0px 10px 10px;
 }
.kitWizardDialog .priceOverview .specs{margin:0.75em 0.75em;}
.kitWizardDialog .priceOverview .spec.total{background:#ffffff;font-weight:700;}
.kitWizardDialog .priceOverview .spec {margin: 0em 0em;overflow: hidden;padding: 0.5em;}
.kitWizardDialog .priceOverview .spec .sflabel {min-width: 80px; display: inline-block; padding: 0.35em 0.75em 0.35em 0; }
.kitWizardDialog .priceOverview .spec .detail {min-width: 95px; display: inline-block; text-align: right; white-space: nowrap !important; }

/* End Kits */

div.storefrontMultiAddressShippingUpload input[name$='shippingAddressFileOrig'] {
	margin-top : 10px;
}
div.storefrontMultiAddressShippingUpload label.origFileLabel {
	margin-top: 10px;
}

/** start pgwSlider **/
.pgwSlider{width:100%;color:#fff}
.pgwSlider a{display:block;text-decoration:none;color:#fff}
.pgwSlider .ps-current{float:left;width:74%;overflow:hidden;height:inherit;position:relative;font-size:30px;}
.pgwSlider.listOnTheLeft .ps-current{float:right}
.pgwSlider .ps-current ul{width:100%}
.pgwSlider .ps-current li{width:100%;z-index:1;opacity:0;display:none}
.pgwSlider .ps-current img{max-width:100%;min-width:100%;height:auto;display:block;transition:margin-top 250ms linear}
.pgwSlider .ps-caption{position:absolute;width:100%;padding:12px;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);left:0;bottom:0;display:none;z-index:3}
ul.pgwSlider,.pgwSlider ul{float:right;width:25%;padding:0;list-style:none;margin:0}
ul.pgwSlider.listOnTheLeft,.pgwSlider.listOnTheLeft>ul{float:left}
ul.pgwSlider>li,.pgwSlider>.ps-list>li{height:50px;margin-bottom:6px;overflow:hidden;position:relative;opacity:.6;filter:alpha(opacity=60);font-size:.8rem;transition:opacity 200ms linear}
ul.pgwSlider>li:last-child,.pgwSlider>ul>li:last-child{margin-bottom:0}
ul.pgwSlider>li span,.pgwSlider>.ps-list>li span{display:block;width:100%;position:absolute;bottom:0;padding:5px;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul.pgwSlider>li:hover,.pgwSlider>ul>li:hover{opacity:1 !important}
ul.pgwSlider>li img,.pgwSlider>ul>li img{width:100%;min-height:100%;display:block;transition:margin-top 250ms linear}
.pgwSlider .ps-prevIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 10px 10px 0;display:block}
.pgwSlider .ps-nextIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 0 10px 10px;display:block}
.pgwSlider .ps-current .ps-prev{position:absolute;padding:20px 20px 20px 17px;left:0;top:40%;cursor:pointer;opacity:0.5}
.pgwSlider .ps-current .ps-next{position:absolute;padding:20px 17px 20px 20px;right:0;top:40%;cursor:pointer;opacity:0.5}
ul.pgwSlider.wide>li,.pgwSlider.wide>ul>li{width:100% !important}
.pgwSlider.narrow .ps-current{margin-bottom:6px;font-size:.8rem}
.pgwSlider.narrow .ps-current img{width:100%;min-height:inherit}
.pgwSlider.narrow .ps-current,ul.pgwSlider.narrow,.pgwSlider.narrow>ul{width:100%}
ul.pgwSlider.narrow>li,.pgwSlider.narrow>.ps-list>li{float:left;min-height:50px;max-height:70px;min-width:15%;font-size:.7rem;margin-bottom:0}
ul.pgwSlider.narrow.listOnTheLeft>li,.pgwSlider.narrow.listOnTheLeft>ul>li{float:right}
.pgwSlider.narrow .ps-caption{padding:8px}
.pgwSlider.narrow .ps-current .ps-prev{padding:15px 15px 15px 12px;top:40%}
.pgwSlider.narrow .ps-current .ps-next{padding:15px 12px 15px 15px;top:40%}
.pgwSlider .ps-current .ps-prev:hover,
.pgwSlider .ps-current .ps-prev:focus,
.pgwSlider .ps-current .ps-next:hover,
.pgwSlider .ps-current .ps-next:focus {
	color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 1.0;
}
/** end pgwSlider ***/

#cookieNotification {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.81);
	position: fixed;
	bottom: 0;
	color: white;
	z-index: 1000;
}

#cookieNotification a {
	color: white;
}

#cookieNotification a:hover {
	color: #CCE9F9;
}

#cookieNotification #closeLink {
	padding-left: 13px;
	background: url(../../../../template-resources/images/cookie_notification_close.gif?buildversion=1.0.0-sprint-61.3);
	background-repeat: no-repeat;
	background-position: 0px -23px;
}

#cookieNotification #closeLink:hover {
	background-position: 0px 4px;
}

div.kitSaveForLaterUnspecifiedIcon {
	margin-left: -3px !important;
	float: left;
}
.modListMain_RWD li div.kitSaveForLaterUnspecifiedIcon {
	margin-left: 2px !important;
}
.modListMain_RWD a.kitSaveForLaterUnspecified,
div.kitSaveForLaterUnspecified {
	padding-left: 20px;
	color: red;
	white-space: nowrap;
}
div.kitSaveForLaterIncomplete{
	margin-top: 8px;
	color: red;
}
div#inkIndicesImage {
	display: inline-block;
}

/* Start Ink Coverage Dlog */
table#inkCoverageTable {
	border-collapse: collapse;
	margin-bottom: 10px;
}

table#inkCoverageTable thead td {
	/* font-weight: bold; */
	border-bottom: 1px solid black;
}

table#inkCoverageTable tbody tr:nth-child(even) {
	background: #f3f3f3;
}

table#inkCoverageTable td.sfLabel {
	padding: 2px 10px 2px 10px;
	text-align: left;
}

table#inkCoverageTable tbody tr:last-child td:first-child,
table#inkCoverageTable tbody tr:last-child td:last-child,
table.priceTableMatrix tbody tr:last-child td:first-child,
table.priceTableMatrix tbody tr:last-child td:last-child,
table.kitChildren tbody tr:last-child td:first-child,
table.kitChildren tbody tr:last-child td:last-child {
	border-radius: 0px;
}

table#inkCoverageTable td.sfValue {
	padding: 2px 10px 2px 10px;
	text-align: right;
}

table#inkIndicesTable {
	border-collapse: collapse;
	margin-bottom: 10px;
}

table#inkIndicesTable td.sfLabel {
	padding: 2px 10px 2px 0px;
	text-align: left;
}

table#inkIndicesTable td.sfValue {
	padding: 2px 10px 2px 10px;
	text-align: right;
}
/* End Ink Coverage Dlog */

/* Begin Document Distribution */
#contentDistributionForm div.note {
	font-size: 85%;
}

table#documentDistribution {
  border-collapse: collapse;
}

table#documentDistribution thead td {
	/* font-weight: bold; */
	border-bottom: 1px solid black;
}

table#documentDistribution tbody tr:nth-child(even) {
	background: #f3f3f3;
}

table#documentDistribution tr.total td {
	background: #ffffff !important;
	border-top: 1px solid black;
}

table#documentDistribution tr.error td {
	color: red;
}

table#documentDistribution td.documentPreview {
	padding: 2px 2px;
	text-align: center;
	width: 10%;
}
table#documentDistribution td.documentIndex {
	padding: 2px 10px 2px 10px;
	text-align: right;
	width: 15%;
}

table#documentDistribution td.documentQuantity {
	padding: 2px 10px 2px 10px;
	text-align: right;
	width: 35%;
}

table#documentDistribution td.documentPercentage {
	padding: 2px 10px 2px 10px;
	text-align: right;
	width: 40%;
}

.dialogSetDistributionButton {
	width: 0px;
	border-width: 0px !important;
}
/* End */

.resultReport#processingReportTitle,
.resultReport#processingReportTitleUpdate {
	float: left;
	/* width: calc(100% - 50px); */ /* causes horizontal scrollbar */ 
}

.resultReport#processingReportBody,
.resultReport#processingReportBodyUpdate {
	padding-top: 5px;
	clear: both;
	float: left;
}

/* Tooltips for ellipsis for mobile */
.mobileEllipsis{
	cursor: help !important;
	border-bottom: 1px dotted black !important;
}

.mobileEllipsisTooltip{
	display: none;
	margin: 50px 80px;
	max-width:none !important;
	background-color:  white;
	font-size: 0.8em !important;
	color: black;
	padding: 1em;
	border: 1px solid rgb(37,37,37);
	border-radius: 2px;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    -o-border-radius: 2px;
	box-shadow: 1px 1px 1px #808080;
	    -webkit-box-shadow: 1px 1px 1px #808080;
	    -moz-box-shadow: 2px 2px 2px #808080;
	    -o-box-shadow: 2px 2px 2px #808080;
	z-index: 2;
}

/* End Tooltips for ellipsis */

/* Store Center  Order Details, Packaging ............................. */
.download.preview {
	text-align: center;
	padding-top: 5px;
}
.w2pOrderDetails,
.packingInstructions {
	width:960px;
	margin: 0 auto;
}
.w2pOrderDetails .sfContent.wizard{
	margin:0 !important;
}
/* End Order Details  ................................................ */

/* Boottrap overrides */
.table-responsive.noBottomMargin,
.table-responsive.noBottomMargin table {
	margin-bottom: 0px;
}
.table-responsive>.table.productList>tbody>tr>td {
	white-space: normal;
}

.inputElement.radio,
.inputElement.checkbox {
	margin:0px;
}

.pager {
	padding: 0px;
	margin: 0px;
}

/* does not seem to exist in bootstrap */
.row-separation-top-low { margin-top: 8px; }
.row-separation-top-middle { margin-top: 16px; }
.row-separation-top-high { margin-top: 24px; }
.row-separation-bottom-low { margin-bottom: 8px; }
.row-separation-bottom-middle { margin-bottom: 16px; }

/* https://gist.github.com/ohryan/b9593841c024c033783d */


.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

/* To remove the dotted lines around when clicking Category/Product in FF 49.x.x */
a:focus {
	outline: none;
}

.creditCard .cardholderName {width: 20em; }
.creditCard .docNumber {width: 22ch; }
.creditCard .email {width: 30em; }
.creditCard .cardNumber {width: 22ch; }
.creditCard .securityCode {width: 6ch; }

.inipay-review .buyername {width: 36ch; }
.inipay-review .buyertel {width: 24ch; }
.inipay-review .buyeremail {width: 48ch; }

.creditCard label {
	font-weight: normal; 
	margin-top: 2px; 
}

.inipay-review label {
	font-weight: normal; 
	margin-top: 2px; 
}

.creditCard .securityCodeHelp {
  font-size: 85%;
  font-style: italic;
}

.shippingServiceChoiceShippingDateInfo {
  margin-top: 6px;
  padding-left: 25px;
}

/* Full screen upload wizard styling */
.row.fullScreenHeader {
	border-bottom: 2px solid #777778;
} 

.fullScreenHeader div.textOnBackground {
	margin: 12px 0px 12px 0px;
}

.fullScreenHeader #addToShoppingCart {
	float: right;
	margin: 8px 0px 8px 8px;
	padding: 5px 12px;
}

.fullScreenContent {
	background: #E2E2E2;
	padding-bottom: 1px; /* solves the "white bar" problem at the bottom and the scrollbar problem (small screens) */	
} 

.fullScreenContent .squareCornerBox {
	padding: 0px;
	text-align: center;	
	background-color: transparent;
    -webkit-user-select: none;
}

.fullScreenContent .squareCornerBox .heading {
	padding: 10px;
	margin: 1px 1px 0px 1px;
	color: #0c5baa;
	background-color: white;
	font-size: 16px;
	font-weight: bold;
	height: 39px;
}

.fullScreenContent #uploadButton {
	margin: 8px auto;
	text-align: center;	
}

.fullScreenContent .progress{
	margin: 10px auto 0px auto;
	width: 75%;
}

.fullScreenContent .progress .progress-bar{
	color: #FFFFFF;
	background-color: #0c5baa;
    -webkit-transition: width .0s ease;     -moz-transition: width .0s ease;
    -o-transition: width .0s ease;
     transition: width .0s ease;
}

#filesContainer .row {
	text-align: center;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      
}

#filesContainer {
	overflow-x: hidden;
	margin: 1px;
	background: #E2E2E2; }

#filesContainer .decoratedFile:nth-child(odd) {
	background: #F5F5F5; }

#filesContainer .decoratedFile:nth-child(even) {
	background: #FFFFFF; }

#filesContainer .topRow div {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

#filesContainer .topRow > div {
	padding: 5px;
}

#filesContainer .bottomRow div {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

#filesContainer .bottomRow > div {
	padding: 5px;
}

#filesContainer .thumbnail {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#filesContainer span.badge {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	/* Transform looks at the element itself and not the parent. */
	transform: translateX(-50%) translateY(10%);
}

#filesContainer .indicator {
	margin: 5px 5px;
}

#filesContainer .message {
	padding: 5px;
	background: #FF0000;
}

.fullScreenContent .dropzone {
	padding: 10px;
	margin: 1px;	
	min-height: 100px;
}

.fullScreenContent .dropzone-previews {
	border: none;
	background: #E2E2E2;
	text-align: center;	
}

.fullScreenContent span.tools {
	background-color: #FFFFFF;
	/* padding: 25px 0px; */
	display: inline-block;
	vertical-align: middle;
}

.fullScreenContent span.tools table {
	border-collapse: collapse;
	margin: -3px 10px 0px 0px;
}

.fullScreenContent span.tools table td {
	border: 1px solid #FFFFFF;
}

.fullScreenContent div.toolgroup {
	min-width: 105px;
	padding: 5px 0px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.fullScreenContent div.tools {
	background-color: #E2E2E2;
	padding: 10px 0px;
	display: table-cell;
	vertical-align: middle;
}

.fullScreenContent div.tools table {
	border-collapse: collapse;
	margin: 6px auto;
}

.fullScreenContent div.tools table td {
	border: 1px solid #E2E2E2;
}

.fullScreenContent .tools table button {
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	border: none;
	width: 32px;
	height: 25px;
	background-color: #8e8e8e;
}

.fullScreenContent div.tools table button img.fix {
	max-width: 19px;
}
.fullScreenContent span.tools table button img.fix {
	max-height: 17px;
	margin-top: -3px;
}

.fullScreenContent .tools table button.button-active,
.fullScreenContent .tools table button:hover  {
		background-image: -ms-linear-gradient(top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -o-linear-gradient(#4c9bea, #0c5baa);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c9bea), color-stop(100%, #0c5baa));
	background-image: -webkit-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: linear-gradient(center top, #4c9bea, #0c5baa);
 border:1px solid #0c5baa; 
}

.fullScreenContent .tools table table button:active {
  background-color: #0c5baa;
}

.fullScreenContent .tools table.squares button {
	width: 25px;
	height: 25px;
}

.fullScreenContent .tools button.rounded {
	border-radius: 6px 6px 6px 6px;
}

.fullScreenContent .tools button.rounded-left {
	border-radius: 6px 0px 0px 6px;
}

.fullScreenContent .tools button.rounded-top-left {
	border-radius: 6px 0px 0px 0px;
}

.fullScreenContent .tools button.rounded-bottom-left {
	border-radius: 0px 0px 0px 6px;
}

.fullScreenContent .tools button.rounded-right {
	border-radius: 0px 6px 6px 0px;
}

.fullScreenContent .tools button.rounded-top-right {
	border-radius: 0px 6px 0px 0px;
}

.fullScreenContent .tools button.rounded-bottom-right {
	border-radius: 0px 0px 6px 0px;
}

.fullScreenContent #tabbed button {
	border: 1px solid #0c5baa; 
	color: #fff;
	background-color: #ccc;
	cursor: pointer;
	padding: .4em 1em;
}

.fullScreenContent #uploadZone a#infoLink img {
	background: #0c5baa;
	max-width: 22px;
	max-height: 22px;
	margin: -6px 0px 0px 6px;
}

.uploadWizardInfo {
	margin-bottom: 10px;
}
	
.uploadWizardInfo .caption {
	font-weight: 700;
	margin-bottom: 0.15em;
}

.uploadWizardInfo .detail {
	margin-bottom: 0.3em;
}

.uploadWizardTitle {
	float: left;
}

.uploadWizardTitleTools {
	float: right;
}

#canvastooltip {
	display: none;
	width: 45px;
	height: 45px;
	top: 0;
	left: 0;
	position: fixed;
	/* background-color: red; */
}

#canvasindicator {
	display: none;
	position: absolute;
	margin: 0px 0px 0px 8px; }

#canvasControls {
	padding: 6px;	
}

#canvasControls .badge{
	margin-top: -6px;	
}

#uploadWizard .glyphicon {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	cursor:pointer;
	cursor:hand;
	color: #0c5baa; 
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      
}

h1.heading .badge{
	background-color: #0c5baa;
	margin: -3px 0px 0px 10px;
}

h1.heading .badge img{
	max-height: 16px;
	margin-top: -2px;
}

.thumbnailList {
	font-size: 0; /* remove unwanted space between divs */
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */    
	width: fit-content;
	width: -moz-fit-content;
	/* display: inline-block; */ /* could be used instead of fit-content (?) */
}

.thumbnailList div {
	box-sizing: content-box;
}

.thumbnailList div.wrapper > img.statusIcon {
	z-index: 12;
	max-height: 16px;
	display: block;
	position: absolute;
	bottom: 16px;
	left: 50%;
	/* Transform looks at the element itself and not the parent. */
	transform: translateX(-50%);
}

.thumbnailList div.wrapper > div {
	cursor:pointer;
	cursor:hand;
}

.thumbnailList div.wrapper > div > img {
	/* thumbnail */
	pointer-events: none;
	max-width: none;
	vertical-align: initial;
	background: url(../../../../template-resources/images/indicator.gif?buildversion=1.0.0-sprint-61.3) no-repeat center;
}

.thumbnailList div.wrapper.active {
	z-index: 10;
}

.thumbnailList div.wrapper.active > div {
	border-style: dashed !important;
	border-color: #0c5baa !important;
}

.thumbnailList div.wrapper > span.badge {
	z-index: 11;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 50%;
	/* Transform looks at the element itself and not the parent. */
	transform: translateX(-50%) translateY(25%);
}

.thumbnailList div.wrapper.active > span.badge {
	background-color: #0c5baa !important;
}

.thumbnailList div.adder {
	cursor:pointer;
	cursor:hand;
	border: 1px dashed #0c5baa !important;
    /* background-color : #FFFFFF; */
}

.thumbnailList div.adder > span {
	position: absolute;
	top: 50%;
	left: 50%;
	/* Transform looks at the element itself and not the parent. */
	transform: translateX(-50%) translateY(-50%);
}


/* ----- New upload warning/error dialog ------- */

.popup_content#processing-report #xtraReportInfo {
	display:none;
}

.popup_content#processing-report .resultReportInfo {
	background: #F3F3F3;
	border: 1px solid #CCC;
	padding-bottom:10px;
	margin-bottom: 10px;
	max-width: 650px;
}

.popup_content#processing-report .resultReport {
	padding:5px;
	text-align: left;
}

.popup_content#processing-report .resultReport .errorTable {
	width: 100%;
}

.popup_content#processing-report .resultReport .errorBoxRow {
	padding:0px;
}

.popup_content#processing-report .resultReport .errorBoxRowIcon {
	width: 16px;
	padding-top:6px;
	padding-right:5px;
	vertical-align: top;
}

.popup_content#processing-report .resultReport .errorBoxRowTitle{
	padding-top:5px;
	padding-bottom:5px;
}

.popup_content#processing-report .resultReport .errorSection {
	color: red;
	font-weight: bold;
}

.popup_content#processing-report .resultReport .warningSection {
	font-weight: bold;
	padding-top: 10px;
}

.popup_content#processing-report .resultReport .fixesSection {
	font-weight: bold;
}

.popup_content#processing-report .resultReport .errorBoxLabel {
	width: 30%;
	text-align:right;
	white-space: nowrap;
	padding:0px;
	padding-left:25px;
	font-size:85%;
}

.popup_content#processing-report .resultReport .errorBoxValue {
	width: 60%;
	padding:0px;
	padding-left:5px;
	font-size:85%;
}

.popup_content#processing-report div.note {
	padding-top: 10px;
	font-size: 85%;
}

.popup_content#processing-report .awp-fileupload-errorMessage {
	margin-top: 5px;
	text-align: center;
}


/* ----- Card select box - used in Stripe payment page ------- */
.select-box-container {
	display: table;
    margin: 0 auto 5px auto; 
}

.select-box-container .select-box {
    border-radius: 4px;
    margin: 10px 13px 5px 2px;
    text-align: center;
    position: relative;
    display: inline-block;
}

.select-box-container .select-box input{
	display: none;
}

.select-box-container .select-box label{
    position: relative;
    color: #9a9a9a;
    text-align: center;
    display: block;
    border: 3px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 1px;
    border-radius: 4px;
    border: 1px solid #efefef;
}

.select-box-container .select-box img{
	width: 100px;
	height: 60px;
}

.select-box-container .select-box:not(.select-box-single) label{
	cursor: pointer;
}
.select-box-container .select-box:not(.select-box-single) input:checked + label {
	border: 1px solid #852516;
	background-color: rgba(133, 37, 22, 0.04);
	color: #852516;
}

.select-box-container .select-box:not(.select-box-single) input:checked + label:after {
    content: "\2713";
    color: white;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    border-radius: 100%;
    border: 1px solid #852516;
    background-color: #852516;
    z-index: 999;
    position: absolute;
    top: -10px;
    right: -10px;
}


.select-box-container .select-box:not(.select-box-single) input:checked + label {
	border-color: #0c5baa !important;
	color: #0c5baa !important;
}
.select-box-container input:checked + label:after {
	border-color: #0c5baa !important;
	background-color: #0c5baa !important;
}

.select-box-container  input:checked + label {
	/*border: none !important;*/
}

/* ----- Overlay Spinner ------- */
#spinner-overlay {
	background: url(../../../../template-resources/images/indicator.gif?buildversion=1.0.0-sprint-61.3) no-repeat center;
	position: fixed;
	top: 0; 
	left: 0; 
	width: 100%;
	height: 100%; 
	z-index: 999;
}

/* ----- Click to copy to clipboard, example see Stripe checkout page in Test mode ------- */
td.clickable:hover { 
	cursor:pointer;
	cursor:hand;
	color:#0c5baa;
}

.assignmentDialog {
	padding: 10px;
}
.assignmentDialog .message {
	max-width: initial;
	padding: 0px;
}
.assignmentDialog .options {
	padding: 10px 0px 0px 0px;
}
.assignmentDialog label {
	font-weight: normal;
}
.assignmentDialog .warning {
	padding: 10px 0px 0px 0px;
	/* color: orange; */
}
.warningDialog {
	padding: 10px;
}
.warningDialog .message {
	max-width: initial;
	padding: 0px;
}
.warningDialog .continue {
	padding: 10px 0px 0px 0px;
	/* color: orange; */
}
.applyFormatDialog {
	padding: 10px;
}
.applyFormatDialog .message {
	max-width: initial;
	padding: 0px;
}
.applyFormatDialog .options {
	padding: 10px 0px 0px 0px;
}
.applyFormatDialog label {
	font-weight: normal;
}
.applyFormatDialog .note {
	font-size: 85%;
	width: fit-content;
	width: -moz-fit-content;
}

.inputElement.options .detail .sflookandfeelFF {
  	min-width: 230px;
	max-width: 340px;
}
.inputElement.options .detail .sflookandfeel {
  	min-width: 230px;
	max-width: 340px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.sflookandfeel.custom-search-select button{
	border-radius: 5px;
    box-sizing: border-box;
    padding-top: 1px;
}

.sflookandfeel.custom-search-select button{
	background-color: #e9e9e9;
	/* Fallback */
	background-image: -webkit-linear-gradient(bottom, white 0%, #e9e9e9 100%);
	/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(bottom, white 0%, #e9e9e9 100%);
	/* FF3.6 */
	background-image: -ms-linear-gradient(bottom, white 0%, #e9e9e9 100%);
	/* IE10 */
	background-image: -o-linear-gradient(bottom, white 0%, #e9e9e9 100%);
	/* Opera 11.10+ */
	background-image: linear-gradient(to top, white 0%, #e9e9e9 100%);
}

.sflookandfeel.custom-search-select button span{
    margin-left: 4px;
}

.sflookandfeel div.dropdown-menu.open {
    padding: 0px;
}

.sflookandfeel ul.dropdown-menu.inner {
    background-color: #e9e9e9;
}

.sflookandfeel ul.dropdown-menu.inner li {
    margin-top: 2px;
    margin-left: 4px;
    margin-right: 6px;
}

.sflookandfeel ul.dropdown-menu.inner li span{
	font-size: 99%;
	font-family: 'Roboto', sans-serif;
}

.WIN .inputElement.options .detail .sflookandfeel {
  	min-width: 230px;
	max-width: 340px;
	border-radius: 0px 0px 0px 0px;
}
.WIN .sflookandfeel.custom-search-select button{
	background-color: white;
	background-image: none;
    border-radius: 0px;
}
.WIN .sflookandfeel.custom-search-select button:hover{
	background-color: white;
	background-image: none;
}
.WIN .sflookandfeel.custom-search-select button span {
  margin-left: 0px;
}
.WIN .sflookandfeel ul.dropdown-menu.inner {
    background-color: white;
}
.WIN .sflookandfeel ul.dropdown-menu.inner li {
    margin-top: 0px;
    margin-left: 0px;
}

.fullScreenLogIn {
  /* The image used */
  background-image: url("?buildversion=1.0.0-sprint-61.3");

  /* Full height */
  min-height: 100%;

  /* Center and scale the image nicely */
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  
  padding-top: 50px;
}

.fullScreenLogIn .fullScreenLogo {
  /* The logo image used */
  background-image: url("?buildversion=1.0.0-sprint-61.3");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  /* Full height */
  height: 100px;
  
  margin-bottom: 50px;
}

.fullScreenLogIn .fullScreenLogo img {
  vertical-align: middle;
}

@media (min-width: 992px) {
  .fullScreenLogIn {
	padding-top: 150px;
  }
  
  .fullScreenLogIn .fullScreenLogo {
  	margin-bottom: 100px;
  }
}
 
/* ---- Begin RESPONSIVE WEB DESIGN Formatting -------- */

.limitedWidth {
	max-width: 1170px;
}

/* BM Moved to Storefront.css but is probably already defined in BootStrap */
/*
img, embed, 
object, video {
	max-width:100%;
}
*/

* {
    box-sizing: border-box;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}

#pageHeader {
  width: 100%;	/* This is the width of the site */
  margin: 0 auto;
}

#pageHeader .headWrap,
#pageHeader .siteLabel {
	min-height: 70px;
}

#pageHeader .siteLabel {
	display: table;
	table-layout: fixed;
	padding: 0;
	height: 70px;
	min-height: 70px;
}

#pageHeader .headWrap .logo {
	display: table-cell;
	vertical-align: middle;
}

#pageHeader .headWrap .logo img{
  	max-width: 100%;
  	height: auto;
}

#pageHeader .navbar {
	margin-bottom:0px;
	clear:both;
	border-radius:0px;
	min-height:40px;
}

#myNavbar {
	overflow: auto;
}

#myNavbar ul li .page, #myNavbar ul li.accountInMenu {
  display: block;
  font-size: 116%;
  text-decoration: none;
}

#myNavbar ul li.accountInMenu {
  background-color: #fff;
  color: #000000;
}

#myNavbar .navbar-nav > li > span, #myNavbar ul li.accountInMenu .accountInfoTitle {
  line-height: 20px;
  position: relative;
  padding: 10px 15px;
}

#myNavbar ul li.accountInMenu .accountInfoTitle {
  text-transform: none;
}

#myNavbar .accountInfoTitle .accountInfo {
  padding-top: 10px;
  padding-left: 10px;
}

form.navbar-form {
	float: right;
	width: auto;
    padding: 0;
    margin-right: 4px;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-form .input-group .form-control {
	width: 140px;
	height: 28px;
	padding: 3px 6px;
	
}
.navbar-form .input-group .btn {
	padding: 3px 6px;
}

.navbar-form .input-group .input-group-btn {
	width: auto
}

.navbar-inverse .row {
	padding: 0px 8px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #0c5baa;
}

.navbar-inverse .navbar-text {
	color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #0c5baa;
}

.navbar-inverse .navbar-nav li.active > a, 
.navbar-inverse .navbar-nav li.active > a:hover,
.navbar-inverse .navbar-nav li.active > a:focus {
    background-color: #0c5baa;
}

.navbar-toggle {
    margin-top: 5px;
    margin-bottom: 5px;
}

.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover
{
	border-color: #fff;
    background-color: #0c5baa;
}

.navbar-header{
	float: right;
}

.navbar-toggle {
	float:left;
}

.navbar-toggle .icon-bar {
	position: relative;
	transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	top: 6px;
	transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	top: -6px;
	transform: rotate(-45deg);
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	margin: 0px -8px;
}

.navbar-collapse ul.nav.navbar-nav {
	margin: 0px -8px;
}

.navbar-right ul.nav.navbar-nav {
	margin: 0px;
    float: right;
}

.navbar-right .navbar-nav a.dropdown-toggle {
	padding-top: 12px;
	padding-bottom: 12px;
    color: #fff;
    text-decoration: none;
}

.navbar-right .navbar-nav .open a.dropdown-toggle,
.navbar-right .navbar-nav .open a.dropdown-toggle:hover,
.navbar-right .navbar-nav .open a.dropdown-toggle:focus {
    color: #fff;
    background-color: #0c5baa;
}


.navbar-right .navbar-nav .open .dropdown-menu a {
    color: #000 !important;
    background-color: #fff !important;
}

.navbar-right .navbar-nav .open .dropdown-menu a:hover,
.navbar-right .navbar-nav .open .dropdown-menu a:focus {
    color: #fff !important;
    background-color: #0c5baa !important;
}

.navbar-right .navbar-nav .open .dropdown-menu {
    margin-top: 0;
    border: 1px solid #0c5baa;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	position: absolute;
	min-width: 54px;
	text-align: left;
	font-size: 13px;
    left: auto;
    right: 0;
}
.navbar-right .navbar-nav .open .dropdown-menu a {
    text-decoration: none;
    padding: 3px 14px;
}

.accountInfoTitle .accountInfo a {
  color: #0c5baa;
  text-decoration: none;
}
.accountInfoTitle .accountInfo a:hover {
  color: #000000;
}

/* log navigation ........................................................... */
.navLog ul {
	font-size: 110%;
	clear: both;
	margin: 5px;
	padding-top: 1px;
}
.navLog ul li.vertical-divider{
	height: 20px;
	width: 1px;
	margin: 0 5px;
	overflow: hidden;
	background-color: #0c5baa;
	border-right: 1px solid #0c5baa;
}
.navLog ul li .page {	
	color:#0c5baa;
	text-decoration: none;
	/*font-weight: bold;*/
}

.navLog ul li a.page:hover {
	color: #000000;
}

/* account .................................................................. */
.account {
	position: absolute;
	bottom: 8px;
	right: 8px;
}
.account .navLog {
	float: left;
	margin-top: 16px;
	position: relative;
}
.account .navLog h1.heading {
	color: #7f7f7f;
	font-size: 110%;
	padding: 5px;
	float: right;
	margin: 0px;
}
.account .basket {
	float:right;
	margin-top: 16px;
  	margin-right: 5px;
}

.account .basket .basketIcon {
	position: relative;
}

.account .basket .heading {
	background: url("../../../../template-resources/images/cart-icon-rwd.png?buildversion=1.0.0-sprint-61.3") no-repeat;
	width: 48px;
	height: 44px;
	display: block;
	background-image: url("../../../../template-resources/images/cart-icon-rwd.png?buildversion=1.0.0-sprint-61.3&color=0c5baa");
	background-size: 48px 44px;
}

.account .basket .basketIcon .amount {
	position: absolute;
	top: -1px;
	left: 28px;
	background-color: #fff;
	border-radius: 50%;
	color: #000;
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	width: 24px;
	border: 2px solid #0c5baa;
}

.account .basket .basketIcon .amount:hover {
	cursor:pointer;
	cursor:hand;
}


/* navigation */
li.category .modMain .image {
  bottom: 3px;
}

/* shopping cart ............................................................ */
.cartPage .cta.checkout {
	text-align: right;
}
.storeItem {
	background:white;
	padding:8px;
}
.storeItem.kitIndent {
	border-left-width: 8px !important;
	border-left-color: #4c9bea !important;
	border-left-style:solid !important;
	margin-left: -2px;
	padding-left: 7px;
}
.storeItem.even{
	background: #f3f3f3;
}
.storeItem .storeItemImage {
	margin-top:5px;
	margin-right:10px;
	float:left;
}
.storeItem .storeItemImage ul {
	margin:0px;
}
.storeItem .storeItemImage ul li {
	margin-top:5px;
}

.storeItem .storeItemSubTitle {
	margin-top:5px;
	width:auto;
}
.storeItem .storeItemHeading h1.heading {
	float:left;
}
.storeItem .storeItemHeading .storeItemMenu {
	float:right;
}
.storeItem .storeItemHeading .storeItemMenu .dropdown-menu >li>a {
	font-size: 93%;
}
.storeItem .storeItemHeading .storeItemMenu .dropdown-menu>li>a:hover {
	color: #0c5baa;
}

.modDetail.product .description,
.accountPage .productListManageAccount .description {
	margin-top: 8px;
}	

.storeItem .storeItemDescription .description p {
	margin:0;
	padding:1px 0px;
}
.storeItem .storeItemDescription {
	margin-top:5px;
}
.storeItem .storeItemDescription .stickyNote a {
	text-decoration: none;
}
.modList.products .modListMain_RWD,
.modList.shipments .modListMain_RWD {
	border-top: 2px solid #e8e8e8;	
	border-right: 2px solid #e8e8e8;	
	border-left: 2px solid #e8e8e8;	
}
#savedItems.modList.products .modListMain_RWD {
	border-bottom: 2px solid #e8e8e8;
}
.modList .modListMain_RWD .storeItem .heading span {
	color:#0c5baa;
	font-size:100%;
}
.modList .modListMain_RWD .storeItem .heading a {
	color:#0c5baa;
	text-decoration:none;
}
.modList .modListMain_RWD .storeItem .heading a:hover {
	color: #252525;
}
.modListMain_RWD .storeItem h1.heading	{
	max-width:85%;
}
.modListMain_RWD .storeItem .storeItemPrice	{
	display: inline-block;
	width:100%;
	margin-top:5px;
}
.modListMain_RWD .storeItem .storeItemPrice .orderForm,
.modListMain_RWD .storeItem .storeItemPrice .storeItemTaxInfo {
	padding-top:5px;
	padding-bottom:5px;
	float:right;
}
.modListMain_RWD .storeItem .storeItemPrice .orderForm .total {
	text-align: right;
	padding:0px 5px;
}
.modListMain_RWD .storeItem .storeItemPrice .orderForm .total.active {
	font-weight:bold;
	white-space:nowrap;
	padding-right:10px;
	min-width: 120px;
}
.modListMain_RWD .storeItem .storeItemPrice .orderForm.active {
	background:#4c9bea;
}
.modListMain_RWD .storeItem .storeItemPrice .orderForm.kitIndent.active {
	background:#aaa;
}

.modListMain_RWD .storeItemDescription p {
	font-size: 93%;
}
.modListMain_RWD .storeItemDescription div {
	padding-top:5px;
}
.modListMain_RWD .productLinks {
	display:inline-block;
}
.modListMain_RWD .new-saved-name {
	padding-bottom:3px;
}

.imageCol.kitIndent .productLinks ul {
	max-width: 100px;
}
/* cho */
.navigation .cta #forwardIcon {
	content:"";
	float:right;
	right:0;
	top:-0.2em;
	width:20px;
	height:20px;
		-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
 background:#0c5baa url("../../../../template-resources/images/more-arrow.gif?buildversion=1.0.0-sprint-61.3") 5px 5px no-repeat;
}
.navigation .cta #forwardText {
	margin-right:25px;
	padding-top:2px;
}

/* Options */
div.product .inputElement.options .detail select {
	max-width: 100%;
}

div.product .inputElement.options .detail .bootstrap-select {
	max-width: 100%;
	width: unset;
}
	
/* prices */
div.product .prices {
	margin-bottom: 1em;
}

.kitPageContainer {
	margin-top: -8px;	
}

.kitPageContainer .modHeader h1{
	padding-top: 10px;	
}

/* BEGIN SF shipping.ep */

.addressActions .deleteAddressIcon,
.addressActions .editAddressIcon {
	width:36px;
}
.modList .priceOverviewPayment,
.checkoutPage.checkoutPage2 .modList .modListFooter .priceOverview { 
	float:right;
	min-width:400px;
}
.orderDetails .fillUpSpace#awp-order-details-billing {
	width:100%;
}

.taxExemptionCertificateListDecoration .viewCertificateIcon {
	width: 45px;
}
#taxExemptionCertificateSelectButton {
	margin-left: 10px;
}

table#addressBookOverview td.addressActions .awpKeepsFloatDivs {
	min-width:90px;
}
#addressBookList table#addressBookOverview td.addressActions .awpKeepsFloatDivs {
	min-width:190px;
}

.accountPage .orderList .orderNumber .ellipsis{
	display:inline-block;
}

/* Collapsing Menu's                                                          */
ul.nav.navbar-nav > li.more > ul li > a {
	color: #fff;
}
ul.nav.navbar-nav > li.more:hover ul {
	display: block;
	color: #fff
}
li.more li a:hover {
    color: #fff;
    background-color: #0c5baa;
}

/* css adapted to the different window widths  */
@media (min-width:768px) {
	
	/* sf checkout flow
	.checkoutPage#sfOrderDetails .content > .heading {
		margin-left:2em;
		margin-right:2em;
	} */
	.modList .priceOverview {
		margin-right:1em;
	}
	.wizard .wizardMain .paymentConfirmation {
			-moz-border-radius:13px;
	-o-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
 	-moz-box-shadow:0 1px 5px #a09f9f;
	-o-box-shadow:0 1px 5px #a09f9f;
	-webkit-box-shadow:0 1px 5px #a09f9f;
	box-shadow:0 1px 5px #a09f9f;
 min-height:16em;
		padding:1px 0px;
	}
    .navbar-nav > li > a {
        padding-top: 12px;
        padding-bottom: 12px
    }
	.limitedWidth {
		width:96%;
	}
	table#advancedSearchResult td h1.heading {
		max-width: 390px;
	}
	.kitWizardDialogForm .overviewPage{
		width:785px;
	}
	#filesContainer.collapse {
		display: block;
	}
}

@media (min-width:992px) {
	table#advancedSearchResult td h1.heading {
		max-width: 620px;
	}
}

@media (min-width:1170px) {
	.accountPage .stickyNote.maxWidth,
	.accountPage .productListManageAccount .ellipsis{
		width:400px;
		max-width:450px;
	}
	table#advancedSearchResult td h1.heading {
		max-width: 735px;
	}
}

@media (max-width:767px) {
	.sidebar {
	  display: none !important;
	}
	
	.sfContent {
		width: 100%;
	}
	
	.genericPopup iframe {
	    display: block;      /* iframes are inline by default */
	    height: 85vh;        /* Viewport-relative units */
	    width: calc(90vw - 10px);	/* 10px is for the "X" sign in the right top corner */
	}
	
	.navbar-header{
		width: 100%;
	}
	
	.navbar-collapse {
		width: calc(100% + 16px);
		margin: 0px -8px !important;
	}

	#pageHeader .siteLabel {
		margin-left: 8px;
	}

	div.product .textblock#productDescription {
  		margin-bottom: 20px;
	}
	
	.product .flyer {
		text-align: center;
	}
	div.product .flyer ul{
		display: inline-table;
  		margin: 8px 0px 0px 0px;
	}
	div.product .flyer ul li {
		margin: 0px 0px 0px 8px;
	}
	div.product .flyer #productDescription {
		text-align: left;
	}
	
/* shopping cart related elements  */
	.cartPage .navigation .cta {
		margin-left:0px;
	}
	.modList .modListFooter_RWD,
	.modList .modListFooter.reUseForRWD {
		background:#4c9bea;
		width:100%;
		padding:1px 7px;
	}
	.modList .modListFooter_RWD {
		padding-bottom:5px;
	
	}
	.modList .modListFooter.reUseForRWD .priceOverview {
		float:none;
		position:initial;
		margin:0px;
		overflow:initial;
		width:100%;
	}
	.modListMain_RWD .quantity.amount {
		padding-left:3px;
		padding-right:10px;
		font-weight:bold;
		float:right;
		/* text-align:right; if we need a separate line, replace the float by this */
	}
	.checkoutPage#sfOrderDetails .modListMain_RWD .quantity.amount {
		padding-left:0px;
		padding-bottom:3px;
		float:none;
		text-align:right;
	}
	
	.modListFooter.reUseForRWD #priceTableFooter.note,
	.modListFooter.reUseForRWD #priceQuoteFooter.note,
	.modListFooter_RWD #priceQuoteFooter.note,
	.modListFooter_RWD #quoteInfoText.note {
		padding:5px;
		width:100%;
		font-size: 93%;
		color: #252525;
	}
	.modListFooter.reUseForRWD .priceOverview .specs,
	.modListFooter_RWD .priceOverview .specs {
		margin: 0;
		width:100%;
		display:inline-block;
	}
	.modListFooter.reUseForRWD .priceOverview .specs .spec {
		margin: 0em;
		overflow: hidden;
		padding-right: 10px;
	}
	
	.modListFooter_RWD .priceOverview .spec {
  		overflow: hidden;
	}

	.modListMain_RWD .storeItem .storeItemPrice	.priceTaxInfo,
	.modListFooter_RWD .priceOverview .specs .spec .detail,
	.modListFooter_RWD .priceOverview .specs .spec .minorDetail {
		padding-right:5px;
	}
	.modListFooter_RWD .priceOverview .specs .spec.total,
	.modListFooter_RWD .priceOverview .specs .spec.subtotal,
	.modListFooter_RWD .priceOverview .specs .spec.discount,
	.modListFooter_RWD .priceOverview .specs .spec.shipping,
	.modListFooter_RWD .priceOverview .specs .spec.taxes,
	.modListFooter_RWD .priceOverview .specs .spec.shippingtaxes,
	.modListFooter_RWD .priceOverview .specs .spec.paymentcost,
	.modListFooter_RWD .priceOverview .specs .spec.paymentcosttaxes,
	.modListFooter_RWD .priceOverview .specs .spec.additionalfee,
	.modListFooter_RWD .priceOverview .specs .spec.additionalfeetaxes {
		padding: 5px;
	}
	.orderDetails .modListFooter_RWD .priceOverview {
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.stickyNote {
		margin-top: 5px;
	}
	
/* order details related elements  */
	.packageSlip .addressBox {
		clear:both;
		width:100%;
		height:auto;
	}
	.order-details td.title { 
		min-width: 30px;
		white-space: nowrap;
	}
	.split-order-details td.title {
		min-width: 30px;
	}
	.modList .modListFooter .priceOverview#orderTotal {
		width:100%;
	}
/* sf checkout flow */
	.checkoutPage3 .modList .priceOverview.priceOverviewPayment{
		margin-top:-10px;
		position:relative; 
		z-index:10; 
		background:#4c9bea;
	}

	.checkoutPage .leftBox {
		float:none;
		width:100%;
	}
	.checkoutPage .rightBox {
		width:100%;
		margin-left:0px;
	}
	.checkoutPage.checkoutPage2 .modList.products .modListFooter_RWD .priceOverview {
		margin:0px;
		color:#FFFFFF;
	}
	.modList .priceOverviewPayment  { 
		min-width: 0px;
		width: 100%;
	}
	.checkoutPage.checkoutPage2 .modList .taxExemptionControl { 
		float: none;
		text-align: left;
	}
	.accountPage .stickyNote.maxWidth,
	.accountPage .productListManageAccount .ellipsis{
		width:150px;
		max-width:150px;
	}
	.accountPage .sectionMain td.orderInfo,
	.accountPage .sectionMain td.descriptionCol.descriptionColManageAccount {
		white-space:initial;
	}
/* Address popup stuff */
	.wizard#createAddress {
  		margin: 0em;
	}
	.wizard .wizardMain .deliveryInfo .formRow,
	.wizard .wizardMain .billingAddress .formRow {
		margin-left: 0em;
		margin-right: 0em;
	}
	#taxExemptionText {
	  padding: 0em 0em 1em 0em;
	}
	.taxExemptionCreate .wizard#taxExemption {
	  margin: 1em 0em;
	}
	
/* Shopping Cart Checkout */
	.checkOutTab.step1.active,
	.checkOutTab.step2.active,
	.checkOutTab.step3.active {
		border-radius: 13px;
		background: url("../../../../template-resources/images/step2-active-bg.png?buildversion=1.0.0-sprint-61.3") left center repeat-x;
	}
	.checkOutTab.step1.active .checkOutTabContent,
	.checkOutTab.step2.active .checkOutTabContent,
	.checkOutTab.step2.active.twoSteps .checkOutTabContent,
	.checkOutTab.step3.active .checkOutTabContent {
		background: none;
	}
/* End */
	.bottom-right-wide-dlog {
	    position: inherit;
	    bottom: auto;
	    right: auto;
	}
	.bottom-left-wide-dlog {
	    position: inherit;
	    bottom: auto;
	    left: auto;
	}
	.selectUploadTypeDiv .frontSideUpload.positionLeft,
	.selectUploadTypeDiv .doubleSideUpload {
		float:none;
	}
	.selectUploadTypeDiv .positionLeft .awp-fileupload.storefrontUploadableProductFrontImageUpload .awp-fileupload-fileInput,
	.selectUploadTypeDiv .awp-fileupload.storefrontUploadableProductBackImageUpload .awp-fileupload-fileInput {
		max-width: 100%;
	}
	.uploadinfo {
		margin-top:10px;
	}
	table#advancedSearchResult td h1.heading {
		max-width: 430px;
	}
	.fullScreenContent #uploadZone.squareCornerBox {
		padding: 0px 0px 0px 0px;
	}
	.resubmitContent {
		margin-top: 0px;
	}
	
	.checkoutPage#sfOrderDetails h1.textOnBackground {
		width: calc(100% - 25px);
	}
}

@media (max-width:543px) {
	.loginBox {
		width:100%; 
	}
	
	.loginBox .loginColumns .login {
		width: 100%;
		border-right: 0px;
		border-bottom:1px solid #4c9bea;
		padding: 0px 0px 16px 0px;
	}
	
	.loginBox .loginColumns .register {
		width: 100%;
		border-left:0px;
		padding: 16px 0px 0px 0px;
	}
	
	.kitChildrenText{
		max-width:215px;
	}
	table#advancedSearchResult td h1.heading {
		max-width: 245px;
	}
	.storeItem .storeItemImage {
		max-width:100px;
	}
	#alignment-tools {
		margin-left:0px;
	}
	.fullScreenContent #preview.squareCornerBox .heading {
		overflow: auto;
		height: unset;
	}
}

@media (max-width:767px) {
	.fullScreenContent .squareCornerBox .heading {
		margin: 1px 0px 0px 0px;
	}
}

/* iPhone 5s */
@media (max-width:350px) {
	.kitChildrenText{
		max-width:160px;
	}
}

/* ---- End RESPONSIVE WEB DESIGN Formatting -------- */



/* customBackground theme...................................................... */
body .languageBar{
	background: none; 
    background : rgba(255,255,255, 0.7);
}
body #pageMain{
	background: none;
    background : rgba(255,255,255, 0.9);
}
body #pageMain{
		-moz-border-radius: 0 0 7px 7px;
	 -o-border-radius: 0 0 7px 7px;
	 -webkit-border-radius: 0 0 7px 7px;
	 border-radius: 0 0 7px 7px;
	border:1px solid rgb(255,255,255);
  	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
  	border-top:0px;
}

.textOnBackground {
	color: rgb(0,0,0);
}

.navLog .textOnBackground a,
.taxExemptionControl.textOnBackground a,
.taxExemption.textOnBackground a,
.mce-content-body.textOnBackground a,
.awp-checkout-shipment-details .textOnBackground a,
.textOnBackground .mce-content-body:not(.customFooterText) a,
.ui-dialog-content a.textOnBackground {
	color: rgb(0,0,0) !important;
}

.mce-content-body span.primaryColor a,
.textOnBackground .mce-content-body span.primaryColor a,
.mce-content-body.textOnBackground span.primaryColor a,
.textblock.mce-content-body span.primaryColor a {
	color: #0c5baa !important;
}

.mce-content-body span.secondaryColor a,
.textOnBackground .mce-content-body span.secondaryColor a,
.mce-content-body.textOnBackground span.secondaryColor a,
.textblock.mce-content-body span.secondaryColor a {
	color: #feca2f !important;
}

.mce-content-body.textOnBackground,
.mce-content-body.productdescription,
#product-content-specification.textOnBackground {
	color: rgb(0,0,0) !important;
}

.navLog .textOnBackground .vertical-divider {
	background-color: rgb(0,0,0) !important;
}

	body {
	  	background:rgb(255,255,255);
	}
	#pageBackground {
	  	background:url("/background/a/getimage/D6056C90-4160-0696-AADA-33F4B162D290?buildversion=1.0.0-sprint-61.3") center bottom no-repeat scroll;
	}

body #pageMain {
	height:auto;
}	
/* main page */
.pageBox.contact {
	margin-bottom: 10px; 
}

.pageBox.contact .arrow{
	display:none;
}

.homePage .grdTwoLeft{
padding-bottom : 10px;
}
/* default page */
.defaultPage .grdTreeLeft{
padding-bottom:40px
}
/* category page*/
.modListHeader{
	border-bottom: 1px solid #D9D9D9;
}
/* product page */
div.product .modMain div.image,div.product .modMain div.graphic{
	margin-right:0px;
}
div.product .order{
	background:white;
}
.modListFooter .paging{
	padding-bottom:20px;
}
/* chili editor */
div.chiliHeader,
.uploadwizard .fullScreenHeader {
	background: none;
    background : rgba(255,255,255, 0.9);
}
/* shoppingcart table */
.cartPage .modList .modListMain{
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.modList .modListMain table tbody tr td {
	background: white;
}
.modList .modListMain table thead tr th {
	background: #F3F3F3;
}
.modList .modListMain table thead th:first-child {
	-moz-border-radius: 10px 0px 0px 0px;
	-o-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}
.modList .modListMain table thead th:last-child {
	-moz-border-radius: 0px 10px 0px 0px;
	-o-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
}

/* BEGIN SF checkout flow so all pages with ".checkoutPage" */
.checkoutPage .backgroundBox{
    background: white;
}
/* END SF ".checkoutPage" */

/* manage account page */
.accountPage div.grdOne{
	padding-bottom : 20px
}
/* paypal payment page*/
.wizard .wizardMain .paymentConfirmation{
	background-color : white;
}

	body #pageFooter {
		background: none;
	}
	#pageBackground {
		height: auto !important;
		padding-bottom: 16px;
	}

	.navbar-inverse, 
	.dropDownNavigationMenu {
		border: 1px solid #0c5baa;
			background-image: -ms-linear-gradient(top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -moz-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: -o-linear-gradient(#4c9bea, #0c5baa);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c9bea), color-stop(100%, #0c5baa));
	background-image: -webkit-linear-gradient(center top, #4c9bea, #0c5baa);
	background-image: linear-gradient(center top, #4c9bea, #0c5baa);
 color:#ffffff;
	}
	

/* end customBackground theme.................................................. */