* { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
body {
    font-size: 16px;
    font-family: Verdana, Arial, Sans-Serif;
    overflow-x: hidden;
}
a { color: #300102; text-decoration: underline; }
a:hover, a:focus, a:visited { color: #300102; text-decoration: none; }
a.noLine { text-decoration: none; }
a.noLine:hover { text-decoration: underline; }
a.whiteLink { color: #ffffff; }
a.whiteLink:hover { color: #ffffff; }
label, select, input { font-size:14px; }
table caption { color:#000000; font-weight:bold; font-size:14px; }
table th { text-align: center; background:#cacaca; }

/******* Bootstrap modifications *******/
.btn:visited, .btn:active, .btn:active:focus
{
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: #300102;

}
.btn-primary { background-color:#730101; border-color:#300102; text-decoration:none; }
.btn-primary:hover { background-color:#ffffff; color:#000000; border-color:#730101; }


.panel-heading a
{
    text-decoration: none;
    font-weight:normal;
}
.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color:gray;         /* adjust as needed */
}
.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.well-white
{
    background-color: #ffffff;
    border:none;
}

/******* general *******/
.noPadding { padding: 0; }
.textRed { color: #300102; }
.contactGrayText { color:#888888; font-size:12px; margin-top:4px; }
.alert { display:block;  margin-top: 10px; width: 100%; }
.notesItalic { font-size:11px; font-style:italic; margin-top:5px; }
span.formatExample { display:inline-block; margin-left:10px; color:#8c8c8c; }
.framedImg { border: 1px solid #dddddd; padding: 2px; box-shadow: 0 0 3px rgba(0,0,0,0.1); }
.dividerLineTop { padding-top: 30px; margin-top: 30px; border-top: 1px solid #dddddd; }
.dividerLineBottom { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dddddd; }
.dividerLineServices { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #e7e7e7; }

/******* Home Page *******/
.hrShadowing { clear: both; height: 14px; background:#300102 url(C:/Sites/TheBookPatch/trunk/TheBookPatch3.Web/images/hrGradient.jpg) repeat-x; margin-top:40px; margin-bottom:40px; }
#lgImageBtns img { border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; }
.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th, .borderless tfoot tr th, .borderless tfoot tr td { border: none !important; }
.borderless tbody tr td.grayBorder { border-right:1px solid #A4937C; }
.boldHeading { font-weight:bold; margin-bottom:10px; margin-top:30px; }
.headerImg img { max-width:100px; }
.headerTitle { text-align:left; font-size:20pt; text-transform:uppercase; font-weight:bold; padding:0 0 0 80px; vertical-align:middle; }
#self-publish img { margin-left: 30px; margin-bottom: 20px; }
#ebook img { margin-bottom: 30px; float:left; margin-right:20px; }
.buyNowBtnHeading { height: 62px; padding-left:30px; padding-right:30px; margin-top:30px; margin-bottom: 30px; font: 2.6em/66px Bebas; color: #FFFFFF; background-color:#300102; }
#isbn img.isbnSample { max-height:90px; float:right; border:1px solid #cacaca; box-shadow: 0 0 3px rgba(0,0,0,0.4); }
#newestBooks { font-size:0.8333em; margin-top:20px; margin-bottom:40px; }
#newestBooks th, #newestBooks td { text-align:center; width:20%; }
#newestBooks td img { border: 1px solid #dddddd;padding: 2px; max-width: 116px; box-shadow: 0 0 3px rgba(0,0,0,0.1); }
#newestBooks td:first-child { padding:0 5px 0 0; border-left:none; }
#newestBooks td:last-child { padding:0 0 0 5px; border-right:none; }
#newestBooks td:hover { background-color:#f8f8f8; }
#newestBooks a { color:#831c04; }
#newestBooks .divBooktitle { font-weight:bold; margin-top:15px; margin-bottom:5px; color:#521203; }
#newestBooks .divPrice { margin-top:10px; }
.largeBorders { border-color:#300102; border-style:solid; border-width:6px 0; padding:20px 0; }
#IsbnPackages td { text-align: center; }
#IsbnPackages td:first-child { text-align: left; }
#priceOrderTotal { font-weight:bold; font-size:32px; margin:0; color:#300102; }
.quantitiesTable { margin-top:30px; }
.quantitiesTable caption { font-weight:normal; }
.quantitiesTable td { word-break:break-all; word-wrap:break-word; font-size:1.5em; font-weight:bold; text-align:left; }
.quantitiesTable td:first-child { font-weight: normal; font-size:1em; padding-top:15px; }
.quantitiesTable td:nth-child(2) { color: #000000; text-align:center; }
.quantitiesTable td:last-child { color: #300102; text-align:center; }

/******* Headings *******/
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { margin-top:10px; margin-bottom:10px; }
h1.grayBkgnd { margin-top: 5px; margin-bottom: 5px; color:#ffffff; font-weight:normal; }
h2.defaultTitle { margin-top:0; margin-bottom:0; text-transform: uppercase; }
h2.h2SubHeading { color:#7f7f7f; font-size:1.55em; margin-top:0; margin-bottom:20px; }
h2.bookstore { font-size:1.6em; margin-top:0; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #dddddd; }
h2.bookstoreNoUnderline { font-size:1.6em; margin-top:0; margin-bottom:10px; }
h3.defaultSubtitle { color: #7f7f7f; margin-top:0; margin-bottom:30px; text-transform: uppercase; }
h4.defaultHeading { font-size:1.5em; color: #000000; margin-top:30px; margin-bottom: 10px; text-transform: uppercase; }
h4.about { margin-bottom:10px; margin-top:24px; }
h4.faqTitles
{
    margin-top: 40px;
    color:#000000;
}
.underlined { padding-bottom: 4px; border-bottom: 1px solid #000000; margin-bottom: 30px; }

/******* Header *******/
.headerContainer { background:#300102 url('/images/HomePageGradient2.jpg') no-repeat top center; padding-top:10px; padding-bottom:10px; }
.logoImage {
    margin-top: 5px;
    margin-bottom: 10px;
    max-height: 60px;
}
.loginTable {
    width: 400px;
    margin-top: 10px;
    margin-bottom: 25px;
}
@media(min-width: 768px){ display: none; } }
.loginTable td { vertical-align:top; text-align:left; padding-top:4px; padding-right:5px; }
.loginTable td:last-child { padding-top:0; padding-right:0; }
.forgotPassword a { font-size:11px; text-decoration:underline; color:#ffffff; }
.forgotPassword a:hover { text-decoration: none; color:#ffffff; }
.rowLogin { text-align: right; font-size:11px; margin-bottom:50px; color:#ffffff; }
.rowPhone { color: #ffffff; text-align:right; font-size:14px; font-weight:normal; }
.rowPhone a { font-size: 14px; color:#ffffff; text-decoration:underline; }
.rowPhone a:hover { text-decoration:none; color:#ffffff; }
.rowPhone span { font-weight: bold; }


.genericServiceControl 
{
	display:block;
	border:1px solid #cacaca;
	padding:10px;
	margin-bottom:20px;
	height:130px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:97% 10%;
	background-size:80px;
}
.genericServiceControl:hover
{ 
	background-color:#F8F8F8;
}
.genericServiceControl span.description {
	display:block;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:5px;
	line-height:1;
}
.genericServiceControl span.note {
	display:block;
	font-size:0.85em;
	margin-top:20px;
}
.genericServiceControl.coverTemplate
{
	background-image:url(../images/TemplateIcon2.png);
	background-size:110px;
	background-color:#890101;
	background-position-y:center;
	color:#ffffff;
}
.genericServiceControl.coverTemplate:hover
{
	background-color: #ffffff;
	color: #000000;
	text-decoration:none;
}
.genericServiceControl.coverTemplate span.description 
{
	width:65%;/*260px*/
	font-size:1.1em;
	margin-bottom:10px;
	text-align:center;
}
.genericServiceControl.coverTemplate span.note {
	display:block;
	font-size:0.6em;
	margin-top:15px;
	width:65%;
}



/******* Footer *******/
.footerContainer {
    background-color: #ccc;
    color: #000000;
    font-size: 12px;
    border-top: 1px solid #000
}
.footerDiv { vertical-align:top; padding-top:20px; font-size:12px; }
.footerDiv p { font-weight:bold; margin-bottom:0; }
.footerDiv a {
    color: #000000;
    text-decoration: none;
}
.footerDiv a:hover {
    color: #f37800;
    text-decoration: underline;
}
.footerContainer a.whiteLink {
    color: unset;
}
.footerContainer .footerDiv {
    font-family: 'Poppins', sans-serif;
}
.footerDiv ul { margin-top:0; padding-left:20px; line-height:1.3em; }
.socialMediaIcons { padding-top:20px; padding-bottom:20px; }
.socialMediaIcons a { display: inline-block; margin-right: 10px; }
.socialMediaIcons a img { border: none; }
.socialMediaIcons a img.youTubeImg { background-color:#ffffff; }
.footerBottomPortion { margin:10px 0; font-size:10px; }
.footerBottomPortionRight { text-align:right; }

/******* Buttons *******/
.btn-gray, input[type=submit].btn-gray, .btn-gray:visited, input[type=submit].btn-gray:visited, .btn-gray:active, input[type=submit].btn-gray:active, .btn-gray:active:focus, input[type=submit].btn-gray:active:focus, .btn-gray:focus, input[type=submit].btn-gray:focus { color:#000000; border:1px solid #BFC0B0; background-color:#cacaca; white-space:normal !important; word-wrap:break-word; }
.btn-gray:hover, input[type=submit].btn-gray:hover { background-color: #ffffff; border:1px solid #BFC0B0; }
.btn-grayWhiteBordered, input[type=submit].btn-grayWhiteBordered { color:#ffffff; border:1px solid #ffffff; background-color:#cacaca; white-space:normal !important; word-wrap:break-word; }
.btn-grayWhiteBordered:hover, input[type=submit].btn-grayWhiteBordered:hover { color:#000000; background-color: #ffffff; border:1px solid #000000; }
.btn-darkGray, input[type=submit].btn-darkGray { color:#ffffff; border:1px solid #ffffff; background-color:#858585; white-space:normal !important; word-wrap:break-word; }
.btn-darkGray:hover, input[type=submit].btn-darkGray:hover { color:#000000; border:1px solid #000000; background-color: #ffffff; }
.btn-tbp, input[type=submit].btn-tbp, .btn-tbp:visited, input[type=submit].btn-tbp:visited, .btn-tbp:active, input[type=submit].btn-tbp:active, .btn-tbp:active:focus, input[type=submit].btn-tbp:active:focus, .btn-tbp:focus, input[type=submit].btn-tbp:focus { color:#ffffff; border:1px solid #ffffff; background-color:#300102; white-space:normal !important; word-wrap:break-word; }
.btn-tbp:hover, input[type=submit].btn-tbp:hover { background-color: #ffffff; color: #300102; border-color: #300102; }
.btn-tbpBordered, input[type=submit].btn-tbpBordered { background-color:#300102; border:1px solid #ffffff; white-space:normal !important; word-wrap:break-word; }
.btn-tbpBordered:hover, input[type=submit].btn-tbpBordered:hover { background-color: #ffffff; color: #300102; border-color: #300102; }
.btn-green, input[type=submit].btn-green, .btn-green:visited, .btn-green:active { font-size:21px; color:#ffffff; border:1px solid #BFC0B0; background-color:#1a5901; white-space:normal !important; word-wrap:break-word; }
.btn-green:hover, input[type=submit].btn-green:hover { background-color:#fff; color:#000000; border-color:#1a5901; }
.btn-slim { padding-top: 3px; padding-bottom: 3px; white-space:normal !important; word-wrap:break-word; }
.btn-cartImg a, input[type=submit].btn-cartImg, input[type=reset].btn-cartImg
{
    background:#858585 url(../images/cartMini_white.png) no-repeat 6px center;
    padding-left:26px;
    color:#ffffff;
    text-decoration:none;
    white-space:normal !important;
    word-wrap:break-word;
}
.btn-cartImg a:hover, input[type=submit].btn-cartImg:hover, input[type=reset].btn-cartImg:hover
{
    background-image:url(../images/cartMini.png);
    color:#000000;
    text-decoration:underline;
}

/******* Google Custom Search *******/
.gcse-googleSearchContainer { width:100%; height:46px; min-width:970px; margin-bottom:10px; }
.gcse-headerGoogleSearch { width:300px; position:absolute; top:130px; right:0; margin-top:5px; }

/******* Watermarks *********/
#LogInPassword.watermark, #Password.watermark 
{
    background:#ffffff url(../images/Watermark_Password.png) no-repeat scroll 0 50%; 
}
#LogInEmail.watermark, #Email.watermark 
{
    background:#ffffff url(../images/Watermark_EmailAddress.png) no-repeat scroll 0 50%; 
}
#FirstName.watermark 
{
    background:#ffffff url(../images/Watermark_FirstName.png) no-repeat scroll 0 50%; 
}
#FirstName.watermarkEmpty 
{
    background:#fdc9c9 url(../images/Watermark_FirstName.png) no-repeat scroll 0 50%;
    border:2px solid #ff0000; 
}
#LastName.watermark 
{
    background:#ffffff url(../images/Watermark_LastName.png) no-repeat scroll 0 50%; 
}
#ConfirmPassword.watermark 
{
    background:#ffffff url(../images/Watermark_ConfirmPassword.png) no-repeat scroll 0 50%; 
}

/******* Shipping Options *********/
table.shippingMethodsTable {
    color:#000000;
    margin-bottom:20px;
}
table.shippingMethodsTable caption {
    margin:10px 0;
}
table.shippingMethodsTable td {
    width:65%;
}
table.shippingMethodsTable td:last-child {
    text-align:center;
    width:35%;
}
table.shippingMethodsTable td span {
    display:block;
    font-style:italic;
    font-size:8pt;
    margin-top:3px;
}

/******* Cost Comparison *********/
#CostComparison td
{
    text-align: center;
    vertical-align:middle;
}
    #CostComparison td span
    {
        font-weight: bold;
    }
    #CostComparison td p
    {
        font-style: italic;
        color:#ff0000;
    }
#CostComparison td:first-child
{
    font-weight: bold;
    text-align:left;
}


/******* How To Instructions *********/
.howToCategories
{
    margin-bottom:24px;
    border:1px solid #cacaca;
}
    .howToCategories caption
    {
        font-size: 18px;
    }
.howToCategories td
{
    width: 15%;
}
.howToCategories td:first-child
{
    width: 55%;
}
.howToCategories td:last-child
{
    color: #B0AFAF;
}

/******* Video Tutorials *********/
.videoGroup
{
    text-align: center;
    margin-bottom:30px;
}
.videoGroup img
{
    border:1px solid #cacaca;
    padding:2px;
    max-width:212px;
    box-shadow:0 0 3px rgba(0,0,0,0.1);
    margin:0 auto;
}
.videoGroup .videoInfo
{
    color: #999999;
    margin-top:10px;
    margin-bottom:10px;
    font-size:10px;
    display:block;
    padding:0 10px;
}
.videoGroup .videoTitle
{
    font-size: 14px;
    margin-bottom:5px;
}

/******* Services *********/
.serviceOptions
{
    border: 1px solid #dddddd;
    padding:10px; 
    text-decoration:none;
}
.serviceOptions:hover
{
    background-color:#F8F8F8;
    box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}
.serviceOptions img
{
    max-height:140px;
}
.serviceOptions span.adTitle
{
    display:block;
    color:#300102;
    font-weight:bold;
    font-size:18px;
    margin-top:0;
    text-decoration:none;
}
.serviceOptions span.adDescription
{
    display:block;
    margin-top:10px;
    font-size:12px;
    text-decoration:none;
}
.serviceCart p.cartTitle
{
    margin-top:0;
    margin-bottom:9px;
    color:#300102;
    text-transform:uppercase;
    font-weight:bold;
    font-size:1.25em;
    letter-spacing:1.05px;
}

/*************************************************************/
/*********************** User Controls ***********************/
/*************************************************************/
/******* Templates control *********/
.templatesIncludeHeading {
    padding:5px 10px; 
    background-color:#cacaca; 
    font-weight:bold; 
    font-size:20px; 
    margin-bottom:15px;
    color:#000000;
}
#templates .col-sm-6
{
    margin-bottom: 30px;
}
#templates .col-sm-6 img
{
    float:left;
    margin-right:10px;
}
.bookSize
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
.bookSize span
{
    display: block;
    font-size: 12px;
    font-weight:normal;
}
.templateLink
{
    text-decoration: underline;
    font-size: 11px;
    margin-top:5px;
}
.templateLink:hover
{
    text-decoration: none;
}

/******* PurchaseIsbnButton control *********/
.purchaseIsbnControl 
{
    display:block;
    border:1px solid #cacaca;
    padding:10px;
    margin-bottom:10px;
    text-decoration:none;
}
.purchaseIsbnControl:hover
{
    box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}
.purchaseIsbnControl span.description
{
    display:block;
    margin-bottom:8px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
.purchaseIsbnControl img
{
    display: block;
    margin: 0 auto;
    border:none;
}
.purchaseIsbnControl span.note
{
    font-style:italic;
    margin-top:9px;
    font-size:10px;
}

/******* CoverTemplateButton control *********/
.coverTemplateButton 
{
	display:block;
	border:1px solid #cacaca;
	padding:10px;
	margin-bottom:20px;
	text-decoration:none;
    background-color:#890101;
    color:#ffffff;
    text-align:center;
}
.coverTemplateButton:hover
{ 
	background-color:#ffffff;
}
.coverTemplateButton img
{
    max-width: 110px;
    margin-left:10px;
}
.coverTemplateButton:hover span.description
{ 
    color:#000000;
}
.coverTemplateButton span.description {
	display:block;
	font-weight:bold;
    color:#ffffff;
}

/******* SpineCalculator control *********/
.spineCalculatorHeading img
{
    max-width: 60px;
    border:1px solid #cacaca;
    margin-right:10px;
}
.spineCalculatorHeading span
{
    font-weight: bold;
    color:#300102;
    text-transform:uppercase;
}

/******* PriceCalculatorButton control *********/
.priceCalcutorButtonControl 
{
    display:block;
    border:1px solid #cacaca;
    padding:10px;
    margin-bottom:10px;
    text-decoration:none;
}
.priceCalcutorButtonControl:hover
{
    box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}
.priceCalcutorButtonControl img
{
    max-width: 70px;
    margin-left:20px;
}
.priceCalcutorButtonControl .description
{
    font-weight: bold;
    display: block;
}
.priceCalcutorButtonControl .note
{
    display: block;
    font-size:11px;
    margin-top:20px;
}

/******* PaidServices control *********/
/* not converted to Bootstrap layout yet because it's viewed with and without logging in */
.featuresPaidServices
{
    padding:10px 10px 5px 10px;
    margin-bottom:20px;
    background-color: #cacaca;
}
.featuresPaidServices p
{
    font-weight: bold;
    text-align: center;
    font-size:18px;
    margin-top:0;
    margin-bottom:10px;
}
.featuresPaidServices a
{
    display:block;
    border:1px solid #999999;
    padding:10px;
    margin-bottom:5px;
    text-decoration:none;
    background-repeat:no-repeat;
    background-position:97% 10%;
    background-size:80px;
    background-color:#F8F8F8;
}
.featuresPaidServices a:hover
{
    background-color:#ffffff;
}
.featuresPaidServices a span.description {
    display:block;
    font-weight:bold;
    font-size:18px;
    margin-bottom:20px;
    margin-top:5px;
}
.featuresPaidServices a span.note {
    display:block;
    font-size:10px;
    margin-top:20px;
}

/******* PrintOnDemand page *********/
.usingTemplatesHeadings
{
    font-weight: bold;
    margin-top:30px;
}
.bubbleContainer
{
    padding:10px;
    border-radius:16px;
}
.bubbleContainerColor1
{
    background-color:#e5e5e5; 
}
.bubbleContainerColor2
{
    background-color:#b2b2b2; 
}
.bubbleContainerColor3
{
    background-color:#999999; 
}
.bubbleContainerColor4
{
    background-color:#807f7f; 
}
.bubbleTitle
{ 
    display:block;
    font-weight: bold;
    font-size:16px;
}
.bubbleDescription
{
    font-weight: normal;
    font-size: 11px;
}

/******* PrintCalculator page *********/
#pricingTiers td:last-child
{
    text-align: center;
}

/******* Sitemap page *********/
.sitemap
{
    margin-bottom:50px;
}.sitemap p
{
    font-weight: bold;
    margin-top:20px;
    margin-bottom: 0;
}
.sitemap ul
{
    font-size:14px;
}

/******* Terms page *********/
.terms
{
    margin-bottom: 50px;
}
.terms p
{
    font-size: 14px;
}
.terms h3
{
    font-size: 16px;
}

/******* Privacy page *********/
.privacy
{
    margin-bottom: 50px;
}
.privacy p
{
    font-size: 14px;
}
.privacy h3
{
    font-size: 16px;
    text-transform:uppercase;
}
.privacy h3.lower
{
    text-transform:capitalize;
}

/******* CoverTemplate page *********/
.maxPageCounts td:first-child { width: 165px; }
.maxPageCounts td:not(:first-child) { text-align:center; }
.theTemplateStyle { margin-top:60px; }
.templateImg { max-width:100%; }
.templateMeasurements
{
    font-size: 14px;
}
.templateMeasurements p
{
    margin-top:0;
    margin-bottom:20px;
}
.templateMeasurements div
{
    margin-bottom:20px;
}
.templateMeasurements span
{
    display:block;
    margin-left:20px;
}
.templateMeasurements span label
{
    display:inline-block;
    width:28%;
}
.templateMeasurements span:first-child
{
    margin-left:0;
    margin-bottom:10px;
    border-bottom:1px solid #cacaca;
}
    .templateMeasurements span:first-child label
    {
        width: 100%;
    }

/******* ISBN > Offer page *********/
.packages
{
    margin-top: 30px;
}
.packages td
{
    text-align: center;
}
.packages td:first-child
{
    text-align: left;
}

/******* ISBN > Checkout page *********/
.purchaseIsbn tfoot td {
    text-align:right;
}
.purchaseIsbn tfoot td:first-child {
    font-weight:bold;
    text-align:right;
    border-right-width:2px;
}

/******* SelfPublishing page *********/
.selfPublishing
{
    margin-top:20px;
    margin-bottom:50px;
}
.selfPublishing p 
{
    margin-bottom:20px;
}

/*Temp before clean up*/
body#affix.affix-adj .container, body#affix.affix-adj .content {
    margin-top: 79px;
}

body#affix.affix-adj .container .container, body#affix.affix-adj .content .container, body#affix.affix-adj .footerContainer .container {
    margin-top: unset;

}

.default-login-styles.overide-styles a:hover, .default-login-styles.overide-styles a:focus, .default-login-styles.overide-styles a:visited {
    color: #333;
}