/* 
FULL SCREEN 
MAX WIDTH 1100PX
*/
/* absolute urls used on live site */

.idxProdTitle a:link, .idxProdTitle a:visited, .idxProdTitle p a:link, .idxProdTitle p a:visited{
		color:#065BB6;
		text-decoration:none;
}
img{border:none;}

/************** Old SideBar ******************
#sidebarContainer{
	float: left;
position: relative;
left: -8px;
max-width: 20%;
min-width: 170px;
height: 900px;
}

.sidebardiv{
	float:left; 
	position:relative; 
	left:-4px;
}
#sidebardiv{
	float:left; 
	position:relative; 
	left:-7px;
}

.sidebarLeft {
    width:150px;
    margin-left:8px;
	position: relative;
	z-index: 5;
}

.sidebarLeft ul{
        list-style-type:none;
        font-family:arial, serif;
        font-size:10pt;
        margin:0;
        padding:0;
}

.sidebarLeft a:link,a:visited{
        color:black;
        text-decoration:none;
}
.sidebarLeft a:hover{
        color:black;
        text-decoration:underline;
}
*/
/* 
	LEVEL ONE
*/
/*

ul.dropdown                         { position: relative;z-index:1;}
ul.dropdown li                      { font-weight: bold; width:145px; max-height:25px; zoom: 1; background-color: #fff;background-position:center right;background-repeat:no-repeat;border-bottom: 1px solid #C4C4C4; }
ul.dropdown a:hover		{ color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 0;; color: #222; }
ul.dropdown li:last-child a         { border-right: none;} 
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }
.sideBarArrow {float: right;color: #e90000;margin-top: -15px;transform: scaleY(1.5);font-size: 11px;}
@media screen and (max-width: 700px){
		ul.dropdown li.hover, ul.dropdown li:hover {max-height: 1000px;padding-bottom: 35px;transition: max-height 1s;}
		ul.dropdown ul{left:5px !important;top:35px;transition: none !important;}
}

*/
/* 
	LEVEL TWO
*/
/*
ul.dropdown ul 				{visibility: hidden; position: relative; left: 145px;border: 1px solid #898989; transition: 0s ease .3s; width:300px; margin-top:-28px; background: #F8F8F8;}
ul.dropdown ul li 				{font-weight: normal; position:relative; background: #F8F8F8; color: #000; float: none; width:290px; padding:3px 0px 3px 10px; border-bottom:none;}

                               
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;} 
*/
/* 
	LEVEL THREE
*/
/*
ul.dropdown ul ul 					{left: 145px; top: 0;}
ul.dropdown li:hover > ul 			{visibility: visible;}
*/

.column.threeFourth {width:75%}
.column.twoThird {width:66.66%}
.column.one {width:100%}
.column.half {width:50%}
.column.third {width:33.33%}
.column.fourth {width:25%}
.column.fifth {width:20%}


/* Create three equal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
  box-sizing: border-box;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.button {
    color: #fff;
    background-color: #56AFF7;
	background: linear-gradient(to bottom,#ffffff80,#ffffff00,#ffffff00,#ffffff00,#ffffff00,#00000030), #56AFF7;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 2px #00000090;
    border: none;
    border-radius: 4px;
    padding: 5px 8px;
    margin: 5px;
	display: initial;

}
.button:hover {
    background-color: #fff;
	background:#fff;
    color: #2e8fde !important;
	text-shadow: none;
    border: 1px solid;
	margin: 4px;
    text-decoration: none;
    transition: .1s;
}
.button:visited {color: #fff;}
.red {
	background-color:#E90000
}
.red:hover {
	background-color:#fff;
	background:#fff;
	color:#E90000 !important;
	border: 1px solid;
}
.green {
	background-color:#46ca46
}
.green:hover {
	background-color:#fff;
	background:#fff;
	color:#41bb41 !important;
	border: 1px solid;
}
.orange {
	background-color:#fb782f
}
.orange:hover {
	background-color:#fff;
	background:#fff;
	color:#e86c27 !important;
	border: 1px solid;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 1200px) {
  .column {width: 50% !important;}
}
@media (max-width: 700px) {
  .column {width: 100% !important;}
}


.sidebarTitle {
        background-color:transparent;
        background-image:url(/images/sidebar-title.png);
        background-repeat:no-repeat;
        background-attachment:scroll;
        background-position:top left;
        height:33px;
        color:white;
        margin:0 0 0 -10px;
        padding:2px 0 0 20px;
        font-size:12pt;
        font-weight:bold;
}

.SideBarIcon {
    display: none;
}
#sidebarMainDiv{float:left; width:168px;position:relative; z-index:6;}
.SideBar {padding-left: 8px;background:#fff}
.SideBar a:link, .SideBar a:visited {color:#222;font-size:10pt;font-family: arial, serif;font-weight:bold;text-decoration:none}
.SBlevel1 {padding:9px 0; border-bottom: 1px solid #C4C4C4; transition: 0s .3s;}
.SBlevel1:hover {background: #fff9c9;}
.SBlevel2 {max-height:0px; width:290px; overflow:hidden; margin: -30px 0 0 158px; background: #F8F8F8; position: absolute; box-shadow: 1px 1px 1px #aaa, -1px -1px 1px #aaa; transition: 0s .3s;}
.SBlevel1 .show {padding: 10px; transition: 0s .3s;}
.SBlevel2 a {font-weight: 400 !important;}
.SBlevel2 a {text-decoration: none;display:block;padding: 6px 0;}
.SBlevel2 a:hover {text-decoration: underline;}
.show {max-height:1000px; transition: 0s .3s;}
.sideBarArrow {float: right;color: #e90000;transform: scaleX(.33);font-size: 1.8em;font-weight: 600;margin: -2px;left: 145px;position: absolute;}
a.SBmaincat {color:#e90000 !important;display:none;}

@media screen and (max-width: 700px){
.SideBirIcon {font-size: 20px;padding: 3%;color: gray;}
.sidebarTitle {display:none}
.SideBarX {position: absolute;font-size: 16px;opacity: 0;}
.show .SideBarX {opacity: 1;}
.SideBarBars {position: absolute;font-size: 16px;opacity: 1;}
.show .SideBarBars {opacity: 0;}
.mobileSBlevel1 {pointer-events: none;}
.SideBar {margin-left:-268px;width: 250px;z-index: 20;position:fixed;overflow: scroll;top: 78px;bottom: 0px;}
.show .SideBar {margin-left:0;transition: .5s 0s}
.show .SBshadow {position:fixed;top:0;bottom:0;left:0;right:0;background: black;opacity: .3;}
.SBlevel1 {height:inherit;padding:15px 0}
.SBlevel1:hover {background: none;}
.SBlevel2 {margin: 10px 0 -16px -8px;position: relative;}
.SBlevel2 a {padding: 12px 0 12px 10px;}
.show .SBlevel2 {margin: 10px 0 -16px -8px;width: auto;box-shadow: 0 3px 5px #ccc inset, 4px 0 5px inset #fff, -4px 0 5px inset #fff;}
.sideBarArrow {left: -15px;transform: rotate(90deg) scaleX(.33);}
.show .sideBarArrow {left: 235px;transition: .2s 0s;}
.show .show i.sideBarArrow {transform: rotate(-90deg) scaleX(.33)}
a.SBmaincat {display:block;}
}

.livePerson
{
	height:52;
	width:135;
	border:none;
	margin-bottom:5px;
	margin-left:5px;
	}
	
@media print {
	.breakafter {
		page-break-after: always; }

	.breakbefore {
		page-break-before: always; }
}

body {  /*font-family: Arial, Helvetica, sans-serif;*/
		font-family: OpenSans,"Segoe UI",Helvetica,Arial,sans-serif;
		font-size: 15px;
		text-rendering: optimizeLegibility;
		color: #333;
        background-color: #ffffff;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
}
p {line-height: 1.5em;}
   
#content{width:100%; height:100%; margin:auto;}   

#mainWrapper{margin:auto;position:relative;height: 99%;max-width: 1100px;min-width:320px; border-left:#CCCCCC 1px solid;  border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 2px solid; box-shadow:0px 15px 0px 0px #FFF, 0px -7px 0px 0px #FFF, -3px 0px 30px -9px rgba(3, 3, 3, 0.3), 3px 0px 30px -9px rgba(3, 3, 3, 0.3);}
.centerpromo{width:33%; text-align:left; float:left;}
.searchfield{
border-bottom-left-radius: 5px;
border-color: gray;
border-style: solid;
border-top-left-radius: 5px;
border-width: 1px;
color: gray;
font-family: Century Gothic,Arial,Helvetica;
font-size: 14px;
height: 30px;
margin-right: -4px;
outline: none;
padding-left: 10px;
width:80%;
	}
.searchbutton{
vertical-align: top; 
border-bottom-right-radius: 5px; 
border-top-right-radius: 5px; 
color: white; 
height: 34px; 
font-size: 16px; 
font-family: Century Gothic,Arial,Helvetica; 
width: 43px; 
border: medium none; 
font-weight: bold; 
background: #61C6F7;
background: -moz-linear-gradient(top, #61C6F7 50%, #359ccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#61c6f7), color-stop(100%,#359ccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #61c6f7 50%,#359ccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #61c6f7 50%,#359ccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #61c6f7 50%,#359ccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #61c6f7 50%,#359ccc 100%); /* W3C */
cursor: pointer;
}
.searchbutton:hover{
background: #47A8D8;
background: -moz-linear-gradient(top, #61C6F7 20%, #359ccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#61c6f7), color-stop(100%,#359ccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #61c6f7 20%,#359ccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #61c6f7 20%,#359ccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #61c6f7 20%,#359ccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #61c6f7 20%,#359ccc 100%); /* W3C */
}
.toprightmenu{text-align:right; float:right;}
div#rightheader{margin-top: 25px;width: 33%;text-align: right;float: right;position: absolute;right: 0;display: -webkit-box;}
div.fancylinks li{min-width: 900px; font-size:12pt; padding-right:25px; padding-left:25px;}
div.fancylinks li#contactus{display:inline;}
div.fancylinks li#sidebaricon{display:none;}
div.fancylinks li#home{display:inline;}
div.fancylinks li#testimonials{display:inline;}
div.fancylinks li#ordertracking{display:inline;}
div.fancylinks li#officialblog{display:inline;}
div.fancylinks li#aboutus{display:inline;}
div.fancylinks li#manufacturers{display:none;}
div.fancylinks li#categories{display:none;}
div.fancylinks li#customerresources{display:inline;}
div.fancylinks li#desktopsite{display:none;}
div.fancylinks li#ordertracking2{display:none;}
div.fancylinks li#officialblog2{display:inline;}
div.fancylinks li#contactus2{display:none;}
div.fancylinks li#aboutus2{display:none;}
#mainContent{max-width:80%}
#homeContent{clear:none; border-left:1px solid #dddddd;display: block;overflow: auto; min-height: 914px; padding: 0px 8px;padding: 10px 5px 30px 5px;}
#homePageAdDiv{float:left; clear:none; width:100%;padding:10px 0px 30px 0px;}
#idxBadges{float:right; display:inline;}
#badge30day{width:100px; height:50px;}
#badgeGovPO{width:170px; height:50px;;float:right;border:0px}
#whyABC{width:100px; height:50px;float:right;border:0px}
.MainCatHype{text-align: justify;float: left;width: 90%;padding: 0 2.5em;}
#resourceTable{display:block;}
.resourceLink{Display:block;}
img.viewoptions {width:125px;}

span.viewoptions {
    font-size: 1.2em;
    color: white;
    background: #E90000;
    border: 1px solid #930001;
    background: linear-gradient(to bottom,#E90000,#930001);
    box-shadow: 0 1px 2px rgba(255,255,255,.6) inset;
    padding: 5px 8px;
    border-radius: 5px;
    font-family: century gothic;
    font-weight: 600;
    font-style: italic;
    margin: 5px;
    display: inline-block;
}
span.viewoptions:hover {
    box-shadow: 0 -2px 3px rgba(255,255,255,.6) inset;
    transition: .2s;
}
button.AddToCart {
    font-size: 1.2rem;
    color: white;
    background: #E90000;
    border: 1px solid #930001;
    background: linear-gradient(to bottom,#E90000,#930001);
    box-shadow: 0 1px 2px rgba(255,255,255,.6) inset;
    padding: 5px 8px 5px 40px;
    border-radius: 5px;
    font-family: century gothic;
    font-weight: 600;
    font-style: italic;
    margin: 5px;
    display: inline-block;
    cursor: pointer;
}
button.AddToCart:hover {
    box-shadow: 0 -2px 3px rgba(255,255,255,.6) inset;
    transition: .2s;
}
.AddToCart img {
    width: 25px;
    position: absolute;
    margin: -6px 0 0 -30px;
    padding: 4px 115px 2px 0;
}
.AddToCart img:hover {
    transform: scaleX(-1);
    transition: transform 1s .2s;
    transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
    margin: -6px 0 0 -145px;
    padding: 4px 115px;
}
.condition {
    float: left;
}
.IndexToggleView{float: right;padding: 0px 35px 5px 0px;cursor: pointer}
.buttonLeft{padding: 5px;background: linear-gradient(to bottom, #469eca 10%,#41a9da 100%);font-size: 24px;border-radius: 5px;color: #fff;position: relative;}
.buttonRight{padding: 5px;background:linear-gradient(to bottom, #61c6f7 50%,#359ccc 100%);font-size: 24px;border-radius: 5px 0px 0px 5px;color: #fff;}
.buttonShadow{padding: 5px;background:linear-gradient(to bottom, #61c6f7 50%,#359ccc 100%);font-size: 24px;border-radius: 0px 5px 5px 0px;color: #fff;margin-left: -3px}
.idxProdDiv{border-bottom: silver 1px solid;min-height:100px;display: inline-block;width: 100%;}
:target {animation: target-idx 100000s;}
@keyframes target-idx {from {box-shadow: #555 5px 5px 20px; }
						to {box-shadow: #555 5px 5px 20px; }}
.TiledView .idxProdDiv{width:30%;min-width: 250px;padding:18px 10px;border-right: #dddddd 1px solid;}
.ListView .idxProdDiv{width:95%;padding:18px 0px;}
/*@media screen and (max-width: 600px){ .specDiv {display:none;}}*/
input.idxadd {width:125px;}
.TiledView .idxthumb{max-width:200px; max-height:200px; border:0px;padding-bottom: 15px;}
.TiledView .idxthumbTwo{max-width:200px;max-height:200px;vertical-align: middle}
.TiledView .idxthumbShadow{position:relative;z-index: 99;height:200px;width: 200px;margin: -200px auto 0px auto;opacity:0;transition: opacity .5s;transition-delay: .5s;background:#fff}
.TiledView .idxthumbShadow:hover{opacity:1}
.ListView .idxthumbShadow{display:none}
.helper {display: inline-block;height: 100%;vertical-align: middle;}
.heroContainer{width: 100%;text-align: center;padding: 10px 0px;}
.heroImageOne{object-fit: cover;overflow: hidden;max-height: 265px;width: 100%;filter: blur(2px);z-index: 0;clip: rect(5px,890px,255px,0px);position: absolute;left: 0px;margin:-5px 0px 0px 170px;opacity: .5;}
.heroImageTwo{max-height: 250px;z-index: 1;position: relative;margin-right:20px}

.ListView .idxthumb{max-width:125px; max-height:125px; border:0px;}
.buttonLeft{left: 37px;transition: left .2s;}
.buttonRight{left: 71.5px;transition: left .2s;}
.homeMC{width:28%;}
.mcChildBox{border-bottom: silver 1px solid; width:31%; min-width:200px; min-height:300px; max-height:300px; margin-top:20px; float:left; padding: 0 10px;overflow: hidden;}
.mcChildBox::before {
    content: "_____________________________________________________";
    color: #fff;
    top: 365px;
    position: relative;
    box-shadow: inset #ffffff 0px -15px 20px 5px;
}
@media screen and (max-width: 900px){ .mcChildBox {width:33%}}
@media screen and (max-width: 600px){ .mcChildBox {width:95%}}
.mcSupplyLink{position:absolute;width:26%;margin-top: 10px}
#prodPageHeader h1{font-size:200%; padding-bottom:5px;}
.prodprice{color:green; font-weight:bold; font-size:14pt;}
#weAcceptPOs{font-weight:bold; text-align:left;}
.addToCart{width:100%; max-width:120px; min-width:70px;}
.DropDown{    max-width: 200px;width: 100%;margin: 0px 10px 10px 10px;}
#imageResources{vertical-align:top;float:right; width:220px; padding-left:20px; clear:right;}
#prodHype{width:70%;text-align: justify}
.SpecDiv{font-size:10pt !important;width: inherit;overflow-x: scroll;overflow-y: visible;scrollbar-width: none;}
.SpecDiv::-webkit-scrollbar {display: none;}
.idxTD2{float: left;text-align: center;}
.TiledView .idxTD2{width: 100%;}
.ListView .idxTD2{width: 160px;}
.idxTD2 .rating_bar {float: initial; margin: -30px auto -10px auto;display: inline-block;}
.idxTD3{padding-left: 5px;max-width: 540px;float: left;min-width: 61%;text-align: left;}
/*.TiledView .idxTD3{min-height: 130px;width:100%}*/
.TiledView .idxTD3{width:100%}
.ListView .idxTD3{min-height: 155px;}
.idxTD4{float: left;text-align: center;padding-top: 20px;}
.TiledView .idxTD4{width: 100%;padding-top:0}
.ListView .idxTD4{width: 160px;}
.indexSpecTable{width:100%}
.indexSpecTableTD{width:50%;font-size:12px}
.TiledView .IdxDescription {display:none}
.ListView .IdxDescription {display:block}
.indexUsed{background-color:#f6f6f6;color:green; font-weight:bold; padding:10px 5px;}
.indexRecommended{font-size: 18px;color: white;background: #5CBFF0;border: 1px solid #57b4e2;background: linear-gradient(to bottom,#64ccff,#53a9d4);box-shadow: 0 1px 2px rgba(255,255,255,.6) inset;padding: 3px;border-radius: 5px;font-family: century gothic;margin: 5px 5px 5px 0px;height:20px}
.indexFreeFreight{font-size: 18px;color: white;background: #4dda4d;background: linear-gradient(to bottom,#58e458,#32af32);border: 1px solid #32af32;box-shadow: 0 1px 2px rgba(255,255,255,.6) inset;padding: 3px;border-radius: 5px;font-family: century gothic;margin: 5px 5px 5px 0px;height:20px}
.TiledView .indexRecommended,.TiledView .indexFreeFreight{display:block}
.ListView .indexRecommended,.ListView .indexFreeFreight{display:inline-block}
.TiledView .indexUsed{display:none}
.shadedSpec{background-color:#E5E5E5;}
.indexFooterLinks{width:100%;text-align:center}
.pricelarge {	text-transform: none;	text-decoration: none;	margin-left: 25px;	color: #191970;	font-size: 12pt;font-family: Arial;	font-weight: bold}
.spcDiv{text-align:center;max-height:500px;height:400px}
.spcDiv2{width:220px; margin:auto; min-height:275px}
.spcDiv3{height:215px;display: inline}
#blackbox{display:none; opacity:.5; filter: alpha(opacity = 50); z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000000;}
#placeHolderDiv{display:none; position:fixed; border:silver 3px solid; z-index:1000; left:25%; top:10%; max-width:700px; max-height:700px; background-color:#ffffff;}
#placeHolder {max-height:700px;}
.L {float:left}
.R {float:right}
.mcChildBox img.idxthumb {width: 150px}
.Note::after {position: absolute;border: 1px solid #bbb;color: #555;font-family: OpenSans,"Segoe UI",Helvetica,Arial,sans-serif;font-size: .8em;font-weight: 400;padding: 10px;border-radius: 5px;z-index: 5;background: #fff;display: inline-block;max-height:0;max-width: 250px;overflow: hidden;margin: 0 0 0 -150px;line-height: 1.2;box-shadow: 2px 2px 10px #ccc;opacity: 0;filter: alpha(opacity=0);transition: all .2s .5s;}
.Note:hover::after {opacity:1;filter:Alpha(opacity=100);max-height: 1000px;margin: 30px 0 0 -150px;}
.FreeFreightNote::after {content: 'Free freight is based on ground shipping rates within the contiguous United States. You may expedite your delivery, but must pay the difference in cost. Items that ship free freight via truck can only be shipped dock to dock. If you do not have a dock, additional charges may apply.  Your product may ship via UPS, FedEx or USPS.';}

/* resourceTable*/
#pcartTable{min-width:370px;}

.mcChildTop{min-height:195px; text-align:center;margin-bottom: 5px;}
/*#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10, #s11, #s12, #s13, #s14, #s15, #s16, #s17, #s18, #s19, #s20, #s21, #s22, #s23, #s24, #s25, #s26, #s27, #s28, #s29, #s30, #s31, #s32, #s33, #s34, #s35, #s36, #s37, #s38, #s39, #s40, #s41, #s42, #s43, #s44, #s45, #s46, #s47, #s48, #s49, #s50, #s51, #s52, #s53, #s54, #s55, #s56, #s57, #s58, #s59, #s60, #s61, #s62, #s63, #s64, #s65, #s66, #s67, #s68, #s69{
	height:135px; max-height:150px;text-align: justify;overflow:auto;margin-top: 20px;font-size:12px;
}*/

#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10, #s11, #s12, #s13, #s14, #s15, #s16, #s17, #s18, #s19, #s20, #s21, #s22, #s23, #s24, #s25, #s26, #s27, #s28, #s29, #s30, #s31, #s32, #s33, #s34, #s35, #s36, #s37, #s38, #s39, #s40, #s41, #s42, #s43, #s44, #s45, #s46, #s47, #s48, #s49, #s50, #s51, #s52, #s53, #s54, #s55, #s56, #s57, #s58, #s59, #s60, #s61, #s62, #s63, #s64, #s65, #s66, #s67, #s68, #s69 {
    height: 150px;
    max-height: 150px;
    text-align: justify;
    overflow: hidden;
    margin-top: 20px;
    font-size: 12px;
}
#s1:hover, #s2:hover, #s3:hover, #s4:hover, #s5:hover, #s6:hover, #s7:hover, #s8:hover, #s9:hover, #s10:hover, #s11:hover, #s12:hover, #s13:hover, #s14:hover, #s15:hover, #s16:hover, #s17:hover, #s18:hover, #s19:hover, #s20:hover, #s21:hover, #s22:hover, #s23:hover, #s24:hover, #s25:hover, #s26:hover, #s27:hover, #s28:hover, #s29:hover, #s30:hover, #s31:hover, #s32:hover, #s33:hover, #s34:hover, #s35:hover, #s36:hover, #s37:hover, #s38:hover, #s39:hover, #s40:hover, #s41:hover, #s42:hover, #s43:hover, #s44:hover, #s45:hover, #s46:hover, #s47:hover, #s48:hover, #s49:hover, #s50:hover, #s51:hover, #s52:hover, #s53:hover, #s54:hover, #s55:hover, #s56:hover, #s57:hover, #s58:hover, #s59:hover, #s60:hover, #s61:hover, #s62:hover, #s63:hover, #s64:hover, #s65:hover, #s66:hover, #s67:hover, #s68:hover, #s69{
	height: inherit;
	max-height: 300px;
	width: 286px;
    background-color: white;
    box-shadow: 5px 5px 10px #ddd;
    padding: 5px;
	margin: 10px -5px 0 -5px;
    position: absolute;
	z-index: 2;
	transition: max-height, box-shadow .5s;
}
#sidebaricon, #home, #clearance, #ordertracking, #officialblog, #contactus, #aboutus, #manufacturers, #categories,
#customerresources, #desktopsite, #ordertracking2, #officialblog2, #contactus2, #aboutus2{display:inline;}
#mainContent{
	float:left; 
	clear:none; 
	padding-left:8px; /*10px*/
	border-left:1px solid #dddddd;
	/*padding-right:8px; */
}

#footertext{text-align: justify;float: left;width: 90%;padding: 20px 2.5em;}
#footertext a img:hover {border-bottom: 2px solid;}
#masthead{background-color:#ffffff; min-height: 77px;display:block;}
.mobile-header {display: none;position: sticky;top: 0px;background: white;width: 100%;z-index: 10;}
#topNavBar{min-height:38px; margin-left:-10px; left;background-image: url(/images/header-menu.png);
background-repeat: no-repeat; clear:both;}
#navClearance{background-color: rgb(255, 234, 79); border-radius: 2px; display: inline;}
#navClearance a {color: black;}
#bodyDiv{width:100%; height:100%; margin:auto;}
.priceTable{background-color:#A6A6A6}
#iframe2{position: absolute; width: 100%; height: 100%; border: none}
h2.subhead {font-size: 16px;color: #444444;font-weight: normal;}
h3.subhead {font-size: 16px;color: #444444;font-weight: normal;margin-top: 0px;}
h3.miscH3 {margin-top: inherit;font-size: 100%;color: #666;}
.MainCatHypeMore {display:none;}

.mobile-header-row1 {padding: 4px 0px;height: 40px;}
.mobile-header-row2 {
    color: white;
	padding: 0px 5px 5px 5px;
	height:24px;
    font-size: 20px;
    font-weight: bold;
    background: rgb(233, 0, 0);
	box-shadow: 0px 3px 3px 0px #00000040;
	}
.mobile-top-button {
    position: absolute;
    right: 5px;
    bottom: -650%;
    font-size: 2.5em;
    opacity: .5;
	display:none;
}
a.toll-free, a.toll-free:focus, a.toll-free:visited , a.toll-free:hover{
	color: white;
	}
.mobile-logo {
    width: 160px;
    position: absolute;
    left: 20%;
    top: 8px;
	}

.mobile-searchfield:focus {
    margin: -5px 0px 0px -5px;
    width: 100%;
    right: -6px;
    z-index: 1;
	transition: width cubic-bezier(0.65, 0.05, 0.36, 1) .5s;
	}
	
.mobile-searchfield {
    height: 28px;
    margin: -5px 0px 0px 0px;
    border: 0;
    padding: 3px;
    width: 120px;
    position: absolute;
    right: 0px;
    transition: width cubic-bezier(0.65, 0.05, 0.36, 1) .5s;
    background-color: white;
	font-size:15px;
	}
.mobile-searchbutton {
    height: 35px;
    width: 42px;
    margin: -5px 0px 0px 0px;
    color: white;
    background: linear-gradient(to bottom, #61c6f7 50%,#359ccc 100%);
    border: none;
    font-size: 18px;
    z-index: 2;
    position: absolute;
    right: 0;
		}

.mobile-cart{position: absolute;right: 0px;}
.mobile-help{position: absolute;right: 35px;}
a.mobile-icons:link, a.mobile-icons:hover, a.mobile-icons:visited {color: gray;font-size: 16px;padding: 10px;line-height: 2.5;}

#sidebarContent{
	float:left; 
	position:relative; 
	left:-6px;
}

.ItemNum{color: #666; font: 11px normal,sans-serif;margin-right: -15px;}

.subcats{text-align: center;}

.indexHype{text-align:justify;margin-top: 10px;line-height:20px}

.redbutton{
vertical-align:top; padding-top:4px; display:inline; border-radius:5px;
}

.ListView .idxnum{font-weight:bold; position:absolute;}
.TiledView .idxnum{display:none}
#indexView{display: inline-block}

/************* Home Page Styles ***************/
.grid-item-less {
	background-color: #fff;
	border-radius: 20px;
	padding: 8px 20px;
	text-align: center;
	width: 27.5%;
    float: left;
    display: block;
	position: relative;
	min-height:380px;
}
.grid-item-more {
	background-color: #fff;
	border-radius: 20px;
	padding: 8px 20px;
	text-align: center;
	width: 27.5%;
    float: left;
    display: block;
	position: relative;
	z-index:2;
    height: 380px;
	-moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
}
.grid-item-more .grid-item-ul .item-hid>li {
	background-color: #f7f7f7;
    margin: 0px -20px 0px -20px;
	-moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
}
.grid-item-more {
	background-color: #f7f7f7;
	}
.grid-item-less:hover, .grid-item-more:hover {
	background-color: #f7f7f7;
}
.grid-item-link{
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
	margin: 0px 0px 10px 0px;
}
a.grid-item-link{
    color: #45ABDB;
	text-decoration:none
}
a.grid-item-link:hover{
    color: #D40201;
	text-decoration:none
}
.grid-item-ul {
	list-style: none;
	padding: 0px;
	font-size: 14px;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
}
.grid-item-ul>li {
	padding:2px 0px;
}
.grid-item-ul>li:hover {
	background-color: white !important;
	margin: 0px -20px 0px -20px;
	box-shadow: #bbb 0px 0px 10px !important;
	position:relative
}
a.grid-item-ul {
    color: black;
    text-decoration: none;
}
a:visited.grid-item-ul {
    color: black;
    text-decoration: none;
}
img.homeMCImage {
    width: 100%;
    max-width: 300px;
}
.grid-item-less a.item-hid {
	display:none;
}
.view-more {
	font-size:15px;
	text-align: right;
	color: #888;
}
.grid-item-less:hover .view-more {
    color: #888;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
}
.grid-item-more .view-more {
    color: #888;
}
.grid-item-more:hover .view-more {
    color: #888;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
}
.grid-item-more .view-more>li {
    background-color: #f7f7f7;
	margin: 0px -20px 0px -20px;
	-moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
	padding: 8px 20px;
    border-radius: 0px 0px 20px 20px;
}
.grid-item-less .view-more>li::before {
    content: "View More";
}
.grid-item-more .view-more>li::before {
    content: "View Less";
}
.view-more:hover>li{
	color:black;
	transition: color .5s;
}
.grid-item-less .view-more:hover .fas.fa-chevron-right {
    transform: rotate(90deg);
    transition: transform .5s;
}
.grid-item-less .view-more .fas.fa-chevron-right {
    transform: rotate(0deg);
    transition: transform .5s;
}
.grid-item-more .view-more:hover .fas.fa-chevron-right {
    transform: rotate(-90deg);
    transition: transform .5s;
}
.grid-item-more .view-more .fas.fa-chevron-right {
    transform: rotate(0deg);
    transition: transform .5s;
}

.grid-height.grid-item-more {
	height: 405px;
}

.break {width: 100%;display: -webkit-box;}
.break2 {width: 100%;display:none}
.break3 {width: 100%;height:100px;display: -webkit-box;}

@media screen and (max-width: 1052px) {
	.grid-item-less {padding:8px 10px}
	.grid-item-ul>li:hover{margin: -1px -10px -1px -10px;}
}
@media screen and (max-width: 793px) {
	.grid-item-more {width:40%}
	.grid-item-less {width: 41.5%;padding:8px 8px}
	.grid-item-ul>li {padding:6px 0px}	
	.grid-item-ul>li:hover{margin: -1px -8px -1px -8px;}
	.break {display:none}
	.break2 {display:-webkit-box}
}
@media screen and (max-width: 700px) {
	.grid-item-less {width: 43%;padding:8px 8px}
	.grid-item-ul>li {padding:6px 0px}
	.grid-item-ul>li:hover{margin: -1px 0px -1px 0px;}
	.grid-item-less .view-more {color: #888}
}
/*********** End Home Page Styles *************/

.container {
        margin:auto;
        width:960;
        background:url(/images/abc-background.jpg)repeat-y center center;
        padding:0 10px;
}

#creditfooter{
        visibility:hidden;
}
	
	.headerRight{vertical-align:top;}	
	.hypeidx{width:770px;}
	
.bloggerBoxImage{
        background-attachment:scroll;
        background-color:transparent;
        background-image:url(/images/testimonialBlogBox.png);
        background-position:-10px -10px;
        background-repeat:no-repeat;
        width:250px;
        height:110px;
        padding-top:5px;
        padding-left:5px;
        text-align:center;
}

.officeBloggerBox{
        width:238px;
        height:85px;
        overflow:auto;
}

.officeBloggerBox ul{
        margin:0;
        padding:0;
}

.officeBloggerBox li{
        text-align:left;
        font-size:8pt;
}

.officeBloggerBox li p{
        margin:2px 0 5px 0;
        border-bottom:1px dotted gray;
}

.officeBloggerBox a:hover {
	font-size: 8pt;
	color: red; }

.officeBloggerBox2{
        width:238px;
        height:85px;
        overflow:auto;
}

.officeBloggerBox2 ul{
        margin:0;
        padding:0;
}

.officeBloggerBox2 li{
        text-align:left;
        font-size:8pt;
}

.officeBloggerBox2 li p{
        margin:2px 0 5px 0;
        border-bottom:1px dotted gray;
}

.testimonialsBox {
        background-attachment:scroll;
        background-color:transparent;
        background-image:url(/images/testimonialBlogBox.png);
        background-position:-10px -140px;
        background-repeat:no-repeat;
        width:250px;
        height:110px;
        padding:0;
        margin:0;
        text-align:left;
}

.testimonialsText {
        font-size:10pt;
        text-indent:30px;
        padding:10px;
        margin:0;
}

#holidayMessage {
		background:#F5F5F5;
		border:1px solid #D5D5D5;
		color:#2D7328;
		font-weight:bold;
		font-size:8pt;
		padding:2px;
		margin-bottom:5px;
}

fieldset{
        border: solid gray 3px;
        width: 575px;
}

legend{
       font-size:15px;
       font-weight: bold;
}

fieldset th{
       width: 150px;

}

a.mkofr,
a.mkofr:visited
{
color: red;
}

a.idxheader:visited,
.idxheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #065BB6; }
        
a.idxheader:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: red; }
/**
.idxfooterlinks, .idxfooterlinks a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #626262; }
        
.idxfooterlinks a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: red; }
	
.idxfooterlinks ul {
        padding-left: 0px;
        font-family: Arial, helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;}
**/
.customerResources {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #626262;
}

.customerResources ul {
        padding-left: 0px;
        font-family: Arial, helvetica, sans-serif;
        font-size: 10pt;
        font-weight: normal;
}

	
.lowprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #D51E1E; }
             
a.sublink:visited,
.sublink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #D51E1E;
	margin-left: 5px;
	margin-right: 5px; }
        
a.sublink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #D51E1E;
	margin-left: 5px;
	margin-right: 5px; }
/*
.button {
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans;
	font-size: 9pt;
        font-weight: bold;
	background-color: #D51E1E;
	color: white;
	width: 50px;
	cursor: hand; }
*/
.button2 {
	font-family: Verdana, Tahoma, Arial, Helv, Sans;
	font-weight: bold;
	background-color: gray;
	color: white;
	cursor: hand; }

.address {
	font-family: "Eras Bold ITC", Verdana, Tahoma, Arial, Helv, Sans;
	font-weight: normal;
	font-size: 12pt; }

.specials {
	margin-top: 0px;
	margin-bottom: 15px; }

h1,
h2,
h3,
h4,
h5 {	margin-bottom: 0px;
	margin-top: 10px;
}

h1 {	font-size: 2em; }

h2 {	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.75;}

h3 {	font-size: 125%;
	font-weight: bold; }
	
ul h3 {
    margin-left: -35px;
}

h4 {	font-size: 100%;
	font-weight: bold; }
	
dt {    font-size: 125%;
	font-weight: bold;
        margin-top:10px;   }
	
.ot {	margin: 0px;
		padding: 0px; }
/*
th,
td {    font-family: Arial, Helvetica, sans-serif;
        /*font-size: 12px;* / }
.important{    
	border-top-width: 1px;
        border-top-color: #D51E1E;
        border-top-style: solid;
        border-left-width: 1px;
        border-left-color: #D51E1E;
        border-left-style: solid;
        border-right-width: 1px;
        border-right-color: #D51E1E;
        border-right-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #D51E1E;
        border-bottom-style: solid;
}
*/
.headimportant{    
	border-top-width: 0px;
        border-top-color: #000000;
        border-top-style: solid;
        border-left-width: 0px;
        border-left-color: #000000;
        border-left-style: solid;
        border-right-width: 0px;
        border-right-color: #000000;
        border-right-style: solid;
        border-bottom-width: 0px;
        border-bottom-color: #000000;
        border-bottom-style: solid;
}

.full{
		border:0;
		width:100%;
}

.em::after {
  content: "@abcoffice.com";
}

dl,
ol,
ul {    margin-top: 0px;
        margin-bottom: 0px;
        /*margin-left: 25px;*/ }

a:visited,
a {	text-decoration: none;
        color: #065BB6; }



a:hover {
        text-decoration: underline;
        color: red; }

a.blacklink,
a.blacklink:hover,
a.blacklink:visited{
        color: black;
        text-decoration: none; }

.copyright{text-align:center}

.copyright,
.fineprint {
        font-size: 7pt; }

.navtable,
.navtable td {
	margin-left: 25px;
	font-weight: normal;
	font-size: 100%; }

.tableheader,
.tableheader td,
.tableheader th {
	text-decoration: none;
	background: #DBDBDB;
	color: #2F2F2F;
	font-weight: bold;
	font-size: 8pt; }

.priceheader {
	text-transform: UPPERCASE;
	text-align: center;
	font-size: 100%; }

.model,
.price 
{
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	color: #191970;
}
.leasePrice {
        color:black;
        font-weight:bold;
}

.specialprice {
	text-align: center;
	color: #DD0000;
	font-weight: bold;
	font-size: 12pt; }
	
.pageReviewButton a{
        font-size:9pt; /*14pt;*/
		font-weight:bold; /* 8-27-13 */
        color:white;
        height:28px;
        background-attachment:scroll;
        background-color:white;
        background-image:url("/images/product-review-center.png");
        background-position:top left;
        background-repeat:repeat-x;
        padding:4px 8px;
		border-radius:5px;
		white-space:nowrap;
}
.pageReviewButton a:visited{
        color:white;
        text-decoration:none;
		white-space:nowrap;
}
.pageReviewButton a:hover{
        color:yellow;
        text-decoration:none;
		white-space:nowrap;
}
.pageReviewButton{vertical-align:top; padding:1px; display:inline-flex;}
#prodWireTransfer{
		border: #cc0000 1px solid;
		padding:10px,5px,5px,5px;
		font-weight:bold;

}

#supplyButtons {padding-top:10px;}

.link {
	font-size: 8pt; }
/**
.footernavtop,
.footernavtop b,
.footernavtop :link,
.footernavtop :visited {
	text-decoration: none;
	color: #5454a7;
	font-weight: bold;
	font-size: 8pt; }

.footernavtop :hover {
	color: red;
	background: #ffc;
	text-decoration: none; }

.footernaveven {
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%; }

.footernavodd {
	background: silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%; }

.footernavodd :hover,
.footernaveven :hover {
	text-decoration: none;
	background: #ffc; }
**/
.indent {
	margin-left: 25px;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 5px;
	padding: 5px 0px; }
	
.quote {
	margin-left: 5px;
	width: 100%;
	text-align: justify;
	font-weight: normal; }

hr {
	margin-bottom: 0px;
	margin-top: 0px; }

.red-dotted-line{
	clear:both;
	font-size:4pt;
	padding:0px;
	margin-top:15px;
	border:0px;
	border-top:2px dotted #d51e1e;
}
	
blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px; }

.guide {
	text-decoration: none;
	font-size: 8pt;
	font-family: verdana;
	font-weight: bold;
	background-color: #f5f4f4;
	border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 5px;
}

a.guide:visited,
a.guide:link,
a.guide {
	text-decoration: none;
	font-weight: bold;
}
a.guide:hover {
	text-decoration: underline;
	font-weight: bold;
}

.trail {font-weight: bold;
}

.space {margin-left: 5px;}

.videoDemoIdx{
        float:left;
        width:163px;
		height:125px;
        text-align:center;
        margin:5px 10px;
}

.videoDemoHeader{
        clear:both;
        padding-top:15px;
        margin:0;
}

.custserv{
	margin-left: 20px;
	margin-right: 0px;
	font-family: arial;
	font-weight: bold;

	}

form {  font-size: 11px;
        margin-left : 0px;
        margin-right: 0px;
        margin-top : 0px;
        margin-bottom: 0px;
   
     	 }
#formDiv{
	float:left;
	padding:10px;
}
				
#formDiv table{
margin: auto;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
margin-top: 5px;
background-color: #EFEDEE;
padding: 0px 10px;
max-width: 425px;
border:#C2C2C2 1px solid;
}
				
#formDiv th{
	padding:5px;
	text-align:left;
}

#formInfoDiv {
	float:left;
	padding-left:20px;
	width: 400px;
}

.label{text-align:right; font-weight:bold;}
td.label{text-align:left;}
.require{color:red;}
.required{text-align:left; color:red;}

		
.justifyhype {
	margin-left: 5px;
	margin-right: 20px;
	text-align: justify;
}

li {padding: 4px 0px; }

.product-details {
    margin-bottom: 5px;
}

td.exp
{
border: 2px dotted #DFDFDF;
border-top: none;
}

.sidebar {
	text-decoration: none;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #065BB6;
}

a.sidebar:visited,
a.sidebar:link,
a.sidebar {
	text-decoration: none;
	color: #065BB6;
}
a.sidebar:hover {
	text-decoration: underline;
	color: red;
}

.sidebarhead {
	text-decoration: underline;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

a.sidebarhead:visited,
a.sidebarhead:link,
a.sidebarhead {
	text-decoration: underline;
	color: #000000;
}
a.sidebarhead:hover {
	text-decoration: underline;
	color: #D51E1E;
}

img.hcursor
{
	cursor: pointer;
}

img.opt
{
	cursor: pointer;
}

.retailprice
{
	font-size: 9pt;
	color:black;
}

.retailStrike
{
	color:gray;
	text-decoration:line-through;
}

.listPriceStrike {
        color:black;
        text-decoration: line-through;
}

.listPriceText {
        color:black;
        font-size:9pt;
        font-weight:bold;
}

.listPrice {
        color:red;
        font-size:10pt;
        font-weight:bold;
}

.savings
{
	font-size: 9pt;
	color:red;
	font-weight:bold;
	padding-left: 10px;
}


td.cardtd
{
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	padding-bottom: 0px; 
	font-weight: bold;
	font-size: 7.5pt;
}

div.qbox
{
	border: 1px solid #BEBEBE;
	padding: 3px;
	margin: 5px;
	width: 450px;
	font-weight: bold;
	background-color: #E3E3E3;
}

div.smqbox
{
	border: 1px solid #BEBEBE;
	padding: 2px;
	margin: 5px;
	font-weight: bold;
	background-color: #E3E3E3;
}

td.smqbox
{
	color: #198400;
	border: 1px solid #BEBEBE;
	padding: 2px;
	margin: 5px;
	font-weight: bold;
	background-color: #E3E3E3;
}

td.smqboxl
{
	border: 1px solid #BEBEBE;
	border-right:0px;
	padding: 2px;
	margin: 5px;
	font-size:8pt;
	font-weight: bold;
	background-color: #E3E3E3;
}

td.smqboxr
{
	border: 1px solid #BEBEBE;
	border-left:0px;
	padding: 3px;
	margin: 5px;
	font-weight: bold;
	background-color: #E3E3E3;
}

td.psatqbox
{
	padding: 10px;
	font-weight: bold;
	font-size:10pt;
}

.rprice
{
	color: red;
	font-size: 12;
	font-weight: bold;
}

.ClickForPrice{color: #B50000;font-weight: bold;border: 0px; padding:10px 2px; margin: 0px;font-size:12pt;white-space:normal;font-family:century gothic, arial;}

.LargeRedPrice{color: #555;font-weight: bold;border: 0px; padding:2px; margin: 0px;font-size:2.2em;white-space:normal;font-family:century gothic, arial;}
.LargeRedPrice::before{content:"$";font-size:.6em;position: relative;margin: 2px;vertical-align: text-top;top: 4px;}

.idxTilePrice div{text-align:left; float:left;}

.fstRowGrid, .rsltGrid {
border-right: #CCC 1px solid;
float: left;
overflow: hidden;
position: relative;
width: 30%;
_width: 30%;
padding: 8px .5% 4px;
min-height:300px;
text-align:left; /*center;*/
margin-bottom:10px;
margin-top:10px;
}

.idxTitle{
color:black;font-size: 17px;padding-bottom: 10px;
}

.idxTitle a {color:#065BB6; font-weight:normal;}

.TiledView .idxTitle{text-align:center;height:35px}

#idxHeaderTable{
	width:95%;
	border:none;
}
a.selcat,
a.selcat:visited
{
	color:#0000FF;
	font-size: 12pt;
}

a.selcat:hover
{
	color:#0000FF;
	font-size: 12pt;
}

.pbsave
{
	color: #B50000;
	font-size: 10pt;
	font-weight: bold;
	border-top: 0px;
	margin-top: 0px;
	width: 200px;
}

.pborder
{
	color: #000000;
	font-size: 8pt;
}

.pbsimply
{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

.pbqty
{
	color: #818181;
	font-size: 8pt;
}

.idxProdTitle
{
	font-size: 9pt;
	color:#065BB6;
}

a.psatviewresult
{
	font-size: 14pt;
	font-weight: bold;
}

a.psatnarrowsearch
{
	font-size: 10pt;
	font-weight: bold;
}

h2.subcatheader
{
	background: #E1E1E1; 
	padding: 3px 0px 3px 13px;
	margin-bottom:5px;
	border:1px solid #D1D1D1;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-o-border-radius:7px;
}

.subcatheaderTable
{
	border-bottom: #dddddd 1px solid;
	width: 97%;
}

.idxSubCatH2
{
	width:95%; margin-top:30px; border-bottom:silver 1px solid;
}


a.subcatlink
{
	color:black;
}

.mrtitle
{
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

a.mrlink,
a.mrlink:visited
{
	color: #065BB6;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a.mrlink:hover
{
	color: red;
	text-decoration: underline;
	font-size: 10px;
 font-weight: bold;
}

div.redLinkBox
{
	height:24px;
        background:url('/images/#065BB6_button_bg.jpg') repeat-x;
        padding-top: 2px;
	margin:5px;
}

a.redLinkBoxLink,
a.redLinkBoxLink:visited
{	/*float:left;*/
display:inline-flex;
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	background-color:#ffffff;
	/*border:rgb(247, 6, 6) 1px solid;
	/* /background: -webkit-linear-gradient(#F80303, #CA0101, #960505);
	background: -o-linear-gradient(#F80303, #CA0101, #960505); /* For Opera 11.1 to 12.0 /
	background: -moz-linear-gradient(#F80303, #CA0101, #960505); /* For Firefox 3.6 to 15 /
	background: linear-gradient(#F80303, #CA0101, #960505); /* Standard syntax */
	padding:5px 0px;
	/*border-radius:5px;*/
}
a.redLinkBoxLink img{vertical-align:top; width:16px; height:16px;}
a.redLinkBoxLink:hover
{
	color: #dddddd;
	text-decoration: underline;
}

a.supplyLink{background-color:#56AFF7; color:#ffffff; padding:5px 8px;border: 1px solid;border-radius:4px; font-weight:bold; margin:3px;display: inline-block;}
a.supplyLink:hover {background-color: #fff;color: #2e8fde;border: 1px solid;text-decoration: none;transition: .1s;}
a.DiscLink{font-size: 14px;font-style: italic;}

a.DiscLink{font-size: 14px;font-style: italic;}

.rightGraySupplyLink img{
        padding-bottom: 3px;
        margin-right: 5px;
}

.leftGraySupplyLink img{
        padding-bottom: 3px;
}

div.large_supply_link_box {
	height:24px;
	background:url('/images/middle_large_supply_button.png') repeat-x;
	padding-top: 3px;
}
div.large_supply_link_box2 {
	height:24px;
	background:url('/images/middle_large_supply_button2.png') repeat-x;
	padding-top: 1px;
}
a.large_supply_link, a.large_supply_link:visited {
	color:#000000;
	font-family:arial,helvetica,sans-serif;
	font-size:18px;
	padding-top:12px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #FFFFFF;
}
a.large_supply_link:hover {
	color:#666666;
}

.right_large_supply_link img{
        padding-bottom: 0px;
        margin-right: 15px;
}

.left_large_supply_link img{
        padding-bottom: 0px;
}

div.abclogo
{
    position: relative;
    z-index: 1;
    float: left;
    max-width: 33%;
	height: 90px;
}

.abclogo img {
	padding-top: 14px;
    padding-left: 14px;
    width: 100%;
	max-width: 275px;}

div.abclogoplaceholder
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 298px;
	height: 77px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0
}

div.arrowbg
{
	display: inline;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 397px;
	height: 77px; /* was 107px */
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
}

img#topshopcart
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: -3px;
}

img#whitearrow
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: -1px;
}

div.toprightmenu
{
background-color: #FFFFFF;
background-image: url("../images/abc_toprightmenubg2.jpg");
background-repeat:no-repeat;
	color: #000000;
	font-size: 10pt;
	border: 0px;
	padding-left: 50px;
	margin: 0px;
	height: 20px; 
	text-align: right;
	min-width: 120px;
	clear: none;
}

div.topmenu
{
	background-image: url('/images/abc_topmenubg2.jpg');
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 583px;
	height: 30px;
	text-align: right;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 3;
}

div.topmenuangle
{
	display: inline;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 26px;
	height: 30px;
	text-align: right;
	position: absolute;
	top: 77px;
	left: 593px; 
	z-index: 2;
}

div.greybar_sm
{
	background-image: url('/images/abc_greybar_sm.gif');
	font-size: 1px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 800px;
	height: 10px;
	position: absolute;
	top: 97px;
	right: 0px;
}

div.phonenum
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	right: 1px;
}

div.callus
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	right: 1px;
}

div.emailaddr
{
	font-size: 1px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 160px;
	height: 20px;
	position: absolute;
	top: 73px;
	right: 1px;
}

div.disctext
{
	font-family: arial, helvetica, sans-serif;
	font-size: 200%;
	color:red;
	font-weight:bold;
}

div.disctext2
{
	font-size: 18px;
    margin: 5px 0px 50px 15px;
}

div.discReplace
{
	font-size:12pt;
	font-weight:bold;
	color:black;
	text-align:center;
	width:380px;
	padding:5px 0;
	border:1px solid #065BB6;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

div.redbar
{
	background-image: url('/images/abc_redbarbg.gif');
	font-size: 1px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 16px;
	position: relative;
	top: 0px;
	right: 0px;
}

div.orangefade
{
	font-size: 1px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 718px;
//	width: 100%;
	height: 16px;
	position: absolute;
	top: 107px;
	right: 0px;
}

div.redbarlinks
{
	background-image: url('images/abc_redbarbg.gif'); /*New*/
	font-size:8pt;
	color: #FFFFFF;
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute; /*relative*/
	top: 108px; /*-15px*/
	left: 0px;
	width:990px; /*New*/
	background-color: #BC0900; /*New*/
}

div.fancylinks
{
	text-align:center;
	z-index: 3;
background-color:rgb(233, 0, 0);
background: linear-gradient(180deg, rgb(230, 1, 1), rgb(233, 0, 0), rgb(233, 0, 0), rgb(141, 0, 0));
color: white;
border-bottom: rgb(75, 0, 0) 1px solid;
font-weight: bold;
min-height:22px;
	padding-top:3px;
}

div.fancylinks li
{
	padding-top:3px;
	padding-bottom:3px;
	padding-top:3px;
	
}
div.fancylinks a
{
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	padding-top:3px;
	padding-bottom:3px;
	white-space:nowrap;
	padding-top:3px;
}
div.fancylinks a:hover
{
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	padding-top:2px;
	background-color:#BC0900;
	padding-bottom:3px;
	
}
#navClearance a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	padding-top:2px;
	background-color:#FAD829;
	padding-bottom:3px;
	}
	
div.anniversaryHeader
{
        position: absolute;
        left: 274px;
        top: 10px;
        z-index:200;
}

div.centerpromo
{	z-index:1;
	padding-top:22px;
	text-align:center;
	position: absolute;
    margin: 0 33%;
    min-width: 280px;
}

.lpPoweredBy, .lpEmtStarRating{
	display:none;
}	

div.rightpromo
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 250px;
	height: 20px;
	position: absolute;
	top: 76px;
	right: 0px;
     z-index: 1;
}

span.boldone
{
	font-family: arial, helvetica;
	margin-left: 14px;
	margin-right: 6px;
	font-weight: bold;
}

a.topright1,
a.topright1:visited
{
	font-family: arial, helvetica;
	margin-left: 20px;
	margin-right: 9px;
	color: #000000; /*#757575;*/
	text-decoration: none;
}

a.topright1:hover
{
	
	color: #000000; /*#757575;*/
	text-decoration: underline;
}

a.topright,
a.topright:visited
{
	font-family: arial, helvetica;
	margin-left: 3px;
	margin-right: 3px;
	color: #000000; /*#757575;*/
	text-decoration: none;
}

a.topright:hover
{
	color: #000000; /*#757575;*/
	text-decoration: underline;
}

a.redbarlink,
a.redbarlink:visited
{
	font-family: arial, helvetica;
	margin-left: 12px;
	margin-right: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

a.redbarlink:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

a.redbarlinkright,
a.redbarlinkright:visited
{
	font-family: arial, helvetica;
	margin-left: 8px;
	margin-right: 8px;
	color: #FFFFFF;
	text-decoration: none;
}

a.redbarlinkright:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.assistantHead
{
         background: url(/images/isa-bg-head.png);
         height: 42px;
         position: relative;
         width: 100%;
}

.assistantHead p{
        font-size:large;
        position:absolute;
        top:-8px; 
}

#isaHeadL{
        position: absolute;
        background: url(/images/isa-bg-head-left.png) no-repeat;
        width: 7px;
        height: 42px;
        left: 0px;
        top: 0px;
}

#isaHeadR{
        position: absolute;
        background: url(/images/isa-bg-head-right.png) no-repeat;
        width: 7px;
        height: 42px;
        right: 0px;
        top: 0px;
}

#isaContainer{
        width: 95%;
        height: auto;
        margin-left: 10px;
}

#isaTop{
        height: 35px;
        background: url(/images/abc_isa_t.gif) right no-repeat;
        width: 90%;
}

#isaMiddle{
        border: solid 2px black;
        padding: 20px;
        width:90%;
}

#isaBottom{
        /*background: url(/images/isa-view-results.png) left no-repeat;*/
        height: 35px;
        width: 267px;
        border: 1 px solid green;
}

.moneyPopUp{
        position:absolute;
        visibility:hidden;
        top:-90px;
        left:160px;
        opacity:0;
}
.moneyPopUp2{
        position:absolute;
        visibility:hidden;
        top:300px;
        right:30px;
        opacity:0;
}
.mapPrice{
        position:absolute;
        visibility:hidden;
        top:250px;
        left:200px;
        opacity:0;
}
.soleus_r-410a{
        position:absolute;
        visibility:hidden;
        top:1000px;
        left:400px;
        opacity:0;
				z-index:500;
}
.submenu { display:none;}
.submenu ul{ padding-left:0px;
             text-align:left;
}

.mhead { background-color: #FFFFFF; display: inline; font-size: 100%; top:30px; right:30px;}

.indexImages {padding-bottom:8px;
              padding-right:2px;

}
.codeDiv {  height: 250px; clip: rect( 0px, 0px, 0px, 0px ); overflow: scroll; }

.footerTd { border-left:1px solid #000000;
            width:25%;
            white-space:nowrap;
            vertical-align:top;
}

.compareTable{
        font-size:9pt;
        font-family:verdana, arial, san-seriff;
        text-align:center;
}
.compareTableLeft {
        width:133px;
        text-align:left;
}
.compareTableRow {
        background-color:#F2F2F2;
}

.supplyImages {width:135px;text-align:center;float:left;font-size:16px;margin: 12px;padding: 3px;box-shadow: 2px 2px 6px #cccccc;}

.supplyImages:hover {box-shadow: 2px 2px 6px #777777;}

select.coilFinder {
		border-radius: 5px;
    border-color: gray;
    border-style: solid;
    border-width: 1px;
    color: #4e4e4e;
    font-family: Century Gothic,Arial,Helvetica;
    font-size: 14px;
    height: 30px;
    outline: none;
    padding-left: 10px;
    width: 160px;
}
img.coilFinder {
	margin-bottom: -2px;
}
button.coilFinder {
    border-radius: 6px;
    color: white;
    height: 28px;
    font-size: 16px;
    width: 100px;
    border: medium none;
    font-weight: bold;
    background: #61C6F7;
    background: linear-gradient(to bottom, #61c6f7 50%,#359ccc 100%);
    cursor: pointer;
	margin-top: 60px;
}

.coilFinderWrapper {
		max-width: 870px;
		margin: auto;
}
.lamFAQright {
    display: block;
    float: right;
    padding: 20px;
}
.lamFAQright img {
    border-radius: 5px;
    box-shadow: 5px 5px 10px #888;
}
.lamFAQleft {
    display: contents;
    float: left;
}
.center {
    display: block;
    text-align: center;
}

@media screen and (max-width: 400px) {
 	.coilFinderWrapper {
   		width: 200px;
  		}
	button.coilFinder {
			width: 150px;
			border-radius: 6px;
			margin-top: 20px
			}
	
}


/*#########################################

Phone Support Styles

#########################################*/

 .phoneSupport{
        position:relative;
        font-weight:bold;
        font-size:13px;
}
.phoneSupport p {
        text-align:left;
        position:absolute;
        top:-85px;
        right:-200px;
        padding: 5px;
        border:#065BB6 solid 1px;
        background-color:#FFFFFF;
        font-size:12px;
        font-weight:normal;
        visibility:hidden;
        opacity: -0.1;
        width:400px;
}

.phoneSupport a {
        color:#065BB6;
	   cursor:pointer;
        font-weight:bold
}

.phoneSupport p a{
        color:#D51E1E;
        cursor:pointer;
        text-decoration:underline;
}


/*#########################################

End Phone Support Styles

#########################################*/

.staticCategories {
        font-size:medium;
}

/*#######################################

PPC Landing Pages

#######################################*/

.ppcWrapper {
        /*border:1px solid black;*/
}

.ppcRow {
       height:200px;
       min-width:810px;
       /*border:1px solid green;*/
}

.ppcProduct {
      height:200px;
      width:25%;
      /*border:1px solid #065BB6;*/
      float:left;
      background:#FFFFFF url(/images/ppcProductBkgrnd.jpg) no-repeat;
      padding:5px 0px;
}

.ppcProduct img {
      position:relative;
      margin:12px 0px 0px 12px;
}

.ppcProduct div img {
      position:absolute;
      float:left;
      margin:-100px 0px 0px 110px;
}

.ppcProduct div div img {
      position:ablolute;
      margin:-50px 0px 0px 110px;
}

.ppcProduct p {
      max-width:198px;
      padding-left:15px;
      margin-top:5px;
}

.ppcGrayDottedLine {
      font-size:4pt;
      margin:10px;
      border:0px;
      border-top:2px dotted #C4C4C4;
}

.ppcRetailPrice {
      text-decoration:line-through;
      text-align:center;
      font-size:8pt;
      font-weight:bold;
}

.ppcPrice {
      font-size:18pt;
      font-weight:bold;
      color:#065BB6;
      text-align:center;
}

.ppcTd {
     border-left:1px solid #C4C4C4;
     padding-left:5px;
     margin-right:5px;
}

.ppcVerticalLine {
    background:#FFFFFF url(/images/ppcVertiaclLine.jpg) repeat-y center center;
    padding: 0px 2px;
}

.hidden {
     position:absolute;
     left:-10000px;
     top:auto;
     width:1px;
     height:1px;
     overflow:hidden;
}

.anniversaryCoupon {
     width:80px;
     height:25px;
     font-size:12pt;
     font-weight:bold;
     border:1px solid green;
     text-align:center;
     margin-right:30px;
}

.anniversaryCouponTitle {
     font-size:8pt;
     font-weight:normal;
}

/*#######################################

End PPC Landing Pages

#######################################*/

/*#########################################

Star Rating Styles

#########################################*/

.OverallRating {font-size: 18px;background: #eee;border-radius: 5px;margin: 10px; display: inline-block;padding: 14px;font-weight: 600;color: #444;float:left}

.OverallRating span {
    float: left;
    padding-right: 8px;
}

.rating  {
	display: inline-block;
    width: 100%;
	margin-top: 15px;
}

.ratingH1 span {
    float: left;
    font-size: 16px;
    color: #666;
}
.ratingH1 i.fas.fa-star {
    font-size: 18px;
	display: block;
    margin: 5px 0;
}
.ratingCustomer {
	display: inline-block;
    width: 20%;	
	padding-bottom: 15px;
	line-height: 1.5;
}

.verifiedReview {
    background: #aaa;
    color: #fff;
    font-size: .7em;
    letter-spacing: 1px;
    display: table;
    padding: 0 5px;
    border-radius: 5px;
    margin: 5px 0 -15px 0;
}

.staffReview {
	background: #aaa;
    color: #fff;
	font-weight: bold;
    display: table;
	padding: 3px 8px;
    margin: 5px 0px;
    border-radius: 5px;
}

.staffImage {
    float: left;
    width: 100%;
    margin: 11px 0 0 10px;
}

.staffImage img {
    width: 75px;
    border-radius: 200px;
}

.ratingReview {
	display: inline-block;
    width: 65%;
    float: right;
	padding-right: 15%;
}

.rating hr {color:#666;width:100%;position:relative}

.rating h2 {line-height: inherit;}

.rating_bar {
  float:left;
  width: 80px;
  position: relative;
  bottom: -3px;
  background: url(/images/blankstar.png) 0 0 repeat-x;
}

.rating_bar div {
  height: 16px;
  background: url(/images/star.png) 0 0 repeat-x;
}

.rating_bar span {
  margin-left:85px;
  color: #666;
  font: 11px normal,sans-serif;
}

.leaveReview span {
	font-size: 20px;
	font-weight: 600;
	color: #666;
}

.productReviews h2 {
	float:left;
	position: relative;
    bottom: -8px;
}

.productReviews hr {
	width:100%;
	margin-top:3px
}

.leaveReview {
	float:right
}

.leaveReview button {
    padding: 5px 10px 3px 10px;
    background: white;
    border: 1px solid;
    border-radius: 5px;
    font-size: 16px;
        margin: 0 10px 8px 10px;
    color: #555;
    cursor: pointer;
}

.leaveReview button:hover {
	background: #999;
	color: #fff;
}

a.star1, a.star2, a.star3, a.star4, a.star5 {font-size:25px; color:gold; display:inline-block;opacity:.5;padding: 3px;margin: -5px;}
a.star1:hover, a.star2:hover, a.star3:hover, a.star4:hover, a.star5:hover {opacity: 1;}
.star1:hover ~ .star2, .star1:hover ~ .star3, .star1:hover ~ .star4, .star1:hover ~ .star5 {color: gray}
.star2:hover ~ .star3, .star2:hover ~ .star4, .star2:hover ~ .star5 {color: gray}
.star3:hover ~ .star4, .star3:hover ~ .star5 {color: gray}
.star4:hover ~ .star5 {color: gray}

@media screen and (max-width: 700px){
	.leaveReview span {display:none}
	a.star1, a.star2, a.star3, a.star4, a.star5 {display:none}
}
/*#########################################

End Star Rating Styles

#########################################*/

/*#########################################

Hidden text box style

#########################################*/

.hTextBox {
	display:none;
}

/*#########################################

End Hidden text box style

#########################################*/


.homeMC {
height:200px;
padding: 10px;
float: left;
text-align: center;
min-width: 280px;
}
@media screen and (max-width: 1100px){
	.homeMC {min-width: 140px;}	
}

a.searchTitle {text-decoration:none; font-weight:bold; font-family:verdana;font-size:14px}
a.searchTitle:visited {color:#00008B;}
a.searchTitle:hover{color:#006400; background-color:#ffffE0;}
.searchDescr{color:#008000; font-weight:normal; font-size:12px; padding:4px; font-family:arial;}
.searchURL{padding-bottom:10px; font-size:11px;color:gray}
#searchResults{ padding-left:0px; display:table;}
/*#searchResults{padding-left:180px; clear:none;}*/
.searchIndented{}
#result_report{padding-bottom:10px;}
.searchHighLight{font-weight:bolder; background-color:#ffffaa;}
.search-icon-div{background-color: #FFF;overflow: hidden;text-align: center;float: left;padding: 0px;margin: 0px 10px 15px;}
.search-icon{width: 100px;height: 100px;padding-right:20px}
div#other_pages {text-align: center;font-size: 16px;padding-top: 18px;}
.search-rank{font-weight: bold;font-family: Verdana;text-align: right;float: left;width: 30px;padding-left: 0px;}
.searchCodeTable{width:100%}
.searchCodeTable th {background: #fff;font-size: 1.5em;text-decoration: underline}
.searchCodeTable td {background: #fff;border-bottom: 1px solid #ccc;}

#weAcceptPOs{padding:5px 0px;}

.boldText{
	font-weight:bold;
}

.hype{
}

.freeSample{
	text-align:center;
	padding: 5px, 0px;
}

.prodLink{color:rgb(20, 134, 197); font-weight:normal;/*color:#444;*/}
.rowProdLink{color:#065BB6; font-weight:bold;/*color:#444;*/}
.idxIcon{font-size:11px; /*text-align:left; float:left;*/ padding:2px 0px; font-weight:bold; height:15px; clear:left;}
.refine{width:150px; max-height:150px; min-height:50px;
float:left;}

.specDiv{max-height:400px; overflow:auto;}

#prodPageHeader{min-height:150px;}

#linkedFrom {
border: rgb(253, 233, 0) 2px solid;
max-width: 500px;
padding: 10px;
}

.refinements{float:left; line-height:1.6em; padding-bottom:20px; padding-left:5px;}

.discon{color:#B50000; font-weight:bold;}

.searchibc{font-weight:normal;}

.refinementLink{list-style:none; line-height:1.8em; color:black; link:black;}

.videoPlay1{position: relative;left: 50%;transform: translate(-95%, -50%);z-index: 1;}
.videoPlay2{transform: translate(-25%);width: 150px;height: 150px;}

/**NEW FOOTER **/
#footerlinks{width:100%;margin:auto;}
.footerdiv {vertical-align:top;float:left;width:23%;min-width:225px;padding-left:15px;}
.footerdiv ul{margin-top:0px;margin-bottom:10px;list-style:outside none none;margin-left:-40px}
.footerdiv li{margin-top:4px; font-size:13px}
.footerdiv li:hover a {text-decoration: underline;color: red}
.footerdiv a:link, a:visited {text-decoration: none;}			
.footerdiv h2{margin:5px 0px; }
.footerHolder{background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 50%);width:100%; clear: left;}
.footerSocial{margin-right: 15px;opacity: 0.8;}
.footerSocial:hover{cursor: pointer; opacity: 1;}
.footer2{padding: 32px;display: inline-block;}
.footer3{color:#065BB6; display: inline-block; width: 100%;text-align:center}
.footer4{font-family: century gothic;position: relative;color: #004793;padding: 0px;top:10px;margin: 0px 30px;}
.ColumnHead {margin-top: 10px;display: block;font-size: 1.2em;font-weight: bold}
.FooterPhone {margin: -5px 0px;font-size: 32px;font-family: century gothic;font-weight: 900;transform: scale(1, 1.2);display: block;}
.FooterPhoneSmall{margin: 5px 0px 0px;font-size: 15px;font-weight: bold;display: block;}
.FooterPhone a:link {color: black;text-decoration: none;}
@media screen and (max-width: 1045px){.footer2 {display:none}}
/************END NEW FOOTER**************/


ul.polices {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.polices li {
		float: left;
		width: 32%;
		margin: 5px 0px;	
}

ul.polices li a {
    display: block;
	color: rgb(6, 91, 182);
	font-weight: bold;
	font-size: 16px;
}

ul.polices li.right {float: right;}

@media screen and (max-width: 700px){
    ul.polices li.right, ul.polices li {float: none;width: 100%;margin:15px 0px;}
}

ul.polices-2 {
    list-style-type: none;
	margin-left:15px;
	padding-left:0px;
		
		
}

ul.polices-2 li {
	width: 100%;
	margin:3px 0px;
}

ul.polices-2 li a {
	font-size:14px;
	font-weight: normal;
	color: black;
}

.contact-box {
	background: rgb(249, 249, 249) none repeat scroll 0% 0%; 
	border: 1px solid rgb(216, 216, 216); 
	box-shadow: 0px 5px 15px -7px rgb(153, 153, 153); 
	width: 200px;
	padding: 10px;
	position: fixed;
  left: 50%;
  margin-left: 265px;
  z-index: 2;
}
@media screen and (max-width: 900px){
   .contact-box {display:none}
}

.policy{width:70%;}

@media screen and (max-width: 900px){
   .policy {width:70vw}
}
/*****************************Forms Popup***************************/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
		float: right;
    background-color: #fefefe;
    padding: 0;
    border: 1px solid #888;
		width: 100%;
    max-width: 600px;
    height: 75%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {right:-300px; opacity:0} 
    to {right:0; opacity:1}
}

@keyframes animatetop {
    from {right:-300px; opacity:0}
    to {right:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
		position: relative;
		margin-top: -45	px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 0px 8px;
    color: white;
    height: 30px;
		background: #e70101; /* Old browsers */
		background: -moz-linear-gradient(top, #e70101 50%, #920000 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #e70101 50%,#920000 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #e70101 50%,#920000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e70101', endColorstr='#920000',GradientType=0 ); /* IE6-9 */
}

.modal-body {
	position:absolute;
	left: 0px;
    right: 0px;
    bottom: 0px;
    top: 30px;
}
/*****************************End Forms Popup***************************/


#fadeOut{position:absolute}
.siteWelcome {
    position: fixed;
    font-size: 2em;
    color: #fff;
    font-weight: 900;
    width: 100%;
    text-align: center;
    background: #0009;
    top: 0;
    left: 0;
	bottom: 0;
    display: none;
    z-index: 100;
}
.siteWelcome p {
    padding: 20px 20px 40px 20px;
    margin: 10% 20%;
    box-shadow: 5px 5px 10px #0009;
	display: none;
}
.siteWelcome img {
	margin-bottom: -.3em;
    max-width: 276px;
	position: relative;
}
.ozn img {
    width: 7em;
}
.ggg img {
    width: 8em;
	left: 8px;
}
.siteWelcome .bottom {
    display: block;
    border-top: 1px solid #00000020;
    font-size: .8em;
    font-weight: 400;
    line-height: initial;
	margin-top: 20px;
    padding-top: 20px;
}
.siteWelcome .top {
    display: block;
    line-height: initial;
	font-size: 1.2em;
	font-weight: 400;
    padding-bottom: 20px;
	font-style: italic;
}
.siteWelcome .bottom a {
    color: #fff;
}
button.welcomClose {
    position: fixed;
    top: 1%;
    right: 2%;
    padding: 5px 15px;
    background: none;
    border: none;
    font-size: 1.5em;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    font-family: tahoma;
    text-shadow: 5px 5px 10px #000000;
}
button.welcomClose:hover {
    margin: -3px 0px 0px -3px;
    text-shadow: 7px 7px 10px #000000;
    transition: .2s;
}
.welcomeBar {
    background: #5073f5;
    position: fixed;
    top: 0;
    width: 0%;
    left: 0;
    height: .3em;
    border-right: 1px solid;
}
.welcomeBar2 {
    width: 100%;
    transition: 15s linear;
}
@media screen and (max-width: 1400px){
	.siteWelcome p {margin: 10%;}
}
@media screen and (max-width: 700px){
	.siteWelcome {font-size: 1.2em;}
}
.fade{
	display:none !important;
	transition: all .5s;
}
#siteWelcome{
	visibility: visible;
	opacity: 1;
	transition: visibility 0.5s, opacity 0.5s linear;
}


/***************************** Mobile Views ***************************/
@media screen and (max-width: 1000px){
	div.centerpromo{margin-left: 35%}
}
@media screen and (max-width: 890px){
	.TiledView .idxProdDiv{width:45%;}
	.ListView  .idxProdDiv{width:95%;}
	.heroImageOne{display:none}
	.heroImageTwo{width:100%}
}

@media screen and (max-width: 700px){
	#mainWrapper{border-left:none;border-right:none;border-bottom:none;box-shadow:none}
	h1 {font-size: 1.5em;}
	h2 {font-size: 1.2em;line-height: 1.2;}
	h2.subhead {padding-top: 10px;}
	#sidebarMainDiv {position:absolute;width:100%}
	.sidebarLeft{width:300px;overflow-x: hidden;}
	#masthead {display:none}
	#prodHype {width:100%}
	#idxBadges {display:none}
	.mobile-header {display:block;}
	.badges {display:none;}
	#weAcceptPOs {display:none;}
	#imageResources {width:100%}
	.qty{display:none;}
	.lease{display:none;}
	.idxTD3 {min-height: 0px;}
	.idxTD4 {position: absolute;right: 0;}
/*	.hide {display: none;}
	.show {display: block;}
	.mobileSidebarShadow {position:absolute;width:100%;height:100%;background-color:#00000050;top:0px;z-index:5} */
	/*ul.dropdown li:hover > ul {position:fixed}*/
	.IndexToggleView{display:none}
	a.dropdownMainCat {pointer-events: none}
	.MainCatHypeMore {display: block;}
	.ReadMore {max-height: 2000px !important; transition: max-height 2s;}
	.MainCatHype {position: relative; overflow: hidden; border-bottom: 10px solid #fff; max-height: 200px; padding: 0 0 25px 0;width: 100%; transition: max-height 2s;}
	.ReadMore a.MainCatHypeMore::before {content: '— see less —'; background: white; padding-top: 0; bottom: 0px; top: auto;}
	a.MainCatHypeMore::before {font-size: 1.2em; color: #065bb6; padding-top: 95px; text-align: center; position: absolute; bottom: 0px; width: 100%; background: -webkit-linear-gradient(#fff0, #fff); background: linear-gradient(rgba(0,0,0,0), #fff); border-bottom: 1px solid #ccc; content: '— see more —';}
	#footertext{width: 96%;padding: 20px 5px}
	a.dropdownindexHype {pointer-events: none}
	.indexHypeMore {display: block;}
	.indexHype {position: relative; overflow: hidden; border-bottom: 10px solid #fff; max-height: 200px; padding-bottom: 25px; transition: max-height 2s;}
	.ReadMore a.indexHypeMore::before {content: '— see less —'; background: white; padding-top: 0; bottom: 0px; top: auto;}
	a.indexHypeMore::before {font-size: 1.2em; color: #065bb6; padding-top: 95px; text-align: center; position: absolute; bottom: 0px; width: 100%; background: -webkit-linear-gradient(#fff0, #fff); background: linear-gradient(rgba(0,0,0,0), #fff); border-bottom: 1px solid #ccc; content: '— see more —';}
	
	.ratingCustomer {width: 100%}
	.ratingReview {width: 100%;padding-right:inherit}
	
	.brandSearch, .SBcontact, #siteseal {display:none}
	.lamFAQright img {width: 50%;}
	.lamFAQright {text-align: center;}
}

/***************************** End  Mobile Views ***************************/