﻿
/*************************
*******Typography******
**************************/
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(//fonts.googleapis.com/css?family=Abel);
@font-face {
    font-family: 'AvenirRegular';
    src: url('/css/font/avenir-95-black-webfont.eot');
    src: url('/css/font/avenir-95-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/avenir-95-black-webfont.woff') format('woff'),
         url('/css/font/avenir-95-black-webfont.ttf') format('truetype'),
         url('/css/font/avenir-95-black-webfont.svg#AvenirRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: 'Roboto', sans-serif;
  background:;
  position: relative;
  font-weight:400px;
}

ul li {
  list-style: none;
}

a:hover {
outline: none;
text-decoration:none;
}

a:focus {
  outline:none;
  outline-offset: 0;
}

a {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.home-slider > div {
	border-top: 2px solid #0067b1;
    border-bottom: 2px solid #0067b1;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
}
#Header1_lnkMyAccount { display: none; }
.btn:hover, 
.btn:focus{
  outline: none;
  box-shadow: none;
}
#contentArea .col-md-11 ul li { list-style: outside; margin-left:35px; }
.navbar-toggle {
	margin-right: 0px; 
  background-color: #fff;
  border: 1px solid #007dc3;
}

a#scrollUp {
  bottom: 0px;
  right: 10px;
  padding: 5px 10px;
  background: #FE980F;
  color: #FFF;
  -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite;
}

a#scrollUp i{
  font-size: 30px;
}

.container { 
	background-color: white;
	border-right: 1px solid #b3b3b3 !important; 
	border-left: 1px solid #b3b3b3 !important;
	box-shadow: 0px 5px 2px 2px #c7c7c7;
}
.container .container {
    background-color: white;
    border-right: 0px !important;
    border-left: 0px !important;
    box-shadow: 0px !important
}
#footer-bottom .container { 
	box-shadow: 0px 4px 2px 2px #c7c7c7;
    margin-bottom: 25px;
	border-bottom: 1px solid #b3b3b3 !important;
}

body { background-color: #F1F1F2; }
.navbar-nav>li>a { padding: 0 10px !important; background: transparent !important; font-size: 12px; }
#Header1_lblWelcome { font-size: 12px; }
.logo img { margin-top: 10px; }
.nav.navbar-nav { margin-top: 10px; }
.category-products .panel { border: 0px; border-radius: 0px; }
#weship {
	background-color: #0067B1;
    padding: 2px 8px;
    font-size: 10px;
    color: white;
    top: 35px;
    position: absolute;
    border-radius: 10px;
    margin-right: 135px;
}
.menu_btm_img {
    margin: 0;
    background: url(../icon-cart.jpg) no-repeat;
    width: 45px;
    height: 48px;
    display: inline-block !important;
	margin-right: 18px;
}
.panel-group .panel-heading+.panel-collapse .panel-body {
	border: 0px !important;
}

#HomepageCenter.row, #HomepageCenter.row .row { margin: 0 !important; }
.CategoryList .title { margin-top: 0px; }
.CategoryList2 .row { margin: 0px; }
.panel { bow-shadow: none; }
#footer-bottom .img-responsive { display:inline-block; }
#CenterRight.row, #CenterRight.row .row { margin: 0; }
.containerClass .home-slider { 
	margin: 0; 
	border-top: 2px solid #0067b1;
    border-bottom: 2px solid #0067b1; 
}
.home-slider .carousel { height: 352px; }
.home-slider .text {
    color: #636466;
    position: absolute;
    z-index: 15;
    width: 460px;
}
.carousel-control { background-image: none !important; } 
.item .left { position:relative; left: 7vw; }
.item .text.left { position: absolute; top: 20px; left: 10vw; }
.item .right { position:relative; left: 45vw; }
.item ul {
	padding-left: 16px;
}
.item ul li { 
	line-height: 20px;
	color: #636466;
	list-style-type: disc;
    padding-left: 0px;
}
.item .text.right { position: absolute; top: 20px; }
.item a { text-decoration: none; }
.item .text h2 {     
	color: #636466;
    font-size: 2.6em;
    font-family: 'AvenirRegular', Arial, Helvetica, sans-serif;
}
.item .text a.button {
    background-color: #007dc3;
    border-radius: 3px;
    height: 38px;
    display: inline-block;
    width: 100px;
    text-align: center;
    line-height: 36px;
    color: white;
}
.containerClass.row { margin: 0; }
#homeright h2 { 
	background-color: #007DC3;
    color: white;
    font-size: 24px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 24px;
    padding: 14px 10px 10px 14px;
}
#homeleft h2 { 
	background-color: #007DC3;
    color: white;
    font-size: 24px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 24px;
    padding: 14px 10px 10px 14px;
}
#homeleft ul { padding: 0; }
#homeleft ul li a{
	display:block;
	list-style: none;
    border: 1px solid #007dc3;
    padding: 8px 10px;
    margin-bottom: 5px;
    background-color: #F1F1F2; 
}
#homeleft ul li:hover { background-color:white; }
#homeleft h3 { margin: 0 0 8px 0; }
#homeleft h3 a { 
	font-size: 18px;
    font-weight: 600;
    color: #636363;
}

#footer a:hover, #footer a.active {
    color: #007dc3 !important;
}
#footer-bottom {  }
.mobilesmall { margin: 0 !important; width: 100px !important; padding: 0px !important; }
.mobile-small, .mobile-small a { font-size: 12px; padding-bottom: 8px; }
#maincontent { padding-top: 10px; border-top: 2px solid #0067b1; }
#maincontent.container { margin: 0px !important; width: 100%; box-shadow: 0px 0px 0px 0px white; padding-left: 0px; padding-right: 0px; padding-bottom: 25px; }
#maincontent.container > .row:first-child { margin: 0px; }
#ucContentMiddleCenter_divCategoryMain .row { margin: 0px; }
.CategoryPGPager { margin-right: 0px !important; }
.CategoryPGPager span span, .CategoryPGPager span a { display:inline-block; vertical-align: bottom; }
.CategoryPGPager span a img { display:inline-block; }
#ucContentMiddleCenter_divCategoryMain > .row > .col-sm-12 { padding: 0px; }
#ucContentMiddleCenter_pnlProductPlaceholder { margin-left: -15px; margin-right: -15px; }
#ucContentMiddleCenter_pnlProductPlaceholder .col-md-12 { padding: 0px; }
.category-products .panel-heading .panel-title { font-size: 13px; }
.panel-default>.panel-heading { padding: 5px; margin-bottom: 3px; border-bottom: 1px dotted #428bca; } 
.category-products .panel-group:last-child .panel-default>.panel-heading { border-bottom: 0px; }
.category-products .badge { display:none; }

.CategoryList .category-products .panel-group:nth-child(20):before {
    color: #3C3C3C;
    content: "Industry Solutions";
    display: block;
    border-bottom: 1px solid grey;
    font-size: 14px;
    font-weight: 600;
	padding-top: 15px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.CategoryList .category-products .panel-group:nth-child(7):before {
    color: #3C3C3C;
    content: "Additional Products";
    display: block;
    border-bottom: 1px solid grey;
	padding-top: 15px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.CategoryList .category-products .panel-group:first-child:before {
    color: #3C3C3C;
    content: "Popular Searches";
    display: block;
    border-bottom: 1px solid grey;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
#subBannerText h1 { color:white !important; font-size: 35px; font-family: 'Segoe UI',Helvetica,sans-serif; font-weight: 600; }
#subBannerText p { color: #D4D4D4; margin: 0px; text-transform: uppercase; }
#ucContentMiddleCenter_lblName, #slider .item h1, h1, #contentAreaWrap h2, .col-sm-9 h2, #ucContentMiddleCenter_TitleLabel, #contentArea h3, #mainContent h2 {
	color: #007dc3 !important;
    font-size: 22px;
    font-weight: bold;
}
.GB_header { top: 0px !important; }
#ProductDescription:before { content: 'Cat# '; font-weight: 500;  }
.nav-tabs .ProductPropertyLabel.active {
	background-color: #0067b1;
    color: white;
}
.nav-tabs .ProductPropertyLabel {
	cursor: pointer;
	transition: 0.5s;
    border: 1px solid #0067b1;
	height: 40.91px;
    padding: 10px !important;
    text-align: center;
	margin-right: -1px;
	width: 175px;
    display: inline-block;
}
.padding-top { padding-top: 20px; }
.nav-tabs .ProductProperty {
	width: 100%; 
	display:none !important;
	background-color: white; 
    display: block;
    border: 1px solid #0067b1;
    padding: 16px;
	margin-top: -1px;
}
html .WebPageMessageWarning, html .WebPageMessageQuestion {
	color: #ffffff;
    background-color: #ed184f;
    padding: 2px 10px;
    border-color: #ffffff;
}
.nav-tabs .ProductProperty.active {
	display:block !important;
}
#Sorter {
	padding: 0px; 
}
.singleProductInnerContainer { line-height: 1.2; padding-bottom: 55px; }
.colorSwatch {
    display: none;
}
.SingleProductDisplayUOM { 
	color:gray;
    font-size: 12px;
}
.productImage { padding-top: 10px; }
.gridprice a{ color:#2d2d2d; font-size: 18px; }
.gridtitle { padding: 0 10px; }
#mainMenu { padding: 0px; }
#mainMenu > li > a { line-height: 40px; text-decoration:none !important; }
#mainMenu > li:hover, #mainMenu > li:hover > a { background-color: #007dc3 !important; color: white; }
#mainMenu > li { border-right: 1px dotted #0067b1; }
#mainMenu > li:last-child { border-right: 0px; }
#mainMenu > li ul { display:none; position: absolute; }
#mainMenu > li:hover ul {
	display: block !important;
    z-index: 20;
    width: 260px;
    padding: 12px;
    border: 1px solid #007dc3;
	border-top: 4px solid #007dc3;
    border-bottom: 4px solid #007dc3;
    background: white;
}
#mainMenu > li:hover ul li a {
	display:block; padding: 4px 0; border-bottom: 1px solid white;
}
#mainMenu > li ul li a:hover {
	border-bottom: 1px solid #007dc3;
}
.BreadCrumbSpacer, .BreadCrumbTrailSpacer { margin-bottom: 10px !important; }
#MenuLevel2 { display: inline-block; }
#maincontent > br, .col-sm-12 > br { display:none; }
#mainContent ul { padding: 0px; }
#subBannerPhoto {  
	height: 125px;
	position: absolute;
    top: 0;
    right: 15px;
}
#subBannerText { 
	height: 128px;
    border-bottom: 3px solid #c9e3a6;
    padding: 20px;
    position: relative;
    background-color: #0067b1;
}
.container > br { display: none; }
#ucContentMiddleCenter_dlPolicy { margin-bottom: 30px; }
#ucContentMiddleCenter_dlPolicy a { text-decoration: none !important; }
#ucContentMiddleCenter_dlPolicy tr:first-child td { background: #0067b1; padding: 10px 5px; }
#ucContentMiddleCenter_dlPolicy tr:first-child td a h1 { color: white !important; cursor: default;  }
#ucContentMiddleCenter_dlPolicy tr:nth-child(15) td { background: #0067b1; padding: 10px 5px; }
#ucContentMiddleCenter_dlPolicy tr:nth-child(15) td a h1 { color: white !important; cursor: default;  }
#ucContentMiddleCenter_dlPolicy tr:nth-child(25) td { background: #0067b1; padding: 10px 5px; }
#ucContentMiddleCenter_dlPolicy tr:nth-child(25) td a h1 { color: white !important; cursor: default;  }
#ucContentMiddleCenter_dlPolicy tr:nth-child(37) td { background: #0067b1; padding: 10px 5px; }
#ucContentMiddleCenter_dlPolicy tr:nth-child(37) td a h1 { color: white !important; cursor: default;  }
#ucContentMiddleCenter_dlPolicy td { border: 1px dotted black; padding: 5px; }
#ucContentMiddleCenter_dlPolicy td * { margin: 0px; }
#ucContentMiddleCenter_lblContent > p { display:none; }
#subBannerText div { position: relative; z-index: 10; margin-right: 600px; text-align: right; }
#subNav { width: 25%; float: left; margin-top: 20px; padding-right: 25px; }
#contentAreaWrap { width: 75%; float: right; }
.CustomerServiceMenuItems { padding: 0px; }
#subNav .current a, #dynSubMenu .current a { color: #0067b1; font-weight: 900 !important; }
#subNav ul li, .CustomerServiceMenuItems li { border-bottom: 1px dotted #0067b1; padding: 5px 0; line-height: 1.4 !important; font-weight: 400 !important; }
#subNav ul li:last-child, .CustomerServiceMenuItems li:last-child  { border-bottom: 0px; }
.lstMyAccountMenu, #Custom { border: 0px !important; padding: 0px !important; }
#mainContent >  #contentAreaWrap:first-child { width: 100%; }
h2.title.text-center { margin-top: 0px; text-align: left; }
.border-top { border-top: 2px solid #0067b1; padding-bottom: 10px; }
.form-div { width: 100%; }
.NewAddress .img-responsive { display:none; }
.NewAddress .row { margin: 0px; }
.NewAddress > div:nth-child(even) { background-color: lightgray; }
.NewAddress > div:nth-child(odd) { border-right: 1px solid lightgray; border-left: 1px solid lightgray; }
.NewAddress > div { padding-top: 8px; }
.NewAddress > div:first-child { border-top: 1px solid lightgray; }
.AffiliateSignupMargin { margin: 0px; border-right: 1px solid lightgray; border-left: 1px solid lightgray; border-bottom: 1px solid lightgray; margin-bottom: 30px !important; }
.AffiliateSignupMargin .row:nth-child(even) { background-color: lightgray; }
.AffiliateSignupMargin .row:last-child { background-color: white; }
.AffiliateSignupMargin .row { padding: 8px 0; }
#ucContentMiddleCenter_AddressControl1_lstCountry, #ucContentMiddleCenter_AddressControl1_txtAddressID, #ucContentMiddleCenter_AddressControl1_lstState { width: 100% !important; }
#ucContentMiddleCenter_lstReason { padding: 0px; } 
#ucContentMiddleCenter_lstReason li { display: inline-block;  width:49%; } 
.radio-inline input[type="radio"] { margin: 4px !important; }
#ucContentMiddleCenter_lstReplacement { width: 100%; padding: 0px; }
.ReturnFormReasonList label { width: 100%; }
#ucContentMiddleCenter_lstReplacement tr { display: inline-block; width: 100px; }
.lstMyAccountMenu a, #Custom a {     
	color: #428bca;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.4; 
}
.lstMyAccountMenu li, #Custom li { 
	border-bottom: 1px dotted #0067b1;
    padding: 5px 0;
    line-height: 1.4 !important;
    font-weight: 400 !important; 
}
.MyAccountMenuLast { border-bottom: 0px !important; }
#ucContentMiddleCenter_pnlSearchOrder { padding: 0px; }
#ucContentMiddleCenter_lblTotal2 { margin-bottom: 25px; display:inline-block; }
#mainMenu > li > a.actuator:before { content: 'Go to ADMIN'; }
#mainMenu > li > a.actuator { 
	background: #fbaf3f !important;
    color: white;
    font-weight: 900;
}
#mainMenu > li > a.actuator img { display:none; }
#ucContentMiddleCenter_pnlSearchBox div { padding: 0px; }
#mainMenu > li ul { margin: 0 !important; }
.carousel-inner { height: 100%; }
.hidden-md-up { display: none !important; }
.item .left.img-responsive {
	left: 50px;
	right: auto;
}
.item .right.img-responsive { 
	position: absolute;
    right: 0px;
	left: auto;
}
.item .text.right {
	right: 70px;
	left: auto;
}
.item .text.left {
	left: 50px;
	right: auto;
}
span.certslide { 
display: inline-block;
    position: relative;
}
span.certslide a {
    display: none;
    position: absolute;
    right: -60px;
    bottom: 10px;
    width: 150px;
    height: 150px;
    cursor: pointer;
    text-indent: -1000px;
}
#carousel-slide .item h1 { margin-top: 30px; font-size: 42px; color:#636466 !important; font-family: 'AvenirRegular', Arial, Helvetica, sans-serif; }
#homeleft .CustomHTML h2 a { color: white; }
.img-responsive.float{
	display:inline-block;
}
.styledblue tr:nth-child(odd) {
    background: #e9ebf5;
    font-size: 13px;
}
.styledblue tr:nth-child(even) {
    background: #cfd5ea;
    font-size: 13px;
}
.styledblue {
	margin-bottom: 20px;
}
.freefloat {
    display: inline-block;
    width: 280px;
    margin: 10px;
    float: right;
    padding: 14px;
    background-color: #cae4f3;
    box-shadow: 1px 1px 3px #808080;
    font-size: 14px;
}
.styledblue tr:first-child {
	border-bottom: 4px solid white;
    background: #4472c4;
    color: white;
    font-size: 13px;
}
.styledblue tr:first-child * {
	font-weight: 400;
    color: white;
    font-size: 13px;
    vertical-align: middle;
    margin: 0;
}
.styledblue tr:first-child td {
    padding: 8px;
    border: 1px white solid;
}
.styledblue td {
    padding: 7px 8px;
    border: 1px white solid;
}
.styledblue td p {
	margin:0px;
}
@media (max-width: 992px) {
	#subBannerPhoto { display:none; }
	#subBannerText div { margin: 0; }
	#subBannerText h1 { font-size: 28px; }
	.img-responsive.float{ max-width: 33% !important; }
	.img-responsive.float:nth-child(4){ max-width: 45% !important; }
	.img-responsive.float:nth-child(5){ max-width: 55% !important; }
}
#homeleft h2 a:hover {
	color: lightgray;
}

@media (min-width: 768px) {

	.home-slider .text { background-color: rgba(255,255,255,0.8); width: auto; padding: 15px; } 
}

@media (max-width: 767px) {
	.hidden-md-up { display: block !important; }
	
	.mobile-single-product { text-align: center; }
	#ucContentMiddleCenter_divOrderQty { text-align: left; padding-top: 20px; margin-top: 15px; border-top: 1px solid #b3b3b3; }
	#ucContentMiddleCenter_divProductSide { display:none; }
	#ucContentMiddleCenter_ZoomLink { display:none; }
	#ucContentMiddleCenter_divUOMDisplay { text-align: left; }
	#ucContentMiddleCenter_divUOMDisplay select { margin-top: 10px; }
	#ucContentMiddleCenter_lblQuantity { padding-top: 12px; }
	#mainMenu > li:hover ul li a { border-bottom: 0px; }
	#ProductName { text-align: center; }
	#VolumeDiscounts { text-align: left; }
	#ucContentMiddleCenter_CategoryDescription, #RecordsFound { display:none; }
	.btn.btn-primary { width: 100%; line-height: 60px; }
	.trigger-1 , .trigger-2 { font-weight: 700; }
	.trigger-1.active , .trigger-2.active { background: #4c4c4c; }
	.trigger-menu a { width: 49%; color: #4c4c4c; display: inline-block; font-size: 20px; text-decoration:underline; line-height: 1.6; text-transform: uppercase; font-weight: 700; vertical-align: top; }
	.trigger-menu a:nth-child(even){ padding-left: 20px; }
	.trigger-menu a[data-toggle]{ display:none; }
	.radius-btn { border-radius: 5px !important; }
	.addCartButtonInner .btn.btn-primary { line-height: 2; margin-bottom: 0px; }
	.respondInput { width: 100%; }
	.trigger-menu h4.panel-title { width: 50%; display: inline-block; }
	.trigger-menu .pull-right { display: none; }
	#ucContentMiddleCenter_ProductPageContainer .col-sm-12 { text-align:center; }
	.item .text.right { left: 0; padding: 20px; background: white; width: 100%; text-align: center; position:relative; } 
	.item .text.left { left: 0; padding: 20px; background: white; width: 100%; text-align: center; position:relative; } 
	#MenuLevel2 { display:none; }
	.carousel-inner img { display:none !important; }
	#mainMenu > li:last-child { margin-bottom: 0px; }
	#subNav { width: 100%; float: none;  }
	#contentAreaWrap { width: 100%; float: none; }
	#homeleft { display: none; }
	.guarantee h2, .title { display:none !important; }
	.guarantee { padding-top: 15px; }
	.item ul { padding-bottom: 15px; }
	.item ul li { list-style: none; }
	.text-center { text-align: left; }
	.mainmenu ul li { background-color: transparent !important; border-right: 0px !important; padding-top: 0 !important; display: block; padding-top: 0px;}
	.mainmenu ul li a { color: white !important; }
	#mainMenu > li {  margin-bottom: 8px;  border-bottom: 1px solid #3e92c1;  }
	#mainMenu > li > a { line-height: 24px !important; font-size: 18px; font-weight: 900; }
	#mainMenu > li > ul a { font-size: 12px; }
	#mainMenu > li ul { display:block; position:relative; margin: 0 -15px 0 -15px !important; }
	#Header1_lnkCustomerService, #Header1_lnkQuickOrderEntry, #Header1_lnkSearch { display: none; }
	.header-bottom { z-index: 100; }
	#mainMenu > li:hover ul, #mainMenu > li ul { width: auto; border: 0px; border-top: 1px solid #007dc3; border-bottom:4px solid #007dc3; padding: 0  11px 5px 11px; background: transparent; }
	.logo.pull-left { float: none !important; }
	.shop-menu .nav.navbar-nav { margin: 0 !important; }
	#miniCart { padding-left: 15px !important; }
	.nav > li { display: inline-block; }
	.mainmenu ul li:last-child { border-bottom: 0px !important; padding-bottom: 0px !important; }
	.navbar-toggle .icon-bar+.icon-bar { margin-top: 5px; }
	#subBannerText { height: 80px; }
	#subBannerText h1 { margin: 0px; }
	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		background: #007dc3;
		height: 2px;
		border-radius: 1px;
	}
	#mainMenu > li ul li a {
	font-weight: 700;
	text-transform: uppercase;
    display: block;
    padding: 4px 0;
    border-bottom: 0px;
}
	#subBannerPhoto {  display:none; }
	#mainMenu > li:hover, #mainMenu > li:hover > a { background-color: transparent !important; color: white; }
	.container { box-shadow: 0px 2px 1px 1px #c7c7c7; }
	#mainMenu ul li:first-child { display:none !important; }
	.nav-tabs .ProductPropertyLabel { background-color: #0067b1; color: white; }
	.nav-tabs .ProductPropertyLabel, .nav-tabs .ProductProperty { display: inline-block !important; width: 100%; }
}
@media (max-width: 420px) {
	.btn.btn-primary { line-height: 35px; font-size: 12px; }
	.trigger-1, .trigger-2 { padding: 0px; }
	.mobile-header-menu { padding: 0 5px !important; }
	#headerToggle, .welcome-nav { font-size: 12px !important; }
	.trigger-1-header, .trigger-2-header { font-size: 16px; }
	.trigger-menu a { font-size: 14px; vertical-align: top; }
	.expanded { padding: 0px; }
	.radius-btn { border-radius: 0px !important; }
	.nav.navbar-nav { padding: 10px !important; }
}