/*
   #### PUBLIC LOGGED IN SUB-STYLESHEET (user is logged in)
===========================================================================================================
   #### NOTE: THIS IS A SUB STYLESHEET to the public-primary-stylesheet.css found inside the templates folder.
        All the general main styles can be found in the primary file, and it has been setup this way to
        allow for quick access and changing of the public sites main colour options.
===========================================================================================================

............. General other  ...............
*/
.general_error_message {
	padding: 0.25em 0;
	color: #cb0016;
}

.image-centre {
	text-align: center;
	margin-top: 2.5em;
}

#enquiry-form input[type=text], input[type=password] {
	width: 350px !important;
}

#enquiry-form textarea {
	width: 50%;
	height:85px;
}

/* .................. INDEX PAGE CONTENT .................. */

#login-welcome {
	text-align: center;
	margin: 20px 0 5px;
	background: 0;}

#login-welcome-sub {
	text-align: center;
	font-size: 120%;
	margin-top: 20px;
	color: #3e3f40;}

#content-form {
	margin: 100px auto 50px;
	padding: 30px 50px 40px;
}

#content-form table {
	border-collapse: collapse;
	background: 0;
}

#content-form td {
	padding: 0;
	margin: 0;
	font-weight: bold;
}


#content-form input[type=text] {
	width: 100%;
    width: calc(100% - 20px);
}

#content-form input[type=password] {
	width: 100%;
    width: calc(100% - 20px) !important;
}

#content-form textarea {
    width: 100%;
    height: 150px;
    width: calc(100% - 10px);
}

#base-content {
	background: #FFF;
	padding: 15px 10px 0;
	border-top: 1px solid #d8d8d8;
}

#base-content p {
	margin: 5px 0;
	text-align: center;
}

/* ................ CONTENT AREAS ..................... */

/* GENERAL AND OTHER CONTENT CONTAINERS */

#general-logged-page-content-container-one {
	position: relative;
	width: 100%;
	min-height: 550px;
}

 /* this is for full width containers where there is no cart displayed */
#general-logged-page-content-container-one-full-width {
	position: relative;
	width: 100%;
}

 /* this is for full width containers with the cart and we want a full width color background that fits underneath the shopping cart. Set color with inline style.*/
#general-logged-page-content-full-width-background {
	position: relative;
	width: 100%;
	min-height: 580px;
}

#general-logged-page-content-container-two {
	position: relative;
	width: 757px;
	margin: -5px 0 -20px 0;
}

#general-logged-page-content-container-two h3 {
	text-align: left;
}

#specials-page-content-container {
	min-height: 630px;
	margin: 0.1em 0 0;
	padding: 0.25em 0.5em;
}

#no-pricelist-display {
	min-height: 100px;
}

/* ................ SHOPPING CART styles  .................. */

.tooltip { position:relative; z-index:24; }

.tooltip span { display: none;}

.tooltip:hover {z-index: 25;}

.tooltip:hover span {
	display: block;
	position: absolute;
	top: -57px;
	left: 2px;
	background: #efefef;
	border: 1px solid #292a30;
	padding: 4px 4px;
	color: #292a30;
	text-decoration: none;
	font-weight: normal;
}

 /* Open Cart Tab r/hand of screen */
#OCcart {
		position: fixed;
		top: 0;
        right: 75px;
		padding: 6px 7px;
		text-align: center;
        background: #282828;
		z-index: 1000;
		color: #fed93b;
		border: 1px solid #f49e2e;
		border-top: 0;
        border-radius: 0 0 5px 5px;
		cursor: pointer;
		font-size: 85%;
}
 /* Finish Order Tab r/hand of screen */
#OFinish {
		position: fixed;
		top: 0;
        right: 30px;
		padding: 9px 7px 5px;
        background: #282828;
		z-index: 1000;
		color: #fed93b;
		border: 1px solid #f49e2e;
		border-top: 0;
        border-radius: 0 0 5px 5px;
		cursor: pointer;
		font-weight: normal;
		font-size: 85%;
}

 /* creates a small arrow */
/*.arrow-down-cart {
	width: 0;
	height: 0;
    border-style: solid;
	border-width: 50px 10px 50px 0;
	border-color: transparent #f9f9f9 transparent transparent;
}*/

/* .............................................................. 
  Next four code blocks needed to control positioning of basket 
  .............................................................. */

 /* div that contains shopping basket ALL other browsers but IE */
#logged-basket-container {
	position: absolute;
	top: -20px;
	right: 10px;
	width: 450px;
	padding: 15px 10px 25px;
    background: linear-gradient(0deg, #fff, #fff);
	border: 1px solid #333;
    border-radius: 5px;
	z-index: 500;
}

 /* Internet Explorer only div that contains shopping basket. */
#IE-logged-basket-container {
	position: absolute;
	top: -20px;
	right: 10px;
	width: 450px;
	padding: 15px 10px 25px;
    background: linear-gradient(0deg, #fff, #fff);
	border: 1px solid #333;
    border-radius: 5px;
	z-index: 500;
}

 /* IE10/11+ specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	#logged-basket-container {
	position: absolute;
	top: -20px;
	right: 10px;
	width: 450px;
	padding: 15px 10px 25px;
    background: linear-gradient(0deg, #fff, #fff);
	border: 1px solid #333;
    border-radius: 5px;
	z-index: 500;
	} /* IE10/EI11 */
}

/* Container to allow cart to scroll with page */
#cartContainer {
	position: fixed; top: 145px; right: 10px; width: 450px; z-index: 1000; display: none;
}
/* Container close image */
#close-cart {
	position: absolute; top: -14px; right: 15px; cursor: pointer; z-index: 2000;
}
#close-cart i {
    font-size: 18px; color: #333; background: #f9f9f9;
}

 /* table that holds basket structure */
#logged-basket-table {
	border-collapse: collapse;
}

#logged-basket-table a {
	color: #000;
}

#logged-basket-table td {
	padding: 0 5px;
    border: 1px solid #CCC;
}


 /* main content BASKET */
#logged-basket {
	top: 1.25em;
	width: 100%;
	padding: 0;
	z-index: 99;
	min-height: 25px;  /* min height for IE7 */
	border-top: 0;
	background: #fff;
    border-bottom: 1px solid #DDD;
}
/* .............................................................. 
   .............................................................. */

#php-content {
	display: none;
	margin-top: 10px;
	height: auto;
	max-height: 390px;
	overflow: hidden;
	overflow-y: auto;
}

.php-content-div-size-small {
     /* max-height:250px;
      overflow:auto;*/
}

.php-content-div-size {
      /*max-height:360px;
      overflow:auto;*/
}

 /* default display if basket is empty */
#default-message {
	width: 130px;
	height: 60px;
	margin: 0.5em auto;
	padding: 0.5em 0 1.3em 0;
	border: 1px solid #FFF;
	background: #FFF;
    font-family: 'Open Sans', sans-serif;
	color: #333;
	text-align: center;
}

#truck-logo-container {
	margin-bottom: 0;
	font-weight: normal;
}

.cart-header {
}

.cart-header p {
}


 /* text in the total orders part of basket. Goes with car subheader just above. */
.update-total-orders {
	text-align: center;
	min-width: 100px;
}

#show-basket, #hide-basket {
	line-height: 20px;
    margin-right: 10px;
    text-align: center;
}

 /* display results in shopping basket */
.basket-results-display {
    position: relative;
	padding: 15px 0 10px;
	margin-bottom: 0;
	border-top: 1px solid #ddd;
	background: #FFF;
	text-align: left;
}

.basket-results-display p {
	margin-top: 0;
	text-align: left;
	font-weight: normal;
}


.results-details > div {
    display: inline-block;
    margin-right: 0px;
    width: 33%;
}

/* style packet length in cart*/
.packet-length {
}

.pack_size_format {
    font-weight: normal;
    font-size: 85%;
    font-style: italic;
}

/* div that holds icons to add, subtract and delete items in the cart */
.changedata-buttons {
    position: relative;
    width: 100px;
 	margin: 0;
}

.changedata-buttons > div {
    display: inline-block;
}

 /* basket icons */
.basket-adjustment-icons {
    font-size: 14px;
    color: #333;
    background: 0;
	border: 0;
	margin: 0;
	margin-right: 10px;
	padding: 0px;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition:    color 0.3s;
    -ms-transition:     color 0.3s;
    -o-transition:      color 0.3s;
    transition:         color 0.3s;
}

.basket-adjustment-icons:hover {
    color: #999;
}

.basket-results-display-ordered-flag {
	margin: 1px 0;
	color: #000;
	font-weight: normal;
	padding: 2px;
}

.basket-results-display-quantity {
    max-width: 120px;
	font-weight: normal;
	padding-left: 1px;
}

.basket-results-display-price {
	margin: 0;
	font-weight: normal;
	padding: 0;
}

.basket-results-display-error {
	background: #df6e00;
	border: 1px solid #df6e00;
	color: #FFF;
	text-align: left;
	font-size: 10pt;
	margin: 1em 0 0.5em;
	padding: 0.5em;
}

.basket-results-display-remove-error-link {
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}

 /* div that holds bottom clear cart and hide lines options */
#clear-hide-div {
	position: absolute; bottom: 0; left: 0; width: 100%; background: 0;
}

 /* empty the basket tab */
#clear-basket {
	position: absolute;
	bottom: 5px;
	left: 12px;
	margin: 15px 0 0;
	padding: 15px 5px 3px;
	background: 0;
}

#clear-basket a {
	text-decoration: none;
	border: 0;
	color: #333;
}

#clear-basket a:hover {
    color: #999;
}

 /* link at bottom of cart to close cart */
#hide-cart-internal {
	position: absolute;
	bottom: 5px;
	right: 12px;
	margin: 15px 0 0;
	padding: 15px 5px 3px;
	text-decoration: none;
}

#hide-cart-internal a {
    color: #333;
}

#hide-cart-internal a:hover {
    color: #999;
}

/* Complete Order Div for shopping basket submit button */
/*#complete-order {
	position:absolute;
	top: 72px;
	left: 40px;
	border: px solid #050505;
	background: 0;
} */

 /* Shopping basket complete order Submit Button */
#complete-order-submit-button {
	padding: 5px 10px;

}

#complete-order-submit-button:hover {
}

#cart-empty-error, #cart-empty-error p {
	margin: 0 auto 0 auto;
	background: #FFF;
	padding-top: 1.1em;
	color: #000;
	height: 73px;
	width: 132px;
	text-align: center;
	font-size: 8pt;
}

 /* this is the cart message for products that are on special */
#specials-tag-in-basket {
	margin: 5px 0;
	padding: 0 0 0.25em 3px;
	color: #282828;
	font-weight: bold;
	text-align: left;
}

/*  ...........................................................................  
    ============= START GENERAL LOGGED IN PAGES ================                     
    ........................................................................... */ 

 /* General message that displays if set by admin */
#public-message {
    width: 1140px;
    margin: 60px auto -20px;
    padding: 0 10px;
    background: #FFF;
    border: 2px solid #ea5c2b;
    border-radius: 2px;
}

#public-message span:nth-child(1) {
    font-weight: bold; color: #333; font-size: 18px;
}

 /* used if/when a preview link is activated.. */
#preview-box {
    position: fixed;
    top: 90px;
    left: 48%;
    transform: translateX(-50%);
    padding: 0 40px;
    font-size: 18px;
    text-align: center;
    background: #f4f4f4;
    border: 1px solid #fff;
    line-height: 15px;
}

#preview-box a {
    color: #ea5c2b;
}

/* ..................  logged in START PAGE ** CONTENT ONLY **  ................... */

 /* products start page - contains welcome message */
 #welcome-table-container {
    position: relative;
   	margin-bottom: 0;
    border-bottom: 1px solid #DDD;
}

 /* products start page - welcome box main content */
#products-start-welcome {
    vertical-align: top;
	display: inline-block;
    text-transform: capitalize;
}

 /* box that pops up on START page (logged in) to tell customer if any specials are available */
#specials-loaded-display-main-page {
	position: relative;
	margin: 30px 0 50px 0;
	cursor: pointer;
	font-weight: normal;
    border: 1px solid #999999;
}

#special-listing-title {
	position: relative;
	margin: 0;
	padding: 10px 15px 10px;
    color: #333;
    border-bottom: 1px solid #999999;
}

#special-listing-title:hover {
	/*background: #e3e3e3;*/
}

#special-listing-title span {
	position: absolute;
	top: 12px;
	right: 25px;
	font-size: 90%;
    color: #999;
}

#special-listing-title span:hover {
    color: #333;
}

#special-listing {
	margin: 0;
	padding: 10px 15px 10px;
	font-weight: normal;
    color: #333;
    text-transform: capitalize;
}

#special-listing i {
	margin-right: 10px;
    color: #333;
    font-size: 32px;
    vertical-align: middle;
}

 /* start page information bar (contact details in this at the moment)*/
#information-bar {
    width: 1165px;
    margin: 30px auto;
    line-height: 2.4em;
    border-top: 1px solid #999;
}

#information-bar td {
    vertical-align: top;
    padding-right: 25px;
}

#information-bar td:first-child {
}

#information-bar td:last-child {
    padding-right: 0;
}


#information-bar h1, #information-bar h2, #information-bar h3 {
}

/* images that sit inside information bar */
.infobar-image {
    max-width: 250px;
}

.infobar-title {
   	font: normal 16px Tahoma, Geneva, sans-serif;
    color: #000000;
}

/*Home page main images*/
#welcome-image-table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    position: relative;
}

#welcome-image-table td {
    width: 33.333%;
    padding: 0;
}

#welcome-image-table img {
    width: 220px;
    height: 240px;
}

#welcome-image-table a {
    width: 220px;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    background: linear-gradient(0deg, #eeeeee, #f9f9f9);
    border: 1px solid #DDD;
    color: #000;
}

#welcome-image-table a:hover {
    color: #999;
}

.box-link {
    margin-top: 12px;
}


/* ........ DOWNLOAD STOCKLIST AND DESKTOP LINK PAGE (download_stocklist_pdf.php) ........ */

#download-link-table {
	width: 100%;
}

#download-link-table td {
	width: 50%;
	padding: 10px 25px;
	text-align: center;
	border: 1px solid #999;
}

#download-link-table img {
	border: 0;
	margin: 25px 0 0;
}

#download-link-table a {
	border: 0;
}

/* ........................... ACCOUNT DETAILS PAGE ........................... */


	/* css is inline on this page */


/* ......... VIEW ORDERS PAGE (including popup window subpage for search by order number)   ......... */

#popup-show-order-num-search-div {
	width: 100%;
    margin-bottom: 60px;
    background: 0;
    padding: 10px 0 15px;
    border-bottom: 1px solid #999;
}

#popup-display-table {
	width: 100%;
	border-collapse: collapse;
}

#popup-display-table td {
	padding: 15px 0 0;
}

.popup-table-head {
	border-bottom: 1px solid #999 !important;
	padding: 0 0 10px !important;
    font-weight: normal;
	text-transform: uppercase;
}

.popup-submit-button {
	cursor: pointer;
}

/* ..................... INFORMATION (GENERAL) PAGE ..................... */

#information-main-container {
	padding: 10px 20px;
}

#information-main-container h3 {
}

/* ..................... VIEW PRICING/PRICELISTS PAGE ..................... */

#pricing-options-container {
   padding: 45px 0 30px;
}

#pricing-options-table {
	position: relative;
	border-collapse: collapse;
	width: 100%;
}

#pricing-options-table td {
	padding: 40px 0;
	text-align: left;
	vertical-align: middle;
}

#pricing-options-table input[type=submit] {
	padding: 8px 20px;
	margin-left: 15px;
}

#pricing-options-select {
	padding: 7px 20px;
}

#all-products-note {
	position: absolute;
	top: -40px;
	left:	2px;
	font-size: smaller;
	font-style: italic;
}

/* ..................... SPECIALS PAGE ..................... */

#specials-disclaimer {
    margin: 30px 0 20px;
	font: normal 14px Tahoma, Geneva, sans-serif;
    font-weight: 600;
    color: #E9890C;
    text-transform: capitalize;
    transform: scaleY(1.2);
}

#specials-table {
	position: relative;
	margin: 0;
    background: #FFF;
}

#specials-table td {
	height: 70px;
	vertical-align: middle;
	line-height: 100%;
	padding: 0;
}

.specials-table-td-custom1 {
	width: 420px;
	padding-right: 15px !important;
}

.specials-table-titles {
	height: 30px !important;
    padding-right: 10px !important;
	border-bottom: 1px solid #DDD !important;
    font-weight: bold;
}

 /* link to view images */
.view-images {
  border: 0; background: 0; padding: 0; margin: 0; font-size: 24px; cursor: pointer;
}

#specials-welcome-image-table {
   position: relative;
   z-index: 0;
   width: 99%;
   margin-top: 20px;
   padding-left: 0;
}

#specials-welcome-image-table img {
	width: 200px;
	margin: 10px 20px 0px 0;
}

#specials-welcome-image-table p {
	padding: 0 5px 0 20px;
	border-left: 1px solid #c0c0c0;
}

.line-filler {
	float: left;
	width: 99%;
	height: 2px;
	padding: 0;
	margin: 6px 0 5px;
	border-top: 1px solid #dddddd;
}

.order-column-td {
	width: 130px;
	background: #FFF;
}

.comments-td {
	width:70px;
	background: #FFF;
}

.images-td {
	width: 70px;
	padding: 0;
	background: #FFF;
}

 /* works along with .images-td above */
#images-form-div {
	text-align:center;
}


#specials-no-results-to-display-container {
	clear: left;
	padding: 50px 0;
	margin: 0;
	background: 0;
}

#specials-no-results-to-display-message {
	padding: 55px 0 65px;
	text-align: left;
	font-weight: bold;
	color: #3E3F40;
}

#specials-filter-no-results {
	clear: left;
	width: 745px;
	min-height: 140px;
	margin: 0;
	margin-left: 5px;
	padding: 10px 0 10px 3px;
	border-bottom: 1px dashed #bfbfbf;
}

 /* start Specials Page ERROR tooltip styles */
div[name=specials-error-tag-container] {
	position: relative;
	height: 0;
	margin: -15px 0 25px;
	padding: 0;
}

div[name=specials-error-tag-container] p {
	position: relative;
	margin: 0;
	padding: 0;
}

 /* start Specials Page Comments tooltip styles - all this code found in specials_page_comments.js */
#specials-comments-container {
	margin:auto;
}

#specials-comments-info {
	position: absolute;
	right: 27px;
	margin-top: 3px;
	width: 197px;
	overflow: hidden;
	background: #FFF;
}

#specials-comments-info-header {
	padding: .4em 1em;
	margin: 0;
	background: #fcf8e3;
	color: #333333;
	border: 1px solid #faebcc;
	border-bottom: 1px solid #CCC;
	font-size: 9pt;
	font-weight: bold;
}

#specials-comments-info-content-container {
	border: 1px solid #faebcc;
	background: #fcf8e3;
	border-top: 0;
	padding: 10px 0 5px;
}


#specials-comments-h4-image {
	vertical-align:middle;
	width: 16px;
	margin: 0 12px 0 -0.25em;
}

#specials-comments-info p {
	margin: 0 10px 10px;
	padding: 0;
	color: #333333;
	text-align: left;
}

#specials-comments-submit {
	padding: 0;
	cursor: pointer;
	border: 0;
	background: 0;
	color: #564436;
	font-weight: bold;
	font-size: 90%;
	border-bottom: 1px dotted #000;
}

#comments-close {
	float:right;
	cursor:pointer;
}

/* this is the loading img appended by jquery */
#specials-comments-loading {
	width:13px;
	float:left;
	padding:0.25em;
	margin:0 0 0 0.5em;
}

 /* Start styles for specials display images page (specials_page_view_images.php) .... */

#image-display-container {
	margin: 1em auto;
	width: 700px;
	min-height: 350px;
	border: 1px solid #d3e5d7;
	background: #FFF;
    color: #555;
}

#image-display-container img {
	border: 0;
}

#image-display-head {
	min-height: 40px;
	margin: 0;
	background: #d3e5d7;
	padding: 0 10px 7px;
    border-left: 1px solid #d3e5d7;
    border-right: 1px solid #d3e5d7;
}

#image-display-head p {
	margin: 0.2em 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#image-display-table {
	width: 676px;
	border-collapse: collapse;
	margin: 1em 0.75em;
}

#image-display-table td {
	padding: 1.5em;
	text-align: center;
    border: 0px solid #d3e5d7;
}

#image-display-footer {
	width: 700px;
	margin: 1em auto;
	border-top: 2px solid #007927;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

#image-display-footer-available {
	float: left;
	width: 200px;
	padding-top:0.5em;
}

#image-display-footer-close {
	float: left;
	width: 495px;
	padding-top: 0.35em;
	text-align: right;
}

/* Specials pagination styling */
.pagination {
    position: relative;
    background: 0;
    margin: 5px 0 15px;
	padding: 5px 0 0;
    text-align: right;
}

.pagination a {
	margin: 0 2px;
    color: #313330;
}

.pagination a:hover {
}

.prev-next-link {
    font-size: smaller;
    color: #313330;
}

.pagination .selected {
	display: inline-block;
    padding: 0 5px 3px;
	text-align: center;
	color: #000000;
	font-weight: normal;
	border: 1px solid #c0c0c0;
}

.pagination form {
	float: left;
	margin: 0;
	margin-right: 7px;
}

.pagination select {
    min-width: 120px;
}

/* ..................... COMPLETE ORDERS PAGE ..................... */
/*  NOTE: This page contains several inline styles on the page ..   */

#complete-order-container {
    background: 0;
}

 /* main container for enclosing customer/order/delivery boxes */
#customer-order-detail {
	margin: 0;
}

#customer-details {
    margin-top: 20px;
	padding: 0;
    line-height: 1em;;
}

#order-number {
	margin-top: 35px;
	text-align: left;
}

#order-number input {
	border-width: 3px; width: 250px; height: 30px; margin: 0; padding: 5px;
}

#delivery-details {
    margin-top: 40px;
    margin-bottom: 30px;
	padding: 0;
}

#delivery-details p {
	margin: 0 auto;
}

#delivery-details textarea {
	height: 90px;
	width: 600px;
	padding: 10px;
}

 /* main div for displaying products ordered */
#order-details {
	width: 100%;
	position: relative;
	margin-bottom: 2.75em;
	min-height: 100px;
}

 /* table that contains products ordered */
#list-product-details {
	margin-top: 10px;
	border-bottom: 3px solid #e7e7e7;
}

.list-products-table-header {
	height: 25px !important;
	padding: 2px 0 !important;
	background: #FFF;
	border-top: 3px solid #e7e7e7 !important;
	border-bottom: 3px solid #e7e7e7 !important;
    font-weight: bold;
}

.list-products-table-header p {
	margin: 0;
}

#list-product-details td {
	padding: 10px 0;
	border-left: 0;
}

#list-product-details p {
}

.products-column {
	width: 290px;
	padding-right: 30px !important;
	padding-left: 3px;
	text-align: left !important;
}

.alter-quantity-column {
	background: #fff;
}

.stock-available-column {
	text-align: center;
    background: #fff;
}

.remove-product-column {
	text-align: center !important;
	background: #FFF;
}

.remove-product-column i {
	font-size: 18px;
}

.alter-del-link-column {
}

.change-qty-input {
   width: 18px; padding: 7px !important;
}

 /* submit button for change qty form */
#change-qty-form-submit {
	cursor: pointer;
	margin: 0;
	padding: 2px 5px;
	font-weight: normal;
}

#special-notes-container {
	min-height: 100px;
	margin: 0 0 15px;
	padding: 0;
}

#special-notes textarea {
	margin: 0;
	width: 700px;
	height: 100px;
}

 /* submit button to complete order */
#completeOrder {
    height: 50px;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}

#completeOrder:hover {
}

#confirm-order {
	position: relative;
	margin: 50px 0 25px;
	width: 100%;
}

/* this contains ajax wheel when submit is pushed */
#confirm-order-wheel {
	position:absolute;
	bottom:16px;
	left:0px;
	width:30px;
	height:25px;
}

 /* text area that drops down to alter address for individual products. */
.change_del-address {
	width: 210px;
	height: 40px;
	margin: 0 -5px 0 0;
	padding: 5px;
	color: #70707f;
	border: 1px solid #c2c2c2;
	font-size: 8pt;
}

.change-del-links-td {
	border: 0;
	padding-bottom: 20px;
	text-align: left !important;
}

 /* hide button (link) */
.close-change-delivery {
	width: 30px;
	margin: 0 0 0 5px;
	cursor :pointer;
	color: #d81f26;
	font-size: 80%;
}

 /* submit button for changing address for individual products */
#submit-change-address {
	margin: 0 !important;
	font-size: 80%;
	cursor: pointer;
	padding: 5px;
}

/* ........................ */
/* Next two work together to display a simple delivery changed flag */

/* standard display*/
.delivery-changed-message {
	margin: 0 5px;
	color: #d81f26;
	font-weight: normal;
	font-size: 80%;
}
 /* correction for above when ajax diplays */
.ajax-del-change-message {
	color: #d81f26;
	font-size: 100% !important;
}
/* ........................ */

.delivery-default-address-link {
	font-weight: normal;
	font-size: 80%;
	border-bottom: 1px dotted #000;
}

.delivery-default-address-link:hover {
	border-bottom: 0;
	font-weight: normal;
}

#deleted-and-changed-products-message-box {
	width: 739px;
	margin: 0.75em 0 0.75em 0.5em;
	border: 2px solid #cc0000;
	padding: 0 0.5em 0.25em;
	background: #e1e6dd;
}

#deleted-and-changed-products-message-box p {
	margin: 0.15em 0;
	font-size: 8pt;
}

.text-color-paragraph {
}

#general-message1 {
	display: none;
	width: 100%;
	margin-bottom: -0.5em;
	margin-bottom: 0.25em;
	color: #d81f26;
	text-align:center;
	background: #FFF;
	padding: 5px 0;
}

#general-message2 {
	display: none;
	position: absolute;
	top: -27px;
	right: 0px;
	width: 100px;
	margin: 0;
	color: #808080;
	cursor: pointer;
	font-size: 8pt;
}

 /* flag in complete order page for products that are specials */
.special-flag {
    position: absolute;
    top: 7px;
    left: 80px;
	font-weight: bold;
	font-style: italic;
}

/* ..................... FINISH ORDERS PAGE  ..................... */

#finish-order-confirmation-container {
	margin: 30px auto 0;
    line-height: 24px;
}

.finish-order-link {
    color: #1565c0;
}

/* ..................... WHAT HAPPENS NOW PAGE  ..................... */

#whn-content-div {
	position: relative;
	margin: 50px auto;
	width: 900px;
	min-height: 300px;
	border: 1px solid #999;
	padding: 20px;
}

#whn-content-div p {
	text-align: left;
}

/* ..................... PDF CONFIRMATION STYLES  ..................... */

#pdf1-wrapper {
    font: normal 13px Helvetica-Neue, Verdana, Geneva, sans-serif;
    color: #65605d !important;
}

.pdf1-highlight {
    color: #040404 !important;
}

#pdf1_cust_detail {
    margin-top: 20px;
    line-height: 17px;
}

#pdf1-delivery {
    overflow: hidden;
    margin-bottom: 25px;
    border-top: 1px solid #313330;
    border-bottom: 1px solid #313330;
}

#pdf1-delivery p {
    width: 500px;
}

#pdf1-products-table td {
    vertical-align: bottom;
    padding-right: 15px;
}

.pdf1-table-head {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 90% !important;
    border-bottom: px solid #313330;
}

.pdf1-product-line {
    margin: 0;
}

#pdf1-footer {
    border-top: 1px solid #313330;
}