/* Used in Several Areas */
.fLeft	{ float: left; }
.fRight	{ float: right; }
.fClear	{ clear: both; }
.floatLeft { float:left; }
.floatRight { float:right; }

a { color: #3271c1; text-decoration: none; cursor:pointer; }
input, button { outline: none; }
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; }
iframe, object, embed { max-width:100%; }

table.XOTable { border-collapse:collapse; border-spacing: 1px 2px; }
table.XOTable th { text-align:center; border-bottom:2px solid black; padding:3px 5px; }
table.XOTable tbody td { border-bottom: solid 1px #ddd; padding:3px 5px; white-space:nowrap; }
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; }
table.XOTableWide { width:830px; }

.BlockActive { background:#f1f1f1; }
.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; }
.saveText { font-size:7pt; }
.subPageButton { width:67px; }
.ItemWarning { font-size:12px; }
.RemoveMe { display:none; }
.addtobutton { width:100px; height:20px; font-size:11px; }
.accountLoginPermission { display:none !important; }

.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; }

#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: calc(100% - 20px); max-width: calc(100vw - 40px); padding:0px 10px 60px; text-align:left; }

.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; }

.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; }

.vii, .cogs { padding:2px 5px; background: url(/Images/site-templates/transparent/whitetrans_80.png); font-size:12px; text-align:left; }
.showContent { display:inline-block; vertical-align:top; }
.hideContent { 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:16px; }

#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; color:#666; margin:0 2px; }
	.currentPage { color:#fff; background:#3271c1; border-color:#3271c1; }
.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; }

.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; 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; }
        .colDate { width:100px !important; text-align:center; }
        .colNumber { width:55px !important; text-align:center; }
            .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; }
			.sectionItemNum { display:inline-block; vertical-align:top; width: calc(100% - 150px); line-height:14px; text-align:left; color:#666; overflow:hidden; text-overflow:ellipsis; margin-top:5px;font-size:11px; }
			.sectionItemDate { display:inline-block; vertical-align:top; width:150px; line-height:14px; text-align:left; color:#666; overflow:hidden; text-overflow:ellipsis;text-align:right;font-size:11px; margin-top:5px; }
        .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; word-break: break-all; }
                .textBubble textarea { margin:0px; padding:5px; border:0px; background:transparent; width: calc(100% - 10px); resize:vertical; font-family:inherit; font-size:12px; color:#3271c1; height:100px; }
            .bubbleActive { display:block !important; }

.noSelect .infoColRow { color:#666; }
.transPopup { z-index:100003 !important; }

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; }

#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; }

.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; }

.recentlyAdded .vii, .recentlyAdded .cogs { background:transparent !important; }

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

/* For Deprecated Templates */
.itemGroupSelect { width: calc(100% - 10px); 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; }
		
@media (max-width: 800px)
{
    #bodyMainSection, #bodySecondarySection { float:none !important; width:auto; }
}
@media (max-width: 784px)
{
    .itemTextMath { font-size:12px; }
        .mathSpacer { padding:0px 2px; }
    .colDate, .colNumber, .colPhone { display:none; }
    
	#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); }
	
	.dashboardMenuTab .dropBox .dropName:hover { color:#fff; background:#3271c1; }
	.dashboardMenuTab .dropName:hover { color:#fff; }
	
	.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 { border:1px solid #3087fb; color:#fff; background:#2b90fd; }
	.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; }
	
	.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; }
	
	.clearanceDefaultSide:hover { opacity:.75; }
	.sideHeadInfo:hover { color:#3271c1; }
	.sideHeadInfo .fa-cart-arrow-down:hover { color:#c00; }
}

/* USED for file 128005 */
.MainNav { font-size: 13px; font-family: Arial,Verdana, Helvetica; color: #c2be96; font-weight: bold; text-decoration: none; }
.left_col_text { font-size: 12px; font-family: Times New Roman,Verdana, Helvetica, Arial; text-decoration: none; }
.mainView { text-align: center; padding: 1px; width: 763px; height: 450px; overflow:auto; }
.left_col_bold { font-size: 12px; font-family: Times New Roman,Verdana, Helvetica, Arial; font-weight: bold; text-decoration: none; color: black; }

/* Used by Vendor.php */
.maintainedByCustomer { background:#d2edce; }

/* Used by HeaderFunctions.js */
.infoDisplayDiv				{ font-family:arial; font-size:12px; }
@media screen
{
	.infoFadeLinks			{ opacity:.4; filter:alpha(opacity=40); cursor:pointer; z-index:1000; }
	.infoMapDisplayBG		{ opacity:.3; filter:alpha(opacity=30); }
}

/* Used by jquery */
.ui-effects-transfer		{ border:2px dotted gray; }

/* Used by InformationMapping.php */
.infoDefault				{ border-radius:5px; box-shadow: 10px 10px 5px #888; }
.infoDefaultTop				{ border-radius:5px 5px 0 0; }
.infoDefaultBot				{ border-radius:0 0 5px 5px; }
.infoDefaultScroll			{ overflow:auto; }

/* Used by ItemsResultsModel.php */
.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; border-radius: 4px; box-shadow: 0 4px 10px #ccc; z-index:100; }