﻿@import url(/Portals/0/Skins/CanvasSystems/skin.css);
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; }


/* NEW STYLES */

body.cs-store {background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_canvas.gif);}
.FCKImageGalleryContainer, .FCKLinkGalleryContainer {background-color:#FFF;}
#csPageHeader a.link-button.request-quote, #csPageHeader a.link-button.request-quote:link { display:none; /*color: #fff; background-image: url(images/button-products-requestquote.png); */}

#csPageHeader {margin:10px auto 0 auto; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#csSite {border-top: 1px solid #666 !important; padding-top:20px;}

#csHeader {padding:0 0 10px 0;}
#csHeader div.cs-logo { padding:0px 0 0 20px !important;}
#csHeaderRight {padding:5px 20px 0 0 !important;}
.csPhoneNum {font-size:2.9em; color:#666;font-family:'Helvetica Neue', Arial, Helvetica, sans-serif; clear:both;}
.csTopText {font-size:1.8em; color:#666;font-family:'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;clear:both; font-weight:bold;}

.csContentHeader {display:block; width:1024px; height:10px; margin:0px auto 0 auto; background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_content_header.gif) no-repeat;}
#csContent {display:block;width:992px;margin:0px auto 0 auto; padding-top:40px;}
.csContentFooter {display:block; width:1024px; height:10px; margin:0px auto 20px auto; background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_content_footer.gif) no-repeat;}
div.cs-content-frame {width:1024px !important; background:#fff !important;}
.quoteCart {display:block; height:24px; width:131px; background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_cart.gif) no-repeat; overflow:hidden; text-indent:2000px; float:right; margin-bottom:5px;}
#csShare { display:none; margin: 25px 0 0 865px;}

a.menuitemlink-lvl0, a.menuitemlink-lvl0:link, a.menuitemlink-lvl0:visited { font-family:'Arial Narrow', Arial, Helvetica, sans-serif !important;color:#FFF !important; padding:7px 10px 0 10px !important; font-size:1.2em !important;}
ul.sf-menu > li:first-child, li.menuitem-lvl0.sf-first-child {border-left:none; border-right:none; height:30px;}
ul.sf-menu > li {border-left:none; border-right:none;}

li.menuitem-lvl0:hover,
li.menuitem-lvl0.sfHover,
li.menuitem-lvl0.is-selected,
li.menuitem-lvl0.is-selected:hover,
li.menuitem-lvl0.is-selected.sfHover {background: url(images/bg-nav-hover.png) 100% 0% no-repeat;}

li.menuitem-lvl0:hover a {color:#333;}

#csSearch {padding: 4px 2px 0 0 !important; position:relative;}
#csSearch input.cs-textbox {margin:0px !important; background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_search.gif) repeat-x !important; border-left:none !important; border-top:none !important; padding:4px !important; border:none !important;}
#csSearch a.link-button.search-arrow { background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_search_button.gif) no-repeat !important;padding: 4px 0 4px 74px !important; overflow:hidden !important; text-indent:-2000px !important; position:relative; display:block;}

#csMainColumn { width:720px !important;}
#csMenuColumn div.cs-column {margin:0 !important; padding:0 !important;}
#csMainColumn div.cs-column, #csMenuColumn div.cs-column { border:none !important; }
#csMenuColumn { background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_menu_col.gif) repeat-y !important; border:none !important; width:235px !important;}
#csMenuColumn h4 { border-bottom:none; color:#FFF !important; margin:0px 20px 4px 20px !important; }
#csMenuColumn h4 a, #csMenuColumn h4 a:link { border:none ; color:#FFF !important; font-size:1.1em;font-family:'Helvetica Neue', Arial, Helvetica, sans-serif; }
#csMenuColumn ul {border-top:none !important; /*background:url(graphics/bg_menu_col_line.gif) center bottom no-repeat;*/ padding:0 0 20px 0; margin:0 0 20px 20px !important;}
#csMenuColumn ul li { list-style-image:none; padding-bottom:4px;margin-left:20px;}
#csMenuColumn ul li a, #csMenuColumn ul li a:link {color:#FFF !important; /*font-size:1.3em;*/}

div.cs-content-container p.cs-photo-wrapper {margin: 0 2em 2em 20px;}

a, a:link, a:visited { color: #101010; text-decoration: underline; }
a:hover { color: #555; text-decoration: none; }
a:active { color: #555; }




/*.topFooter {clear:both;}
.footerContentLeft {display:block; float:left; width:165px; margin-left:10px;}
.topFooterRightSideDiv {display:block; float:left; width:840px;}
.footerContentCenter {display:block; float:left; width:330px;margin-right:3px;}
.footerContentRight {display:block; float:left; width:500px;}
.footerContentBottom { clear:both;}

.footerBlogLink {display:block; height:155px; width:155px; text-indent:-500px; overflow:hidden;background:url(/Portals/0/images/check_out_blog.png) no-repeat;}
.footerISO {display:block; height:107px; width:320px;  text-indent:-500px; overflow:hidden; background:url(/Portals/0/images/iso.png) no-repeat;}
.newsletterForm {display:block; height:107px; width:497px; background:url(/Portals/0/images/newsletter_signup.png) no-repeat;}
.newsletterForm label { display:none;}
.newsletterForm input {line-height:1.2em; font-size:1.2em; padding:2px; float:right; margin:20px 10px 5px 0;width:175px;}
.newsletterForm .link-button {display:block; font-size:1.2em; text-decoration:none; text-align:center; height:22px; width:181px; color:#FFF; font-weight:bold; text-transform:uppercase; background:url(/Portals/0/images/newsletter_btn.png) no-repeat;float:right; margin:0px 10px 0 0; clear:right; line-height:1em; padding-top:4px;}*/

.topFooter {clear:both;}
.footerContentLeft {display:block; float:left; width:150px; margin-left:10px;}
.topFooterRightSideDiv {display:block; float:left; width:850px;}
.footerContentCenter {display:block; float:left; width:305px;margin-right:7px;}
.footerContentRight {display:block; float:left; width:520px;}
.footerContentBottom { clear:both;}

.footerBlogLink {display:block; height:142px; width:140px; text-indent:-500px; overflow:hidden;background:url(/Portals/0/images/check_out_blog2.png) no-repeat;}

.footerISO {display:block; height:107px; width:303px;  text-indent:-500px; overflow:hidden; background:url(/Portals/0/images/iso2.png) no-repeat;}
.newsletterForm {display:block; height:107px; width:274px; background:url(/Portals/0/images/newsletter_signup2.png) no-repeat; float:left;}
.newsletterForm label { display:none;}
.newsletterForm input {line-height:1.2em; font-size:1.2em; padding:2px; float:left; margin:70px 0px 5px 4px;width:135px;}
.newsletterForm .link-button {display:block; font-size:1.2em; text-decoration:none; text-align:center; height:28px; width:122px; color:#FFF; font-weight:bold; text-transform:uppercase; background:url(/Portals/0/images/newsletter_btn2.png) no-repeat;float:right; margin:70px 3px 0 0; clear:right; line-height:1em; padding-top:4px; overflow:hidden; text-indent:-200px;}
.resourceCenterLink { float:left;display:block; height:107px; width:234px; background:url(/Portals/0/images/resource_center_link.png) no-repeat; overflow:hidden; text-indent:-2000px; margin-left:10px; }

.footerSocialLinks p {float:left; font-size:1.2em; font-weight:bold; color:#130F64; padding:15px 0 0 10px;}
.footerSocialLinks ul {list-style:none; margin:0; padding:0;}
.footerSocialLinks li {list-style:none; display:inline;}
.footerSocialLinks li a {display:block; height:49px; float:left; overflow:hidden; text-indent:-200px; margin-left:25px;} 
.footerSocialLinks li.footerSocialFacebook a {width:133px;  background:url(/Portals/0/images/icon_facebook.png) center no-repeat;margin-left:20px;}
.footerSocialLinks li.footerSocialTwitter a {width:109px;  background:url(/Portals/0/images/icon_twitter.png) center no-repeat;}
.footerSocialLinks li.footerSocialLinkedIn a {width:123px;  background:url(/Portals/0/images/icon_linkedin.png) center no-repeat; margin-bottom:20px;}
.footerSocialLinks li.footerSocialYouTube a {width:126px;  background:url(/Portals/0/images/icon_youtube.png) center no-repeat;}

#csFooter {display:block; width:1024px; margin:0 auto; clear:both;background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_bottom_footer_top.gif) top no-repeat;}
#csFooter .cs-breadcrumbs { padding:10px 20px;background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_bottom_footer_bg.gif) repeat-y; }
#csBaselineFooter {background:none !important;}
#csBaselineFooter div.cs-breadcrumbs {border-bottom:none !important;}
#csBaselineLinks {padding:10px 20px !important;border-top:none !important;background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_bottom_footer_bg.gif) repeat-y !important;}
.csBaselineLogo {background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_bottom_footer_logo.gif) bottom right no-repeat !important;} 
div.cs-corporate {border-top:none !important;/*font-family:'Arial Narrow', Arial, Helvetica, sans-serif !important;*/}
.csFooterBottom {display:block !important; width:1024px !important; margin:0 auto 20px auto !important; padding-top:5px !important; clear:both !important;background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_bottom_footer_bottom.gif) bottom no-repeat !important}

/*=======================================================+
|  Navigation                                            |
+=======================================================*/

#csNav ul.topNav { /*border-right:none;height:30px; margin-bottom:20px; display:block;*/}
#csNav {background:url(/Portals/0/Skins/CanvasSystems/graphics/bg_menu.png) no-repeat !important; margin:0 auto !important; display:block !important; width:992px !important; }

ul.topNav {margin:0;padding:0 0 0 10px;}
ul.topNav a:link, ul.topNav a:visited {color:#FFF}
ul.topNav .activetab a:link, ul.topNav .activetab a:visited {/*color:#333;*/background: url(/Portals/0/Skins/CanvasSystems/graphics/bg_menu_hover.png) center no-repeat;}
ul.topNav a:hover { background: url(/Portals/0/Skins/CanvasSystems/graphics/bg_menu_hover.png) center no-repeat;color:#FFF; text-decoration:none;}
ul.topNav ul {list-style:none;margin: 0;padding: 0;position: absolute;z-index: 10000;width:200px;border-top:1px solid #E6E6E6;border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;display:none; background:#FFF;-moz-box-shadow: 2px 2px 3px #000;-webkit-box-shadow: 2px 2px 3px #000;box-shadow: 2px 2px 3px #000; }
ul.topNav li {list-style:none; float:left;}
ul.topNav ul li {width:100%;}
ul.topNav a {display:block; font-family:'Arial Narrow', Arial, Helvetica, sans-serif;color:#FFF; padding:7px 10px 0 10px; font-weight:bold; font-size:1.2em; line-height:1.1em; margin-right:10px; }
ul.topNav a { text-transform:uppercase; padding:6px 5px; text-decoration:none;}
ul.topNav ul li a:hover {background:#F3F3F3;}
ul.topNav ul li a { background:none !important; color:#06025B !important; text-transform: none;margin-right:0px; padding-right:15px; font-size:1em; border-bottom:1px solid #E6E6E6;}
ul.topNav ul li.haschild > a { background:url(/Portals/0/Skins/CanvasSystems/graphics/arrow.png) right no-repeat !important;}
ul.topNav ul li.haschild > a:hover { background:#F3F3F3 url(/Portals/0/Skins/CanvasSystems/graphics/arrow_hover.png) right no-repeat !important;}
