body.cs-store form { background: none; }
div.cs-separator { border-top: 1px solid #dedede; height: 1px; overflow: hidden; background: #fff; margin: .5em 0; }
div.cs-store-content { padding: 0 1em; }
div.cs-store-content div.cs-cart-buttons { padding: 0; }
#csHeaderRight #csUserName a,
#csHeaderRight #csUserName a:link { font-weight: bold; }
div.cs-cart-error, div.cs-cart-error span { color: #d10 !important; font-size: 11px; text-transform: uppercase; font-weight: bold; }
div.cs-form span.cs-cart-error { display: block; }
input.cs-password { border-color: #aaa #eee #fff #c0c0c0; border-style: solid; border-width: 1px; }

/* Page Titles */
h1.csPageTitle { color: #187200; border-bottom: 1px solid #fff; font-family: "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; padding: 0; margin: 0 0 .5em; line-height: normal; }
h1.csPageTitle span { display: block; padding: .25em 0; border-bottom: 1px solid #dedede; }
#csEntityMainImage { float: left; margin: 0 2em 1em 1em; padding: .75em; border: 1px solid #ccc; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #fff; -khtml-border-radius: 7px; border-radius: 7px; }

/* Buttons */
input.cs-button, input.CartDeleteButton { font: normal 12px "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; margin: 0; cursor: pointer; }
input.cs-button.search-page { padding: 0 4px; margin-left: 4px; }
div.cs-cart-buttons { text-align: right; padding: 0 1em; }
div.cs-cart-buttons input.cs-button { margin-left: .25em; }
div.cs-cart-buttons input.update-cart { margin-bottom: 1em; }
div.cs-cart-buttons.bottom-buttons { clear: both; padding: 2em 0; margin: 1em 1em 2em; border-top: 2px solid #187200; }
div.cs-store-content div.cs-cart-buttons.update-cart { padding-top: 1em; margin-top: 1em; border-top: 2px solid #187200; }
input.CartDeleteButton { font-size: 11px; }
div.cs-cart-buttons.bottom-buttons.cs-no-items { display: none; }
div.cs-form div.cs-form-buttons { padding: 1em; margin-bottom: 2em; }
div.continue-checkout { margin: 0 0 0 2em; padding: 1em; border-top: 1px dotted #ccc; }
#csMainColumn a.button-140,
#csMainColumn a.button-140:link { display: block; width: 140px; padding: 7px 0; text-align: center; font: normal 12px/12px "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; color: #333; text-decoration: none; background: url(images/bg-linkbutton-140.png) no-repeat; }
#csMainColumn a.button-140:hover { background-position: 0% -30px; }
#csMainColumn a.button-140:active { background-position: 0% -60px; }
#csMainColumn a.button-160,
#csMainColumn a.button-160:link { width: 160px; background: url(images/bg-linkbutton-160.png) no-repeat; }
#csMainColumn a.link-button.add-address, 
#csMainColumn a.link-button.add-address:link { margin: 0 1em .5em auto; }
div.cs-address-column a.button-160 { float: right; margin-top: -7px; }

/* Unorderd Lists (w/ Arrows) */
div.cs-cart-additionallinks ul,
div.cs-no-items ul,
ul.cs-anon-login,
ul.anon-change-password, div.cs-account-links ul { margin-left: 15px; }
div.cs-cart-additionallinks ul li,
div.cs-no-items ul li,
ul.cs-anon-login li,
ul.anon-change-password li,
div.cs-account-links li { list-style-image: url(../../../Portals/0/Skins/CanvasSystems/images/icon-arrow.png); padding: .25em 0; }

/* H3s */
div.cs-no-items h3,
table.cs-checkout-anon-login h3,
div.cs-change-password h3,
div.cs-create-account h3,
div.cs-account-page h3,
div.cs-account-signin h3,
div.cs-new-account h3,
div.cs-shipping-billing h3,
div.cs-payment-options h3,
#csCartItems h3,
div.cs-quote-confirmation h3,
#csSearchPageContent h3 { font: bold 18px "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; color: #000; padding: 0 0 .5em; line-height: normal; margin: 0; }

/* H4s */
div.cs-address-book h4,
div.cs-shipping-billing h4,
#csCartItems h4 { font-size: 12px; text-transform: uppercase; color: #000; margin: .25em 0; padding: 0; }

/* Home Page */
div.cs-list-lvl2Categories { padding: .5em 0 2em 1em; }
#csMainColumn div.cs-list-lvl2Categories a,
#csMainColumn div.cs-list-lvl2Categories a:link { display: block; font-weight: bold; text-decoration: none; }
#csMainColumn div.cs-list-lvl2Categories a:hover { color: #187200; }
div.cs-list-lvl2Categories h4 { margin: 0 0 .5em; padding: 0; border-bottom: 1px solid #fff; line-height:normal; font-family: "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; }
#csMainColumn div.cs-list-lvl2Categories h4 a,
#csMainColumn div.cs-list-lvl2Categories h4 a:link { margin: 0; padding: 0 0 .25em; border-bottom: 1px solid #dedede; color: #555; font-size: 19px; }
div.cs-list-lvl2Categories ul,
div.cs-list-lvl2Categories ul li { list-style-type: none; margin: 0; padding: 0; }
div.cs-list-lvl2Categories ul li { float: left; margin: 0 1em 1em 0; padding: 1em; }
#csMainColumn div.cs-list-lvl2Categories ul li a,
#csMainColumn div.cs-list-lvl2Categories ul li a:link { text-align: center; font-size: 12px; color: #666; padding: 0 0 2px; }
#csMainColumn div.cs-list-lvl2Categories ul li a img { width: 100px; max-height: 100px; }


/* Shopping Cart Pages */
div.cs-cart { padding-top: 1em; padding-bottom: 1em; }
	div.cs-cart hr { display: none; }
	div.cs-cart > table tr:first-child td { background: #ddd; text-transform: uppercase; font-size: 11px; color: #333; padding: 1em; border-bottom: 1px solid #bbb; }
	div.cs-cart > table tr:first-child + tr td { border-top: 1px solid #fff; }
	div.cs-cart tr.cs-product-row td { padding: .5em 1em; font-size: 12px; background: #fff; }
	div.cs-cart tr.alternate-row td { background: none; }
	div.cs-cart td.cs-image { width: 100px !important; }
	div.cs-cart td.cs-image img { width: 100px; max-height: 100px; border: 1px dotted #ccc; }
	div.cs-cart td.last-child { display: none; }
	
	#csUpdateCartItems, #pnlCartSummarySubTotals { display: none; }
	#csCartSubTotal, table.ShippingAndTaxEstimator { margin: 1em 0 1em auto; width: 250px; }
	#csCartSubTotal th, #csCartSubTotal td { padding: .25em 0 .25em 1em; text-align: right; font-size: 12px; }
	#csCartSubTotal th, table.ShippingAndTaxEstimator td.Caption { font-weight: bold; width: 35% !important; }
	#csCartSubTotal tr.cart-subtotal th { vertical-align: bottom; }
	#csCartSubTotal tr.cart-subtotal td, table.ShippingAndTaxEstimator tr:last-child td.Value { font-size: 21px; color: #d10; font-weight: bold; line-height: 100%; }
	table.ShippingAndTaxEstimator td.Header { text-transform: uppercase; font-size: 11px; color: #187200; font-weight: bold; background: #eee; padding: .25em; text-align: center; padding: .5em; }
	table.ShippingAndTaxEstimator td.Value { width: auto !important; }
	
	div.cs-coupon, div.cs-notes { clear: both; width:335px; margin: 0 1em 0 auto; padding: 0 0 0 .75em; font-size: 12px; background: url(../../../Portals/0/Skins/CanvasSystems/images/icon-arrow.png) 0% 5px no-repeat; }
	div.cs-notes textarea { width: 330px; }
	div.cs-coupon { /* margin: -3em auto 1.5em 1em; */ display: none; }
	div.cs-coupon input.cs-button, 
	div.cs-notes input.cs-button { float: right; margin: .5em 0 .5em auto; }
	span.cs-coupon, span.cs-notes { display: block; padding-bottom: .5em; }
	
	div.cs-no-items ul, div.cs-no-items ul li { list-style-type: none; margin: 0; padding: 0; font-size: 12px; }
	div.cs-no-items ul { margin-left: 15px; }
	
	/* Checkout Progress */
	#csCheckoutProgress, #csCheckoutProgress li { margin: 0 0 .5em; padding: 0; float: left; font: bold 14px/14px "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetic,sans-serif; color: #555;}
	#csCheckoutProgress li { position: relative; float: left; height: 17px; background: url(images/bg-cart-progressstatus-overlaps.png) 100% 0% no-repeat; padding: 7px 18px; margin-right: -10px; }
	#csCheckoutProgress li.li-visited { color: #fff; background-position: 100% -40px; cursor: pointer; }
	#csCheckoutProgress li.li-active { color: #fff; background-position: 100% -80px; }
	#csCheckoutProgress li.li-visited a, 
	#csCheckoutProgress li.li-visited a:link { color: #fff; cursor: pointer; }
	#csCheckoutProgress li.li-active a,
	 #csCheckoutProgress li.li-active a:link { color: #fff; }
	#csCheckoutProgress li.li-one { z-index: 999; border-left: 2px solid #979797; padding-left: 5px; }
	#csCheckoutProgress li.li-one a { padding-right: 22px; background: url(images/bg-cart-progressstatus-cart.png) 100% 0% no-repeat; }
		#csCheckoutProgress li.li-one.li-active { border-left: 2px solid #2e9016; }
		#csCheckoutProgress li.li-one.li-visited { border-left: 2px solid #195e07 }
		#csCheckoutProgress li.li-one.li-visited a, #csCheckoutProgress li.li-one.li-active a { background-position: 100% 100%; }
	#csCheckoutProgress li.li-two { z-index: 998; }
	#csCheckoutProgress li.li-three { z-index: 997; }
	#csCheckoutProgress li.li-four { z-index: 996; }
	#csCheckoutProgress li.li-five { z-index: 995; }
	#csCheckoutProgress li.li-six { z-index: 994; background: url(images/bg-cart-progressstatus-ends.png) 100% 0% no-repeat; }
	#csCheckoutProgress li.li-six.li-active { background-position: 100% -80px; }
	#csCheckoutProgress li a, #csCheckoutProgress li a:link { text-decoration: none; font-size: 11px; text-transform: uppercase; color: #555; cursor: default; }
	
	/* Anon Checkout */
	table.cs-checkout-anon-login { margin: 1em 0 0; }
	table.cs-checkout-anon-login td { vertical-align: top; padding: 0 2em; }
	table.cs-checkout-anon-login td.returning-customers { width: 60%; padding-left: 0; border-right: 1px dotted #ccc; }
	ul.cs-anon-login .cs-cart-error, 
	div.cs-change-password .cs-cart-error { float: left; color: #d10; font-size: 11px; text-transform: uppercase; font-weight: bold; }
	div.cs-change-password p .cs-cart-error { float: none; }
	ul.cs-anon-login, 
	ul.anon-change-password { margin: 0 0 0 15px; padding: 0 0 .5em; }
	ul.cs-anon-login input.cs-password, 
	ul.cs-anon-login input.cs-textbox,
	ul.anon-change-password input.cs-password,
	ul.anon-change-password input.cs-textbox { width: 150px; }
	ul.cs-anon-login li,
	ul.anon-change-password li { clear: left; font-size: 11px; }
	ul.cs-anon-login li label,
	ul.anon-change-password li label { float: left; padding: 4px 5px 1px 0; width: 100px; }
	ul.anon-change-password li label { width: 165px; }
	ul.cs-anon-login li.li-last a, ul.cs-anon-login li.li-last a:link { display: block; margin-left: 105px; padding: .25em 0; }
	input.checkout-anon { margin-left: 120px; }
	input.change-password-anon { margin-left: 180px; }
	

div.cs-cart-additionallinks, div.cs-account-links { font-size: 11px; padding-bottom: 1em; }
div.cs-cart-additionallinks ul, 
div.cs-cart-additionallinks ul li,
div.cs-account-links ul,
div.cs-account-links ul li { list-style-type: none; padding: .15em 0; margin-top: 0em; font-size: inherit; }
	div.cs-cart-additionallinks div.cs-float { float: left; width: 21%; margin-right: 4%; }
	div.cs-cart-additionallinks h5,
	div.cs-account-links h5 { text-transform: uppercase; margin: 0; padding: 0 0 .5em; }
	div.cs-account-links div.cs-float { float: right; padding-top: 1.7em; width:140px; }


/* Account Pages */
div.cs-account-page div.cs-tab { padding: 1.25em 1em 1em 2em; }
div.cs-tab div.cs-form { padding: 1em 0; }
div.cs-account-details.no-checkout { margin-right: 160px; border-right: 1px dotted #bbb; padding-right: 2em; }

div.cs-account-info { margin-top: 1em; }
div.cs-form { margin-bottom: 1em; padding: 1em 1em 1em 0; border-top: 2px solid #187200; font-size: 12px; }
div.cs-form .cs-note { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #187000 }
div.cs-form th, td.cs-label, div.cs-box th { width: 190px; background: url(../../../Portals/0/skins/CanvasSystems/images/icon-arrow.png) 0% 6px no-repeat; font-size: 11px; vertical-align: top; padding: 2px 2px 2px 15px; }	
div.cs-form input.cs-textbox, div.cs-form input.cs-password, div.cs-form select.cs-dropdownlist { width: 200px; }
div.cs-form td span.cs-note { color: #444; font-weight: normal; text-transform: lowercase; }

td.primary-billing { padding-right: 5em; /* border-right: 1px dotted #888; */ }
td.primary-shipping { padding-left: 5em; }
td.primary-billing a.cs-change-link,
td.primary-shipping a.cs-change-link,
td.primary-billing a.cs-change-link:link,
td.primary-shipping a.cs-change-link:link { font-weight: normal; text-transform: lowercase; font-size: 11px; display: block; position: relative; margin-top: -.25em; }
div.cs-address-book div.cs-address { padding: 1em 0 2em 15px; background: url(../../../Portals/0/Skins/CanvasSystems/images/icon-arrow.png) 0% 1.3em no-repeat; }
div.cs-address-book div.cs-address span { display: block; margin-top: .5em; font-weight: bold; }

/* Sign In */
div.cs-new-account { float: right; width: 35%; }
	div.cs-new-account p { font-size: 12px; }
	div.cs-new-account a { display: block; font-weight: bold; padding: .5em 0; }
div.cs-account-signin { float: left; width: 60%; padding-right: 2.5%; border-right: 1px dotted #ccc; }
div.cs-account-signin div.cs-form th { width: 110px; }
div.cs-account-signin span.remember-me { display: block; font-size: 11px; padding: .5em 0; }
	span.remember-me label { cursor: pointer; vertical-align: middle; }
	span.remember-me input { margin: 0 5px 0 0; }

div.cs-forgot-password em { font-weight: bold; color: #000; display: block; margin: 0 0 .5em; }
div.cs-forgot-password p { font-size: 11px; }
div.cs-forgot-password p strong { color: #d10; }

/* Order History */
div.cs-form table.cs-order-history { width: 100%; }
	/* header */
	div.cs-form table.cs-order-history th { padding: .5em; text-transform: uppercase; font-weight: bold; background: none; width: auto; vertical-align: top; text-align: center; background: #ddd; border-left: 1px solid #ccc; }
	div.cs-form table.cs-order-history th .cs-small-note { font: normal 85% Verdana,Arial,Geneva,Helvetica,sans-serif; text-transform: lowercase; display: block; }
	/* cells */
	div.cs-form table.cs-order-history td { padding: 1em .5em; vertical-align: top; font-size: 12px; }
	div.cs-form table.cs-order-history tr.odd-row td { background-color: #fff; }
	div.cs-form table.cs-order-history td.order-num { padding-left: 1em; background: url(../../../Portals/0/skins/CanvasSystems/images/icon-arrow.png) 4px 6px no-repeat; }
	div.cs-form table.cs-order-history td.payment-status,
	div.cs-form table.cs-order-history td.shipping-status { text-align: center; font-weight: bold; }
	div.cs-form table.cs-order-history td.order-total { color: #187200; font-weight: bold; }
	/* widths */
	div.cs-form table.cs-order-history .order-num { width: 90px; border-left: 0 none; }
	div.cs-form table.cs-order-history .order-date { width: 65px; }
	div.cs-form table.cs-order-history .payment-status,
	div.cs-form table.cs-order-history .shipping-status { width: 60px; }
	div.cs-form table.cs-order-history .order-total { width: 74px; }
	div.cs-form table.cs-order-history .order-notes { font-size: 11px; }
	/* no items */
	div.cs-form div.no-items { padding: 1em; border: 1px dashed #888; background: #fff; color: #d10; font-weight: bold; text-transform: uppercase; text-align: center; }
	
/* Edit Addresses */
div.cs-add-address { float: right; padding-right: 1em; }
ol.cs-addresses { margin: 0; padding: 0; }
ol.cs-addresses li { float: left; width: 40%; margin: 0 1em 1em 18px; padding: .5em; font-size: 18px; }
ol.cs-addresses li.new-row { clear: left; float: left; }
ol.cs-addresses li.is-primary { font-weight: bold; border: 1px dashed #ccc; }
ol.cs-addresses li.is-primary h5 { padding: .5em; text-align: center; color: #fff; background: #555; font-size: 11px; margin-bottom: .75em; }
ol.cs-addresses li strong { color: #187200 }
ol.cs-addresses li div.cs-address-wrapper { font-size: 12px; }
ol.cs-addresses li a.link-button { margin-right: 1em; font-size: 11px; font-weight: normal; }
ol.cs-addresses li span.cs-name { color: #000; font-weight: bold; }

div.cs-address-form { padding: 0 0 2em; border-bottom: 1px dotted #bbb; }
div.cs-address-form table table td { padding: .25em; }
div.cs-address-form table table td.cs-label { padding-left: 10px; width: 110px !important; }

div.cs-edit-address h3 hr { display: none; }

/* 1-Page Checkout */
div.cs-skip-reg div.cs-form { border: 0 none; margin: 0; padding: 0; }
div.cs-skip-reg div.cs-form table { margin-bottom: 1em; }
div.cs-skip-reg div.cs-form th,
div.cs-shipping-billing div.cs-form th { width: 100px; }
div.cs-skip-reg table tr.cs-email th { background: #187200; color: #fff; font-weight: bold; text-transform: uppercase; padding: 1em; vertical-align: middle; border-width: 2px 0px 2px 2px; border-style: solid none solid solid; border-color: #98be76; -moz-border-radius-topleft:7px; -moz-border-radius-bottomleft:7px; -webkit-border-top-left-radius:7px; -webkit-border-bottom-left-radius:7px; }
div.cs-skip-reg table tr.cs-email td { background: #187200; padding: 1em 1em 1em 0; border-width: 2px 2px 2px 0; border-style: solid solid solid none; border-color: #98be76; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:7px;  }
div.cs-billing-info, div.cs-shipping-info { float: left; width: 46%; }
div.cs-billing-info.full-width { float: none; width: auto; }
div.cs-billing-info { margin-right: 2%; }
div.cs-shipping-info { padding-left: 2%; border-left: 1px dotted #bbb; }
div.cs-shipping-info p.cs-note input { margin: 0 5px 0 0; padding: 0; vertical-align: middle; }
div.cs-address-column p { clear: both; padding-top: .5em; }
div.cs-shipping-method { margin: 2em 0 0; }
	/* Cart Summary */
	#csCartItems div > br { display: none; }
	table.cs-cart-summary-0 td img { display: none; }
	table.cs-cart-summary-2 { border-bottom: 2px solid #ccc; }
	table.cs-cart-summary-2 td img { display: block; background: #fff; padding: 3px; }
	table.cs-cart-summary-2 tr:first-child td { background: #ddd; text-transform: uppercase; font-size: 11px; color: #333; padding: 1em; border-bottom: 1px solid #bbb; }
	table.cs-cart-summary-2 tr:first-child + tr td { border-top: 1px solid #fff; }
	table.cs-cart-summary-2 tr.cs-product-row td { background: #fff; }
	table.cs-cart-summary-2 tr.alternate-row td { background: #f4f4f4; }
	
	table.cs-summary-totals { width: 200px; margin: 0 0 0 auto; }
	table.cs-summary-totals td { vertical-align: bottom; }
	table.cs-summary-totals tr:first-child td { color: #d10; font-size: 21px; line-height 100%; font-weight: bold; }
	table.cs-summary-totals tr:first-child td.first-child { font-weight: bold; font-size: 12px; color: #000; }
	table.cs-summary-totals td.first-child { font-weight: bold; font-size: 12px; color: #000; }
	table.cs-summary-totals tr:last-child td { border-top: 1px solid #ccc; padding-top: .5em; font-size: 16px; font-weight: bold; }
	div.one-checkout { text-align: center; padding-bottom: 1em; }

/* Order Review */
.cs-quote-review-header { color: #000; padding: 0 1em 1em; }
.cs-review-page { padding: 1em; }
.cs-payment-options { /* padding-top: 2em; */ visibility: hidden; height: 0; }

/* Order Confirmation */
div.cs-box { padding: 2em; margin: 0 auto; width: 50%; background: #fff; border: 1px dashed #bbb; }
div.cs-box th { width: 140px; font-size: 12px; }
div.cs-quote-confirmation { text-align: center; padding: 1em; }

/* Search Page */
#csSearchPageForm { margin: 1em; padding: 2em; border: 1px dashed #bbb; background: #fff; }
#csSearchPageForm strong {  }
#csSearchPageContent { padding: 1em; }
#csSearchPageContent ul { margin: 0 1em 2em 2em; }
#csSearchPageContent ul li { clear: left; padding: 3px 0; font-size: 12px; }
#csSearchPageContent ul li a,
#csSearchPageContent ul li img { float: left; margin-right: .5em; }
#csSearchPageContent ul li img { padding: 5px 0 }
#csSearchPageContent table.cs-product-list { margin-left: 1em; }
#csSearchPageContent table.cs-product-list th { background: #434341; color: #fff; text-transform: uppercase; font-weight: bold; padding: 9px 15px 4px 18px; font-size: 11px; }
#csSearchPageContent tr td.column { padding: 3px 15px 3px 5px; font-size: 12px; }
#csSearchPageContent tr td.column.first-child { padding-left: 18px; background: url(/Portals/0/Skins/CanvasSystems/images/icon-arrow.png) 2px 7px no-repeat; }
#csSearchPageContent tr td.column.last-child { padding-right: 0; }
#csSearchPageContent tr.cs-separator-row td { height: 1px; overflow: hidden; padding: 0; border-bottom: 1px dotted #ccc; }