/* ************************************************************* */
/* **************** BENJAMIN MOORE STYLE BEGINS **************** */
/* ************************************************************* */

/* RESET 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
*/

.bea-portal-book-primary {
	width: 700px;
	}

#store-container {

	width: 700px;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	overflow: visible;
	position: static;
	float: none;
	}

#store-container * div, #store-container * p {

	font-size: 12px;
	color: ##3F3F3E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

#store-container * a:link, a:visited {	text-decoration:none;  }
#store-container * a:hover { text-decoration:underline; color:#267271; }
#store-container * a:active { text-decoration:none; color:#526968; }

#wrapper {

	width: 650px;
	background-color: #FFF;
	margin: 0;
	overflow: visible !important; /* this fixed the printing issue in firefox */
	}

div { 	width: auto; 	}


	
/*  *************************  CLEAR FORMATTING - BORDERS *********************** */

.clearDashed{clear:both; border-bottom: 1px dashed #CECECE;} 
.clearSolid{clear:both; border-bottom: 1px solid #CECECE;} 

#store-container * h1.header {

	padding: 0;
	float: right;
	text-align: left;
	}

#store-container * h1.headerCopy {

	padding: 0;
	font-size: 24px;
	color: #267271;
	font-family: arial;
	text-align: left;
	/* display: block; */
	width: auto; 
	margin: 0;
	/* display: none; */
	margin-bottom: 10px;
	}

#store-container * h1.headerCopyWide {

	clear: both;
	font-size: 32px;
	color: #267271;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	display: block;
	height: 32px;
	padding: 20px 0 10px;
	border-bottom: 4px solid #DDDDDD;
	margin: 0 10px 20px;
	letter-spacing: -1px;
	}

	
/*  *************************  MAIN CONTENT *********************** */

#main-content {

	width: 600px;
	color: #3F3F3E;
	font-size: 11px;
	margin: 0;
	float: none;
	overflow: visible !important;
	background-color: #fff;
	}


li.product-pricing { margin-top: 10px;}


/*  *************************  CATEGORY LAYOUT *********************** */

#store-container * .brand-name {
	font-family: Georgia,serif;
	font-size: 18px;
	font-weight: normal;
	}

#product-grid-1 ul.product .brand-name {
	margin:18px 0 10px;
	}

/*  *************************  PRODUCT LAYOUT *********************** */

#prod-left {

	width: 200px;
	margin: 0;
	float: left;
	}

.product-alt-images {

	width: 200px;
	}
	
	
#prod-main {
	
	width: 540px;
	float: right;
	margin-top: 20px;
	font-size: 11px;
	}

#prod-main h1 {

	font-size: 18px;
	font-family: Georgia, serif;
	font-weight: normal;
	}
	
#prod-main h5, #prod-main .prod-option-label {

	font-size: 11px;
	font-weight: bold;
	}

div.prod-avail { 	
	
	margin-top: 25px;
	font-size: 11px !important;
	font-weight: bold;
	}
	
.prod-avail span {

	color: #c00;
	padding-left: 10px;
	}

.availability, #cart .store-availability {
	
	color: #c00;
	font-size: 11px;
	}
	
#prod-main .prod-option-label {

	float: left;
	width: 50px;
	
	}

#prod-main .prod-options-box {
	
	float: right;
	width: 480px;
	}


.options-sheen, .options-color, .options-quantity {

	float: left;
	white-space: nowrap;
	}

.options-sheen {

	width: 225px;
	}

.delete-color-button { padding-left: 15px;}

.product-price { font-weight: bold; color: #C00; }

.disclaimer {

	font-style: italic;
	font-weight: normal;
	color: #818180;
	float: right;
	white-space: nowrap;
	}

.disclaimer a {

	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #3F3F3E;
	text-transform: uppercase;
	margin-left: 5px;
	text-decoration: none;
	}

.add-to-cart {
	text-align: right;
	}
	
/*  *************************  PAGINATION *********************** */

.pagination { margin:6px 6px 4px 0; font-size: 10px; float:right; color: #484646; font-style: italic; font-weight: bold; text-align: right; }
.pagination a { color: #484646; }
.pagination a:visited { text-decoration:none; }
.pagination a:hover { text-decoration:underline; }



/*  *************************  BREADCRUMBS *********************** */

div#breadcrumb {
	display: none;
	}



/*  *************************  SELECT PICKUP STORE *********************** */

#select-store, #my-store {
	
	display: none;
	}




/*  *************************  SHOPPING CART *********************** */

#cart table {
 
	text-align:left; 
	border-right:0; 
	border-bottom:6px solid #ECECEC;
	font-size: 11px;
	color: #3F3F3E;

	overflow: hidden;
	}

#cart table tbody tr td.action { text-align:left; border-right:0; }

#cart table tbody tr td.action a { 
	
	display:block; 
	font-size:11px; 
	white-space:nowrap; 
	font-weight: bold; 
	width: 60px; 
	height: 20px;
	text-align: left; 
	font-family: Arial, sans-serif;
	text-transform: capitalize;
	padding: 3px 5px 0px 22px;
	}

#cart table tbody tr td.action a.edit { 
	background-image: url(http://store.benjaminmoore.com/storefront/template-resources/images/edit.gif);
	background-repeat: no-repeat;
	}

#cart table tbody tr td.action a.remove { 
	background-image: url(http://store.benjaminmoore.com/storefront/template-resources/images/delete.gif);
	background-repeat: no-repeat;
	}

#cart table tr.line td { 
	padding-top: 10px;
	}

#cart table tr td.desc { 
	text-align: left; 
	font-size: 11px;
	padding-top: 10px;
	width: 190px; 
	}

#cart table tr td.img { 
	width: 80px; 
	}
#cart table tr td.unit-price { 
	width: 110px; 
	}

#cart table tr td.desc div {
	font-size: 11px;
	}
	
#cart table tr td.desc a { 
	font-size: 11px;
	font-weight: bold;
	color: #3F3F3E;
	}

#cart table tr td.desc .sku { 
	padding: 4px 0;
	}

#cart table tr td.ship-pickup { 
	background-color: #D4E3E3;
	padding-top: 10px;
	}

#cart table.cart-delivery-option { 
	border: none;
	}

#cart table tr td.ship-pickup label { 
	display: inline-block;
	text-align: left;
	float: left;
	}

.delivery-method-help {
	display: inline-block;
	float: left;
	padding-left: 5px;
	}

#cart table.cart-delivery-option td { 
	padding: 0 0 10px 0 !important;
	text-align: left;
	}


#cart table tr td.qty .paint-can-size { 
	padding-top: 5px;
	font-weight: bold;
	text-align: center;
	}


#cart * .reg-price { 
	color: #3F3F3E; 
	text-align: right;
	padding: 0 10px;
	}

#cart .line .total-price {

	color: #C00;
	font-size: 11px;
	font-weight: bold; 
	}

#cart table thead tr td {

	color: #3F3F3E;
	font-size: 11px;
	font-weight: bold; 
	text-transform: uppercase;
	background-color: #efefef;
	}

#cart table thead tr td.ship-pickup {

	color: #fff;
	text-transform: uppercase;
	background-color: #267271;
	text-align: center;
	}

.line td.ship-pickup {
	border-color: #ccc;
	}
	
.cart-delivery-option td {

	border: none;
	}

.ship-pickup .error-message-line {

	color: #c00;
	font-size: 11px !important;
	text-align: center;
	}

/* YOUR ORDER SUMMARY */

.order-summary-sub td {
	
	background-color: #D4E3E3;
	}

.order-summary-sub td h4 {
	
	padding: 5px 10px;
	margin: 0;
	}

.order-summary-sub td h4 span {
	
	font-weight: normal;
	font-size: 10px;
	}

.order-summary-table  {
	
	width: 95% !important;
	margin: 0 auto;
	}

.order-summary-table thead td {
	
	color: #267271;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 0;
	}

.ord-price, .ord-total {
	
	text-align: center;
	}

.ord-price, .ord-qty, .ord-total {
	
	width: 58px;
	}

.order-summary-table tbody td,  .order-summary-options td {
	
	padding: 5px 0;
	vertical-align: top;
	}

#checkout-review-totals table {
	
	width: 100%;
	}
#checkout-review-totals .order-summary-table tr td, 
#checkout-cart-summary .order-summary-table tr td,
.order-summary-options td {
	
	font-size: 11px;
	}

.order-summary-options td:first-child {
	
	width: 100px;
	}

#checkout-review-totals tr.total td {

	border-top: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
	}

#checkout-review-totals .order-total td, #checkout-cart-summary .order-total td {

	padding: 5px 0;
	margin: 5px 0;
	text-align: right;
	}

.order-total td.value {

	color: #CC0000;
	font-weight: bold;
	}

.delimiter td { height: 10px; }

.delimiter-total td { padding:5px 0; border-top:1px solid #ddd; } /* --CHANGED-- */

.order-summary-table tbody tr td.ord-price { text-align: right; }
.order-summary-table tr td.ord-qty { text-align: center; }
.order-summary-table tbody tr td.ord-total { text-align: right; }

.store-hours {

	font-size: 11px !important;
	}

.store-hours .day {

	padding-right: 10px;
	display: inline-block;
	width: 50px;
	}

.store-hours-msg {

	font-size: 11px !important;
	font-weight: bold;
	padding-top: 10px;
	}

#checkout-shipping,
#checkout-delivery-options,
#checkout-cart-summary,

#checkout-review-billing,
#checkout-review-shipping,
#checkout-review-payment,
#checkout-review-totals,
#checkout-review-order-details
	{ width: 300px; }

#checkout-review-totals,
#checkout-review-order-details
	{ overflow: visible; }

#main-content #checkout-review-shipping {

	width: 275px !important; }


#checkout-review-billing 	{ float: left; }

#checkout-review-totals .total { font-size: 120%; }

.left, .right	{ width: 340px; }
.left { float: left; }
.right { float: right; }

/* HEADERS FOR CHECKOUT BOXES */
#cart-summary h2, 
#calculate-shipping h2, 
#sign-in-want-account h2, 
#sign-in-have-account h2, 
#sign-in-no-account h2,
#checkout-shipping h2, 
#checkout-cart-summary h2
	{
	font-size: 14px;
	text-transform: uppercase; 
	color: #267271;
	padding: 0 0 5px 5px;
	}

#cart .finish-option {

	width:120px;
	}
	
#cart .color-option {

	border-left: 1px dashed #DDD; 
	padding-left: 5px;
	float: left;
	width: auto;
	}
	
	
#cart table.cart-color-option { 
	font-size: 10px;
	font-weight: bold;
	color: #3F3F3E;
	border: 0;
	text-align: left;
	}

#cart table.cart-color-option tr td { 
	text-align: left;
	border-top: none;
	}



.delivery-options td { padding:10px 0 0 0; white-space:nowrap; font-weight:bold; font-size:11px; } /* --CHANGED-- */

.promo-box  { 
	width: auto; 
	border: 1px solid #DDD; 
	overflow: hidden; }

.promo-box table { table-layout: inherit; } /* --CHANGED-- */

.promo-box label { 
	color: #3F3F3E;
	font-size: 11px;
	font-weight: bold;
	}

a.green-link {
	display: block;
	font-family: Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#888!important;
	}

.fieldset-footer  { width: auto; }

fieldset { padding-top: 20px; }

fieldset legend + p { padding-top: 10px; }


.confirm-details {

	overflow: visible !important;
	/* page-break-after: always; */
	display: block;
	position: static;
	clear: both;
	}


.confirm-details h2 {

	background-color: #D4E3E3;
	padding: 5px 10px;
	margin-bottom: 20px;
	}

.split-confirm-msg {

	color: #CC0000;
	font-weight: bold;
	margin-bottom: 20px;
	}

.grand-total {

	padding: 5px 15px;
	text-align: center;
	border: 1px solid #DDDDDD;
	font-size: 182% !important;
	font-weight: bold;
	background-color: #F7FBD5;
	text-transform: uppercase;
	clear: both;
	margin-top: 40px;
	}

.grand-total-value {

	color: #CC0000;
	padding-left: 15px;
	}
	
.print-receipt {

	text-align: right;
	padding-bottom: 5px; }
	
	
	
/******* HOME PAGE STYLES ********/	

.headerHome {

	color: #267271;
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-size: 32px;
	height: 32px;
	letter-spacing: -1px;
	padding: 20px 0 10px;
	text-align: left;
	}


/* Navigation */


#side-menu {
	display: none;
}



/* RESET ON LANDING PAGE */
.eStorePanesNavWrap ul, .eStorePanesNavWrap li,
.infoBox h4 {
	margin: 0;
	padding: 0;
	outline: 0;
	background: transparent;
	}
	
	
#headerOuter, #footer2,
#mainNav,
.print-receipt
	{ 

	display: none; }
	
.bea-portal-body-home { background: none; }

#body { overflow: visible; position: static; }

#footer_container { display: none; }
	
#fancybox-close { display: none; }