/* Minification failed. Returning unminified contents.
(4146,31): run-time error CSS1039: Token not allowed after unary operator: '-pcc_background_color'
(4146,360): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4146,562): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(4146,603): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(4146,637): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(4146,723): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size'
(4146,748): run-time error CSS1019: Unexpected token, found ' '
(4146,748): run-time error CSS1019: Unexpected token, found ' '
(4146,748): run-time error CSS1042: Expected function, found ' '
(4146,748): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4146,817): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size'
(4146,842): run-time error CSS1019: Unexpected token, found ' '
(4146,842): run-time error CSS1019: Unexpected token, found ' '
(4146,842): run-time error CSS1042: Expected function, found ' '
(4146,842): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4146,1031): run-time error CSS1019: Unexpected token, found ' '
(4146,1031): run-time error CSS1019: Unexpected token, found ' '
(4146,1031): run-time error CSS1042: Expected function, found ' '
(4146,1031): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
*
{
	background-color: transparent;
	border-width: 0;
	color: inherit;
	font: inherit;
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-indent: 0;
}

.siteContent select {
	border-width: 1px;
}

.browseColumn
{
	width:49%;
	float:left;
	padding:10px 3px 0px 3px;
}

div.browseColumn a
{
	font-weight:bold;
}

div.browseColumn ul
{
	padding-bottom:10px;	
}

.browseNoSub
{
	padding-bottom:10px;	
}
div.browseColumn ul li{
	font-weight:normal;
	padding-top:2px;
	list-style-type:none;
}

div.browseColumn ul li a{
	font-weight:normal;
}

body
{
	color: #000;
	background: #fff; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}

/* All center content needs to be able to use bulleted lists 
that show up indented with bullets
WITHOUT specifying a particular style 
this still needs to be added to the blank/pop-up controls... */
.content ul li
{
	list-style: disc;
	margin: 0 0 0 20px;
}

.paddedContent ul li
{
	list-style: disc;
	margin: 0 0 0 20px;
}

.contentHolder ul li
{
	list-style: disc;
	margin: 0 0 0 20px;
}

pre
{
	font-size: 100%;
	font-family: Verdana, Arial, sans-serif;
}

h1
{
	font-size: 20px;
	font-family: encode_sanssemibold;
	line-height: 160%;
	margin-top:7px;
     
}

h2
{
	font-size: 15px;	
	width: 100%;
	color: #0F3C80;
	padding: 5px 0;
    font-family: encode_sanssemibold;
}

h3
{
	font-size: 100%;
	font-weight:bold;
}

h4
{
	font-size: 100%;
	font-weight:bold;
}

p
{
	margin: 5px 0px 5px 0px;
	padding-right: 5px;
}

div.centerBorder p
{
	margin: 0;
}

a
{
	background-color: inherit;
	text-decoration: underline;
}

hr
{
	height: 1px;
	border-bottom: 1px solid #666;
}

input
{
	background-color: transparent; 
	color: #000;
}

select
{
	background: #fff; 
}

select option
{
	padding: 1px 2px 1px 2px;
}

select:focus
{
	width: auto;
}

strong, .strong
{
	font-weight:bold;
}

em
{
	font-style: italic;
}

ol
{
	padding-left: 2.5em;
}

ol li
{
	list-style: decimal outside;
}

ul.bulleted
{
	padding-left: 2.5em;
}

ul.bulleted li
{
	list-style: disc outside;
}

.clear:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clear
{
	height: 1%;
}
/* End hide from IE-mac */

.whiteText
{
	color: #fff;
}

div#pageContent h2
{
	font-size: 140%;
}

h2 a:link, h2 a:active, h2 a:visited, h2 a, h2 a:hover
{
	text-decoration: none;
}

.headerBar
{
	color: #fff; 
	padding: 2px;
	margin: 10px 0 0 0;
}

input.image
{
	border-width: 0;
}

a.productLink
{
	font-size: 100%; 
}

div.instructions
{
	font-size: 95%;
	padding-bottom: 5px;
}

.clearBoth
{
	width: 100%;
	clear: both;
}

.clearLeft
{
	clear: left;
}

.clearRight
{
	clear: right;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}


.hidden
{
	display: none;
}

/* Begin - also used for transforms stored in database*/
.totalNumbers
{
	text-align: right;
	font-weight: normal;
	padding: 3px 10px 3px 0px;
	margin: 0;
	vertical-align: top;
	white-space:nowrap;
}

.totalLabels
{
	text-align: right; 
	padding: 3px 0 3px 0;
}

.orderTotal
{
	text-align: right; 
	padding: 8px 10px 0 0;
	margin: 0;
	vertical-align: top;
	width: 200px;
}

.totalDivider
{
	border-bottom: dashed 1px #fff;
	width: 100%;
	padding: 8px 0 8px 0;
}
/* End - also used for transforms stored in database*/

.fontMessaging
{
	font-weight: 300;
	color: #f00;
}

div.fontMessaging, span.fontMessaging
{
	color: #f00;
	padding: 4px 0;
}

.fontSmall
{
	font-size: 90%;
	color: #333;
}

.small
{
	font-size: 80%;
}
.campaign 
{
	color:#0F3C80;
	font-size:120%;
	font-weight:bold;
	

}
.landing 
{
	color:#666666;
	font-size:120%;
	font-weight:bold;

}
span.requiredField
{
	color: red;
}

div.defaultConsole
{
	border: 3px solid #090;
	margin: 10px 0;
	padding: 5px;
}

table.products
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

table.products th
{
	color: #fff;
	padding: 2px 10px 2px 2px;
	white-space: nowrap;
	text-align: left;
}

table.products th.total
{
	text-align: right;
}

table.products th.altbg
{
	color: #fff;
	background-color: #666;
	padding: 2px 10px 2px 2px;
	font-weight:bold;
	white-space: nowrap;
	text-align: left;
}

table.products th.altbgTotal
{
	color: #fff;
	background-color: #666;
	padding: 2px 10px 2px 2px;
	font-weight:bold;
	white-space: nowrap;
	text-align: right;
}

table.products td
{
	padding: 10px 10px 10px 2px;
	margin: 0;
	color: #000;
	font-size: 90%;
	vertical-align: top;
}

table.products td.borderRow
{
	border-bottom: solid 1px #ccc;
}

table.products td.description
{
	padding: 10px 10px 10px 2px;
	margin: 0;
	color: #000;
	font-size: 90%;
	vertical-align: top;
	width: 280px;
}

table.products td.total
{
	padding: 10px 10px 10px 2px;
	margin: 0;
	color: #000;
	font-size: 90%;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
	text-align: right;
}

table.products td.unitprice
{
	width: 50px;
	text-align: right;
}

.indent
{
	margin-left: 10px;
}

.reorder
{
	padding-left:5px;
	padding-top: 10px;
}

.padded
{
	padding: 5px 10px 5px 10px;
}

.mediumPadded
{
	padding: 5px 5px 5px 5px;
}

.smallTopPadded
{
	padding-top: 1px;
}

.mediumTopPadded
{
	padding-top: 3px;
}

.topPadded
{
	padding-top: 5px;
}

.largeTopPadded
{
	padding-top: 10px;
}

.largeTopMargin
{
	margin-top: 10px;
}

.smallBottomPadded
{
	padding-bottom: 3px;
}

.mediumBottomPadded
{
	padding-bottom: 5px;
}

.bottomPadded
{
	padding-bottom: 10px;
}

.leftPadded
{
	padding-left: 10px;
}

.leftPaddedUserMessageWhenEmptyLicensing
{
	padding-left: 20px;
}

.mediumLeftPadded
{
	padding-left: 6px;
}

.largeRightPadded
{
	padding-right: 100px;
}

.extreamRightPadded
{
	padding-right: 210px;
}

.extreamLeftPadded
{
	padding-left: 200px;
}

.smallMediumLeftPadded
{
	padding-left: 4px;
}

.smallLeftPadded
{
	padding-left: 2px;
}

.rightPadded
{
	padding-right: 10px;
}

.width100
{
	width: 100%;
}

.width50
{
	width: 50%;
}

.positionRelative
{
	position: relative;
}

.positionAbsolute
{
	position: absolute;
}

.contractLabelAccountHome
{
	width: 55%;
	display: block;
}


.rebateLabel {
    margin-bottom: 0px !important;
}

.rebateLink {
    text-decoration: underline !important;
    color: #2c71b2 !important;
    font-weight: 400 !important;
}

div.formRow
{
	clear: both;
	line-height: 30px;
}

div.formLabel, label.formLabel
{
	float: left;
	width: 150px;
}

div.wideFormLabel, label.wideFormLabel
{
	float: left;
	width: 200px;
}

div.formLabel span
{
	font-weight:bold;
}

.buttonContainer
{
	padding-top: 3px;
	text-align: right;
}

.buttonContainerLeftAlign
{
	padding-top: 3px;	
	width: 100%;
}

.buttonContainerCenterAlign
{
	padding-top: 6px;	
	padding-bottom: 1px;
	width: 100%;
	text-align: center;
}

.marginRight
{
	margin-right: 8px;
}

.marginRight15
{
	margin-right: 15px;
}

.marginLeft
{
	margin-left: 8px;
}

.marginTopMedium
{
	margin-top: 5px;
}

.marginBottom
{
	margin-bottom: 10px;
}

.marginBottomMedium
{
	margin-bottom: 5px;
}

.smallMarginBottom
{
	margin-bottom: 2px;
}

.center
{
	text-align: center;
}

.displayNone
{
	display: none;
}

.inline
{
	display: inline;
}

.customerPrice
{
	margin-bottom: 5px;
    width: 150px;
}

.blackFont
{
	color: #000 !important;
}

.contractPricingColor
{
	color: #FF6600 !important;
}

#divContractPageLabel
{
  font-size: 14px !important;
  line-height: 21px;
}
div.loadingDiv 
{
	position: absolute;
	background-color: #DDD;
	filter:alpha(opacity=50);
	opacity: 0.5;
	font-weight:bold;
	font-size: 150%;
	text-align: center;
	z-index: 1;
}

div.loadingDiv img 
{
	vertical-align: middle;
}

a.clean, a.clean:link, a.clean:visited, a.clean:active
{
	text-decoration: none;
	font-size: 120%;
	color: #000;
}

a.noLink,
a.noLink:link,
a.noLink:hover,
a.noLink:active,
a.noLink:visited 
{
	color: #000;
	text-decoration: none;
}

a.noLinkBlue,
a.noLinkBlue:link,
a.noLinkBlue:hover,
a.noLinkBlue:active,
a.noLinknoLinkBlue:visited 
{
	text-decoration: none;
}

div.paddedContent 
{
	float: left;
}

.color1
{
	color:#666;
}

.textAlignRight
{
	text-align: right; 
}

.textAlignLeft
{
	text-align: left; 
}

.textValignTop
{
	vertical-align: top;
}

@media print
{
	.buttonContainer
	{
		visibility:hidden;	
	}	
}

div#reviewSearch{
	background-color: #ccc;
	width: 600px;
}

div.reviewSearchArea
{
	padding:10px;
}
a.leaseInfo:link, a.leaseInfo:visited {
 color: #5F5F5F;
 font-weight: normal; 
}
a.leaseInfo:hover {
 font-weight: normal;
 color: #9B9B9B; 
}

div#reviewSearch input.txtSearch{
 width: 300px;
 height: 16px;
 margin-top: 1px;
}

.modalWindow
{
	text-align:left;	
}

.closeClass
{
	cursor:pointer;
}

a.modalButton, a.modalButton:link, a.modalButton:visited, a.modalButton:hover, input.modalButton, input.modalButton 
{ 
	background: #3C94D5; 
	color: #fff; 
	padding: 1px 5px 1px 5px; 
	margin: 2px 0; font-size: 100%; 
	border-width: 0; 
	cursor: pointer; 	
	text-decoration: none; 
	display: inline-block; 
	width:60px;
}

div.modalBodyText ul.clientMessageWarning > li
{	
	background: url("/images/warning.gif") left top no-repeat;
	padding-left: 30px;
	display: inline;
}

.treeArrowListStyle
{
	padding-left: 5px;
	background-image: url("/images/tree_arrow.gif");
	background-repeat: no-repeat;
	background-position:left;
	vertical-align: middle;
}

.treeArrowDownListStyle
{
	padding-left: 10px;
	background-image: url("/Images/tree_arrow_down.gif");
	background-repeat: no-repeat;	
	background-position:left;
	vertical-align: middle;
}

/************************************************
*   User Story #629 (v7.4) - List Style Module
*   Bug #2419 - A copy of these styles must be in webAuthoring.css (Sitecore) and global.css (Web)
*   Bug #2464 - List styles were not displaying in Firefox or Chrome. This was because the css list-style, below, was inherited from ".content ul li"
*               Resolution: differentiate the styles below by adding "div ul.{style name} li"
*               *** DEVELOPER NOTE - This update is only applicable to styles when viewing IPA, same style differentiation is not required in webAuthoring.css (Sitecore). ***
*               *** Every bullet must have a corresponding IE6 style with no parent > child notation.  jQuery will use this style for IE6 (in global.js - ready area)
************************************************/
.ICON_STYLES_BELOW {padding: 0 0 0 0px;}

ul.doubleArrowThick > li {
	list-style: url("/media/tm4ducev/double_arrow_blue1.png");
}

ul.doubleArrowThin > li {
	list-style: url("/media/dp5oaqmv/double_arrow_blue2.png");
}

ul.grayArrow > li {
	list-style: url("/media/cqefly2f/gray_arrow.png");
}

ul.doubleGreenArrow > li {
	list-style: url("/media/gzzcqu5t/double_arrow_green.png");
}

ul.singleArrow1 > li {
	list-style: url("/media/ikqn5zex/single_arrow_blue.png");
}

ul.treeArrow > li {
	list-style: url("/media/a3bnj3g1/tree_arrow.png");
}

ul.treeArrowDown > li {
	list-style: url("/media/b3ypw4g0/tree_arrow_down.png");
}

ul.treeBullet > li {
	list-style: url("/media/evlp0u1t/tree_bullet.png");
}

.closeRedButton
{
    background:url("/images/red_x_w_hover.gif");
    float: right;
    margin-top: -20px;
    margin-right:6px;
    width:14px;
    height:14px;    
    border:0;
    background-color: #666;
}

.closeRedButton:hover
{
    background:url("/images/red_x_w_hover.gif") no-repeat scroll -14px 0;
}

/************************************************
* END
************************************************/

.CCError{
    color:red;
}

.spanAccessibilityContent{
    padding-top: 5px;
}

#accessibilityModal em {
  color: #0f3c80 !important;
  text-decoration: none !important;
  font-style: normal !important;
}

#accessibilityModal hr {
    color: #0f3c80 !important;
    border-top:none;
    margin-bottom: 0 !important;
}

#accessibilityModal h2 {
    color: #0f3c80 !important;
    margin-top: 0 !important;    
}

.displayInlineTable {
    display: inline-table;
}

.overrideBootstrapStyle {
    margin-left: 0 !important;
  
}

.overrideBootstrapStyleInline {    
    display: inline;
}

.overrideBootstrapStyle input[type="checkbox"] {
    margin-left: 0px !important;
    position: static !important;
}


/* everything below this is to style the new checkout modals on t the old quote Response */
/* when the quote response is MVC's all these styles can be deleted*/

.temp-Checkout-fa-check-circle {
    color: #7ec252;
}

.temp-Checkout-ship-here {
    padding-top:0px;
}
.temp-Checkout-row-height-adjustment{
    height:40px;
}
.temp-Checkout-sas-showing-content{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    font-style:italic;
}

.temp-Checkout-payvia-padding{
    padding-left:12px;
}

.temp-Checkout-payment-separator{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color: rgb(185, 195,202);
   
}
.temp-Checkout-payment-row{
    padding-bottom:20px;
    padding-top:10px;
}

.temp-Checkout-po-section-row{
    padding-left:0px !important;
}

.temp-Checkout-cc-image-padding{
     padding-bottom:3px;
}

.temp-Checkout-fullfigured-dd{
    width:100% !important;
    
}
/* More quote response stylews */
/*used by the BlockUI overlay .. brough over for the quote response modals*/
.blockUI {
  border: none !important;
  background-color: #000 !important;
  opacity: 0.50 !important;
}
.blockElement{
    background-color: transparent !important;
    width:50% !important;
    color:#ffffff !important;
    opacity: 1 !important;
}
.blockMsg{
    background-color:transparent !important;
    color:#ffffff !important;
    opacity: 1 !important;
}
/*This should be changed to max-width:770px if we add the viewport meta tag to the older pages*/
@media(max-device-width:770px) {
    .blockMsg {
        width:100%!important;
    }
}

/* and more Quote response */
/* these three styles are from less/than/checkout/checkout-shipping.css 
   they control the pointer when its on the pager control */
#addressSearchPager li a {
  cursor: pointer;
}
#addressSearchPager .disabled a {
  cursor: not-allowed;
}
#addressSearchPager .active a {
  cursor: auto;
}

/* last set of styles brought over for Quote Response */
/* these are all associated with the Boot Strap style pager.  brought over for the Quote response modals 
   It would be too cumbersome to re-name these all temp-Checkout...   
*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #0F3C80;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #071c3c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

/* the end of the Quote response style section */
a.addBySkuButton
{
    margin-right:5px;
}

 #addBySkuModal .input-container div.error {
    color: red;
    width:283px;
}

.input-container img.cancel
{
    cursor:pointer;
    vertical-align: baseline;
}

#addByMfgModal .input-container  div.error {
    color: red;
    width:530px;
}

.input-container input.error{
    border-color:red;
    background-color:pink;
}

div#addByMfgModal div.possible-container
{
    width:524px;
    max-height:300px;
    overflow-y:auto;
    padding:2px 5px;
    border:solid 1px #999;
}

div#addBySkuModal, div#addByMfgModal {
    text-align: left;
    margin: 0 10px;
    color:#000;
}

div#addBySkuModal .modal-title, div#addByMfgModal .modal-title {
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 20px;
}

div#addBySkuModal .input-container, div#addByMfgModal .input-container {
    border: 1px solid #999;
    padding: 10px 5px;
}

div#addByMfgModal .input-container
{
    width:536px;
}

div#addByMfgModal div.possible-message{
    font-weight: bold;
    color: red;
    padding-left: 5px;
}

div#addByMfgModal table.actions
{
    width:100%;
}

div#addByMfgModal table.actions td.search-link
{
    width:66%;
    border:0;
}

div#addByMfgModal table.actions td.buttons
{
    text-align:right;
    border:0;
    width:33%;
}

div#addByMfgModal div.possible table td {
    border:0;
    cursor:pointer;
    vertical-align:top;
}

div#addByMfgModal div.possible table td input.possible-sku
{
    margin-top:2px;
    *margin-top:0;
    padding:0;
    border:0;
}

div#addByMfgModal div.possible table tr.selected td {
    background-color:#e7e7e7;
}

div#addBySkuModal table, div#addByMfgModal table
{
    border-collapse:collapse;

}

div#addBySkuModal th, div#addByMfgModal th
{
    font-weight:bold;
    padding: 5px;
}

div#addBySkuModal th.sku
{
    width:200px;
}
div#addByMfgModal th.mfg
{
    width:450px;
}

div#addBySkuModal th.qty, div#addByMfgModal th.qty
{
    width:60px;
    text-align: center;
}

div#addBySkuModal td, div#addByMfgModal td
{
    padding: 5px;
    border: 1px solid #999;
    border-width: 1px 0 0;
}

div#addBySkuModal td.numeric, div#addByMfgModal td.numeric
{
    text-align:right;
}

div#addBySkuModal td.qty, div#addByMfgModal td.qty
{
    text-align: center;
    vertical-align:top;
}

.input-container input.disabled
{
    /*opacity:.2;
    filter: alpha(opactiy=20);*/
}

span.add
{
    font-size: 120%;
    font-weight: bold;
    padding: 5px 0;
    display:inline-block;
}

div#addBySkuModal div.buttons, div#addByMfgModal div.buttons
{
    margin: 20px 6px 5px 5px;
    text-align: right;
}

div#addBySkuModal input.sku {
    width: 165px;
}

div#addByMfgModal input.mfg {
    width: 445px;
}

div#addBySkuModal input.qty, div#addByMfgModal input.qty
{
    width:60px;
    text-align:center;
}

div#emailOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color:#fff;
    filter: alpha(opacity=1);
    opacity:.1;
}

a#editGroupUserRights
{
	position:relative;
	top: -20px;
}

div.groupLicensingCertificatePanel
{
	margin-left: 55px;
}

h1.sectionHeader
{
	margin-bottom:5px;
}

div.addressOptionsContainer
{
	float:left;
	clear:both;
	width:100%;
}

div.addressTypeContainer
{
	float:left;
	width:100%;
	margin-bottom:10px;
}

div.shippingDisclaimerContainer
{
	float:left;
	width:100%;
	background-color:#E8E8C0;
	margin-bottom:10px;
}

div.taxExemptContainer
{
	float:left;
	width:100%;
	background-color:#E8E8C0;
	margin-bottom:10px;
}

span.agreeCheck label
{
	font-weight:bold;
}

div.agreeAcknowledge
{
	float:right;
	width:397px;
}

div.agreeContainer
{
	width:77px;
	float:left;
}

hr.addressSeperator
{
	margin:10px 10px 10px 0;
	*margin:0 10px 0 0;
}

span.grayInfo
{
	color:Gray;
	margin: 3px 5px 7px;
	display:block;
}

div.shippingCreateContainer
{
	margin: 3px 0 0 3px;
}

div.shippingDefaultContainer
{
	margin: 0 0 0 3px;
}
div.modalWindow_buttonContainer
{
	float:left;
	width:100%;
	margin-top:10px;
}

div.clientMessages ul li
{
	list-style-type:none;
	margin: 0;
}

span.modal_dialogContainer
{
	display:none;
}

div.linkTextContainer
{
	text-decoration:underline;
	cursor:pointer;
	color:#0F3C80;
	white-space:nowrap;
}

div.listContainer
{
	display:none;
	position:absolute;
	text-align:left;
}

div.listContainer h4
{
	padding:2px 5px !important;
}

div.listContainer div.listItem
{
	background-color:#fff;
	padding:0 20px 0 5px;
}

.readOnlyTextBox 
{
	border:0;	
}

.addToCartPanel
{
	font-size: 90%;
	width: 100%;
	white-space: nowrap;
}

.continueShoppingContainer
{
	margin-top: 0px;
}

.checkoutButtonContainer
{
	float: right;
}
.buttonContainerCart
{
	float:left;
	padding-top: 3px;
	text-align: right;
	margin-right: 4px;
}

.buttonContainerCartRight
{
	float:right;
	padding-top: 3px;
	text-align: right;
	margin-left: 4px;
}

.QuoteContainer
{
	float:right;
	padding-top:3px;
	clear:right;
}

a.submitButtonHyperLink,
a.submitButtonHyperLink:link,
a.submitButtonHyperLink:visited,
a.submitButtonHyperLink:hover, 
a.submitButtonHyperLink:active
{
	padding: 3px 6px 3px 6px;
	margin: 2px 0;
	color: #fff;
	border-width: 0;
	cursor: pointer;
	text-decoration: none; 
	font-weight: normal;
	line-height: 30px;
}

a.addToQuickListButton:link,
a.addToQuickListButton:visited,
a.addToQuickListButton:hover, 
a.addToQuickListButton:active
{
	background: #999;
	color: #fff;
}

a.submitButton, 
a.submitButton:link, 
a.submitButton:visited, 
a.submitButton:hover, 
a.submitButton:active,
input.cancelButton
{
	color: #fff;
	padding: 3px 9px 3px 9px;
	border-width: 0;
	cursor: pointer;
	text-decoration: none;
	line-height: 25px;
	display: inline;
}

span.modal_button,
div.modal_button,
a.auxButton, 
a.auxButton:link, 
a.auxButton:visited, 
a.auxButton:hover, 
a.auxButton:active
{
	background: #9bb6d2;
	color: #fff;
	padding: 3px 9px 3px 9px;
	border-width: 0;
	cursor: pointer;
	text-decoration: none;
	line-height: 25px;
	display: inline;
}

div.modal_imageButton{
	color: #fff;
	border-width: 0;
	cursor: pointer;
	text-decoration: none;
	display: inline;
	
	*padding-right: 4px;
}

div.modal_button
{
	*margin-right: 4px;
}

a.disabled
{
	text-decoration: none;
	color: #000;
}

div.color1FloatingPanel
{
	margin-top: 1px;
}

div.color1FloatingPanel h4, div.color1FloatingPanel h1
{
	color: #fff;
	padding: 4px 0 4px 4px;
	margin-top:0;
}

div.color2FloatingPanel
{
	border: 1px solid #ccc;
	margin-top: 1px;
}

div.color2FloatingPanel h4
{
	/*background-color: #666 !important;
	color: #fff !important;*/
	padding: 4px 0 4px 4px !important;
}

div.color3FloatingPanel {
	border: 1px solid #ccc;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

div.color3FloatingPanel h4
{
	background-color: #999 !important;
	color: #fff !important;
	padding: 4px 0 4px 4px !important;
}

/* product detail panel override */
div.color3FloatingPanel .panel-heading {
	padding: 0;
	-moz-border-radius: 0 0;
	-webkit-border-radius: 0 0;
	border-radius: 0 0;
	border: 0;
}

/* product detail panel override */
div.color3FloatingPanel .panel-heading h4 {
	padding: 6px 0 6px 4px;
	font-size: 100%;	
}

div.color4FloatingPanel
{	
	border-top: 1px solid #ccc;
}

div.color4FloatingPanel h4
{	
	background-color: #666;
	color: #fff;
	padding: 4px 0 4px 4px;
}


div.rightNavFloatingPanel
{
	border: 1px solid #ccc;
	margin: 0 6px 0 0;
	overflow: hidden;
}

a.tab,
a.tab:link,
a.tab:visited,
a.tab:hover,
a.selectedTab,
a.selectedTab:link,
a.selectedTab:visited,
a.selectedTab:hover
{
	margin-left: -10px;
	float: left;
	position: relative;
	cursor: pointer;
	display: block;
	text-decoration: none;
}

a.tab div.text
{
	padding: 0 15px 0 15px;
	font-size: 110%;
	line-height: 20px;
	height: 20px;
	background: url("/images/tab_content.gif") repeat-x;
	color: #fff;
}

a.disabledTab div.text
{
	color: #CCC;
}

div.tabControl div.tabs 
{
	position: relative;
	z-index: 0;
}

a.tab div.tabLeft
{
	width: 2px;
	height: 20px;
	background: url("/images/tab_content_left.gif") no-repeat;
}

a.tab div.tabRight
{
	width: 22px;
	height: 20px;
	background: url("/images/tab_content_right.gif") no-repeat;
}

a.selectedTab div.text
{
	padding: 0 15px 0 15px;
	font-size: 110%;
	line-height: 20px;
	height: 20px;
	background: url("/images/tab_content_over.gif") repeat-x;
}

a.selectedTab a.tabImage
{
	font-size: 110%;
	height: 20px;
}

a.selectedTab div.tabLeft
{
	width: 2px;
	height: 20px;
	background: url("/images/tab_content_over_left.gif") no-repeat;
}

a.selectedTab div.tabRight
{
	width: 22px;
	height: 20px;
	background: url("/images/tab_content_over_right.gif") no-repeat;
}

div.color2TabControl a.tab div.text
{
	height: 19px;
	background-image: url("/images/tab_color_2.gif");
	font-size: 9px;
	padding:0 3px;
}

div.color2TabControl a.tab div.tabLeft
{
	height:19px;
	width:0px;
}

div.color2TabControl a.tab div.tabRight
{
	width: 0px;
}

div.color2TabControl a.selectedTab div.text
{
	padding: 0 4px;
	height: 19px;
	color: #666;
	background-image: url("/images/tab_over_color_2.gif");
	font-size: 9px;
}

div.color2TabControl a.selectedTab div.tabLeft
{
	height:19px;
	width:0px;
}

div.color2TabControl a.selectedTab div.tabRight
{
	width: 0px;
}

div.color2TabControl a.tab,div.color2TabControl a.tab:link,div.color2TabControl a.tab:visited,
div.color2TabControl a.tab:hover,div.color2TabControl a.selectedTab,div.color2TabControl a.selectedTab:link,
div.color2TabControl a.selectedTab:visited,div.color2TabControl a.selectedTab:hover
{
	margin:0px;
}

.refineTab a.selectedTab
{
	width:52px;
	height:19px;
	background-image: url("/images/refine_on.gif");
}

.refineTab a 
{
	width:52px;
	height:19px;
	background-image: url("/images/refine_off.gif");	
}

.shopTabPage a
{
	width:55px;
	height:19px;
	background-image: url("/images/shop_off.gif");	
}

.shopTabPage a.selectedTab
{
	width:55px;
	height:19px;
	background-image: url("/images/shop_on.gif");
}

.accountToolsTabPage a
{
	width:83px;
	height:19px;
	background-image: url("/images/account_off.gif");	
}

.accountToolsTabPage a.selectedTab
{
	width:83px;
	height:19px;
	background-image: url("/images/account_on.gif");	
}

div.productTabControl a.tab,
div.productTabControl a.tab:visited,
div.productTabControl a.tab:hover,
div.productTabControl a.selectedTab,
div.productTabControl a.selectedTab:visited,
div.productTabControl a.selectedTab:hover
{
	margin: 0;
}

div.productTabControl a.tab div.tabLeft 
{
	width: 4px;
	height: 27px;
	background-image: url("/images/tab_product_left.gif");
}

div.productTabControl a.tab div.text 
{
	height: 27px;
	background-image: url("/images/tab_product.gif");
	font-size: 100%;
	line-height: 27px;
	padding: 0 6px;
}

div.productTabControl a.tab div.tabRight 
{
	width: 5px;
	height: 27px;
	background-image: url("/images/tab_product_right.gif");
}

div.productTabControl a.selectedTab div.tabLeft 
{
	width: 4px;
	height: 27px;
	background-image: url("/images/tab_product_over_left.gif");
}

div.productTabControl a.selectedTab div.text 
{
	height: 27px;
	background-image: url("/images/tab_product_over.gif");
	font-size: 100%;
	line-height: 27px;
	color: #21498f;
	padding: 0 6px;
}

div.productTabControl a.selectedTab div.tabRight 
{
	width: 5px;
	height: 27px;
	background-image: url("/images/tab_product_over_right.gif");
}

a.tab div, a.selectedTab div
{
	float: left;
}

div.tabControl div.tabPages
{
	border: 1px solid #666;
	margin-top: -2px;
	padding-top: 3px;
}

* html div.color2TabControl div.tabPages 
{
	margin-top: -1px;
}

div.tabControl div.tabs
{
	border: none;
	height: 21px;
	clear: both;
	margin-left: 15px;
}

div.productTabControl div.tabs 
{
	margin: 0;
	height: 28px;
}

/* Fix IE tab-header margin issues when using images */

* html div.tabControl div.tabPages
{
	margin-top: -3px; /*should be -2px when not using images for tabs */
}

div.color2TabControl div.tabs
{
	padding-top: 5px;
	border: none;
	height: 19px;
	clear: both;
	font-size: 10px;
}

div.color2TabControl div.tabBackground
{
	background-color: #999;
}

div.tabBackgroundNoLeftColumn 
{
    background-color: #999;
    width: 190px;
    float: left;
    height: 22px;
}

div.navBarNoLeftColumn
{
	margin: 0px 0px 10px 0px;
	width: 971px;	
}

div.color2TabControl div.noTabs 
{
	height: 25px;
	-height: 26px;
}

div.tabPage
{
	display: none;
}

span.checkBox input, 
span.radioButton input, 
table.radioButton input,
input.radio,
.checkBox, 
input
{
	border: none;   
}

/* Fix for IE Padding around checkboxes */
span.checkBox input 
{
	height: 13px;
	width: 13px;
	vertical-align:middle;
    margin-top: 5px;
}

span.checkBox label {
	vertical-align:middle;
	padding-left:4px;
    margin-top: 5px;
}

input.radio, span.radioButton input
{
	vertical-align: middle;
	margin-right: 2px;
}

.radioList input
{
	border: none;
	background-color: Transparent;
	vertical-align:middle;
}

table.color1Table
{
	border: none;
}

table.color1Table th
{
	text-decoration: none;
	color: #fff;
}

table.color1Table th a,
table.color1Table th a:visited
{
	text-decoration: underline;
	color: #fff;
}

table.color1Table th
{
	padding: 4px;
	font-weight:bold;
}

table.color1Table td
{
	padding: 4px;
	border-bottom: 1px solid #ccc;
}

table.color1Table td.leftBorder 
{
	border-left: 1px solid #ccc;
}

table.color1Table td.rightBorder 
{
	border-right: 1px solid #ccc;
}

tr.highlightRow td
{
	background-color: #ccc;
}

tr.highlightRow td.editCell 
{
	background-color: #fff;
}

td.editCell div.color1FloatingPanel 
{
	border: none;
	font-weight:normal;
}

td.editCell div.color1FloatingPanel h4
{
	color: #000;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
}

tr.normalRow td 
{
	background-color: #fff;
}

tr.currentRow td
{
	background-color: #FFFFB5;
}

tr.selectedRow td
{
	background-color: #DEEBFF;	
}

table.color2Table
{
	width: 100%;
	border-spacing: 0;
	padding: 0;
}

table.color2Table th
{
	background-color: #999;
	padding: 0 0 3px 5px;
	color: #000;
	line-height: 25px;
	border: 1px solid #999;
}

table.color2Table td.leftBorder 
{
	border-left: 1px solid #999;
}

table.color2Table td.rightBorder 
{
	border-right: 1px solid #999;
}

table.color2Table th a, .color2Table th a:visited, table.color2Table th a:hover
{
	color: #000;
}

table.color2Table td
{
	padding: 6px;
	text-align: left;
	margin: 0;
	color: #000;
	background: #fff;
	vertical-align: top;
	border-bottom: 1px solid #999;
}

table.color2Table td.center
{
	vertical-align: top;
	white-space: nowrap;
}

table.color2TableFooter
{
	padding: 5px 0 5px 3px;
	font-size: 110%;
}

table.color2Table tr.highlightRow td
{
	background-color: #ccc;
}
/*----------*/
table.color3Table
{
	width: 100%;
	border-spacing: 0;
	padding: 5px;
}

table.color3Table th
{
	background-color: #999;
	padding: 0 0 3px 5px;
	color: #000;
	line-height: 23px;
	border: 1px solid #999;
}

table.color3Table td.leftBorder 
{
	border-left: 1px solid #999;
	padding-left:10px;
}

table.color3Table td.rightBorder 
{
	border-right: 1px solid #999;
}

table.color3Table th a, .color3Table th a:visited, table.color3Table th a:hover
{
	color: #000;
}

table.color3Table td
{
	padding: 3px;
	text-align: left;
	margin: 0;
	color: #000;
	background: #fff;
	vertical-align: top;
	border-bottom: 1px solid #999;
}

table.color3Table td.center
{
	vertical-align: top;
	white-space: nowrap;
}

table.color3TableFooter
{
	padding: 5px 0 5px 3px;
	font-size: 110%;
}

table.color3Table tr.highlightRow td
{
	background-color: #ccc;
}

/*------color4Table------*/
table.color4Table
{
	width: 100%;
	border-spacing: 0;
	padding: 0;
}

table.color4Table th
{
	background-color: #999;
	padding: 0 0 3px 5px;
	color: #000;
	border: 1px solid #999;
	vertical-align: bottom;
	height: 40px;
    text-align:center;
}

table.color4Table td.leftBorder 
{
	border-left: 1px solid #999;
}

table.color4Table td.rightBorder 
{
	border-right: 1px solid #999;
	width: 100%;
    text-align:center;
}

table.color4Table th a, .color4Table th a:visited, table.color4Table th a:hover
{
	color: #000;
}

table.color4Table td
{
	padding: 4px;
	text-align: left;
	margin: 0;
	color: #000;
	background: #fff;
	vertical-align: top;
	border-bottom: 1px solid #999;
    text-align: center;
}

table.color4Table td.center
{
	vertical-align: top;
	white-space: nowrap;
}

table.color4TableFooter
{
	padding: 5px 0 5px 3px;
	font-size: 110%;
}

table.color4Table tr.highlightRow td
{
	background-color: #ccc;
}
/*----color4Table------*/


/*------color5Table------*/
table.color5Table
{
	width: 100%;
	border-spacing: 0;
	padding: 0;
}

table.color5Table th
{
	background-color: #666666;
	padding: 0 0 3px 5px;
	color: #fff;
	line-height: 20px;
	border: none;
	font-weight: bold;
	height: 100%;
}

table.color5Table td.leftBorder 
{
	border-left: none;
}

table.color5Table td.rightBorder 
{
	border-right: none;
}

table.color5Table th a, .color5Table th a:visited, table.color5Table th a:hover
{
	color: #fff;
	text-decoration: none;
}

table.color5Table tr td
{
	border-bottom: 1px solid #fff;
}

table.color5Table td
{
	padding: 4px;
	text-align: left;
	margin: 0;
	color: #000;
	vertical-align: top;
	border-bottom: none;
}

table.color5Table td.center
{
	vertical-align: top;
	white-space: nowrap;
}

table.color5TableFooter
{
	padding: 5px 0 5px 3px;
	font-size: 110%;
}

table.color5Table tr.highlightRow td
{
	background-color: #CCCCCC;
}

.darkGrayBackground
{
	background-color: #666666;
}

.darkBlueBackground
{
	background-color: #0F3C80;
	padding: 4px 0 4px 4px;
}

.lightGrayBackground
{
	background-color: #CCCCCC;
}

.lightGrayBackground td
{
	background-color: #CCCCCC;
}

.displayBlock
{
	display: block;
}

.height20
{
	height: 20px;
}

.groupMembershipCtrlRightPaddedText
{
	padding-right: 212px;
}

.groupMembershipCtrlMinRightPadding
{
	padding-right: 100px;
}

.smallCellpadding
{
	border-bottom: 1px solid #666;
}

/*----color5Table------*/

div.padEngagement
{
    padding-top: 6px;
    padding-left: 6px;
}

div.engagementRow
{
	float: left;
	width: 750px;
     padding-top: 5px;
}

.padEngagementSection
{
    padding-left: 10px;
}


div.addressColumn
{
	float: left;
	width: 200px;
}

div.toolTip
{
	position: absolute;
	border: 1px solid #000;
	background-color: #ffe;
	margin-top: 4px;
	display: none;
	width: 250px;
	line-height: 14px;
    z-index:1001;
}

div.extendedTimeOutTooltip
{
	padding-left:3px;
}

div.toolTip span
{
	font-weight:bold;
	clear:right;
}

div.toolTipContainer, span.toolTipContainer
{
	clear:both;
	cursor: pointer;
	margin-left: 5px;
	
}

span.toolTipContainer img 
{
	vertical-align: text-bottom;
    margin-top: 5px;
}

div.postingLink
{
	display: block;
}

.insetInput
{
	border-style: Inset;
}

div.searchRefinementsContainer div.dropDown div.textContainer input { width: 170px; }

div.searchRefinementsContainer
{
	background-color: #eee;
	border: 1px solid #999;
}

div.dropDown {
	float: left;
	margin: 1px 5px 0px 0px;
	line-height: 12px;
	padding: 0 !important;
}

div.dropDown div.itemContainer {
	position: absolute;
	background-color: #ccc;
	display: none;
	border: 1px solid #999;
	z-index: 8;
	margin-left: -1px;
	text-align: left;
}

div.dropDown a, div.dropDown a:visited {
	padding: 2px 4px;
	line-height: 15px;
	display: block;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

div.dropDown a.hover {
	background-color: #aaa;
	text-decoration: none;
	color: #000;
}

div.dropDown div.textContainer 
{
	clear:both;	
	background: #fff url("/images/arrow_slider_dropdown.gif") right center no-repeat;
	padding: 0 16px 0 0;
	cursor: pointer;	
}

div.dropDown div.textContainer input
{
	font-size: 11px;
	overflow: hidden;
	height: 16px;	
	border: none;
	cursor: pointer;
	vertical-align: baseline;
}

div.dropDown div.itemContainer div.optGroup
{
	font-weight:bolder;
}
div.dropDown div.itemContainer a.headerOption{
	padding: 0px;	
	font-weight:bolder;
}

div.dropDown div.itemContainer div.column
{
	float: left;
	z-index: inherit;
}

div.dropDown div.itemContainer div.divided
{
	border-left: solid 1px #999;
}

div.rightNavTreeView
{
	padding-left: 4px;
}

div.rightNavTreeView table td 
{
	vertical-align: top;
}

/* So that disabled looks the same in firefox */
*[disabled], tr[disabled] td
{
	color: #666;
	cursor: default;
}

.textBox {
	background:#fff;
	padding: 1px 2px 1px 2px;
	height:16px;
	vertical-align:middle;
}

textarea.textBox{
	height: auto;	
}

a.helpLinkWithIcon,
a.helpLinkWithIcon:active,
a.helpLinkWithIcon:visited,
a.helpLinkWithIcon:hover,
a.helpLinkWithIcon:link
{
	padding: 2px 16px 0 0;	
	background-image: url("/images/help_icon.gif");
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: top;
	font-size: 9px;	
}
*html a.cssClassRebateRestriction
{ 	
	/* it is for search page only only for IE*/		
	line-height: 20px;
	white-space: nowrap;	
	min-width: 130px;	
	background-color: #FFFFFF;	
	

}

a.helpLinkIcon img 
{
	vertical-align: text-bottom;
}

a.goBackToButton,
a.goBackToButton:hover,
a.goBackToButton:visited,
a.goBackToButton:link
{
	padding: 5px;
}

div.goBackToContainer
{
	position: relative;
}

div.goBackToList {
	display: none;
	width: 350px;
	position: absolute;
	top: 20px;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	height: 100px;
	background-color: #fff;
}

div.goBackToList div.historyLine {
	margin: 5px;	
}

div.goBackToList a 
{
	text-decoration: none;
}

div.goBackToList a:hover 
{
	text-decoration: underline;
}

div.balloonBody
{
	background-color: #858585;
	border-left: 2px solid #24A2FA;
	border-right: 2px solid #24A2FA;
	color: #fff;
	padding: 4px;
	margin-top: -2px;
	width: 290px;
	position: relative;
}

div.balloonBody div.balloonMessage 
{
	min-height: 25px;
    margin: 0 17px 0 32px;
}

div.balloonBody img 
{
	float: left;
	margin: 5px;
	-margin-left: 2px;
	display: block;
}

div.balloonBody div.closeButton 
{
	background-color:#24A2FA;
	color: #fff;
	cursor: pointer;
	font-size: 80%;
	line-height: 8px;
	padding: 0 3px 2px;
	position: absolute;
	right: 6px;
	top: 0;
}

div.balloonArrow 
{
	background-image: url("/images/balloon_arrow.gif");
	height: 15px;
	float: right;
	right: -19px;
	top: 10px;
	width: 20px;
	position: absolute;
}

div.balloonTop,
div.balloonBottom
{
	width: 302px;
}

div.balloon
{
	width: 316px;
	z-index: 100;
}

div.balloon a,
div.balloon a:hover,
div.balloon a:visited,
div.balloon a:visited:hover
{
	color: #24A2FA;
}

div.balloonTopBorder
{
	float: left;
	height: 8px;
	font-size: 2px;
	width: 282px;
	background-color: #858585;
	border-top: 2px solid #24A2FA;
}

div.balloonBottomBorder
{
	float: left;
	height: 8px;
	width: 282px;
	background-color: #858585;
	border-bottom: 2px solid #24A2FA;
	-font-size: 2px;
}

div.balloonTopLeft 
{
	background-image: url("/images/balloon_top_left.gif");
	float: left;
	height: 10px;
	width: 10px;
	-font-size: 2px;
}

div.balloonTopRight
{
	background-image: url("/images/balloon_top_right.gif");
	float: left;
	height: 10px;
	width: 10px;
	-font-size: 2px;
}

div.balloonBottomRight 
{
	background-image: url("/images/balloon_bottom_right.gif");
	float: left;
	height: 10px;
	width: 10px;
	-font-size: 2px;
}

div.balloonBottomLeft
{
	background-image: url("/images/balloon_bottom_left.gif");
	float: left;
	height: 10px;
	width: 10px;
	-font-size: 2px;
}

div.color1FloatingPanel div.header a
{
	color: #fff;
	font-weight:bold;
}

a.invalidSkuLink
{
	font-weight: 300;
	color: #f00;
}

a.inlineRating
{
	clear:both;	
	text-decoration: none;
}

a.inlineRating span.totalReviews
{
	text-decoration: underline;
	font-weight: normal;
}

div.image-checked
{
	text-align:center;

}

@media print
{
	div.tabControl div.tabPages
	{
		text-align:justify;
		padding: 0 10px 5px 5px;
	}	
	
	/* Cart List */
	div.loggedInUniversalView div.tabControl div.tabPages
	{
		border: 1px solid #666;
		margin-top: -2px;
		padding-top: 3px;
		width: 960px;
	}

	.tabPage
	{
		padding-right:10px;
		margin-right:5px;
		
	}
	
		
	* html .tabPage
	{
		padding-right:10px;
		margin: 0px 5px 0px 0px;

	}

	
	div.productOverview
	{
		padding: 0 0 0 20px;
	}

	div.color2FloatingPanel
	{
		border: 1px solid #666;
		margin: 1px 0px 0px 0px;
		overflow:visible;
	}
	
	* html div.color2FloatingPanel
	{
		border: 1px solid #666;
		margin: 1px;
		overflow:visible;
		
	}

	div.color3FloatingPanel
	{
		border: 1px solid #999;
	}

}

.amPopUpMessage
{
	position:absolute;
	z-index: 50;
	top: 248px;
	margin-left:190px;	
	width:400px;
	height:180px;
	border:2px solid #666;
	background-repeat:no-repeat;
	background-color: #FEFFFE;
	padding: 5px 7px 0 7px;	
}

*:first-child+html .amPopUpMessage
{
	top: 250px;
}

.amPopUpUsers
{
	position:absolute;
	z-index: 100;
	top: 240px;
	margin-left:100px;	
	width:570px;
	min-height:100px;
	max-height:800px;	
	border:2px solid #666;
	background-repeat:no-repeat;
	background-color: #FFF;		
}

*:first-child+html .amPopUpUsers
{
	top: 240px;
}

.amMsgTile
{
	color:#3b8ccf;
	font-weight:bold;
}
.amMsgBody
{
	font-weight:bolder;
	color:#888888;
	padding-bottom:8px;	
}
.amMessage
{
	display:none;
}

.ClosePopUpDiv
{
	height:20px;
	background-color:#727272;
	width:100%;	
}
.cursor
{
	cursor:pointer;
}

.lViewHeader
{
	float:none;
	padding: 5px 0 0 10px;
	min-width:560px;
	
}
.divPaging
{
	margin-top:10px;
	padding: 10px;	
	white-space:nowrap;
}
.NumericPager
{
	float:left;
	padding-left:30px;
}

.labSeperator
{
	font-weight:bold;
	color:#0F3C80 ;
}
.findUser
{
	float:left;	
	margin-top:3px;			
}
.findDirection
{
	float:left;
	font-size:8px;
	font-weight:bold;
	margin-top:4px;	
	padding: 0 5px 0 2px;
}
.userTitle
{
	font-weight:bold;
	color: white;
	padding-left:5px;
}

div.waitDiv 
{
	position: absolute;
	background-color: #CFCFCF;
	filter:alpha(opacity=30);
	opacity: .5;
	font-weight:bold;	
	font-size: 170%;
	text-align: center;
	z-index: 1;
}

.LikeAuxButton
{
	font-weight:bold;
	font-size:11px;	
	color: #fff;
	background-color: #81BDE2;
	height:17px;
	cursor:pointer;
	
}
.LikeAuxButton:hover
{	
	color: #000;	
}

*:first-child+html .LikeAuxButton
{
	height:20px;
}

.divSkuReport
{
	padding-left:5px;
	height:1500px;
}

.lastNameEmail
{
	color: #999999;
	font-weight:bolder;	
}
tr.EmptyDataRowStyle td
{
	color: #005DAE;
	background-color: #CCC;
	border:1px solid #666;
	font-weight:bolder;
	text-align:center;
	
}
.outOfOfficePanel 
{
	border:1px solid #666666;
	margin: 1px 0 1px 0;
	width:100%;
}
.outofOfficeTitle 
{
	background-color:#666666;
	color:#FFFFFF;
	padding:4px 0 4px 7px;
	width:99%;
}
.outofOfficeCheckbox 
{
	padding-left:10px;
}

div.accHeader
{
	border: 1px solid #636363;
	background-color: #cecece;
	margin: 6px 5px 4px 6px;
	padding: 5px 1px 4px 3px;
	font-weight: bold;
	vertical-align: middle;
	cursor:pointer;
}

div.grpTitle
{
	height: 14px;
	display: inline-block;
}

div.open .glyphicon-chevron-right, .glyphicon-chevron-down {
	display: none;
}

div.open .glyphicon-chevron-down {
	display: inline-block;
}

.selectedAccBg { background-color: #9bc7ef !important; }

div.accBody
{
	border: 1px solid #636363;
	background-color: #eee;
	margin: -5px 5px 0 6px;
	display: none;
}

div.svcsBody 
{
	display: block;
	width: 99%;
	border: 0px none;
	background-color: #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

.accAdd2CartCheckbox
{
	float:left;
	margin-left: 9px;
}

span.accAdd2CartBtn
{
	float:right;
	margin-top:3px;
}

.accAdd2Cart
{
	margin: 12px 5px 6px 0;
}

.accA2C
{
	margin: 1px;
}

.accShowAll
{
	text-align: right;
}

table.accTable
{
	width: 100%;
	margin-top: 2px;
}

table.accTable th
{
	font-weight: bold;
	height: 25px;
	background-color: #E7E7E7;
	color: #636363;
	padding-left: 2px; 
	border-bottom: 1px solid #ccc;
}

table.accTable tfoot tr td
{
	text-align: left;
	background-color: #E7E7E7;
	height: 24px;
	padding: 4px;
}

table.accTable td
{
	padding: 1px;
	vertical-align: middle;	
	border-bottom: 1px solid #ccc;
}

table.accTable tr.bgeven td { background-color: #fff; }
table.accTable tr.bgodd td { background-color: #dee7ef; }

table.accTable .productName
{
	margin-right:5px;
	overflow:hidden;
	width: 270px;
}

table.accTable .productImageCell
{
	width: 63px;
}
table.accTable .productImage img
{
    width: 50px;
}

table.accTable .productImage
{
	width:52px;
	border: 1px solid #ccc;
	margin: 1px 8px 1px 1px;
	background: #ccc;
	float: left;
}

table.accTable .accStatus
{
	width:80px;
}

table.accTable .customerPrice
{
	color: #f00;
	width: 100px;
}

table.accTable .accQty
{
	width:30px;
	height: 20px;
}

table.accTable .accQty input.textBox
{
	height: 20px;
	border: 1px solid #9BC7EF;
	width: 50px;
}

table.accTable .loginOrCallForPricing {
	float:none;
	text-align:left;
	color: black;
}

div.accHeader span.accSelImg
{
	color: #636363;
}

div.accHeader .accSelCount
{
	color: #636363;
	float: right;
	position: relative;
}

div.accHeader .glyphicon
{
	margin-left:3px;
}

.bookMarkControl .floatLeft
{
	color:#328ace;
	font-weight:bold;
	font-size:medium;
}

.companyLogo
{
	cursor:default;
}

.creditCardImage
{
	padding-right:3px;
}

#searchControl .normalRow, #searchControl .currentRow, #searchQuoteHistoryControl .normalRow, #searchQuoteHistoryControl .currentRow
{
	cursor:pointer;   
}


.cmsModuleTreeNav
{
	padding:6px 10px 6px 10px;
}

.roundedTopRow, .roundedSiteColorTopRow
{
    height:5px;
}

.roundedTopRow .roundedTopLeft
{
    width:5px;
    background-image:url("/images/rd_tl.gif");
}

.roundedTopRow .roundedTopCenter
{
    background-image:url("/images/rd_tc.gif");
    line-height:5px;
    font-size:1px;
}

.roundedTopRow .roundedTopRight
{
   width:5px;
   background-image:url("/images/rd_tr.gif");
}


.roundedSiteColorTopRow .roundedTopLeft
{
    width:8px;
}

.roundedSiteColorTopRow .roundedTopCenter
{
    line-height:5px;
    font-size:1px;
}

.roundedSiteColorTopRow .roundedTopRight
{
   width:8px;
}


.roundedCenterCenter
{	
	border-left:1px solid #878787;
	border-right:1px solid #878787;
	background-color:#fff;
	overflow:hidden;
	 zoom: 1;
	
}

.roundedCenterCenter .AdjustTileBlockHeader
{
	padding-top: 0;
	padding-bottom: 4px;
}

.roundedBottomRow
{
	height:5px;
}

.roundedBottomLeft
{
	width:5px;
	background-image:url("/images/rd_bl.gif");
}

.roundedBottomCenter
{
	background-image:url("/images/rd_bc.gif");
	line-height:5px;
	font-size:1px;
}

.roundedBottomRight
{
	width:5px;
	background-image:url("/images/rd_br.gif");
}

div.moduleColorPanel h4 {
	font-size:110%;
	padding:6px 0 8px 4px;
}

div.moduleColorPanel
{
	background-color:#fff;
	overflow:hidden;
}

.skinContainer
{
	padding-bottom:6px;
	
	
}

.skinContainer h4
{
	overflow:hidden;   
}

div.pageHolder div.cmsBreadCrumbs > div
{
	padding: 1px;   
}

div.pageHolder div.featured div.tile 
{
	background:none;
}

ul.moduleList
{
	padding-bottom: 4px;
}

ul.moduleList li
{
	list-style: none;
	font-weight:bold;
	margin: 1px 8px 0px;
}

ul.moduleList li span
{
	line-height: 170%; /* use line-height so that as font-size changes the spacing will change proportionately */
}

/* move the bullet image down 2px to center it better */
ul.moduleList li img
{
	position: relative;
	top: 2px;
}

ul.moduleList li span.folderDescription
{
	color:#666666;
	display:block;
	font-size:90%;
	font-weight: normal;
	padding-left:18px;
}

.moduleListHr, .moduleListHrNoBullet
{
	border-bottom:1px solid #99CC00;
	margin-left:18px;
	padding:0;
	position:relative;
	top:0px;
	margin-top: 2px;
}

.moduleListHrNoBullet
{
	margin-left: 0px; /* override 18px */
}

ul.moduleList li a,
ul.moduleList li a:visited, 
ul.moduleList li a:hover,
ul.moduleList li a:link
{
	text-decoration: none;
}

ul.moduleList li a.greenArrow,
ul.moduleList li a.greenArrow:visited, 
ul.moduleList li a.greenArrow:hover,
ul.moduleList li a.greenArrow:link
{
	text-decoration: none;
	color: #99CC00;
	font-weight:bold;
	font-size:120%;
}

.roundedHyperLink
{
	display:inline-block;
	padding:3px 3px 0px 0px;
}

.roundedHyperLink a, .roundedHyperLink a:link, .roundedHyperLink a:visited, .roundedHyperLink a:active
{
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	font-size:8pt;
	height:21px;
	line-height :21px;
	text-decoration:none;
	float:left;
}

.roundedHyperLink  .leftSide 
{
	background-image:url("/images/green_button_left.gif");
	width:4px;
}

.roundedHyperLink .rightSide 
{
	background-image:url("/images/green_button_right.gif");
	width:4px;
}

.roundedHyperLink .middle 
{
	background-image:url("/images/green_button_middle.gif");
	height:21px;
	padding:0px 2px;
	margin:0;
}

div.payPal
{
	width:222px;
	text-align:center;
}

div.payPalContainer
{
	margin-left:5px;
}

.userContactControl
{
	margin-bottom: 1px;
}

.userContactControl .userMessage
{
	padding: 5px 4px 5px 4px;
	float:left;
}

.phoneControl
{
	border-collapse:collapse;
}

.phoneControl .phoneColumnRow div
{
	float:left;
}

.phoneControl .phoneColumns span
{
	margin-left:3px;
	margin-right:3px;
	line-height:20px;
}

.phoneControl .phoneColumns div
{
	float:left;
}

.phoneControl .phoneColumns input[type=text]
{
	float:left;
}
.grayLine
{
    border: thin solid #D1D1D1;
}
.catalogrbl input[type="radio"]
{ 
    margin: 3px;
    padding: 5px;
    vertical-align: middle;
    border: 0px;

}

.availabilityInStockStatusProductDetail
{	
	font-weight:bold;
	color:green;
	font-size:110%;
}

.availabilityInStockStatus
{	
	font-weight:bold;
	color:green;
}
.availabilityLowStockStatus
{
    font-weight:bold;
    color:black;
}
.availabilityNoStockStatus
{
    font-weight:bold;
    color:black;
}
.availabilityDiscontinuedStatus
{
    font-weight:bold;
    color:red;
}
.availabilitySpecialStatus
{
    font-weight:bold;
    color:black;
}

.availabilityShipHelp
{
    position: absolute;
    margin: 0 auto;
    width: 280px;
    height: 150px;
    top: 30%;
    left:50%;
    border: 1px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    z-index: 1000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    padding: 5px;
    background-color: rgb(255,255,240);

}
.availabilityShipHelpMask
{
    position: fixed;
    background-color: #000000;
    top: 0;
    left: 0;
    bottom:0;
    right:0;
    z-index: 999;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.availabilityHelpBootBox
{
    margin: 0 auto;
    width: 25%;
    height: 25%;
    top: 30%;
    text-align: left;
}

.availabilityHelpBootBoxMessage
{
    text-align: left;
}
.availabilityHelpBootBoxTitle
{
    text-align: center;
    font-weight: bold;

}

#modalForm * {
	box-sizing: border-box;
}

.skuData {
	padding: 5px 0px 5px 0px;
}

.modalRequired {
	font-size: 14px;
}

.nonSkuValidationMessages {
	padding-top: 10px;
	padding-bottom: 10px;
}

.nonSkuValidationMessages ul {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-color: red;
	background-color: pink;
	list-style-type: disc;
}

.addNonSkuModal .modalContent {
	border: none;
	box-shadow: none;
	background: #f9f9f9;
}
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding:10px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + (((document.documentElement.offsetHeight || document.body.clientHeight) - this.offsetHeight) / 2) + 'px');
}

* html .jqmWindowOversized {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round( 0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
a
{
	color: #005dae;
}

input
{
	border: solid 1px #005dae;
}

.contentHolder select
{
	border: solid 1px #005dae;
}

textarea
{
	border: 1px solid #005dae;
}

h2 a:link, h2 a:active, h2 a:visited
{
	color: #005dae;
}

h3
{
	color: #005dae;
}

.headerBar
{
	background: #005dae;
}

.box 
{
	border: solid 1px #005dae;
}

table.products th
{
	background-color: #005dae;
}

.color2
{
	color: #005dae;
}

.temp-Checkout-checkout-link {
  padding-left: 0px !important;
}

a.submitButtonHyperLink, a.submitButtonHyperLink:link, a.submitButtonHyperLink:visited, a.submitButtonHyperLink:hover
{
	background: #3c94d5;
}

a.submitButton, a.submitButton:link, a.submitButton:visited, a.submitButton:hover, input.cancelButton
{
	background: #3c94d5;
}

div.formstitle
{
    font-size: 13px;
    color: #3c94d5;
    font-weight: bold;
    padding: 5px;
}

div.formscolor
{
    color: #3c94d5;
}


input.submitButton
{
	background: #3082cf;
    color: white;
    border: solid 1px black;
}

.bs-docs-sidebar .nav>.active>a { 
    color: #3082cf;
    background-color: #eee;
}


div.color1FloatingPanel
{
	border: 1px solid #005dae;
}

div.color1FloatingPanel h4, div.color1FloatingPanel h1
{
	background-color: #005dae;
}

a.selectedTab div.text
{
	color: #005dae;
}

div.color1FloatingPanel div.header
{
	background-color: #005dae;
}

table.color1Table th, table.color1Table th a
{
	background-color: #005dae;
}

table.color1Table th
{
	border: 1px solid #005dae;
}

.textBox
{
	border: 1px solid #005dae;
}

div.goBackToList 
{
	border: 1px solid #005dae;
}

div.dropDown div.textContainer
{
	background-color: #005DAE;
}

div.dropDown 
{
	border: 1px solid #005DAE;
}

.roundedCenterCenterHeader h4
{
	background-color:#005DAE;
}

.roundedSiteColorTopRow .roundedTopLeft
{
    background-image:url("/skins/pccgov/images/leftcorner_gov.gif");
}

.roundedSiteColorTopRow .roundedTopCenter
{
    background-color:#005DAE;
}

.roundedSiteColorTopRow .roundedTopRight
{
   background-image:url("/skins/pccgov/images/rightcorner_gov.gif");
}

.oneColumn .roundedSiteColorTopRow .roundedTopLeft
{
	background-image:url("/skins/pccgov/images/leftcorner_grey.gif");
}

.oneColumn .roundedSiteColorTopRow .roundedTopCenter, .oneColumn .headerBar
{
	background-color:#666666;
}

.oneColumn .roundedSiteColorTopRow .roundedTopRight
{
	background-image:url("/skins/pccgov/images/rightcorner_grey.gif");
}

div.balloonImage
{
    background-image: url("/Skins/PCCGOV/images/icon_alert.gif");
    width: 22px;
    height: 24px;
    float: left;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin:0 5px;    
    display:inline-table;
}

div.balloonBody 
{
	color:#666;
	background-color:#fff;
	border-left:2px solid #e7252d;
	border-right:2px solid #e7252d;
}

div.balloonBottomBorder
{
	background-color:#fff;
	border-bottom:2px solid #e7252d;
}

div.balloonTopBorder
{
	background-color:#fff;
	border-top:2px solid #e7252d;
}

div.balloonBody div.closeButton 
{
	background-color:#e7252d;
}

div.balloonBottomRight  {
	background-image:url("/skins/pccgov/images/balloon_bottom_right_red.png");
}

div.balloonBottomLeft  {
	background-image:url("/skins/pccgov/images/balloon_bottom_left_red.png");
}

div.balloonTopRight {
	background-image:url("/skins/pccgov/images/balloon_top_right_red.png");
}

div.balloonTopLeft  {
	background-image:url("/skins/pccgov/images/balloon_top_left_red.png");
}

div.balloonArrow {
	background-image:url("/skins/pccgov/images/balloon_arrow_red.png");
}

@media print {
    /* is this used? 
#printHeader, 
*/
    #header {
        margin: 0;
        width: 750px;
        border-bottom: none;
        margin-top: 1px;
    }

    div.navBar {
        display: none;
    }

    #leftColumn {
        visibility: hidden;
    }

    #footer, .footerContainer {
        display: none;
    }

    .cartStatus {
        display: none;
    }

    .siteContainer {
        width: 100%;
        margin: 0;
        border: 1px solid #999;
    }

    .orderVerifyLeft, .orderVerifyRight {
        width: 48%;
    }

    .fauxColumnWrap {
        background: none;
        width: 775px;
        border: 0px;
        margin-top: 70px;
        padding: 0;
    }

    div.content {
        margin-left: 5px;
        float: left;
        padding-top: 60px;
        vertical-align: top;
    }

    div.main {
        float: left;
        width: 100%;
    }

    div.noPadding {
        padding-top: 0;
    }

    .searchRefinements {
        display: none;
    }

    #search {
        display: none;
    }


    div#rightColumn {
        display: none;
    }


    .navLinks {
        display: none;
    }

    div.brandsTiles {
        width: 590px;
    }

    div.subNavBar {
        visibility: hidden;
    }

    .approvalAssign {
        width: 400px;
    }

    .cartContent {
        width: 720px;
    }

    div#bottomArea {
        min-height: 200px;
        -height: 200px;
    }

    #serverName {
        display: none;
    }

    .ExcludeFromEmail {
        display: none !important;
    }

    /* IE Print Fixes */

    * html div#bottomArea,
    * html div.quoteItems div#totalArea,
    * html div.quoteItems table.products {
        width: 75%;
    }

    * html div.confirmContainer {
        width: 85%;
    }

    * html input.quoteUnitPriceTextBox {
        width: 50px;
    }

    * html div.quoteList {
        font-size: 90%;
    }

        * html div.quoteList table {
            width: 80%;
        }

    /* is this used? 
* html #printHeader
{
	margin: 0; 
	border-bottom: 11px solid #999; 
	border-bottom:none;
	margin-top: 1px; 
}
*/

    * html div.editApproversPanel {
        width: 655px;
    }

        * html div.editApproversPanel div.approverButtons {
            display: none;
        }

    * #masthead .banner .navBar #cartStatus #logo #search #mastHead .headLinks {
        display: none;
    }

    
    /* IE hack to correct "wide space issue" when printing - this doesn't affect FireFox */
    * div.content {
        float: left;
        padding-top: 0px;
        width: 776px;
        min-height: 600px;
        -height: 600px;
        font-size: 80%;
        line-height: 140%;
    }

    * #leftColumn {
        display: none;
    }

    .reportPrint {
        width: 776px !important;
    }

    /* End */

    * div.content.emailContent {
        width: 100% !important;
    }

    a {
        color: #000;
    }
}

@media print {
    div.fauxColumnWrap {
        border: none;
    }
}

/**
 * @fileOverview CSS for jquery-autocomplete, the jQuery Autocompleter
 * @author <a href="mailto:dylan@dyve.net">Dylan Verheul</a>
 * @license MIT | GPL | Apache 2.0, see LICENSE.txt
 * @see https://github.com/dyve/jquery-autocomplete
 */
.acResults {
	padding: 0px;
	border: 1px solid #999;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	overflow: hidden;
	z-index: 999;
	text-align: left;
	width: 326px;
	cursor: pointer;
	background-color: #FFF !important;
}

.acResults ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;	
}

.acResults ul li {
	margin: 0px;
	padding: 2px 5px;
	display: block;
	line-height: 16px;
	overflow: hidden;
}

.acResults ul li strong
{
	display: inline !important;
}

/* do not show the indicator image when doing searches since it's coming back fast enough that it's just a blip most of the time
.acLoading {
	background: white url("/images/indicator.gif") right center no-repeat;
}*/

.acSelect {
	background-color: #cde2f4 !important;
	color: black !important;
}

/* hide the input box clear "x" button in IE 10+ (unless emulating < IE 10 in IE 10+)*/
.acInput::-ms-clear {
	width: 0;
	height: 0;
}

body>div.container{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.navbar *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.footer *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.row *,.row-fluid *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}nav .popover{color:#000;}.popover.bottom{bottom:auto;}.leftColumn,#leftColumn{width:190px;float:left;}div.cmsBreadCrumbs{font-size:10.66667px;}div.cmsBreadCrumbs>div{padding:0;margin:0;}div.cmsBreadCrumbs a,div.cmsBreadCrumbs span{color:#005dae;text-decoration:underline;}div.cmsBreadCrumbs div.item{float:left;}span.breadCrumbSpacer{padding:0 5px 0 5px;}div.cmsBreadCrumbs span{color:#000;text-decoration:none;}.siteContainer{text-align:left;}div.content{font-size:80%;line-height:140%;min-height:550px!important;}label{margin:0;font-weight:normal;}input[type="radio"],input[type="checkbox"]{margin:0;}.scroll-content{padding-top:100px;}.footer-link-header{font-family:encode_sanssemibold;padding-bottom:20px;font-size:clamp(1rem,1vw,2rem);}.footer-links{padding-bottom:30px;max-width:250px;}.footer-links>:first-child{font-family:encode_sanssemibold;text-transform:uppercase;margin-bottom:8px;font-size:20px!important;}.footer-links a{display:block;font-size:16px!important;line-height:25px;font-family:encode_sansregular;padding-top:0!important;padding-bottom:0!important;}
.has-bg{background-color:var(--pcc_background_color);}.container-fluid>.row{max-width:2400px;margin-left:auto!important;margin-right:auto!important;}.justify-content-center{justify-content:center!important;}.flex-wrap{flex-wrap:wrap!important;}.flex-grow-1{flex-grow:1!important;}.col{flex:1 0 0;}.col-auto{flex:0 0 auto;width:auto;}hr{margin:1rem 0;}.footer{--bs-gutter-x:1.5rem;background-color:#071633!important;}.footer a{font-size:16px;}.footer h1{font-size:28.8px!important;}.footer .row{display:flex;}.footer .row>*{flex-shrink:0;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y);}.footer .AMName{font-family:"encode_sanssemibold";font-size:clamp(var(--bs-body-font-size),1vw + .31rem,1.25rem);}.footer .salesconnectioncom a{font-size:clamp(var(--bs-body-font-size),1vw + .31rem,1.25rem);}@media(max-width:1279.98px){.footer .equal-heights-container{flex-wrap:wrap;}}.footer-links{padding-bottom:30px;}.footer-links a{display:block;font-size:clamp(1.2rem,1vw + .4rem,1.608rem);line-height:1.8em;font-family:encode_sansregular;padding-top:0!important;padding-bottom:0!important;}.footer-links>:first-child{text-transform:uppercase;font-family:encode_sanssemibold;margin-bottom:8px;font-size:20px;}.footer-contact-row .row{flex-direction:column;}@media(max-width:1279.98px){.footer-contact-row{order:-1;width:100%;margin-bottom:50px;}.footer-contact-row .row{flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:20px;}.footer-contact-row .row::before,.footer-contact-row .row::after{content:none;}}.bottomfooter{background-color:#071633;}
.js-mkto-trigger span.spinner-border{margin-right:5px;display:none;}.js-mkto-trigger.disabled span.spinner-border{display:inline-block;}.mktoForm textarea.mktoField{resize:vertical!important;}.marketo-blue-button .mktoButton{background-color:#4886d1;border:0 solid #a9a9a9;border-bottom-color:#2a5a88;border-bottom:1px solid #5b992b;border-radius:2px;color:#fff;font-size:16px;font-weight:bold;padding:10px 36px;text-align:center;font-family:'encode_sanssemibold',sans-serif;}.marketo-blue-button .mktoButtonRow{margin:15px 0 0 0;}.marketo-green-button .mktoButton{background-color:#7ec252;border:0 solid #7ec252;border-radius:5px;color:#fff;font-size:18px;font-weight:bold;padding:10px 36px;text-align:center;}.marketo-green-button .mktoButtonRow{margin:15px 0 0 0;}.marketo-green-button-small .mktoButton{background-color:#7ec252;border:0 solid #a9a9a9;border-bottom:1px solid #5b992b;border-radius:2px;color:#fff;font-size:14px;font-weight:bold;padding:8px 0 8px 0;text-align:center;width:150px;line-height:20px;}.marketo-green-button-small .mktoButtonRow{margin:8px 0 0 5px;}.marketo-sign-up .mktoForm{width:100%!important;}.marketo-sign-up .mktoFormRow .mktoClear{display:none;}.marketo-sign-up .mktoForm .mktoFieldWrap{float:initial;}.marketo-sign-up .mktoForm div,.marketo-sign-up .mktoForm span,.marketo-sign-up .mktoForm label,.marketo-sign-up .mktoForm p{margin:0;}.marketo-sign-up .mktoForm input[type=text],.marketo-sign-up .mktoForm input[type=url],.marketo-sign-up .mktoForm input[type=email],.marketo-sign-up .mktoForm input[type=tel],.marketo-sign-up .mktoForm input[type=number],.marketo-sign-up .mktoForm input[type=date],.marketo-sign-up .mktoForm textarea,.marketo-sign-up .mktoForm select{line-height:2.25em;margin:-8px 0 0 0!important;}.marketo-sign-up .mktoForm .mktoLabel{display:none;}.marketo-sign-up .mktoFormRow{clear:none!important;}.marketo-sign-up .mktoFormCol{clear:both;}.marketo-sign-up .mktoHtmlText{line-height:20px;}.marketo-sign-up-footer{width:100%;text-align:center;}.marketo-sign-up-footer h1{font-size:1.8rem;}.marketo-sign-up-footer .mktoForm{width:100%!important;text-align:inherit;display:flex;justify-content:center;box-shadow:none;max-width:100%;background-color:transparent;padding:0;margin:0!important;border:0;}@media(min-width:768px){.marketo-sign-up-footer .mktoForm input{width:275px!important;}}@media(max-width:480px){.marketo-sign-up-footer .mktoForm{flex-direction:column;}.marketo-sign-up-footer .mktoForm .mktoButtonRow{margin-top:10px!important;text-align:center;}.marketo-sign-up-footer .mktoForm .mktoButtonRow button.mktoButton{margin-left:0;}}.marketo-sign-up-footer .mktoForm .mktoFieldWrap{float:none;text-align:inherit;}.marketo-sign-up-footer .mktoForm .mktoLabel{display:none;}.marketo-sign-up-footer .mktoForm .mktoFormCol{clear:both;float:none;}.marketo-sign-up-footer .mktoForm .mktoFormCol,.marketo-sign-up-footer .mktoForm .mktoField{float:none;text-align:inherit;}.marketo-sign-up-footer .mktoForm button.mktoButton{font-family:encode_sanssemibold;font-size:16px!important;line-height:1em;border-radius:.91em;margin:0 0 0 1.05em!important;background-color:#95bf48;border:0;width:inherit!important;}.marketo-sign-up-footer .mktoForm button.mktoButton:hover{background-image:linear-gradient(to bottom,#95bf48 0%,#71b247 100%);color:#eee;}.marketo-sign-up-footer .mktoOffset,.marketo-sign-up-footer .mktoGutter{display:none;}.marketo-sign-up-footer .mktoForm div,.marketo-sign-up-footer .mktoForm span,.marketo-sign-up-footer .mktoForm label,.marketo-sign-up-footer .mktoForm p{margin:0!important;}.marketo-sign-up-footer .mktoForm input[type=text],.marketo-sign-up-footer .mktoForm input[type=url],.marketo-sign-up-footer .mktoForm input[type=email],.marketo-sign-up-footer .mktoForm input[type=tel],.marketo-sign-up-footer .mktoForm input[type=number],.marketo-sign-up-footer .mktoForm input[type=date],.marketo-sign-up-footer .mktoForm textarea,.marketo-sign-up-footer .mktoForm select{height:2.1em;font-size:18px;border-radius:.65em;padding-left:.75em!important;padding-right:.75em!important;margin:0!important;text-align:left;width:inherit!important;}.marketo-sign-up-footer .mktoFormRow{clear:none!important;text-align:inherit;}.marketo-sign-up-footer .mktoFormRow .mktoClear{display:none;}.marketo-sign-up-footer .mktoButtonRow{width:auto;}.marketo-sign-up-footer .mktoHtmlText{line-height:20px;}.marketo-white .mktoForm label,.marketo-white .mktoForm label span,.marketo-white .mktoForm label span a{color:#fff;}.marketo-white .mktoForm .mktoAsterix{font-weight:normal;color:#f00;}.marketo-white .mktoForm input[type=text],.marketo-white .mktoForm input[type=url],.marketo-white .mktoForm input[type=email],.marketo-white .mktoForm input[type=tel],.marketo-white .mktoForm input[type=number],.marketo-white .mktoForm input[type=date],.marketo-white .mktoForm textarea,.marketo-white .mktoForm select{background-color:#fff;border:0;}.marketo-black .mktoForm label,.marketo-black .mktoForm label span,.marketo-black .mktoForm label span a{color:#39474f;}.marketo-black .mktoForm .mktoAsterix{font-weight:normal;}.marketo-black .mktoForm input[type=text],.marketo-black .mktoForm input[type=url],.marketo-black .mktoForm input[type=email],.marketo-black .mktoForm input[type=tel],.marketo-black .mktoForm input[type=number],.marketo-black .mktoForm input[type=date],.marketo-black .mktoForm textarea,.marketo-black .mktoForm select{background-color:#fff;border:1px solid #39474f;}.marketo-dark-text form.mktoForm{background-color:transparent;}.marketo-dark-text .mktoForm label,.marketo-dark-text .mktoForm label span,.marketo-dark-text .mktoForm label span a{color:#666;}.marketo-dark-text .mktoForm .mktoAsterix{font-weight:normal;}.marketo-dark-text .mktoForm input[type=text],.marketo-dark-text .mktoForm input[type=url],.marketo-dark-text .mktoForm input[type=email],.marketo-dark-text .mktoForm input[type=tel],.marketo-dark-text .mktoForm input[type=number],.marketo-dark-text .mktoForm input[type=date],.marketo-dark-text .mktoForm textarea,.marketo-dark-text .mktoForm select{background-color:#fff;border:1px solid #39474f;}.marketo-light-text>h2{color:#ddd;}.marketo-light-text form.mktoForm{background-color:transparent;}.marketo-light-text .mktoForm label,.marketo-light-text .mktoForm label span,.marketo-light-text .mktoForm label span a{color:#ddd;}.marketo-light-text .mktoForm .mktoAsterix{font-weight:normal;color:#f00;}.marketo-light-text .mktoForm input[type=text],.marketo-light-text .mktoForm input[type=url],.marketo-light-text .mktoForm input[type=email],.marketo-light-text .mktoForm input[type=tel],.marketo-light-text .mktoForm input[type=number],.marketo-light-text .mktoForm input[type=date],.marketo-light-text .mktoForm textarea,.marketo-light-text .mktoForm select{background-color:#fff;border:0;}.marketo-horizontal h2{margin:0 0 20px 0;}.marketo-horizontal form.mktoForm{width:auto!important;}.marketo-horizontal .mktoOffset,.marketo-horizontal .mktoGutter{display:none;}.marketo-horizontal .mktoFieldWrap{display:flex;width:100%;}.marketo-horizontal .mktoFormCol{width:100%;margin-bottom:15px!important;}.marketo-horizontal .mktoForm input[type=text],.marketo-horizontal .mktoForm input[type=url],.marketo-horizontal .mktoForm input[type=email],.marketo-horizontal .mktoForm input[type=tel],.marketo-horizontal .mktoForm input[type=number],.marketo-horizontal .mktoForm input[type=date],.marketo-horizontal .mktoForm textarea,.marketo-horizontal .mktoForm select{width:auto!important;flex-grow:1;margin-left:10px!important;padding:10px!important;}.marketo-horizontal .mktoRadioList,.marketo-horizontal .mktoCheckboxList{margin-left:10px;}.marketo-horizontal .mktoRadioList input,.marketo-horizontal .mktoCheckboxList input{margin-top:4px;}.marketo-horizontal .mktoButtonRow{width:100%;display:flex;justify-content:center;}.marketo-horizontal .mktoButtonWrap{margin-left:0!important;}@media(max-width:767px){.marketo-horizontal .mktoFieldWrap{display:block;clear:both;}.marketo-horizontal .mktoForm label,.marketo-horizontal .mktoForm label span{width:auto!important;margin-bottom:10px;}.marketo-horizontal .mktoForm input[type=text],.marketo-horizontal .mktoForm input[type=url],.marketo-horizontal .mktoForm input[type=email],.marketo-horizontal .mktoForm input[type=tel],.marketo-horizontal .mktoForm input[type=number],.marketo-horizontal .mktoForm input[type=date],.marketo-horizontal .mktoForm textarea,.marketo-horizontal .mktoForm select{width:100%!important;margin-left:0!important;padding:10px!important;}.marketo-horizontal .mktoRadioList,.marketo-horizontal .mktoCheckboxList{width:100%!important;}.marketo-horizontal .mktoFormCol{width:100%;margin-bottom:15px!important;}.marketo-horizontal .mktoButtonRow{display:block;}.marketo-horizontal .mktoButton{width:100%;}}.marketo-vertical h2{margin:0 0 20px 0;}.marketo-vertical form.mktoForm{width:auto!important;}.marketo-vertical .mktoOffset,.marketo-vertical .mktoGutter{display:none;}.marketo-vertical .mktoFieldWrap{clear:both;width:100%;}.marketo-vertical .mktoForm label,.marketo-vertical .mktoForm label span{width:auto!important;margin-bottom:4px;}.marketo-vertical .mktoForm input[type=text],.marketo-vertical .mktoForm input[type=url],.marketo-vertical .mktoForm input[type=email],.marketo-vertical .mktoForm input[type=tel],.marketo-vertical .mktoForm input[type=number],.marketo-vertical .mktoForm input[type=date],.marketo-vertical .mktoForm textarea,.marketo-vertical .mktoForm select{width:100%!important;padding:10px!important;}.marketo-vertical .mktoRadioList,.marketo-vertical .mktoCheckboxList{width:100%!important;}.marketo-vertical .mktoRadioList input,.marketo-vertical .mktoCheckboxList input{margin-top:4px;}.marketo-vertical .mktoFormCol{width:100%;margin-bottom:21px!important;}.marketo-vertical .mktoButtonRow{display:block;}.marketo-vertical .mktoButtonWrap{margin-left:0!important;}.marketo-vertical .mktoButton{width:100%;}.gray-rounded-background form.mktoForm{box-shadow:0 3px 12px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);max-width:460px;background-color:#f6f6f6;width:100%;padding:2em;margin:1em auto;font-size:inherit;font-weight:normal;font-family:'Encode Sans',Sans-Serif;border-top:4px solid #0071ce;border-radius:4px;}.required-asterisk-right .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix{float:right!important;display:inline-block;padding-left:2px!important;}
