.fLeft	{ float: left; }
.fRight	{ float: right; }
.fClear	{ clear: both; }

body
{
	font-family:Arial,Verdana, Helvetica;
	background-color:#fff;
	color: #000000;
	margin:0px;
	/*text-align:center;  adding this in will make printinvoice bottom stuff center*/
}

.left_col_text
{
	font-size: 12px;
	font-family: Times New Roman,Verdana, Helvetica, Arial;
	text-decoration: none;
}

a
{
	color: #3271c1;
	text-decoration: none;
}



a.link_edit
{
	vertical-align:text-top;
	font-size: 12px;
	font-family: Times New Roman,Verdana, Helvetica, Arial;
}

a.link_select
{
	vertical-align:text-top;
	font-size: 12px;
	font-family: Times New Roman,Verdana, Helvetica, Arial;
	color: black;
}

.left_col_bold
{
	font-size: 12px;
	font-family: Times New Roman,Verdana, Helvetica, Arial;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#catalog
{
	width: 795px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#header
{
	width:800px;
	position: relative;
	margin-bottom:10px;
	text-align: left;
}


#headerHTML
{
	padding-bottom:25px;
}

#logo
{
	position: relative;
	width:203px;
	text-align: left;
}

#logoImg
{
	width:203px;
}

#navigation
{
	position: absolute;
    bottom: 0px;
	right: 0px;
	width: 550px;
	text-align: right;
}

#navigation ul
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#navigation ul li
{
	margin-left: 0;
	padding: 0px 10px;
	border-left: 2px solid #0000FF;
	list-style: none;
	display: inline;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica;
	font-weight: bold;
}

#navigation ul li.first
{
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#vicmhead
{
	position: absolute;
    bottom: 0px;
	left: 213px;
	text-align:left;
	font-size:9pt;
}
#vicmfoot
{
	position: absolute;
	text-align:left;
	font-size:9pt;
}

#contentRight
{
	float: right;
	min-width:725px;
}

#contentCenter
{
	min-width:725px;
}

#pagebody
{
	text-align:center;
}

a.link_MainNav
{
	font-size: 12px;
	font-family: Arial,Verdana, Helvetica;
	font-weight: bold;
	color: #000;
}
a.link_SubNav
{
	font-size: 12px;
	font-family: Arial,Verdana, Helvetica;
	font-weight: normal;
	color: #0000ff;
}

.MainNav
{
	font-size: 13px;
	font-family: Arial,Verdana, Helvetica;
	color: #c2be96;
	font-weight: bold;
	text-decoration: none;
}
.SubNavPipe
{
	font-size: 11px;
	font-family: Arial,Verdana, Helvetica;
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
}

.HighLighted
{
}

.Notice
{
	color:#AA4411;
}

.WhiteBackNotice
{
	color:#AA4411;
}

.Current_Order
{
	font-size: 14px;
	font-family: Arial,Verdana, Helvetica;
	text-decoration: none;
}

.mainView
{
	text-align : center;
	padding : 1px;
	width : 763px;
	height : 450px;
	overflow: auto;
}

table.SideBySideTable
{
	border: solid 0px #ccc;
	border-collapse:collapse;
	border-spacing: 1px 2px;
}

table.SideBySideTable thead th
{
	width: 250px;
	border-bottom: solid 1px #ccc;
}

table.SideBySideTable tbody tr
{
	border-bottom: solid 1px #ccc;
}

table.SideBySideTable tbody td
{
	width: 250px;
	overflow:hidden;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
	vertical-align:top;
}

table.SideBySideTable tbody td.col0
{
	border-left: solid 0px gray;
}

table.SideBySideTable tbody tr.lastRow
{
	border-bottom: solid 0px gray;
}

table.SideBySideTable tbody tr.odd
{
	background:transparent;
}
table.SideBySideTable tbody tr.maintainedByCustomer
{
	background:transparent;
}



table.XOTable
{
	/*border: solid 1px gray;*/
	border-collapse:collapse;
	border-spacing: 1px 2px;
}

table.XOTable th
{
	text-align:center;
	border-bottom:2px solid black;
	/*padding:7px 17px;*/
	padding:3px 5px;
}

table.XOTable tbody td
{
	border-bottom: solid 1px #ddd;
	padding:3px 5px;

}

table.XOTable tfoot td
{
	padding:3px 5px;
}

table.XOTable tbody
{
	border-left: solid 1px lightgrey;
	border-right: solid 1px lightgrey;
}

table.XOTable tbody td a img
{
	border-style: none;
}
.even { background:#f9f9f9; }
.odd
{
	/*background:#f7f6ed;*/
	background:#f1f1f1;
}
.maintainedByCustomer
{
	background:#d2edce;
}




table.XOTableActive tbody tr
{
	/*background:#f9feb1;*/
	background:#f9f9f9;
}

.BlockActive
{
	background:#f1f1f1;
}
#xotable .BlockActive td b { color:#000 !important; }

.sortThColor
{
	color: #666;
}
table.XOTableWide
{
	width:830px;
}

#itempricesbs
{
    /*width:115px;*/
	line-height:18px;
	font-size:11pt;
	text-align:center;
	padding:10px 20px 0px;
}

.ItemHighLight
{
	background-color: #feffbd;
}


.itemBrowseFont		{ font-weight: bold; font-size: 12px; }
.itemBrowseSave		{ font-weight: bold; font-size: 11px; }

.RedSlashSale
{
	color: red;
	line-height: 18px;
}

.RedSlashSpan
{
	line-height: 18px;
}

.RedSlashBG
{
	background:url(../Images/red_slash_50x18.png) no-repeat top center;
}

.detMarkupContainer
{
	font-size: 10px;
	width: 375px;
}

.detSpecialsContainer
{
	font-size: 10px;
	width: 325px;
}

.detFilterHead
{
	float: left;
	width: 65px;
	font-weight: bold;
}

.detFilterBodyMarkup
{
	float: left;
	width: 310px;
}

.detFilterBodySpecials
{
	float: left;
	width: 260px;
}

.detailsLink
{
	font-size: 10px;
	font-weight: normal;
}

#itemAttribute
{
	width:105px;
	float:right;
	text-align:center;
	font-style:italic;
	padding-left:5px;
}

#itemAttributeSideBySide
{
/*	width:115px; */
	height:18px;
	font-style:italic;
	text-align:center;
}

#topPageLinks, #bottomPageLinks
{
	clear:both;
}

#subPageHeaders
{
	position:relative;
	width: 795px;
}

.rtop, .rbottom{background:transparent; padding:0px;}
.rmiddle {background-color:#f1f1f1;}
.rtop b, .rbottom b{display:block; height: 1px; overflow:hidden; background: #f1f1f1; font-size:1px;}
.r1{margin: 0 5px;}
.r2{margin: 0 3px;}
.r3{margin: 0 2px;}
.r4{margin: 0 1px; height: 2px;}


.saveText
{
	font-size:7pt;
}
.saveS
{
	font-size:9pt;
}

.invsBlock
{
	position:relative;
	margin-top:10px;
}

.invsBlock .title
{
	float:left;
}

.invsBlock .buttons
{
	float:right;
}

.invsBlock .invsTableDiv
{
	clear:both;
}

.invsBlock .invsTable
{
	width:100%;
}

.invsBlock .invsTable th
{
	text-align:left;
}

#welcome
{
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica;
	font-weight: bold;
}

.itemNote
{
	padding-top:5px;
	clear:both;
}

.itemNote textarea
{
	width:100%;
	height:50px;
}

.subPageButton
{
	width:67px;
}

.subPageLargeButton
{
	font-size:11px;
	line-height:18px;
	width:105px;
}

#saveWLPopUp
{
	z-index:100;
	padding:10px;
	background-color:white;
	color:black;
	border: ridge 5px;
	display:none;
	width:300px;
	position:absolute;
	left:250px;
	top:50px;
	text-align:center;
}

#WLPopupTitle
{
	margin-bottom:10px;
	font-weight:bold;
}

.unconfirmed
{
  color: red;
}

.ItemWarning
{
	font-size:10pt;
}

#poweredby
{
	font-size:10pt;
}

#poweredby img
{
	vertical-align:middle;
}

.e2Link
{
	position:relative;
	float:right;
	width:10px;
	left:0px;
	top:-4px;
	font-size:12pt;
	font-family:Times New Roman;
	font-style:italic;
}

.HideMe
{
	visibility:hidden;
}
.RemoveMe
{
	display:none;
}

#list
{
	clear:both;
}

.addtobutton
{
	width:100px;
	height:20px;
	font-size:11px;
}


input, button { outline: none; }


/* infoMapping */
@media screen {
	.infoFadeLinks			{ opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40); cursor:pointer; }
	
	.infoMapDisplayBG		{ opacity:.3; -moz-opacity:.3; filter:alpha(opacity=30); }
	.infoMapDisplayDiv		{  }
}

.infoLoadCircle				{ border:0; margin:auto; }
.infoDisplayDiv				{ font-family:arial; font-size:12px; }
.ui-effects-transfer		{ border:2px dotted gray; }

.infoDefault				{	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
								-moz-box-shadow: 10px 10px 5px #888;
								-webkit-box-shadow: 10px 10px 5px #888;
								box-shadow: 10px 10px 5px #888;
							}
.infoDefaultTop				{ -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.infoDefaultBot				{ -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }
.infoDefaultScroll			{ overflow:auto; }


/* new tax rates on settings page */
.taxLeft	{ margin:0 0 0 12px; width:350px; text-align:right; border:solid 0px blue; }
.taxRight	{ margin:0 0 0 12px; width:350px; text-align:left; border:solid 0px blue; }
.taxHeader	{ margin-bottom:5px; text-decoration:underline; font-size:.9em; }


/* rounded tab corners */
.globalTabs {
	border-radius:3px;
	background-color: #fff;
	height: 32px;
	line-height: 32px;
	border:1px solid #666;
	text-align: center;
	font-size: 13px;
    display:inline-block;
    margin-right:4px;
    padding:5px 15px;
    cursor:pointer;
    color:#666;
}



.loadingboxstyle {
	position: absolute;
	font-family: arial;
	font-size: 16px;
	text-align: center;
	top: 50%;
	left: 50%;
	width:300px;
	height: 20px;
	margin-left:-150px;
	margin-top:-15px;
	padding:10px;
	color:black;
	background-color:white;
	border:solid 1px #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 4px 10px #ccc;
	-webkit-box-shadow: 0 4px 10px #ccc;
	box-shadow: 0 4px 10px #ccc;
	z-index:100;
}




.standardTabFormWrapper {
	padding: 15px 0;
}
.standardTabWrapper {
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 15px;
	height: 41px;
	border-bottom: solid 2px #000; /* 0000ff */
/*	background-color: #a5e1ff; */
}
.standardTab1			{ position:absolute; z-index:11; top:5px; left:10px; color:#000; cursor:pointer; }
.standardTab2			{ position:absolute; z-index:12; top:5px; left:111px; color:#000; cursor:pointer; }
.standardTab3			{ position:absolute; z-index:13; top:5px; left:212px; color:#000; cursor:pointer; }
.standardTab4			{ position:absolute; z-index:14; top:5px; left:313px; color:#000; cursor:pointer; }
.standardTab5			{ position:absolute; z-index:15; top:5px; left:414px; color:#000; cursor:pointer; }
.standardTab6			{ position:absolute; z-index:16; top:5px; left:515px; color:#000; cursor:pointer; }

.standardTabBig1		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:7px; background-color:#fff; line-height:35px; text-align:center; }
.standardTabBig2		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:108px; background-color:#fff; line-height:35px; text-align:center; }
.standardTabBig3		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:209px; background-color:#fff; line-height:35px; text-align:center; }
.standardTabBig4		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:310px; background-color:#fff; line-height:35px; text-align:center; }
.standardTabBig5		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:411px; background-color:#fff; line-height:35px; text-align:center; }
.standardTabBig6		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:512px; background-color:#fff; line-height:35px; text-align:center; }

.tableScroll{
    display: block;
    margin-top:23px;
    max-height:500px;
    height:auto !important;
    overflow-y: scroll;
    overflow-x: hidden;
}







.adminLoginPermission, .accountLoginPermission, .customerLoginPermission { display:none !important; }
.dynamicEstimate .adminLoginPermission, .dynamicWishlist .adminLoginPermission { display:block !important; }


/*
 XO Skin Formating
*/

html, body { padding:0px; margin:0px; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none; }
img { border:0px; }



#xoMenuMH { width:1000px; margin:0 auto; }

#xoMenuMH .dropName { padding:5px 10px; font-size:14px; font-weight:400; color:#ddd;  }


#xoMenuMH .dropBox { color:#c00; cursor:pointer; }
#xoMenuMH .dropBox { width:150px; border:1px solid #ccc; background:#fff; margin-left:-40px; padding:2px;}

#xoMenuMH .subdropName { padding:5px 10px; font-size:14px; font-weight:400; color:#666;  }


#xoMenuMH .activeDrop {color: #fff;}
#xoMenuMH .activeLeft { margin-left:-150px; }
#xoMenuMH .activeRight { margin-left:150px; }


#xoHeader { background:#666; padding:10px 0; width:100%; top:0px; position:fixed; left:0px; z-index:10001; }
#xoMenu { width:1000px; margin:0 auto; }
.xoMenuBtn { display:inline-block; padding:0 10px; line-height:50px; font-size:14px; font-weight:400; color:#fff; cursor:pointer; }



.dashboardMenuTab .dropName { padding:5px 10px; font-size:14px; font-weight:400; color:#ddd;  }
.dashboardMenuTab .dropBox .dropName { color:#666; cursor:pointer; }


.dashboardMenuTab .dropBox { width:150px; border:1px solid #ccc; background:#fff; margin-left:-40px; padding:2px; }

.dashboardMenuTab .activeDrop { color:#fff !important; }
.dashboardMenuTab .dropBox .activeDrop { background:#3271c1; }
.dashboardMenuTab .activeLeft { margin-left:-150px; }
.dashboardMenuTab .activeRight { margin-left:150px; }

.columnTitle .dropName { min-width:105px; text-align:right; }
.columnTitle .dropBox .dropName { text-align:left; }

#xoWrapper { margin:0 auto; font-family: 'Open Sans', sans-serif; padding:20px 10px 50px; }

#xoBody { padding:60px 0 10px; }
		#xoLeftSide { float:left; width:180px; min-height:300px; }
			#clientLogo {}
				#clientLogo img { width:100%; }
			.xoSideBox { margin-top:30px; }
				.xoSideTitle { color:#000; font-weight:300; font-size:14px; line-height:30px; text-transform:uppercase; }
					.xoSideTitle strong { font-weight:700; }
					.infoBtn { float:right; font-size:20px; color:#ccc; }

					.plusBtn { float:right; font-size:14px; color:#666; }

					.editBtn { float:right; font-size:14px; color:#3271c1; }

				.xoSideContent { padding:5px 0; }
					.xoContentTitle { font-size:14px; color:#666; padding-bottom:5px; border-bottom:1px solid #f1f1f1; font-weight:300; }
						.xoContentTitle i { margin-right:5px; }
					.xoSubBox { padding:5px 0 15px; }
						.xoSubContent { padding-bottom:10px; }
						.xoSubContent a { color:#3271c1; font-size:14px; max-width:165px; }

							.xoSubContent button { background:#3271c1; line-height:20px; width:100%; text-align:center; color:#fff; border-radius:3px; font-size:14px; margin-top:5px; border:0px; }

							.recentProject { margin-top:5px; }

							.rStatus { height:20px; width:20px; color:#3271c1; background:#fff; border:1px solid #3271c1; border-radius:50%; line-height:20px; font-size:12px; text-align:center; margin-right:10px; }

					#lookupEngine { font-size:12px; }
						#lookupInputBox { float:left; border:1px solid #ddd; border-right:0px; background:#fff; height:36px; width:137px; border-radius:5px 0 0 5px; }
							#lookupInputBox input { border:0px; background:transparent; width:90%; font-size:14px; color:#999; font-family:inherit; padding:8px; font-weight:300; }
						#lookupSubmitBtn { float:left; line-height:36px; width:40px; font-size:16px; text-align:center; background:#3271c1; border:1px solid #3271c1; color:#fff; letter-spacing:1px; text-transform:uppercase; cursor:pointer; border-radius:0 5px 5px 0; }

						#lookupOrderSubmitBtn { float:left; line-height:36px; width:40px; font-size:16px; text-align:center; background:#3271c1; border:1px solid #3271c1; color:#fff; letter-spacing:1px; text-transform:uppercase; cursor:pointer; border-radius:0 5px 5px 0; }

				.xoPoweredBy { margin-top:50px; font-size:12px; color:#666; line-height:20px; }
					.xoPoweredBy img { width:70%; }
		#xoRightSide { float:right; width:780px; min-height:650px; background:#fff; border:1px solid #ddd; border-radius:5px; }
#xoMainTitleInfo { color:#666; font-size:20px; padding:10px 20px; border-bottom:1px solid #ddd; font-weight:300; background:#fff; border-radius:5px 5px 0 0; }
#xoMainTitleInfo strong { font-weight:700; }
#xoMaintitleInfo i { margin-right:5px; }
.xoPagePadding { margin:0 auto; width:100%; max-width: calc(100vw - 40px); padding:20px 10px 60px; text-align:center; }

#xoFooter { font-size:14px; text-align:center; color:#ddd; letter-spacing:1px; padding:20px 0; background:#666; font-weight:300; }
#xoFooter a { color:#ddd; }

#vicmFixedBox { position:fixed; right:0px; bottom:50px; font-size:12px; }
#vicmFixedBox span { color:#999; padding-right:5px; }


#vicmFrameFixedBox { position:fixed; left:55px; bottom:1px; font-size:12px; }
#vicmFrameFixedBox span { color:#999; padding-right:5px; }

.floatLeft { float:left; }
.floatRight { float:right; }


.standardAdminTrig, .standardBulbTrig, .marketingTrig, .adminStoreSyncTrig, .ExternalPriceLookupTrig, .ACExportTrig, .poRunnerTrig, .iteExportTrig, .ReportsTrig, .FTPSetupTrig, .QBSetupTrig, .QBImportExportSetupTrig, .EclipseSetupTrig, .PonderosaSetupTrig, .TagsTrig, .webPrefsTrig, .catalogPricingTrig, .storeTrig, .importTrig, .toolsTrig, .userManagementTrig{ display:none; }


.btn { border: 1px solid transparent; border-radius:4px; color:#fff; font-size:14px; padding:0px 10px; height:34px; line-height:34px; cursor:pointer; display:inline-block; vertical-align:top; white-space: nowrap;}

        .btn-green { background:#59b958; }
        .btn-blue, .btn-default { background:#3271c1; }
		.btn-gray { background:#666; }
		.btn-red { background:#c00; }
        .btn-white { background:#fff; color:#000; border:1px solid #ccc; }
    .btn-transparent { background:#fff; color:#000; }
    .btn-segment { height:auto; border-right:1px solid #fff; width:30px; display:inline-block; vertical-align:top; margin-left:-10px; margin-right:10px; padding:0px 5px; }
        .btn-white .btn-segment { border-color:#ccc; }
    .btn input[type="checkbox"] { vertical-align:top; height:30px; cursor:pointer; }

button.btn { line-height:14px; }

.btn[disabled="true"] { display:none; }

.formSideTitle { height:38px; padding-right:10px; line-height:38px; display:inline-block; vertical-align:top; margin:2px 0; width:130px; text-align:right; font-size: 14px;}
.side-title { float:left; min-width:140px; line-height:40px; padding-right:10px; text-align:right; font-size:14px; }

.checkBoxFormat { vertical-align:top; height:36px; color:pointer; display:inline-block; line-height:36px; }

.formInputBox { border-radius:3px; display:inline-block; text-align: left; vertical-align:top; background:#fff; border:1px solid #ccc; margin:2px 0px; padding:0 10px; height:34px; overflow:hidden; }
        .formInputBox input { font-size:14px; background:transparent; border:0px; font-weight:300; height:34px; line-height:34px; width:70%; padding-left:5px; }
        .formInputBox select { border:0px; font-size:14px; margin-top:8px; text-overflow:ellipsis; width:83%; font-weight:300; padding-left:5px; }
        .formInputBox textarea { width:100%; border:0px; margin:5px 0px; padding-left:5px; }
        .iconInputBox .formIcon { display:inline-block; height:100%; width:35px; line-height:34px !important; text-align:center; vertical-align:top; border-right:1px solid #ccc; color:#999; margin:0px 0px 0px -10px;  }

        .formInputBox input[disabled=""] { background:#f1f1f1; }

.contentColumn { display:inline-block; vertical-align:top; }

.contentContainer { padding:20px 0; text-align:left; border-top:1px solid #ddd; margin:0px -20px; padding:20px; }
    .subTitleBox { font-size:18px; font-weight:300; text-align:left; color:#666; line-height:50px; margin-bottom:10px; }
        .subTitleBox strong { font-weight:700; }

.formInputFiller { display:inline-block; vertical-align:top; height:36px; line-height:36px; width:10px; text-align:center; border-left:1px solid #ccc; margin-left:5px; padding-right:5px; width:1px; }




.itemInfoContainer { padding:10px; width:200px; display:inline-block; }
    .itemInfoImg { width:200px; height:200px; }
        .itemInfoImg img { border:0px; }
    .itemInfoBox { padding:5px 0px; font-size:14px; }
        .itemInfoBox span { padding-right:10px; }
        .itemInfoBox span.RedSlashSpan { font-weight:700; font-size:14px; }
    .viiBox { height:0px; position:relative; z-index:100; }
    .vii, .cogs { padding:2px 5px; background: url(/Images/site-templates/transparent/whitetrans_80.png); font-size:12px; text-align:left; }

.itemSizeDetails { font-size:8pt; font-family: Verdana; display:none; }
.showContent { display:inline-block; vertical-align:top; }
.hideContent { display:none; }
.addToOrderButton { display:none; }

#showBreadCrumb { border:1px solid #ccc; border-radius:3px; float:none; background:#fff url(/Images/site-templates/template12/menubar_gradient.png) repeat-x center 10px; overflow-y:hidden; white-space:nowrap; display:block; padding-right:10px; margin-top:5px; }
#showBreadCrumb img { vertical-align:top; display:inline-block; height:32px; }
.crumbBtn { height:32px; line-height:32px; font-size:12px; color:#666; padding-left:10px; display:inline-block; vertical-align:top; cursor:pointer; }
    .crumbBtn span { visibility:hidden; line-height:32px; font-size:14px; }
    .crumbBtn i { line-height:32px; font-size:20px; }

#resultsListNavTop { border-bottom:1px solid #ccc; margin-bottom:10px; }
.resultsNavPaging { text-align:center; padding:5px; }
    #bottomPageLinks, #topPageLinks { padding:20px 0px; color:#fff; }
    .pageBtn { display:inline-block; vertical-align:top; height:20px; line-height:20px; font-size:12px; padding:0px 7px; border-radius:3px; border:1px solid #ccc; background:#fff url(/Images/site-templates/template12/menubar_gradient.png) repeat-x center 10px; color:#666; margin:0 2px; }


.itemListDropDowns { display:inline-block; vertical-align:top; font-size:12px; padding:7px 0px; line-height:20px; }
    .itemListDropDowns span { padding:0px 5px; }
.itemPageLinks { padding:10px 0px; }

#resultsListNavBottom { border-top:1px solid #ccc; margin-top:10px; }






.vicmContainerSidebar { width:235px; white-space:normal; line-height:12px; height:12px; }
.viiSidebarFormat { display:inline-block; margin:0px; font-size:12px; padding:0px; margin-right:10px; white-space:nowrap; font-weight:300; }
.cogsSidebarFormat { display:inline-block; margin:0px; font-size:12px; padding:0px; float:right; font-weight:300; }

.centerWrapper { width:calc(100% - 20px); max-width:1200px; margin:0 auto 50px; text-align:left; }
#bodyHeaderSection { padding:20px 0px 10px; overflow:auto; white-space:nowrap; margin-bottom:10px; }
#bodyTopSection { padding:10px 0px 10px; overflow:auto; white-space:nowrap; font-family: 'Open Sans', sans-serif; }
    
    .topTitleContainer { display:inline-block; vertical-align:top; color:#3271c1; transition:color .5s ease; cursor:pointer; }
        .topTitleSub { font-size:12px; font-weight:400; }
        .topTitleMain { font-size:14px; font-weight:700; line-height:14px; }
        
    .topTitleSeparator { display:inline-block; vertical-align:top; color:#ccc; padding:0px 10px; font-size:22px;}
    
#bodyMainSection { float:left; width:calc(100% - 320px); font-family: 'Open Sans', sans-serif; }
    .controlsContainer { padding-bottom:10px; }
#bodySecondarySection { float:right; width:300px; font-family: 'Open Sans', sans-serif; }

.sectionOutline { border:1px solid #ccc; border-radius:5px; color:#666; margin-bottom:10px; }
    .sectionHeader { background:#f1f1f1; padding:10px; height:18px; font-weight:700; border:1px solid #fff; font-size:18px; line-height:18px; }
        .sectionHeader .sectionCol { font-size:12px; }
    .sectionBody { font-weight:300; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
    .sectionRow { padding:10px; transition:all .5s ease; cursor:pointer; font-size:12px; background:#fff; }
    .editBg { background:#fff url(/Images/edit_bg.png) no-repeat right top !important; cursor:pointer !important; color:#3271c1; }

    .sectionTextRow { font-size:14px; }
        .itemTextTitle { line-height:16px; height:auto; font-size:12px; min-height:32px; }
        .itemMiniText { font-size:10px; font-weight:300; }
        .itemTextMath { font-weight:300; margin-top:5px; }
            .mathSpacer { padding:0px 5px; color:#ccc; font-weight:700; }
            .itemTextMath input { max-width:70px; text-align:left; }
			.itemTextMath .optionized input { max-width: calc(100% - 22px); }
    .sectionCol { display:inline-block; vertical-align:top; text-align:left; margin-right:5px; font-size:14px; font-weight:300; }
        .sectionCol img { float:left; width:40px; height:40px; background:#fff; border-radius:50%; margin-right:10px; }
        .sectionCol strong { font-weight:700; }
        .sectionCol:last-child { margin-right:0px; }
            .customerMapBox { float:left; width:40px; height:40px; border-radius:50%; margin-right:10px; overflow:hidden; }
                .customerMapBox div { width:40px; height:40px; font-size:42px; text-align:center; line-height:40px; color:#666; opacity:.2;  }
        .colCheckBox { width:20px !important; line-height:0px; }
            .colCheckBox input[type="checkbox"] { margin:0px; padding:0px; min-width:20px; width:20px; position:relative; top:50%; transform:translateY(-50%); }
        .colRemove { width:20px !important; height:40px; }
            .colRemove div { width:20px; height:20px; text-align:center; line-height:20px; position:relative; top:50%; transform:translateY(-50%); color:#ccc; transition:all .5s ease; }

        .colButtons { width:44px !important; height:90px; text-align:center; line-height:30px; }
            .colButtons div { width:44px !important; height:44px; font-size:20px; line-height:44px; text-align:center; color:#666; transition:all .5s ease; cursor:pointer; }
            .colButtons div.rightArrow { color:#ccc; height:28px; line-height:28px; }
        .colDate { width:100px !important; text-align:center; }
        .colNumber { width:55px !important; text-align:center; }
        .colImage { width:80px; text-align:center; border-radius:5px; }
            .itemImage { background:#fff; border-radius:50%; width:60px; height:60px; padding:5px 5px 0px 0px; text-align:center; }
                .itemImage img { width:auto; height:auto; max-width:80%; max-height:60px; border-radius:0px; float:none; margin-right:0px; }
        .colAddress { width:150px !important; text-align:left; }
        .colPhone { width:115px !important; text-align:left; }
        .colEmail { width:250px !important; text-align:left; }
        .colStatus { width:92px !important; text-align:right; }
            
        .sectionItemList { overflow:hidden; width:100%; position:relative; }
            .sectionItem { border:1px solid #ccc; display:inline-block; vertical-align:top; text-align:center; background:#fff; border-radius:5px; height:50px; width:50px; margin-right:5px; }
                .itemCount { position:absolute; width:20px; height:20px; text-align:center; line-height:20px; font-size:12px; border:1px solid #ccc; border-bottom:1px solid #fff; border-right:1px solid #fff; font-weight:700; background:#fff; z-index:100; border-radius:5px 0px; margin:29px 0px 0px 29px; transition:all .5s ease; overflow:none; }
                    .itemCount[data-qty="1"], .itemCount[data-qty="undefined"] { display:none; }
                .sectionItem img { float:none; border-radius:0px; margin-right:0px; position:relative; top:50%; transform:translateY(-50%); width:auto; max-width:40px; height:auto; max-height:40px; }
            .emptyItemList { height:52px; border-radius:5px; background:#f9f9f9; color:#bbb; line-height:52px; text-align:center; transition: background .5s ease; }
        .bubbleBox { cursor:pointer; }
            .bubbleArrow { width:0px; height:0px; margin-left:10px; transition:all .5s ease; }
                .bubbleArrowInner { position:relative; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:10px solid #f3f8ff; top:1px; left:-9px; }
                .bubbleArrow[data-direction="up"] { border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f3f8ff; }

            .textBubble { padding:10px; background:#f3f8ff; border:1px solid #f3f8ff; border-radius:5px; color:#3271c1; font-size:12px; font-weight:400; transition:all .5s ease; width:calc(100% - 20px); min-width:calc(100% - 20px); max-width:calc(100% - 20px); white-space:pre-wrap; }
                .textBubble textarea { margin:0px; padding:0px; border:0px; background:transparent; width:100%; resize:vertical; font-family:inherit; font-size:12px; color:#3271c1; height:100px; }

            .bubbleActive { display:block !important; }
        
.infoColRow { font-size:12px; padding:20px; color:#3271c1; }
.noSelect .infoColRow { color:#666; }
span.miniTitle, div.miniTitle { color:#666; font-size:14px; }

div[data-status="Processing"] { display:inline-block; vertical-align:top; background:#fff4e6; border:1px solid #eabf88; color:#b2772b; border-radius:20px; padding:5px; text-align:center; font-size:12px; font-weight:700; margin-bottom:5px; width:80px; }
div[data-status="Delivered"] { display:inline-block; vertical-align:top; background:#f3fbf2; border:1px solid #9dbb97; color:#5c7d58; border-radius:20px; padding:5px; text-align:center; font-size:12px; font-weight:700; margin-bottom:5px; width:80px; }


.transPopup { z-index:100003 !important; }
iframe, object, embed { max-width:100%; }




    /* Unified Popup Settings */
    #createAccountPopup .dyn-group, #createCustomerPopup .dyn-group, #CloneListPopup .dyn-group, #printListPopup .dyn-group, #createListPopup .dyn-group, #ConvertListPopup .dyn-group { margin:5px auto 10px; max-width:400px; }
    #createAccountPopup .dyn-group button, #createCustomerPopup .dyn-group button, #cloneListPopup .dyn-group button, #createListPopup .dyn-group button { margin-right:0px; }

#accountMap, #projectMap, #deliveryMap, #storeMap { height:200px; text-align:center; background-color:#f1f1f1; }

#accountMap div.fa, #projectMap div.fa, #deliveryMap div.fa, #storeMap div.fa { color:green; cursor: default; display: inline-block; font-size: 40px; height: 40px; margin-top: 55px; vertical-align: top; width: 32px; text-shadow:0px 0px 10px #fff; }
	.fieldBox { padding:20px; border-bottom:1px solid #ccc; }
        .selectTitle.selectTitleTop { padding-top:0px !important; }
        .fieldBox .dyn-group { margin-right:0px; }
        .fieldBox .dyn-group button { margin-right:0px !important; }

    #clearanceBoxTop  { padding:10px 20px; color:#fff; text-align:left; text-transform:uppercase; border-radius:3px; font-size:30px; font-weight:700; margin:0px 20px 10px; }
        #clearanceBoxTop .miniText { font-size:12px; font-weight:700; line-height:12px; display:inline-block; }
    #clearanceBoxSide { padding:10px 5px 10px 15px; color:#fff; background-color: #f00; text-align:left; text-transform:uppercase; border-radius:3px; font-size:12px; font-weight:700; }
        #clearanceBoxSide .miniText { font-size:8px; font-weight:700; line-height:8px; display:inline-block; }
    .clearanceDefault { background:#666; transition: all .5s ease; }
    .clearanceDefaultSide { display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;height: 18px;position: relative;content: "";cursor: pointer;margin: 0 13px 0 0; padding: 10px 10px 10px 5px;border: none; -webkit-border-radius: 4px 1px 1px 4px;border-radius: 4px 1px 1px 4px;font: normal 14px/18px Arial, Helvetica, sans-serif;color: rgba(255,255,255,1); text-align: center; text-transform: uppercase; -o-text-overflow: ellipsis;text-overflow: ellipsis; }
    .clearanceDefaultSide::before { display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 1; width: 26px;  height: 26px; position: absolute; content: ""; cursor: pointer;  top: 6px; right: -13px;
        border: none;  -webkit-border-radius: 1px 1px 4px;  border-radius: 1px 1px 4px; font: normal medium/normal Arial, Helvetica, sans-serif; color: rgba(255,255,255,0.9); -o-text-overflow: clip;  text-overflow: clip; text-shadow: none; -webkit-transform: rotateY(1deg) rotateZ(-45deg) ; transform: rotateY(1deg) rotateZ(-45deg)   ; background: inherit; }

    .clearanceDefaultSide::after { display: inline-block; -webkit-box-sizing: content-box;  -moz-box-sizing: content-box; box-sizing: content-box; z-index: 2; width: 12px; height: 12px; position: absolute; content: ""; cursor: pointer; top: 13px; right: 0;  border: none;  -webkit-border-radius: 10px;  border-radius: 10px; font: normal medium/normal Arial, Helvetica, sans-serif; color: rgba(255,255,255,0.9);  -o-text-overflow: clip; text-overflow: clip; background: #fcfcfc; text-shadow: none; }

    .poweredByBox { padding:10px 0; margin:0 5px 10px; background:#fff; font-size:12px; border-radius:5px; color:#000; text-align:center; }
        .poweredByBox img { width:70px; vertical-align:middle; }


.itemGroupSelect { width: calc(100% - 10px); border-bottom:1px solid #ccc; padding:5px; cursor:pointer; }
	.selectImg { float:left; width:50px; height:50px; line-height:50px; font-size:40px; border-radius:3px; background:#fff; overflow:hidden; text-align:center; }
		.selectImg img { max-width:50px; max-height:50px; }
	.selectIcon { float:left; width:30px; height:30px; line-height:25px; font-size:20px; text-align:center; }
	.selectIconInfo { float:right; width: calc(100% - 40px); text-transform:capitalize; text-align:left; font-size:12px; line-height:14px; }
	.selectInfo { float:right; width: calc(100% - 70px); text-transform:capitalize; text-align:left; font-size:12px; line-height:14px; }
		.nameSelect { font-weight:700; color:#3271c1; }
		.itemInfoSelect {}
		.priceSelect {}



/* Clone Formatting */
#cloneContentContainer { max-height:500px; overflow:hidden; }
#CloneListPopup .sidelevel[data-level="1"] .sidebarBody { height:50vh; overflow:auto; }
#CloneListPopup .sidelevel[data-level="2"] .sidebarBody { height: calc(50vh - 35px); overflow:auto; }
#CloneListPopup .sidelevel[data-level="3"] .sidebarBody { height:50vh; overflow:auto; }
#CloneListPopup .sidelevel[data-level="4"] .sidebarBody { height: calc(50vh + 50px); overflow:auto; }

#CloneListPopup .sidebarHeader { padding:0px; width:100%; }
#CloneListPopup .sideHeadTitle, #CloneListPopup .sideHeadInfo { display:none; }
#CloneListPopup .sectionCol.colButtons { display:none; }

/* Clone Progress */
#cloneProgress { text-align:center; border-bottom:1px solid #ccc; margin:0px 0px 5px; padding:15px 0px; }
#cloneProgressBar { background:#f1f1f1; width:210px; display:inline-block; vertical-align:top; margin-top:10px; }
#cloneProgressLine { height:10px; background:#3271c1; width:0%; border-radius:5px; transition:width .5s ease; }
#cloneProgress[data-status="1"] #cloneProgressLine { width:0%; }
#cloneProgress[data-status="2"] #cloneProgressLine { width:50%; }
#cloneProgress[data-status="5"] #cloneProgressLine { width:100%; }
#cloneProgressContainer { margin-top:-25px; }
.cloneProgressBox { width:100px; display:inline-block; vertical-align:top; cursor:default; }
.progressBubble { display:inline-block; width:25px; height:25px; border-radius:50%; padding:2px; background:#f1f1f1; border:1px solid #f1f1f1; }
.innerBubble { width:25px; height:25px; border-radius:50%; background:#f1f1f1; text-align:center; line-height:25px; font-size:18px; color:#f1f1f1; }
.progressText { font-size:10px; text-align:center; font-weight:700; color:#666; padding-top:10px; }
.progressActive .progressBubble { border-color:#3271c1; background:#fff; }
.progressActive .innerBubble { background:#3271c1; color:#3271c1; }
.progressActive .progressText { color:#3271c1; }
.progressComplete { cursor:pointer; }
.progressComplete .progressBubble { border-color:#3271c1; background:#3271c1; }
.progressComplete .innerBubble { background:#3271c1; color:#fff; }
.progressComplete .progressText { color:#3271c1; }

.selectedTitle { font-weight:700; font-size:16px; color:#000; transition:color .5s ease; }
.selectedContent { font-weight:400; font-size:16px; padding-bottom:20px; color:#3271c1; cursor:pointer;  }
.selectedContent i { font-size:12px; vertical-align:top; padding-left:5px; }

/* List Progress */
#listProgress { text-align:center; padding:15px 0px 10px; background:#e9edf0; }
	#xo_rightsidebar #listProgress, #CloneListPopup #listProgress { display:none; }
#listProgressBar { background:#ccc; width:210px; display:inline-block; vertical-align:top; margin-top:10px; }
#listProgressLine { height:10px; background:#3271c1; width:0%; border-radius:5px; transition:width .5s ease; }
#listProgress[data-status="1"] #listProgressLine { width:0%; }
#listProgress[data-status="2"] #listProgressLine { width:50%; }
#listProgress[data-status="3"] #listProgressLine { width:100%; }
#listProgress[data-status="4"] #listProgressLine { width:100%; }
#listProgressContainer { margin-top:-21px; }
.listProgressBox { width:100px; display:inline-block; vertical-align:top; cursor:default; }
.progressBubble { display:inline-block; width:25px; height:25px; border-radius:50%; padding:2px; background:#ccc; border:1px solid #ccc; }
.innerBubble { width:25px; height:25px; border-radius:50%; background:#ccc; text-align:center; line-height:25px; font-size:18px; color:#ccc; }
.progressText { font-size:10px; text-align:center; font-weight:700; color:#666; padding-top:10px; }
.progressActive .progressBubble { border-color:#3271c1; background:#fff; }
.progressActive .innerBubble { background:#3271c1; color:#3271c1; }
.progressActive .progressText { color:#3271c1; }
.progressComplete { cursor:pointer; }
.progressComplete .progressBubble { border-color:#3271c1; background:#3271c1; }
.progressComplete .innerBubble { background:#3271c1; color:#fff; }
.progressComplete .progressText { color:#3271c1; }
.progressSelectedText { white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; }

#popupDynamicContent .sideHeadTitle, #popupDynamicContent .sideHeadInfo { display:none; }
#popupDynamicContent .sidebarHeader { padding:0px 5px; width: calc(100% - 10px); background:#e9edf0; }
#popupDynamicContent .sidebarMainTitle { display:none; }
#popupDynamicContent .sideBodyTitle { background:#e9edf0; }

.popupList[data-type="Cart"] #listProgress, .popupList[data-type="Compare"] #listProgress { display:none; }
.popupList[data-type="Cart"] .sideHeadInfo:first-child, .popupList[data-type="Compare"] .sideHeadInfo:first-child { display:inline-block !important; }
.popupList[data-type="Cart"] #popupDynamicContent .sideHeadTitle, .popupList[data-type="Compare"] #popupDynamicContent .sideHeadTitle { display:inline-block !important; height:50px; }
.popupList[data-type="Compare"] #popupDynamicContent .sideHeadTitle { margin-left:25px; }
#popupDynamicContent .sidelevel[data-level="Cart"][data-buttons="true"] .sidebarBody, #popupDynamicContent .sidelevel[data-level="Compare"][data-buttons="true"] .sidebarBody { height:295px; }

.sidebarLowerLinks { display:none; height:53px; line-height:50px; font-size:12px; font-weight:700; text-align:center; color:#000; border-top:1px solid #ccc; background:#fff; }

.sidebarLowerLinks .lowerButton { display:inline-block; width:50%; height:52px; line-height:53px; vertical-align:top; font-size:16px; font-weight:400; color:#666; cursor:pointer; border-bottom:1px solid #ccc; }
.sidebarLowerLinks .lowerButtonLeft { border-left:1px solid #ccc; width: calc(50% - 1px); }

.recentlyAdded { background:#d8f5d7; animation: recentAddition 1s ease 0s 1 forwards; transform: scale(1,1); }
.recentlyRemoved { background:#f1bebe; animation: recentRemoval .5s ease 0s 1 forwards; transform: scale(0,0); }
.recentlyAdded .vii, .recentlyAdded .cogs { background:transparent !important; }




/* Right Sidebar */
.sidelevel { float:left; width:0px; overflow:hidden; display:none; position:relative; height:100%; }
	.sideHeadTitleIcon { display:inline-block; width:44px; height:44px; font-size:24px; vertical-align:top; line-height:44px; }
	.sideHeadTitleText { display:inline-block; vertical-align:top; margin-top:8px; text-align:left; max-width:125px;  }
	.sidelevel[data-status="closed"]{ display:block; width:0px; animation: closeSideLevel .2s ease 0s 1 forwards; }
	.sidelevel[data-status="open"] { display:block; width:336px; animation: openSideLevel .2s ease 0s 1 forwards; }
    .sidelevel[data-level="4"] .sideBodyTitle { border:0px; border-bottom:1px solid #ccc; background:transparent; height:40px; padding:0px 10px; }
	#xo_rightsidebar { width:0px; }
		#xo_rightsidebar .sidelevel[data-level="Cart"] .sidebarHeader { padding:0px; border-bottom:1px solid #ccc; width:335px; }
		#xo_rightsidebar[data-status="closed"] { display:block; width:0px; animation: closeSideLevel .2s ease 0s 1 forwards; }
		#xo_rightsidebar[data-status="open"] { display:block; width:336px; animation: openSideLevel .2s ease 0s 1 forwards; }
		.sidelevel[data-level="Cart"] .sideHeadTitle { cursor:pointer; width:246px; margin-right:0px; }
		.sidelevel[data-level="Cart"] .sideHeadTitle .btnMiniText, .sidelevel[data-level="Compare"] .sideHeadTitle .btnMiniText { display:inline-block; line-height:50px; font-size:14px; height:50px; vertical-align:top; }
		.sidelevel[data-level="Cart"] .sideHeadTitleIcon, .sidelevel[data-level="Compare"] .sideHeadTitleIcon { height:50px; line-height:50px; }
    .sidebarHeader { padding:10px; width:315px; }
        #popupDynamicContent .sidebarHeader .popupHide { display:none; }
        .singleSideHeader { text-align:center; font-size:16px; font-weight:700; padding:10px 0px; }
        .sideHeadTitle { display:inline-block; vertical-align:top; font-size:14px; line-height:41px; height:44px; color:#666; width: calc(100% - 144px); margin-right:20px; text-align:center; font-weight:700; }
			.btnBigText
			.sideHeadTitleIcon { display:inline-block; font-size:24px; margin-right:10px; vertical-align:top; color:#3271c1; }

        .sideHeadInfo { display:inline-block; vertical-align:top; color:#666; font-size:20px; line-height:41px; height:41px; width:44px !important; cursor:pointer; text-align:center; }

            .sideHeadInfo[data-status="active"]:last-child { background:#3271c1; color:#fff; border-radius:50%; transition:background .5s ease; }
		.sideHeadInfo.sideHeadReturn { width:80px !important; text-align:left; }
		.sideHeadInfo.sideHeadReturn i { margin-left:10px; }
		.sideHeadInfo.sideHeadReturn .sideHeadInfo { width:100% !important; text-align:left; }
		.returnText { display:inline-block; font-size:10px; vertical-align:top; line-height:11px; padding-left:8px; margin-top:11px; font-weight:700; }
    .sidebarTabs { width:100% ; }
        .sidebarTabs div.dyn-tab-group { height:41px; }
        .sidebarTabs div.dyn-tab { height:40px; }
    .sidebarBody { width:335px;  overflow-scrolling: touch; -webkit-overflow-scrolling: touch; }

            .sidelevel[data-level="3"] .sectionRow, .sidelevel[data-level="4"] .sectionRow, .sidelevel[data-level="Cart"] .sectionRow { padding:10px 0px 10px 9px; border-bottom:1px solid #f1f1f1; white-space:nowrap; }
				.itemTextTitle { white-space:normal; }
            .sidelevel[data-level="3"] .sideBodyTitle { border:0px; border-bottom:1px solid #ccc; background:transparent; height:40px; padding:3px 5px; }
        #xo_rightsidebar .sidelevel[data-level="4"] .sidebarBody { height: calc(100vh - 200px); overflow:auto; }

        #dynamicOrder .colButtons { display:none; }
        .sidebarBody .dynamicSidebarContainer { padding-bottom:75px; margin-top:-1px; }

        .sideBodyTitle { padding:0px 10px; line-height:30px; font-size:14px; font-weight:300; background:#f9f9f9; border-bottom:1px solid #ccc; text-align:center; }
            .sideTitleSub { font-size:10px; display:inline-block; vertical-align:top; }
                .sideTitleSub[data="Count"]{ margin:0px 10px; }
            .sidelevel[data-level="1"] .sideBodyTitle, .sidebarSettingsBox .sideBodyTitle { cursor:pointer; line-height:44px; height:44px !important; padding:0px 10px !important; background:#f9f9f9 !important; border-top:1px solid #ccc !important; border-bottom:1px solid #ccc !important; font-weight:400; margin-bottom:-1px; color:#666; }

        .sideBodyContent { display:none; color:#666; }
        .sideBodyBtn { padding:10px; margin:-1px 0px; line-height:18px; font-size:12px; min-height:34px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#666; cursor:pointer; white-space:nowrap; overflow:hidden; }
            .sideBtnSub { display:inline-block; vertical-align:top; font-size:12px; }
                .sideBtnSub[data="Name"] { width:235px; margin-right:5px; }
                	.sideBtnSub[data="Name"] .subBtnInfo.subBtnInfoTitle { font-weight:700; color:#3271c1; }
                    .sideBtnSub[data="Name"] .subBtnInfo { font-weight:400; overflow:hidden; text-overflow:ellipsis; }
                    .sideBtnSub[data="Name"] i { font-weight:400; padding-right:5px; }
                .sideBtnSub[data="Count"] { width:45px; }
                	.sideBtnSub[data="Count"] .subBtnInfo { line-height:18px; }
                	.sideBtnSub[data="Count"] .subBtnInfo i { padding-right:5px; }
                
            .sideBodyBtn strong { font-size:14px; color:#3271c1; }
            .sideBodyBtn .rightArrow { float:right; width:12px; height:40px; line-height:36px; font-size:18px; text-align:right; color:#ccc; }
            .sidelevel[data-level="2"] .rightArrow { height:54px; line-height:50px; }

        .sidebarLowerButtons { position:relative; height:0px; padding:0px; text-align:right; width: calc(100% - 50px); white-space:nowrap; margin-left:25px; }
            .sidebarLowerButtons button.btn-round { bottom:60px; }
            .sidebarLowerButtons .dyn-add { bottom:60px; position:relative; z-index:2000; }
            .sidebarLowerButtons .dyn-add input { width:180px; border-right:0px; }
        .sidebarLowerActions { display:none; border-top:1px solid #ccc; }

		.popupList .btnMiniText { line-height:14px; font-size:11px; }

.sectionRow { cursor:default; }
    .itemTextTitle { height:auto; color:#3271c1; font-weight:700; }
        .itemTextTitle span { color:#666; font-weight:400; padding-left:0px; }
    .colImage { height:auto; }
    .itemTextMath { text-align:left; font-size:14px; line-height:20px; min-height:22px; color:#666; white-space:normal; }
        .itemTextMath .dyn-mini select { width:40px; min-width:40px; }
    .itemTextNotes { display:inline-block; text-align:left; font-size:12px !important; font-weight:400; line-height:20px; height:auto; color:#3271c1; cursor:pointer; font-style:italic; }
    
    .sectionCol { font-weight:400; margin-right:5px; }
    .sectionCol strong { font-size:13px; color: #666;}
    
    .dynamicCartList .itemImage { height:50px; width:50px; margin-bottom:0px; border-radius:0px; border:0px; }
        .dynamicCartList .itemImage img { max-height:50px; max-width:50px; }

    .colButtons { height:30px; }
    .vii { padding:0px; }
    .amountDue { color:green; }
    .orderAmountDue { color: #9a1919; }
    
    .checkoutBtn { width:100%; margin-bottom:10px; }


#accountContacts, #customerContacts { padding:10px; background:#fff; }
.contactRow { padding:10px; background:#fff; border-radius:5px; margin-bottom:5px; border:1px solid #ccc; cursor:pointer; position:relative; transition: all .5s ease; font-size:12px; color:#666; }
	.contactRow::before { font-family: 'FontAwesome'; top:8px; right:8px; content:"\f040"; position:absolute; color:#ccc; font-size:10px; transition: all .5s ease;  }
	.contactType { background:#f9f9f9; padding:5px 10px; margin:-10px -10px 10px; border-radius:3px 3px 0px 0px; color:#666; font-weight:700; }
		.newContactRow .contactType { margin:-10px; border-radius:3px; }
		.newContactRow.activeContactRow .contactType { margin-bottom:10px; border-radius:3px 3px 0px 0px; }
		.activeContactRow .selectTitle { font-size:14px; font-weight:700; }
	.contactRow .contactStatic { display:block; }
	.contactRow .contactFields { display:none; }

	.contactRow.activeContactRow { border-color:#666; }
		.contactRow.activeContactRow::before { color:#fff !important; }
	.contactRow.activeContactRow .contactType { background:#666; color:#fff !important; }
	.contactRow.activeContactRow .contactStatic { display:none; }
	.contactRow.activeContactRow .contactFields { display:block; }

#popupDynamicContent .sideHeadInfo[data-number="2"], #popupDynamicContent .sideHeadInfo[data-number="3"], #popupDynamicContent .sidebarTabs { display:none; }
#popupDynamicContent .sidebarLowerButtons buttons { display:none; }
#popupDynamicContent .sidebarLowerButtons buttons:last-child { display:inline-block; }
#popupDynamicContent .sidelevel { background:#e9edf0; }
#popupDynamicContent .sidelevel[data-level="4"] .sidebarLowerButtons, #popupDynamicContent .sidelevel[data-level="Compare"] .sidebarLowerButtons, #popupDynamicContent .sidelevel[data-level="Cart"] .sidebarLowerButtons { display:none; }

#popupDynamicContent .sidebarBody .dynamicSidebarContainer { padding-bottom:0px; margin-top:-1px; }
#popupDynamicContent.rowContainer { height:400px; max-height:400px; overflow:hidden; }
#popupDynamicContent .sidebarBody { overflow:auto; background:#fff; }

#popupDynamicContent .sidelevel[data-level="1"] .sidebarBody { height:239px; }
#popupDynamicContent .sidelevel[data-level="2"] .sidebarBody { height:235px; }
#popupDynamicContent .sidelevel[data-level="3"] .sidebarBody { height:auto; overflow:hidden; padding:0px; }
#popupDynamicContent .dynamicEstimate, #popupDynamicContent .dynamicWishlist, #popupDynamicContent .dynamicOrder { height: 308px; overflow:auto; }

#popupDynamicContent .sidelevel[data-level="4"][data-buttons="false"] .sidebarBody, #popupDynamicContent .sidelevel[data-level="Cart"][data-buttons="false"] .sidebarBody, #popupDynamicContent .sidelevel[data-level="Compare"][data-buttons="false"] .sidebarBody { height:338px; }
#popupDynamicContent .sidelevel[data-buttons="false"] .sidebarLowerActions { display:none; }

#popupDynamicContent .sidelevel[data-level="4"][data-type="Wishlist"] .sidebarBody { height:252px; }
#popupDynamicContent .sidelevel[data-level="4"][data-type="Wishlist"] .sidebarLowerLinks { display:block; }

#popupDynamicContent .sidelevel[data-level="4"][data-type="Estimate"] .sidebarBody { height:252px; }
#popupDynamicContent .sidelevel[data-level="4"][data-type="Estimate"] .sidebarLowerLinks { display:block; }

#popupDynamicContent .sidelevel[data-level="Compare"][data-buttons="true"] .sidebarLowerLinks { display:block; }

#popupDynamicContent .sidelevel[data-level="Cart"][data-buttons="true"] .sidebarLowerLinks { display:block; }



#popupDynamicContent .fa-copy[title="Copy"] { display:none !important; }
#popupDynamicContent .sidebarLowerActions { display:block; }

#xo_rightsidebar .sidelevel[data-level="3"] .sidebarHeader { border-bottom:0px; padding-bottom:5px; }

.emptyList { padding: 20px; color: #999; font-weight: 100; font-size: 14px; }

.messageBox { text-align:center; padding:50px; }
    .messageText { padding-bottom:20px; }

.listTypeEntry { padding:0px !important; }


.itemRowDetailsUnique { padding:20px; white-space:normal; text-align:left; color:#666; }
	.itemRowDetailsUnique .popupLeftCol { color:#000; }

.sectionTextRow.itemTextMath,.itemPrice { display:none; }


#callForPrice, .callForPrice { display:none; }
.showCallForPrice { display:block !important; }
.showCallForPrice-inline { display:inline-block !important; }
.hidePriceData { display:none !important; }


.loadMoreBtn { font-size:45px; line-height:40px; background:#fff; text-align:center; border:1px solid #ccc; margin:10px auto; color:#666; width:125px; border-radius:3px; transition:all .5s ease; cursor:pointer; }
.loadMoreBtn:hover { color:#3271c1; }


@keyframes openSideLevel
{
	0% { width:0px; }
	100% { width:336px; }
}
@keyframes closeSideLevel
{
	0% { width:336px; }
	100% { width:0px; }
}
@keyframes recentAddition
{
    0% { background-color:#d8f5d7; transform: scale(0,0); }
    50% { background-color:#d8f5d7; transform: scale(1,1); }
	100% { background-color:#fff; transform: scale(1,1); }
}
@keyframes recentRemoval
{
    from { background-color:#fff; transform: scale(1,1) translate(0px,0px); }
    to { background-color:#f1bebe; transform: scale(.10,.10) translate(0px,-225px); }
}

@media (max-width: 800px)
{
    #bodyMainSection, #bodySecondarySection { float:none !important; width:auto; }
    .tablet-hide, .colAddress, .colEmail { display:none; }
}
@media (max-width: 784px)
{
    #headerRightListInfo { width: calc(100% - 50px); }
    
    #lowerLeftHolder { position:relative; bottom:auto; }
    
    .btnBigText { font-size:14px; }
    
    .itemTextTitle { line-height:14px; font-size:12px; height:42px; overflow:hidden; }
        .itemTextTitle .v-position { transform:none; top:auto; }
    .itemTextMath { font-size:12px; }
        .mathSpacer { padding:0px 2px; }
    .colImage { width:50px; height:100px; }
    .itemImage { width:30px; height:30px; padding:10px; margin-bottom:5px; }
        .itemImage img { width:auto; height:auto; max-height:30px; }
    .phone-hide { display:none; }
    .colDate, .colNumber, .colPhone { display:none; }
    .mobile-overflow { overflow:auto; max-height:auto; }
    
    
    #vicmBoxContainer { width:100% !important; height:0px !important; text-align:center; right:0 !important; }
		#vicmBox { display:inline-block; padding:5px 5px 0px; vertical-align:top; margin:-48px auto 0px; border:1px solid #ccc; border-bottom:0px; background:#fff; border-radius:32px 32px 0px 0px; box-shadow:0px 0px 10px #999; }
			#vicmBoxContainer #vicmBox .vicmBtn { display:inline-block; vertical-align:top; width:35px; height:35px; font-size:10px; line-height:38px; margin:0px; }
				#vicmBoxContainer #vicmBox .vicmBtn:first-child { border-radius:30px 3px 3px; }
				#vicmBoxContainer #vicmBox .vicmBtn:last-child { border-radius:3px 30px 3px 3px; }
}


@media print
{
	.infoFadeLinks			{ display:none; }
	.infoMapDisplayBG		{ display:none; }
	.infoMapDisplayDiv		{ display:none; }
}


/* Remove Hover Effects for Mobile Devices */
@media (min-width: 800px)
{
	a:hover { color: #5ea0f4; }
	a, a:hover { text-decoration:none; }
	table.SideBySideTable tbody td:hover { background:#f1f1f1; }
	table.XOTableHover tbody tr:hover td { background:#fff; }
	table.XOTableHover tbody tr:hover a { color:#59b958; }
	.infoFadeLinks:hover	{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	.globalTabs:hover { border-color:#bbb !important; color:#000 !important; }
	
	.standardTab1:hover		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:7px; text-decoration:none; }
	.standardTab2:hover		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:108px; text-decoration:none; }
	.standardTab3:hover		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:209px; text-decoration:none; }
	.standardTab4:hover		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:310px; text-decoration:none; }
	.standardTab5:hover		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:411px; text-decoration:none; }
	.standardTab6:hover		{ height:39px; width:106px; border-bottom:0; z-index:20; top:2px; left:512px; text-decoration:none; }
	
	#xoMenuMH .dropName:hover { color:#fff; }
	#xoMenuMH .subdropName:hover { color:#fff;  background:#3271c1;  }
	.xoMenuBtn:hover { color:#000; background:#fff; cursor:pointer; }
	.dashboardMenuTab .dropBox .dropName:hover { color:#fff; background:#3271c1; }
	.dashboardMenuTab .dropName:hover { color:#fff; }
	.infoBtn:hover { color:#3271c1; cursor:pointer; }
	.plusBtn:hover { color:#59b958; cursor:pointer; }
	.editBtn:hover { color:#59b958; cursor:pointer; }
	.xoSubContent a:hover { color:#59b958; }
	.xoSubContent button:hover { background:#59b958; cursor:pointer; }
	.recentProject:hover .rStatus { border-color:#59b958; color:#59b958; }
	#lookupSubmitBtn:hover { background-color:#3f8ced; border-color:#3f8ced; }
	#lookupOrderSubmitBtn:hover { background-color:#3f8ced; border-color:#3f8ced; }
	#vicmFixedBox span:hover { color:#59b958; cursor:pointer; }
	#vicmFrameFixedBox span:hover { color:#59b958; cursor:pointer; }
	.btn:hover { background:#59b958; color:#fff; }
	.btn:hover .btn-segment { border-color:#fff; }
	
	.btn-blue:hover { background:#3f8ced; }
	.btn-green:hover { background:#55d554; border-color:#59b958; }
	.btn-red:hover { background:#f00; }
	.btn-gray:hover { background:#888; }
	
	.crumbBtn:hover { color:#c00; }
    .crumbBtn:hover i { color:#2b90fd; }
	.crumbBtn:hover span { visibility:visible; }
	.pageBtn:hover, .currentPage { border:1px solid #3087fb; color:#fff; background:#2b90fd; }
	.topTitleContainer:hover { color:#5ea0f4; }
	.sectionRow:hover { background:#f3f8ff; color:#3271c1; }
	.sectionRow:hover .emptyItemList { background:#fff; }
	.editBg:hover { background:#f3f8ff url(/Images/edit_bg.png) no-repeat right top !important; color:#3271c1; border-radius: 2px;-webkit-box-shadow:inset 0px 0px 0px 1px #6497d8;-moz-box-shadow:inset 0px 0px 0px 1px #6497d8;box-shadow:inset 0px 0px 0px 1px #6497d8; }
	.colRemove div:hover { color:#c00; }
	.colButtons div.fa-trash:hover { color:#c00; }
	.colButtons div.fa-copy:hover { color:#3271c1; }
	
	.sectionRow:hover .itemCount, .itemRow:hover .itemCount { background:#f3f8ff; color:#3271c1; border-bottom:1px solid #f3f8ff; border-right:1px solid #f3f8ff; }
	.bubbleBox:hover .bubbleArrow[data-direction="up"], .bubbleActive .bubbleArrow[data-direction="up"]{ border-bottom:10px solid #c8daf4; }
	.bubbleBox:hover .bubbleArrow[data-direction="up"] .bubbleArrowInner, .bubbleActive .bubbleArrow[data-direction="up"] .bubbleArrowInner{ border-bottom:10px solid #f8fbff; }
	.bubbleBox:hover .textBubble, .bubbleActive .textBubble { background:#f8fbff; border-color:#c8daf4; }
	#accountMap:hover, #projectMap:hover, #deliveryMap:hover, #storeMap:hover { cursor: pointer; }
	#accountMap:hover div.fa, #projectMap:hover div.fa, #deliveryMap:hover div.fa, #storeMap:hover div.fa { color: #3271c1; }
	.clearanceDefaultSide:hover { opacity:.75; }
	.sidebarLowerLinks .lowerButton:hover { background:#e9edf0; color:#3271c1; }
	.sidebarBody .dynamicSidebarContainer.dynamicItemList .sectionRow:hover { background:#fff !important; }
	.sideHeadInfo:hover { color:#3271c1; }
	.sideHeadInfo .fa-cart-arrow-down:hover { color:#c00; }
	.sidelevel[data-level="3"] .sectionRow:hover, .sidelevel[data-level="4"] .sectionRow:hover, .sidelevel[data-level="Cart"] .sectionRow:hover { background:#f3f8ff; }
	.sidelevel[data-level="1"] .sideBodyTitle:hover, .sidebarSettingsBox .sideBodyTitle:hover { background:#f3f8ff !important; }
	.sideBodyBtn:hover { background:#f3f8ff; color:#3271c1; }
	
	.contactRow:hover { color:#3271c1; border-color:#666; }
		.contactRow:hover .contactType { color:#666; }
		.contactRow:hover::before { color:#3271c1; }
}