@import url(../bootstrap/css/bootstrap.css);
@import url(../fontawesomepro/css/all.min.css);
@import url(../fontawesomepro/css/brands.min.css);
@import url(../bootstrap/bootstrap-tweaks.css);
@import url(../../../themes/css/base.css);

body	{font-size:9pt;}
img	{image-orientation: none;}

/* bootstrap tweaks */
.tab-content	{ padding:10px; }

/* headings */
h1, .h1	{font:900 2.2em "trebuchet ms", serif;}
h2, .h2	{font:700 1.6em "trebuchet ms", serif;}
h3, .h3	{font:700 1.4em "trebuchet ms", serif;}
h4, .h4	{font:700 1.3em "trebuchet ms", serif;}
h5, .h5	{font:700 1.2em "trebuchet ms", serif;}
h6, .h6	{font:700 1.1em "trebuchet ms", serif;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a	{ text-decoration:none; }

/* header */
#bw-main-header 	{ font-size:12pt; margin-bottom: 25px; }
#bw-main-header .navbar-default .navbar-nav > .open > a, 
#bw-main-header .navbar-default .navbar-nav > .open > a:hover, 
#bw-main-header .navbar-default .navbar-nav > .open > a:focus,
#bw-main-header .navbar .site-bar .nav > .active > a, 
#bw-main-header .navbar .site-bar .nav > .active > a:hover, 
#bw-main-header .navbar .nav > .active > a:focus
	{ background-color: transparent; background-image:none; }
#bw-main-content 	{ font-size:12pt; }
#bw-main-content #wrapper	{ position:relative; }

#socialbuttons	{display: block; position: absolute; margin-left: -90px; padding: 10px; background: #EEE; border: 1px solid #E7E7E7; box-shadow: inset 0 0 1px white, 0 0 2px #EEE; border-bottom: 1px solid #E3E3E3;}
#socialbuttons>div	{ padding-bottom:15px; }

.page-header	{ margin-top:0; }
/* Link blocks */
#bw-main-footer a:link 	{ color:#555; text-decoration:none; }
#bw-main-footer a:visited 	{ color:#555; text-decoration:none; }
#bw-main-footer h3 	{ color:#444; font-size:13px; font-weight:bold; margin-bottom: 5px; margin-top: 21px; }
#bw-main-footer .links 	{ color:#555; font-size:13px; }
#bw-main-footer div.linkblock	{ padding:0px 20px 20px 0; text-align:left; }
#bw-main-footer ul.links 	{ margin:0; padding:0; } 
#bw-main-footer ul.links li 	{ list-style-type:none; padding-top:3px; }

.stepbox	{padding:15px;}
.stepbox .stepnumbercircle	{ background-color:#0060cc; color:white; display:inline-block; height:40px; width:40px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; border-radius:20px;	font-size:2.22em; font-family:"Arial", Helvetica, sans-serif; font-weight:bold; line-height:40px; text-align:center; margin-bottom:7px; }
.stepbox h2	{ margin:0; }


@media only screen and (max-width:768px){
.dropdown-submenu.menu-admin > .dropdown-menu	{left: -95%; width:100%}
.dropdown-submenu.menu-admin > .dropdown-menu > .dropdown-submenu > .dropdown-menu	{left: -95%; width:100%}
}

@media (min-width: 768px) {
.carousel-caption { right: 10%; left: 10%; padding-bottom: 30px; }
}

/* Rounded */

.rounded	{ -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; }

fieldset 	{ -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
legend	{ -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; }

fieldset	{ background-color:#E2F4F8; padding:20px; margin-bottom:20px;}
legend	{ background:#E2F4F8; width:auto; padding:5px 20px 0 20px; margin:0; border:none;}
legend + .control-group	{margin:0;}

.box	{ -moz-border-radius:5px; -webkit-border-radius:5px;	-o-border-radius:5px; }
.promobox	{ -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
#navigation .module	{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#bcatnone	{ -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
tr.minifeature td>.box	{ border-radius:5px; }
.commercebar ul.breadcrumbs	{ -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px;}

/*** boxes ***/
.box	{padding:1em; border:1px solid #ccc; margin-bottom:1em;}
.box.confirm	{padding:5px 20px}
.box.confirm p	{padding-bottom:15px;}
.panel .box>h3	{padding:2px; border:1px solid #dedede; background:#e9ecef;}
.boxcontent	{padding:2px;}

.boxpadding	{padding:20px;}


/*Size, Binding & Paper Options*/
.subtitle	{font-weight:normal;font-size:75%}
.product-blocks .product:first-child,
.product-blocks .product	{border-right:1px solid #ccc;}
.icon-material,
.material-icon	{max-height:40px;color:white;}
.material-info	{position:relative}
.material-info img.material-corner	{margin-left:-10px}
.material-info .btn.learn-more	{position:absolute;bottom:50px;left:15px;}
.material-info .material-icon	{position:absolute;top:5px;right:15px;}
.material-overlay 	{position:absolute;top:5px;left:15px;color:white;text-shadow: 0px 0px 10px #004b6b;}
.material-overlay h4	{color:white;}

table.product-specs	{table-layout:fixed;}
.product-specs .pricing	{font-size: 14pt; font-weight: bold; }
.product-specs p.sizes	{color: #777; font-size: 40pt; font-weight: bolder; vertical-align: middle; }
.product-specs p.avail	{color: #777; font-size: 30pt; font-weight: bolder; vertical-align: middle; }
.product-specs h2	{font-size: 4vmin; }

/*New Schema Table Start*/
.schema-book img	{vertical-align: top!important;}
.schema-book .lead-prod-title	{font-size:21px;}
.schema-book .pull-to-left,
.schema-book .pull-to-right	{float: center;text-align: center;}
.schema-book hr	{margin-top:10px; margin-bottom:10px;}
.schema-book .options-box	{border-bottom: 1px solid #ccc;padding:.75em;vertical-align: middle;}
.schema-book .product-box	{text-align: center;padding:10px;}
.schema-book .options-box:last-child	{border-bottom:0 solid transparent;}
.schema-book .options-box img.paper-icon	{margin-right:.5em;height:25px;width:25px;}
.schema-book div .btn	{margin-left:.5em;vertical-align: top;margin-top: 0.6em;}
.schema-book .pages-info span	{float: left; width: 50%; padding: 5px;}
.schema-book .btn-sm, .btn-group-sm > .btn	{padding: 5px 20px;}
#cover-container .affix	{top: 20px;z-index: 9999 !important;}
#cover-container .affix-bottom	{position: relative;}
#cover-container #productthumb	{max-height:825px;margin-left: auto;margin-right: auto;}

	@media only screen and (min-width: 331px) {
	.schema-book .pull-to-left	{float:left;text-align: left;}
	.schema-book .pull-to-right	{float: right;text-align: right;}
	}
	@media only screen and (min-width: 767px) {
	.schema-book .options-box img.paper-icon	{height:30px;width:30px;}
	}
	@media only screen and (max-width: 768px) {
	#cover-container .affix	{top:20;}
	}
	@media only screen and (max-width: 991px) {
	#cover-container .affix	{position:relative;top: 0;}
	}
	@media only screen and (min-width: 991px) {
	.schema-book .options-box img.paper-icon	{height:35px;width:35px;}
	.schema-book .options-box,
	.schema-book .product-box	{font-size:90%;}
	#cover-container .affix	{width:455px;}
	}
	@media only screen and (min-width: 1200px) {
	#cover-container .affix	{width:555px;}
	}
/*End Schema Table*/

.options-chart td,
.options-chart th	{padding: 15px 0px 15px 15px; border-bottom: 1px solid #ccc; vertical-align: middle; font-size: 14pt; color: #777; font-weight: bold; }
.options-chart th.sizes{font-size: 33pt; font-weight: bolder; white-space: nowrap; }
.options-chart th.columnth	{text-align: left; }
.options-chart.description th	{ padding: 5px; text-align: center;}
.description th,
.description th	{ padding: 5px; text-align: center;}
.options-chart td	{ font-size: 10pt; color: #000; font-weight: normal; }
.options-chart sup	{ font-size: 8pt; }
caption	{ color: #777; font-size: 20pt; font-weight: bolder; vertical-align: middle; padding: 15px; }
.pricing td a	{ font-weight: bolder; font-size: 12pt; } 
.options-chart .description td 	{ font-weight: bolder; font-size: 12pt; color: #777; }
.options-chart .description td span.small-description		{font-weight: normal; font-size: 9.5pt; display:block; padding-top: .3em;}
.small-font-button { font-size: 10pt; }
.options-chart table tr:last-child,
.options-chart tr:last-child,	{border-bottom: 0px solid transparent; }
.card-row-container	{background-color: #eee; }  
#template-preview	{padding:1.25em; background-color: #eee; text-align: left;}
img.paper-type-icon	{width:35px; height:35px;position: absolute;bottom: 5px;left: 15px;}
img.book-product     {max-width:100%;max-height:250px;height:auto;}
.price-boxes	{padding:.4em;}
.price-boxes .base-prices p	{margin:0;font-size:9pt;}
img.paper-icon	{width: 30px;height: 30px;margin-bottom:.6em;}
/*CSS for Template Blocks not in Designer*/



/* TEMPLATE BLOCK
================================================================================================= */
.new-article {height:400px;} /* Template Cell */
.template-block .img-container img	{max-height: 150px; margin: auto; margin-bottom: 20px; box-shadow: 2px 2px 8px #6b6b6b;} /* Template Thumbnail */
.online-designer-preview {min-height:0;}
.use-template-button{
	width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;}

/* .new-article div[style='min-height:75px;']{min-height: 0 !important;} */
.new-article .col-sm-12 {position: absolute; bottom:0;}
.template-block article.new-article	{margin-bottom:0;padding:15px 0;}
.template-block article	{padding-bottom: 15px; border-bottom:1px solid #ddd; margin-bottom:15px;}
.template-block article h2	{margin-top:0; }
.template-block article.new-article h2	{font-size:1.3em;clear:none;}
.template-block article.new-article h2 a	{text-decoration:none;color:#222;font-weight:900;}

.template-row h4	{font-size:1.25em;text-align:center;}
.template-block header	{padding-bottom: 20px; }

.template-block.responsive-container {position: relative;width: 100%; margin-bottom:.75em;}

.template-block .img-container {text-align:center; font: 0/0 a;}
.template-block .img-container:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;}
.template-block .img-container .wrapper {vertical-align: middle;display: inline-block; position:relative;}
.template-block img.templatethumb,
.template-block .img-container .wrapper {filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=4, Color='#444')";filter: url(#drop-shadow);-webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.4));filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.4));}
.template-block .btn.btn-use-template	{width:100%;}
.template-block img.templatethumb	{padding:3px;max-height:65px;width:auto; margin-left:auto;margin-right:auto; display:block;}

	@media only screen and (min-width: 330px)	{
	/* .template-block .img-container img	{max-height: 150px; max-width: 150px;} */
	.template-block article.new-article	{border-right: 1px solid #ddd;}
	.template-block article.new-article:nth-child(2n)	{border-right: 1px solid transparent;}
	}

	@media only screen and (min-width: 768px) and (max-width: 990px) {
	/* .template-block .img-container img	{max-height: 200px; max-width: 200px;} */
	.template-block article.new-article h2	{font-size:1.2em;}
	.template-block article.new-article,
	.template-block article.new-article:nth-child(2n)	{border-right: 1px solid #ddd;}
	.template-block article.col-sm-3.new-article:nth-child(4n) {border-right: 1px solid transparent;}
	.template-block article.col-sm-4.new-article:nth-child(3n) {border-right: 1px solid transparent;}
	/* .img-container img {max-height: 185px; max-width: 185px;} */
	.product-row-container h1	{font: 5em IsidoraSans, Helvetica, Arial, sans;}
	.product-row-container h2	{font-size: 1.7em;}
	.product-row-container h3,
	.product-row-container.h3	{font: bold 1.6em IsidoraSans, Helvetica, Arial, sans;}
	.product-row h4	{font: bold 1em IsidoraSans, Helvetica, Arial, sans;}
	}

	@media only screen and (min-width: 991px) {
	.template-block article.new-article h2	{font-size:1.3em;}
	/* .template-block .img-container img	{max-height:160px;max-width:160px;} */
	.template-block article.new-article:nth-child(2n),
	.template-block article.new-article:nth-child(3n)	{border-right: 1px solid #ddd;}
	.template-block article.col-md-3.new-article:nth-child(4n) {border-right: 1px solid transparent;}
	.template-block article.col-md-4.new-article:nth-child(3n) {border-right: 1px solid transparent;}
	.product-row-container h3,
	.product-row-container.h3	{font: bold 1.5em IsidoraSans, Helvetica, Arial, sans;line-height: 1.2em;}
	}

	@media only screen and (min-width: 1200px) {
	.template-block article.new-article h2	{font-size:1.5em;}
	/* .template-block .img-container img	{max-height:210px;max-width:210px;} */
	.template-block article.col-lg-3.new-article:nth-child(4n) {border-right: 1px solid transparent;}
	.template-block article.col-lg-4.new-article:nth-child(3n) {border-right: 1px solid transparent;}
	.product-row-container h3	{font: bold 1.5em IsidoraSans, Helvetica, Arial, sans;}
	}

	/*CSS for Vertical HR's not showing last border in a row*/
	@media only screen and (max-width: 991px) {
	.product-blocks .product:nth-child(2n)	{border-right: 0px solid transparent;}
	}
	@media only screen and (max-width: 1200px) and (min-width: 991px) {
	.product-blocks .product:nth-child(3n)	{border-right: 0px solid transparent;}
	}
	@media only screen and (min-width: 1200px)	{
	.product-blocks .product:nth-child(4n)	{border-right: 0px solid transparent;}
	}

/* ================================================================================================= 
	TEMPLATE BLOCK END*/

.crop-guide	{border-style: solid; opacity:0.5; position:absolute; display:block; border-width:0; pointer-events:none; z-index:999 }
.crop-guide.softcover	{border-color:red; }
.crop-guide.hardcover	{border-color:pink; }

#product-options-container	{background-color:#fff;}
img.product-cover	{/*box-shadow: 0px 0px 10px #999999;*/margin-bottom:15px;}
select#casematerial	{ width:auto; }
.vvproduct #producttitle	{padding:0px; margin:0px 0px 4px 0px;}
.vvproduct #producttitle h1	{margin-bottom:0px;}
.vvproduct dd	{margin-left:0;}
.purchaseoptions	{width:100%; margin-bottom:20px;}
.purchaseoptions .optionslist label	{margin-bottom:10px;width:100%}
.purchaseoptions .optionslist .fa-caret-right	{transform: rotate(90deg); }
.purchaseoptions .optionslist .collapsed .fa-caret-right	{transform: rotate(0deg); }
.purchaseoptions h2	{margin-bottom:16px;font-size:14pt;}
.purchaseoptions h3	{font-size:12pt;margin-top:0;}
.purchaseoptions h4	{font-size:1em;}
.purchaseoptions dt	{padding:6px 6px 6px 9px; margin:10px 0 10px 0;; background-color:#E0E0E0; color:#333333; font-size:1.3em;}
.purchaseoptions dd	{padding:0; margin:0 10px 15px 10px;}
.purchaseoptions input	{float:left;}
.purchaseoptions p	{margin:0px;padding:0;}
.vvproduct .creatorprice	{color:green;font-size:smaller;font-weight:bold;}
.purchaseoptions .sortoptions	{ overflow:hidden; }
.purchaseoptions a.cataloglink	{float:right; margin-right:20px; font-weight:normal; font-size:0.8em;}
.purchaseoptions .sortbutton	{ background: #999; color:#ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#333333'); /*IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333)); /*webkit browsers */
	background: -moz-linear-gradient(top,  #999999,  #333333); /*firefox 3.6+ */
	text-shadow:none; text-align:center; font-size:1.0em;
	width:24.8%; float:left; padding-top:6px; padding-bottom:6px;
	-moz-box-shadow: 0px 5px 5px #888; -webkit-box-shadow: 0px 5px 5px #888; -o-box-shadow: 0px 5px 5px #888; box-shadow: 0px 5px 5px #888;
	cursor:pointer;
}
.purchaseoptions .sortbutton.active 	{ color:white; }
.purchaseoptions .sortbutton:not(.leftend):hover	{ color:white; }
.purchaseoptions .sortpointer 	{ height:17px; width:25%; float:left; text-align:center; margin-top:0px; visibility:hidden; }	
.purchaseoptions .sortpointer 	{ background:url('images/sort_pointer_grey.png') no-repeat top; }	
.purchaseoptions .sortbutton.leftend	{ -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -o-border-radius-topleft:5px; border-radius-topleft:5px; }
.purchaseoptions .sortbutton.rightend 	{ -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -o-border-radius-topright:5px; border-radius-topright:5px; }

#options5row	{ border:1px solid #bbbbbb; border-radius:5px; padding:5px 10px; background-color: #eeeeee; }
#options5row label.control-label	{ font-weight: bold; }


#photo-mug-sides .carousel-inner .item	{ min-height:300px; }

.coverpreview 	{ padding:0px 0px 20px 0px;}
.coverpreview img 	{ border: 1px solid #eee }

/* Product catalog */
.productcatalog .price.binding	{text-align:right}
.productcatalog .price span	{font-size:8pt;font-weight:normal;color:#999;}
.productcatalog .header strong	{font-size:10pt;padding: 0 6px 0 0;}

.productcatalog 	{clear:both;}
.productcatalog .header .inputbox strong	{ color:black; font-size:9pt; }
.productcatalog .thumb 	{width:50px;padding:0;margin:0 10px 0 0;float:left;}
.productcatalog div.thumb 	{height:30px;}
.productcatalog h1 a 	{text-decoration:none;color:#262;}
.productcatalog h2.cataloggroup	{float:left;margin-top:20px;}
.productcatalog .dimensions h1	{text-align:center;font-size:20px;white-space:nowrap;}
.productcatalog .pricecalcuation	{ padding:5px 10px; }
.productcatalog .price,
.productcatalog .calcprice	{ font-weight:900; font-size:10pt; }
.productcatalog .calcprice 	{ text-align:right;width:7em;}
.productcatalog h3	{ display:inline; }
.productcatalog .optionslist dt .formhelp	{ padding-right:10px; color:black;font-weight:normal;font-size:10pt; }
@media only screen and (max-width: 768px)	{.productcatalog .product-catalog-info .btn {width: 80%;margin:5% 20% 0 0;} .productcatalog .pricecalcuation {float:left;} .productcatalog .purcahseoptions dd	{margin: 0;} .productcatalog .pricecalcuation {padding:0;}}
@media only screen and (max-width: 991px)	{.productcatalog .optionslist dt .formhelp	{display:block;} .productcatalog .purchaseoptions p {font-size:10pt;} .productcatalog .tab-content	{padding: 0;}}
@media only screen and (min-width: 768px)	{.productcatalog .price-and-create	{padding:0;}}
@media only screen and (min-width: 991px)	{.productcatalog .optionslist dt .formhelp	{float: right;}}
@media only screen and (min-width: 1200px)	{.productcatalog .pricecalcuation	{float:right;}}
.shopping-cart .cart-item {border-bottom:1px solid #eee; }
.shopping-cart .cart-item .cartproductname {font-weight:bold;font-size:1.25em; }
.templatedrop.card-purchase-preview	{min-width: 100%; min-height: auto;}
.btn-group.btn-group-panel input[type=radio]	{position: absolute;clip: rect(0,0,0,0);pointer-events: none;}
.btn-group.btn-group-panel .btn.label-select.active	{background: #fff; outline: 0; -webkit-box-shadow:inset 0px -6px 0px -2px #1a9dd6; -moz-box-shadow:inset 0px -6px 0px -2px #1a9dd6; box-shadow:inset 0px -6px 0px -2px #1a9dd6;}


.gradient-h-lr	{
background: -moz-linear-gradient(left,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.55) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.55))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.55) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.55) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.55) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.55) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.templatedrop	{
	-moz-box-shadow: 0 1px 8px rgba(160,160,160,.6);
	box-shadow: 0 3px 4px rgba(160,160,160,.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=315, Color='#000000')"; /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=315, Color='#000000'); /* For IE 5.5 - 7 */
}
.shadow-bottom	{
-moz-box-shadow: 0px 5px 7px rgba(50, 50, 50, 0.2);
-webkit-box-shadow: 0px 5px 7px rgba(50, 50, 50, 0.2);
box-shadow: 0px 5px 7px rgba(50, 50, 50, 0.2);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#99999999')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#9999999999');
}

.shadow-right	{
-moz-box-shadow: 5px 0px 7px -5px rgba(50, 50, 50, 0.2);
-webkit-box-shadow: 5px 0px 7px -5px rgba(50, 50, 50, 0.2);
box-shadow: 5px 0px 7px -5px rgba(50, 50, 50, 0.2);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#99999999')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#9999999999');
}

/* vim: set ts=50: */