﻿@font-face {
    font-family: 'mnairlight';
    src: url('fonts/mnairlight-webfont.eot');
    src: url('fonts/mnairlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mnairlight-webfont.woff') format('woff'),
         url('fonts/mnairlight-webfont.ttf') format('truetype'),
         url('fonts/mnairlight-webfont.svg#mnairlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* This stylesheet generated by Transfonter (https://transfonter.org) on August 18, 2017 5:26 PM */

@font-face {
	font-family: 'Monotype Corsiva';
	src: url('fonts/MonotypeCorsiva.eot');
	src: url('fonts/MonotypeCorsiva.eot?#iefix') format('embedded-opentype'),
		url('fonts/MonotypeCorsiva.woff2') format('woff2'),
		url('fonts/MonotypeCorsiva.woff') format('woff'),
		url('fonts/MonotypeCorsiva.ttf') format('truetype'),
		url('fonts/MonotypeCorsiva.svg#MonotypeCorsiva') format('svg');
	font-weight: normal;
	font-style: italic;
}
/* This stylesheet generated by Transfonter (https://transfonter.org) on August 18, 2017 7:04 PM */

@font-face {
	font-family: 'Impact';
	src: url('fonts/Impact.eot');
	src: url('fonts/Impact.eot?#iefix') format('embedded-opentype'),
		url('fonts/Impact.woff2') format('woff2'),
		url('fonts/Impact.woff') format('woff'),
		url('fonts/Impact.ttf') format('truetype'),
		url('fonts/Impact.svg#Impact') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
    /*overflow-x:hidden;*/
    -webkit-overflow-scrolling: touch;
    
}
a{
    cursor:pointer;
}

#body{
    margin-top:20px;
    font-family:Tahoma;
    
}
.g3placeholder{
    height:10000px;
}

/*////////////////////////////////////////////////////////////////*/
/* Fonts and Font Styles */
/*////////////////////////////////////////////////////////////////*/
.mnairfont{
    font-family: 'mnairlight', Arial, sans-serif !important;
}
a.mnairfont, 
a.mnairfont:hover, 
a.mnairfont:visited{
    text-decoration:none;
}
.serif{
    font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
}
.sans-serif{
    font-family:Tahoma;
}
.monospace{
    /*font-family:'Courier New';
    font-variant:small-caps;
    letter-spacing:1px;*/
    font-family:'Lucida Console', monaco, monospace;
}
.fngc-font{
    font-family:'Monotype Corsiva';
    font-weight: normal;
    font-style: italic;

}

a.fngc-font, 
a.fngc-font:hover, 
a.fngc-font:visited{
    text-decoration:none;
}
.bold-font{
    font-family:'Impact';
  font-weight: normal;
    font-style: normal;


}
a.bold-font, 
a.bold-font:hover, 
a.bold-font:visited{
    text-decoration:none;
}
.normal{
    font-weight:normal;
}
.small-caps{
    font-variant:small-caps;
}
.elips {
    white-space:nowrap;
    text-overflow:ellipsis !important;
    overflow:hidden;
}
/*////////////////////////////////////////////////////////////////*/
/* Fonts Sizes */
/*////////////////////////////////////////////////////////////////*/
h2.mnairfont {
    font-size:16px;
    font-weight:bold;
}

.small{
    font-size:small;
}
.f8{
    font-size:8px;
}
.f10{
    font-size:10px;
}
.f11{
    font-size:11px;
}

.f12{
    font-size: 12px;
}
.f13{
    font-size:13px;
}
.f14{
    font-size:14px;
}
.f15{
    font-size:15px;
}
.f16{
    font-size:16px;
}
.f18{
    font-size:18px;
}
.f20{
    font-size:20px !important;
}
.f24{
    font-size:24px;
}
.f28{
    font-size:28px;
}
.f30{
    font-size:30px;
}
.f36{
    font-size:36px;
}
.f48{
    font-size:48px;
}
/*////////////////////////////////////////////////////////////////*/
/* Line Heights */
/*////////////////////////////////////////////////////////////////*/
.lh12{
    line-height:12px !important;
}
/*////////////////////////////////////////////////////////////////*/
/* Widths */
/*////////////////////////////////////////////////////////////////*/
.w8{
    width:8%;
}
.w10{
    width:10%;
}
.w15{
    width:15%;
}
.w20{
    width:20%;
}
.w25{
    width:25%;
}
.w30{
    width:30%;
}
.w33{
    width:33%;
}
.w40{
    width:40%;
}
.w50{
    width:50%;
}
.w60{
    width:60%;
}
.w70{
    width:70%;
}
.w80{
    width:80%;
}
.w90{
    width:90%;
}
.w100{
    width:100%;
}
.w50px{
    width:50px !important;
}
.w100px {
    width:100px !important;
}
.w110px {
    width:110px !important;
}
.w120px {
    width:120px !important;
}
.w150px{
    width:150px !important;
}
.w80px {
    width:80px !important;
}
.w90px {
    width:90px !important;
}
.w180px {
    width:180px !important;
}
.w280px {
    width:280px !important;
}
.w300px {
    width:300px !important;
}
.w400px {
    width:400px !important;
}
.w450px {
    width:450px !important;
}
/*////////////////////////////////////////////////////////////////*/
/* Displays */
/*////////////////////////////////////////////////////////////////*/
.hidden{ 
    display:none;
}
.block{
    display:block;
}
.inline{
    display:inline;
}
/*////////////////////////////////////////////////////////////////*/
/* Floats */
/*////////////////////////////////////////////////////////////////*/
.float-left{
    float:left;
}
.float-right{
    float:right;
}
/*TO DO: deprecate*/
.main-logo{
    float:left;
}
.site-title{
    float:left;
    font-size:24px;
}
/*TO DO: deprecate*/
.dark-header{
    background-color:rgba(14,14,14,.5);
    padding:5px 10px;
    color:#fff;
    border-radius:3px 3px 0px 0px
}
/*////////////////////////////////////////////////////////////////*/
/* Input Fields and Labels */
/*////////////////////////////////////////////////////////////////*/
.editor-label label{
}

.editor-field input{  
}


/*////////////////////////////////////////////////////////////////*/
/* Content Alignment */
/*////////////////////////////////////////////////////////////////*/
.center-content{
    text-align:center;
}
.align-content-right{
    text-align:right !important;
}
.align-content-left{
    text-align:left;
}
.align-bottom{
    display:table-cell;
    vertical-align: bottom;
}

/*TO DO: deprecate or rename - confusingly similar to center-content class*/
.centered-content{
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
/*////////////////////////////////////////////////////////////////*/
/* Corner Rounding Styles*/
/*////////////////////////////////////////////////////////////////*/
.round-corners{
    border-radius:3px;
}
.round-corners-med {
    border-radius: 6px;
}
.round-top{
    border-radius:3px 3px 0px 0px;
}
/*////////////////////////////////////////////////////////////////*/
/* Border Styles*/
/*////////////////////////////////////////////////////////////////*/
.line-border{
    border:1px solid black;
}
/*////////////////////////////////////////////////////////////////*/
/* Shadows and Glows */
/*////////////////////////////////////////////////////////////////*/
.small-shadow{
    box-shadow:1px 1px 4px rgba(0,0,0,0.45);
}
.drop-shadow{
    box-shadow:2px 3px 3px rgba(0,0,0,0.6);
}
.drop-shadow-goldenrod{
    box-shadow:2px 3px 3px #ffff00;
}
.drop-shadow-green{
    box-shadow:2px 3px 3px rgb(0,255,26);
}
.bottom-shadow{
    box-shadow:0px 2px 2px rgba(0,0,0,.6);
}
.ts1{
    text-shadow: 1px 1px 0 #000000;
}
.bottom-glow-goldenrod{
    box-shadow:0px 2px 2px rgba(238,160,0, .6);
}
.bottom-glow-white{
    box-shadow:0px 2px 2px rgba(255,255,255, .6);
}
.bottom-glow-green{
    box-shadow:0px 2px 2px rgba(0,255,26, .6);
}
/*TO DO: two .inner-glows, second one was moved from line 799 then commented, looks like this class is applied (on _SearchProducts) but not used*/
.inner-glow{
    box-shadow: 0px 0px  10px rgba(255,255,255,.3) inset;
}
/*.inner-glow{
    box-shadow: 0px 0px 3px rgba(255,0,0,0.6) true;
}*/
.outter-glow-white{
    box-shadow:0px 0px 5px rgba(255,255,255,.6);
}
.text-shadow-large{
    text-shadow: 0px 2px 4px #383838;
}
.text-shadow{
    text-shadow: 0px 2px 4px #383838;
}
/*////////////////////////////////////////////////////////////////*/
/* Button Styles */
/*////////////////////////////////////////////////////////////////*/
.wide-button{
    display:block;
    border:1px solid #000000;
    padding:10px;
    text-align:center;
    cursor:pointer;
    border-radius:3px !important;
}
.short-wide-button{
    display:block;
    border:1px solid #000000;
    padding:5px 10px;
    text-align:center;
    cursor:pointer;
    border-radius:3px !important;
    text-decoration:none;
}
.small-button{
    padding:0px 10px 2px 10px;
    border-radius:3px !important;
    border:1px solid #000;
    cursor:pointer;
}
.submit-button{
    border:1px solid #000000;
    padding:10px;
    text-align:center;
    cursor:pointer;
    width:100% !important;
}
.smaller-button{
    padding:0px 3px 2px 3px;
    border-radius:3px !important;
    border:1px solid #000;
    cursor:pointer;
}
.clear-button{
    background-color:transparent;
    padding:0px;
    border:none;
}
.add-item-button-sr{
display:block;
    border:1px solid #000000;
    padding:5px;
    margin-bottom:5px;
    text-align:center;
    cursor:pointer;
    border-radius:3px !important;
}
.pick-up-button-sr{
display:block;
border:1px solid #000000;
    padding:3px 3px;

    text-align:center;
    cursor:pointer;
    border-radius:3px !important;
}
.ui-datepicker-trigger, .ui-datepicker-trigger:visited {
    color:#30C0FF !important;
    cursor:pointer;
    font-family: 'mnairlight', Arial, sans-serif !important;
    font-size:12px;
    background:none !important;
    border:none !important;
    padding:0px;
}
.ui-datepicker-trigger:hover{
    color:#30C0FF !important;
    text-decoration:underline;
}
.pointer {
    cursor:pointer;
}
/*////////////////////////////////////////////////////////////////*/
/* Divider Styles */
/*////////////////////////////////////////////////////////////////*/
hr.black-divider {
    border: 0;
    height: 1px;
/*margin:10px;*/
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
hr.white-divider {
    border: 0;
    height: 1px;
/*margin:10px;*/
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
}
hr.green-divider {
    border: 0;
    height: 1px;
    /*margin:5px 10px 5px 10px;*/
    background-image: -webkit-linear-gradient(left, rgba(0,255,26,0), rgba(0,255,26,0.8), rgba(0,255,26,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,255,26,0), rgba(0,255,26,0.8), rgba(0,255,26,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,255,26,0), rgba(0,255,26,0.8), rgba(0,255,26,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,255,26,0), rgba(0,255,26,0.8), rgba(0,255,26,0)); 
}
/*TO DO: deprecate*/
.light-box{
    background-color:#fff;
    padding:10px;
    color:#000;
}
/*////////////////////////////////////////////////////////////////*/
/* Layout Styles */
/*////////////////////////////////////////////////////////////////*/
#home-banner{
    position:relative;
    padding:10px 0px;
    top:0px;
    left:0px;
    width:100%;
    box-shadow:1px 1px 4px rgba(0,0,0,0.45);
}
header {
    font-family: 'mnairlight', Arial, sans-serif;
}
/*nav a, 
nav a:hover, 
nav a:visited{
    text-decoration:none;
}
.subnav-background{
    background-image:url("/Content/images/subnav-bar.png");
    background-repeat:repeat-x;
    left:0px;
    width:100%;
}

nav ul li{
display:inline !important;
float:left;
        margin:0px; 
    padding:0px;
    position:relative;

}
nav a{
    display:block; 
    margin:0px; 
    padding: 5px 9px;
    color:#050505;
    font-size:14px;
    border-right:1px solid #5a5a5a; 
    border-left:1px solid #e2e2e2;
    font-weight:bold;
}
nav a:hover{
    background-color:rgba(255,255,255,0.5);
    border-right:1px solid #a6a6a6;
    border-left:1px solid #a6a6a6;
    color:#050505;
}*/
nav ul li.epic-link{
width:60px;
}
.epic-login-info{
padding:10px;
color:#fc0;
background-color:rgba(0,0,0,.95);
}
.epic-login-info p{
color:#fff;
font-family:Tahoma;
}
.epic-login-info strong{
color:#00FF1A;
}
.epic-link .epic-login-info{
position:absolute;
width:400px;
left:-9000px;
z-index:9000;
}
.epic-link:hover .epic-login-info{
/*left:-160px;*/
}
.epic-hover-class{
    left:-160px !important;
}
.subnav-first, 
.subnav-first:hover{
    border-right:1px solid #5a5a5a;
    border-left:0px;
    background-color:rgba(0,0,0,0);
}
.subnav-last, 
.subnav-last:hover{
    border-left:1px solid #e2e2e2;
    border-right:0px;
    background-color:rgba(0,0,0,0);
}
/*////////////////////////////////////////////////////////////////*/
/* Search Bar and Mega Menu Styles */
/*////////////////////////////////////////////////////////////////*/
.search-background-1{
    width:100%;
    height:41px;
    margin-top:20px;
}
.search-background-2{
    /* width dynamically generated */
    height:41px;
    position:absolute;
    right:0px;
    border:1px solid #232323;
}
.search-background-3 {
    /*background-color:#383838; */
	width:960px; 
	height:41px; 
	margin-right:auto; 
	margin-left:auto; 
	position:relative;
}
#catalog-search{
    width:250px;
}
/*TO DO: deprecate*/
#featured-content-container{
    margin-top:20px;
}
#mega-menu {  
    list-style:none;  
    margin:0px auto 0px auto;  
    height:41px;
    line-height:41px;  
    padding:0px 0px 0px 1px;  
   /* background: #383838;*/
    letter-spacing:.08em;  
}  
#mega-menu li {  
    float:left;  
    display:block;  
    text-align:center;  
    position:relative;       
    padding: 0px 10px; 
    border-right:1px solid #000; 
	border-left:1px solid #848484;
} 
#mega-menu li:hover {  
    padding: 0px 10px 0px 10px;  
    background-color:rgba(14,14,14,.94);  
}  
#mega-menu li.no-hover:hover {  
    border-right:1px solid #000; 
	border-left:1px solid #848484;
    padding: 0px 10px 0px 10px;  
    background:none;
}  
#mega-menu li a {  
    font-family:Tahoma;  
    font-size:11px;  
    color: #e2e2e2;  
    display:block;  
    outline:0; 
    text-decoration:none;     
}  
#mega-menu li:hover a.mega-label {  
    color:white;
    text-shadow: 1px 1px 1px #000;    
} 
#mega-menu .menu-last:hover {
	border-left:1px solid #848484;
	background-color:rgba(14,14,14,.94); 
}
#mega-menu .menu-first{
    border-left:0px !important;
}
.dropdown_1column,  
.dropdown_2columns,
.dropdown_cartpreview,  
.dropdown_3columns,  
.dropdown_4columns,  
.dropdown_5columns {  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    border-top:none;
    background-color:rgba(14,14,14,.94);  
} 
.dropdown_1column {
    width: 140px;
}  
.dropdown_2columns {
    width: 280px;
} 
.dropdown_cartpreview {
    width: 280px;
} 
.dropdown_3columns {
    width: 420px;
}  
.dropdown_4columns {
    width: 560px;
}  
.dropdown_5columns {
    width: 700px;
}
#mega-menu li:hover .dropdown_1column,  
#mega-menu li:hover .dropdown_2columns,  
#mega-menu li:hover .dropdown_cartpreview,  
#mega-menu li:hover .dropdown_3columns,  
#mega-menu li:hover .dropdown_4columns,  
#mega-menu li:hover .dropdown_5columns {  
    /*z-index:5000;
    top:auto ;
    text-align:left;  
    padding:0px 10px 0px 10px;
    margin:0px auto;
    border-left:1px solid #000; 
    border-right:1px solid #000;
	border-top:none;
	border-bottom:1px solid #000;
    
    color:white;
    font-size:10px; 
    box-shadow:1px 1px 4px rgba(0,0,0,0.45);*/
} 
#mega-menu li:hover .dropdown_cartpreview{
    /*left:-80px;*/
}
#mega-menu li:hover .dropdown_1column,  
#mega-menu li:hover .dropdown_2columns,  
#mega-menu li:hover .dropdown_3columns,  
#mega-menu li:hover .dropdown_4columns,  
#mega-menu li:hover .dropdown_5columns {
    /*left:-1px;*/
}
.hover-class{
    z-index:5000 !important;
    top:auto !important;
    text-align:left !important;  
    padding:0px 10px 0px 10px !important;
    margin:0px auto !important;
    border-left:1px solid #000 !important; 
    border-right:1px solid #000 !important;
	border-top:none !important;
	border-bottom:1px solid #000 !important;
    /*background-color:rgba(56,56,56,.8);*/
    color:white !important;
    font-size:10px !important; 
    box-shadow:1px 1px 4px rgba(0,0,0,0.45) !important;
    left:-1px !important;
}
.cart-preview-hover-class{
    z-index:5000 !important;
    top:auto !important;
    text-align:left !important;  
    padding:0px 10px 0px 10px !important;
    margin:0px auto !important;
    border-left:1px solid #000 !important; 
    border-right:1px solid #000 !important;
	border-top:none !important;
	border-bottom:1px solid #000 !important;
    /*background-color:rgba(56,56,56,.8);*/
    color:white !important;
    font-size:10px !important; 
    box-shadow:1px 1px 4px rgba(0,0,0,0.45) !important;
    left:-80px !important;
}
/*begin mega menu style fixes*/
.col_1, 
.col_2, 
.col_3, 
.col_4{
    float:left;
    margin-top:0px !important;
}
.col_5{
    margin-bottom:0px !important;
}
.col_1{
    width:130px;
    margin-right:10px;
    margin-bottom:10px;
}
#search-res h2 a, 
#search-parts h2 a, 
#search-cml h2 a{
    line-height:14px;
    font-size:24px;
    text-align:left;
    font-family: 'mnairlight', Arial, sans-serif !important;
    padding-right:0px;
    padding-bottom:5px;
    margin:10px 0px 5px 0px;
    text-shadow:-1px 0px 0 #666, 0px 1px 0 #666;
} 
#search-res h2 a:hover,
#search-parts h2 a:hover, 
#search-cml h2 a:hover{
    /*background-color:#444444;*/
    /*text-shadow:-1px 0px 0 #fc0, 0px 1px 0 #fc0;*/
    /*text-shadow:-.5px 0px 1px #fc0;*/
    color:#fc0;
}
#search-res h3 a, 
#search-parts h3 a, 
#search-cml h3 a{
    line-height:11px;
    font-size:11px;
    text-align:left;
    /*font-family: 'mnairlight', Arial, sans-serif !important;*/
    font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
    padding-right:0px;
    padding-bottom:5px;
    margin:0px 0px 5px 0px;
    color:rgb(0,255,26);
    /*#30C0ff*/
    font-weight:normal;
    border-bottom: 2px ridge #888
}
#search-res h3 a:hover, 
#search-parts h3 a:hover, 
#search-cml h3 a:hover{
    background-color:#222 !important;
}
/*TO DO: deprecate*/
ul.mm-list {
    margin-bottom:10px !important;
}
ul.mm-list li{
    line-height:13px!important;
    float:none !important;
    border:none !important;
    text-align:left !important;
    padding:0px 0px 0px 0px !important;
}
ul.mm-list li:hover{
    color:rgb(200,150,0) !important;
    background-color:none !important;
}
ul.mm-list li a{
    color:#30C0ff !important;
    padding:1px 0px;
}
ul.mm-list li a:hover{
    color:#30C0FF !important;
    background-color:#222 !important;
}
/*////////////////////////////////////////////////////////////////*/
/* Cart Preview Styles */
/*////////////////////////////////////////////////////////////////*/

#cart-preview-container .light-box{
    line-height:14px;
}
.cart-preview-image-container{
    width:50px;
    height:50px;
    text-align:center;
}
.cart-preview-image{
    max-width:40px;
    max-height:50px;
}
.cart-preview-item{
     height:60px;
     border-bottom:1px solid #848484;
     margin-top:10px;
}
.cart-preview-part-number{
    font-size:14px;
    color:#0054A1;
    font-weight:bold;
    float:left;
    clear:both;
}
.cart-preview-quantity{
    margin-left:5px;
    color:#848484;
    float:right;
}
.cart-preview-description{
    float:left;
    font-size:10px;
    text-align:justify;
    font-family:arial;
    clear:both;
}
.ext-label{
    margin-left:5px;
    float:left;
    display:none;
}
.cart-preview-item-content{
    width:210px;
    float:left;
}
.cart-preview-item-price{
    font-weight:bold;
    color:#FF0000;
    font-size:14px
}
/*////////////////////////////////////////////////////////////////*/
/*Cart and Ordering Styles*/
/*////////////////////////////////////////////////////////////////*/
.order-qty-input{
    font-size:18px;
    width:30px;
    margin-bottom:10px;
    text-align:center;
}
/*TO DO: deprecate*/
.add-item-button{
    clear:both;
}
.cart-qty-input{
    width:40px;
    text-align:center;
}

/*////////////////////////////////////////////////////////////////*/
/* _SearchProducts Styles*/
/*////////////////////////////////////////////////////////////////*/

table.spec-summary {
    font-size:13px;
    width:100%;
}
/*TO DO: deprecate*/
.spec-label,
.spec-value{
    font-size:12px;
}
.spec-label{
    margin:5px
}
/*TO DO: delete? deprecate? can't find a class called just label, need to change name if used*/
td.label{
    font-weight:normal;
}
/*TO DO: deprecate*/
.product-info h3{
    color:#0054A1;    
}
/*TO DO: deprecate*/
.part-number{
    float:left;
    font-weight:bold;
    color:#0054A1;
}

/* Animated elipses on loading pricing*/
.dotone {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.dottwo {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
      animation: dot 1.3s infinite;
      animation-delay: 0.2s;
}

.dotthree {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
     animation: dot 1.3s infinite;
     animation-delay: 0.3s;
}

@-webkit-keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1;  }
}

@keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}

/*TO DO: delete? appears in commented section of search-mobile.js and in scripts on details.cshtml*/
.description{
    margin-top:0px;
    clear:both !important;
}
/*////////////////////////////////////////////////////////////////*/
/* _SearchCategories Styles*/
/*////////////////////////////////////////////////////////////////*/

.ctg-box{
    background:#fff;
    margin:10px 10px 0px 10px;
    border-radius:3px;
    height:150px;
}
.tiled-category img{
    max-width:175px;
    max-height:130px;
    margin-top:10px;
}
.tiled-category a.goldenrod:hover{
    text-decoration:none;
}
.category-search-result .darker {
    height:35px;
}

/*////////////////////////////////////////////////////////////////*/
/*Image Styles*/
/*////////////////////////////////////////////////////////////////*/

/*TO DO: two .thumbnail-containers, second one was moved from line 974, commented first one*/

/*.thumbnail-container{
float:left;
text-align:center;
}*/
.thumbnail-container{
    float:left;
    width:80px;
    max-height:80px;
    border-radius:3px;
    padding:5px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
}
.thumbnail-container.float-auto{
float:none;
}
.thumbnail-container img{
    max-height:75px;
    max-width:75px;
}
.image-container{
    margin:5px 0px 5px 10px;
    background:#fff;
    border-radius:3px;
    padding:5px;
    float:left;
    text-align:center;
    width:130px;
    height:120px;
    line-height:120px;
}
.image-container.float-auto{
float:none;
}
.search-result-image{
    max-width:120px;
    max-height:110px;
    vertical-align:middle;
}
/*////////////////////////////////////////////////////////////////*/
/*Detail Page Styles*/
/*////////////////////////////////////////////////////////////////*/

/*TO DO: delete? change name if used*/
.price{
    color:#ff0000;
    font-weight:bold;
    text-align:center;
}
.price-label{
    text-align:center;
    font-size:smaller;
}
th.cpg-price{
    width:120px;
}
.compatible-product-group{
    overflow-y:auto;
}
.cpg-selection .thumbnail-container{
    width:35px;
    max-height:35px;
    float:left;
    margin-right:5px;
}
.cpg-selection .thumbnail-container img{
    width:35px;
}
.cpg-selection p{
    float:left;
    text-wrap:normal;
}
.cpg-selection .part-number{
    float:left;
}
.cpg-selection .description{
    float:left;
    font-weight:normal;
    max-width:230px;
}
.cpg-description{
    font-size:14px;
}

.cpg-wrapper img{
max-width:135px;
max-height:135px;
}
.cpg-wrapper.omega{
margin-left:5px !important;
margin-right:10px;

}
.cpg-wrapper.alpha{
margin-left:10px !important;
margin-right:5px;
}
    div.cpg-wrapper{  
cursor:pointer;
width:135px;
height:135px;
background-color:#ffffff;
        float:left; /* important */  
margin-bottom:10px;
text-align:center;
        position:relative; /* important(so we can absolutely position the description div */  
    }  
    div.cpg-name-container{  
        position:absolute; /* absolute position (so we can position it where we want)*/  
        bottom:0px; /* position will be on bottom */  
        left:0px;  
        width:100%;  
        /* styling bellow */  
        background-color:rgba(0,0,0,.8)!important;
        font-family: 'tahoma';  
        font-size:12px;  

    }  
    p.cpg-name-label{  
        padding:5px;  
        margin:0px;  
    }  
/*////////////////////////////////////////////////////////////////*/
/*_Breadcrumb Styles*/
/*////////////////////////////////////////////////////////////////*/
a.breadcrumb-link, a.breadcrumb-link:visited{
    font-size:14px;
    font-family: 'mnairlight', Arial, sans-serif !important;
    margin-left:5px;
    line-height:30px;
}
a.breadcrumb-link:hover{
    text-decoration:line-through !important;
    color:#ce0000 !important;
}
/*////////////////////////////////////////////////////////////////*/
/*Login Styles*/
/*////////////////////////////////////////////////////////////////*/

/*TO DO: deprecate*/
.login-container{
    text-align:right;
}
/*TO DO: delete?*/
#login-partial-container{
    /*float:right;*/
}
.login-input{
    width:350px;
}
#login-button{
    margin:5px 0px;
    float:right;
    width:360px;
}
/*TO DO: delete?*/
.strikethrough{
    text-decoration:line-through !important;
    color:#CE0000 !important;
}
/*////////////////////////////////////////////////////////////////*/
/* Account Management Styles */
/*////////////////////////////////////////////////////////////////*/

/*.new-account .editor-field {
    width:99%;
}
.new-account input {
    width:inherit;
}*/

/*////////////////////////////////////////////////////////////////*/
/* Home Index Styles */
/*////////////////////////////////////////////////////////////////*/

.home-splash-container{
    margin-top:50px;
}
.home-splash-container h1{
    font-size:64px;
    text-shadow:4px 4px 4px #222;
}
.home-splash-container h2{
    font-size:24px;
    text-shadow:4px 4px 4px #222;
}
.landing-banner h1{
    font-size:65px;
    text-shadow: 0px 2px 4px #383838;
    text-align:center;
}
.landing-banner h2{   
    font-size:40px;
    text-align:center;
    text-shadow:1px 0px 0 #383838,
        0px 1px 0 #383838,
        1px 0px 0 #383838,
        0px 1px 0 #383838,
        0px 1px 4px #383838;
    background-color:rgba(248,248,255,.2);
    color:white;
}
.landing-banner h3{
    text-align:right;
    font-size:50px;
    text-shadow:0px 1px 3px #383838;
    color:white;
}
.landing-banner h4{
    text-align:right;
    font-size:25px;
    font-weight:bolder;
    text-shadow:1px 3px 6px #fff;
}
.landing-banner a{
    text-decoration:none;
    color:#920a08;
    text-shadow:1px 3px 6px #fff;
}
.landing-banner a:hover{
    text-decoration:none;
    text-shadow:1px 3px 6px #fff;
}
.bulleted{
    list-style:circle inside none;
}
/*TO DO:deprecate*/
td.product p.description{
    float:left !important;
}
.horizontal-spec-summary{
    width:100%;
    cell-spacing:50px;
}
.horizontal-spec-summary thead{
    box-shadow:0px 1px 1px #000;
}
.horizontal-spec-summary thead tr{
    background-color:rgba(255,255,255,.2);
}
.horizontal-spec-summary th{
    font-size:10px;
    text-align:center;
    vertical-align:bottom;
    padding:5px 10px;
    color:#000;
}
.horizontal-spec-summary td{
    font-size:10px;
    text-align:center;
    color:rgb(0,256,26);
    padding:3px 5px;
}
/*////////////////////////////////////////////////////////////////*/
/* Inputs */
/*////////////////////////////////////////////////////////////////*/
.wide-input{
    display:block;
    /*border:1px solid #000000;*/
    padding:10px 0px;
    text-align:center;
    border-radius:1px !important;
    width:196px;
}

input.block {
    display:block; 
    width:100%; 
    box-sizing: border-box; /* css3 rec */
    	-moz-box-sizing: border-box; /* ff2 */
    	-ms-box-sizing: border-box; /* ie8 */
    	-webkit-box-sizing: border-box; /* safari3 */
    	-khtml-box-sizing: border-box; /* konqueror */
}
textarea.block{
width:100%;
box-sizing:border-box;/* css3 rec */
    	-moz-box-sizing: border-box; /* ff2 */
    	-ms-box-sizing: border-box; /* ie8 */
    	-webkit-box-sizing: border-box; /* safari3 */
    	-khtml-box-sizing: border-box; /* konqueror */
}
select.block{
    display:block; 
    width:100%; 
    box-sizing: border-box; /* css3 rec */
    	-moz-box-sizing: border-box; /* ff2 */
    	-ms-box-sizing: border-box; /* ie8 */
    	-webkit-box-sizing: border-box; /* safari3 */
    	-khtml-box-sizing: border-box; /* konqueror */
}
span.field-validation-error {
    color:#ff0000;
    font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif !important;
    padding:3px 0px 0px 5px;
    display:block;
    font-size:14px;
}
/*.editor-field .check-box {
    float:left;
}*/
/*////////////////////////////////////////////////////////////////*/
/* Tables */
/*////////////////////////////////////////////////////////////////*/
.table-fix{
    table-layout:fixed;
}
/*////////////////////////////////////////////////////////////////*/
/* Checkout Page Inputs */
/*////////////////////////////////////////////////////////////////*/
.cust-po, .job-name{
width:75%
}
.ship-instructions{
width:99%;
}
/*////////////////////////////////////////////////////////////////*/
/* Checkout Page Styles */
/*////////////////////////////////////////////////////////////////*/
.order-details input[type="text"]{
    width:215px;
}
textarea{
    width:273px;
}
/*////////////////////////////////////////////////////////////////*/
/* CartBoard Styles */
/*////////////////////////////////////////////////////////////////*/
.grid_3 .grid_1{
    width:60px;
    margin:0px;
}
.grid_3 .grid_1 img{
    max-width:60px;
    max-height:60px;
}
.cart-board-small{
    height:60px;
}
.cart-board-large{
    height:160px;
}
.cart-board-large img{
    max-height:150px;
    max-width:150px;
}
.cart-board-description{
    height:25px;
    overflow:hidden;
}
.cart-name{
    max-height:17px;
    overflow:hidden;
}
/*.radio-center{
    margin-top: 2px;
    vertical-align: top;
}*/
input[type=radio] {
    margin-top: 2px;
    vertical-align: top;
  /*margin-top: -1px;
  vertical-align: middle;*/
}
/*order search table*/
.order-search-table{
width:100%;
}
.order-search-table th{
padding:5px 10px;
}
.order-search-table td{
padding:5px 10px;
border-bottom:1px solid #969696;
}
.order-search-table tr:hover{

/*background-color:#969696 !important;*/
}
/*///////////////////// favorite-set//////////////////*/
/*////////////////////////////////////////////////////*/
.favorite-set{
    max-height:95px;
    padding:0px 0px;
    overflow:auto;
}


.favorite-set a:hover{
    background-color:rgba(14,14,14,.5);
    text-decoration:none !important;   
}
.favorite-set a:active{
    background-position:5px -51px !important;
}
.favorite-set a, 
.favorite-set a:visited{
    font-size:12px;
    padding:2px 5px;
    color:#000000;
    display:block;
    text-decoration:none;
    /*background-image:url('/Content/images/filter-checkbox.gif');*/
    /*border-bottom:1px solid #e2e2e2;
    border-top:1px solid #5a5a5a;*/
    /*background-position:5px 4px;
    background-repeat:no-repeat;*/
}
.filter-set a.selected{
    background-position:5px -51px;
}

/*  Saved cart */
.quick-list{
    /*border-top:1px solid rgb(14,14,14);
    border-bottom:1px solid rgb(14,14,14);
    border-left:2px solid rgb(14,14,14);
    border-right:2px solid rgb(14,14,14);
    background-color:rgba(14,14,14,.8);*/
    overflow:auto;   
}
.quick-list{
    padding:0px;
}
.quick-list{
    max-height:95px;
    padding:0px 0px;
}
.quick-list a, 
.quick-list a:visited{
    font-size:12px;
    padding:2px 5px;    
    display:block;
   /* border-bottom:1px solid #e2e2e2;
    border-top:1px solid #5a5a5a;*/
    text-decoration:none;
}
.quick-list a:hover{
    background-color:rgba(14,14,14,.5);
    text-decoration:none !important;   
}
.quick-list-icon{
width:40px !important;
font-size:10px;
height:20px !important;
display:block;
background-image:url('/Content/images/quick-list-icon.png');
padding-left:20px;
padding-top:5px;
float:left;
background-repeat:no-repeat;
}
.quick-list-icon:hover{
text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/quick-list-a.png');
}
.favorite-icon{
width:13px !important;
height:15px !important;
display:block;
margin-top:3px;
float:left;
color:rgba(0,0,0,0.0)  !important;
background-image:url('/Content/images/favorited-icon.png');
background-repeat:no-repeat;
text-decoration:none;
}
.favorite-icon:hover,.favorite-icon:active{

text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/favorited-icon-a.png');

}
.notes-none-icon{
width:15px !important;
height:15px !important;
display:block;
margin-top:3px;
margin-right:3px;
float:left;
color:rgba(0,0,0,0.0)  !important;
background-image:url('/Content/images/notes-none-blank.png');
background-repeat:no-repeat;
text-decoration:none;
}
.notes-none-icon:hover,.notes-none-icon:active{

text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/notes-new.png');


}
.un-boo-icon{
width:15px !important;
height:17px !important;
display:block;
margin-top:3px;
margin-right:3px;
float:left;
color:rgba(0,0,0,0.0)  !important;
background-image:url('/Content/images/un-boo-icon.png');
background-repeat:no-repeat;
text-decoration:none;
}
.un-boo-icon:hover,.un-boo-icon:active{

text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/un-boo-icon.png');

}
.boo-icon{
width:15px !important;
height:17px !important;
display:block;
margin-top:3px;
margin-right:3px;
float:left;
color:rgba(0,0,0,0.0)  !important;
background-image:url('/Content/images/boo-icon.png');
background-repeat:no-repeat;
text-decoration:none;
}
.boo-icon:hover,.boo-icon:active{

text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/un-boo-icon.png');

}
.notes-shared-icon{
width:15px !important;
height:15px !important;
display:block;
margin-top:3px;
margin-right:3px;
float:left;
color:rgba(0,0,0,0.0)  !important;
background-image:url('/Content/images/notes-shared.png');
background-repeat:no-repeat;
text-decoration:none;
}
.notes-shared-icon:hover,.notes-shared-icon:active{

text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/notes-shared.png');

}
.notes-viewed-icon{
width:15px !important;
height:15px !important;
display:block;
margin-top:3px;
margin-right:3px;
float:left;
color:rgba(0,0,0,0.0)  !important;
background-image:url('/Content/images/notes-viewed.png');
background-repeat:no-repeat;
text-decoration:none;
}
.notes-viewed-icon:hover,.notes-viewed-icon:active{

text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/notes-viewed.png');

}
.notes-new-icon{
width:15px !important;
height:15px !important;
display:block;
margin-top:3px;
margin-right:3px;
float:left;
color:rgba(0,0,0,0.0)  !important;
background-image:url('/Content/images/notes-new.png');
background-repeat:no-repeat;
text-decoration:none;
}
.notes-viewed-icon:hover,.notes-viewed-icon:active{

text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/notes-mine.png');

}
.notes-mine-icon{
width:15px !important;
height:15px !important;
display:block;
margin-top:3px;
margin-right:3px;
float:left;
color:rgba(0,0,0,0.0)  !important;
background-image:url('/Content/images/notes-mine.png');
background-repeat:no-repeat;
text-decoration:none;
}
.notes-min-icon:hover,.notes-mine-icon:active{

text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/notes-new.png');

}
.notes-notification-icon{
width:15px !important;
height:15px !important;
display:block;
margin-top:3px;
margin-right:3px;
float:left;
color:rgba(0,0,0,0.0)  !important;
background-image:url('/Content/images/notes-notification.png');
background-repeat:no-repeat;
text-decoration:none;
}
.notes-notification-icon:hover,.notes-notification-icon:active{

text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/notes-new.png');

}
.unfavorite-icon{
width:15px !important;
height:15px !important;
margin-top:3px;
display:block;
padding-top:3px;
float:left;
color:rgba(0,0,0,0.0) !important;
background-image:url('/Content/images/favorited-icon-a.png');
background-repeat:no-repeat;
text-decoration:none;
}
.unfavorite-icon:hover{
text-decoration:none !important;
color:rgb(0,255,26) !important;
}
.unfavorite-icon:active{
text-decoration:none !important;
color:rgb(0,255,26) !important;
background-image:url('/Content/images/favorited-icon-a.png');

}
.quick-fav-container{
padding-left:90px;
margin-bottom:10px;
}
.order-qty-label{
font-size:10px;
}
/* product box */
.product-box{
cursor:pointer;
float:left;
width:140px;
height:160px;
border-radius:3px;
text-align:center;

}
.product-box:hover{
box-shadow:3px 3px 3px rgba(238,160,0, .6);
}
.product-box-image-container{
background-color:#fff;
margin:5px;
border-radius:3px;
height:130px;
width:130px;
display:table;
}
.product-box img{
max-width:120px;
max-height:120px;
background-color:#fff;
}
.pb-part-number{
text-align:center;
}
.box_1{
width:160px;
}
.box_4{
width:640px;


}
.box_6{
width:960px;
}
.box_3{
width:480px;

}
.box_2{
width:320px;

}
/* article stuff*/
/*a.new-article-link{
position:relative;
top:-35px;
right:-200px;
text-align:right;
}*/
a.new-article-link{
position:absolute;
top:15px;
right:10px;
text-align:right;
}
article ul{
margin-left:30px;
margin-right:20px;
}
article ul li{
list-style:disc;
margin:10px;
}
article h1, article h2, article h3, article h4, article h5{
font-family: 'mnairlight', Arial, sans-serif !important;
color:#00FF1A;
text-shadow: 0px 2px 4px #383838;

}
article h1{
font-size:24px;
}
article h2{
font-size:20px;
}
article h3{
font-size:18px;
}
article h4{
font-size:16px;
}
article h5{
font-size:16px;
}
.carrier-info{

background-color:#fff;
height:250px;
overflow-y:auto;
margin-top:3px;
margin-right:10px;
border:2px solid rgba(14,14,14,.95);
}
.carrier-info p{
font-size:12px;
margin:10px 0px;
color:#000;
}

.carrier-info h3{
color:#0054A1;
}
.carrier-info ul{
margin:10px 0px 10px 20px;
}
.carrier-info ul li{
list-style:disc;
font-size:12px;
margin:10px 0px;
}
.disclaimer_font{
font-size:10px;
color:#555 !important;
}
ul.detail-tabs li{
display:inline;
background-color:rgba(14,14,14,.95);
padding:5px 20px;

}
.detail-tab{
color:#999 !important;
}
.detail-tab:hover{
color:#00ff1a !important;
}
.selected-tab, .selected-tab:hover{
color:#ffcc00 !important;
text-decoration:none !important;
}
.register-section .login-ul{
    display:inline !important;
}
.register-section .login-ul .login-li{
    display:inline !important;
}
.register-section .login-li{
    font-weight:bold;
}
.register-section #registerLink{
    display:none;
}
.cust-location{
font-size:8px;

color:#CeCECE;
width:250px !important;

float:left;
}
.cust-id{
font-size:8px;

line-height:5px;
float:right;
margin-right:20px;
}
.ac-content{
display:block;
line-height:5px;
}
.ui-autocomplete .ac-custnumber{
font-size:8px;
float:left;
margin-right:10px;
color:#777;
}
.ui-autocomplete .ac-custlocation{
font-size:8px;
float:left;
color:#777;
}
.ui-autocomplete .account-ac{

display:block;
line-height:18px;
}
.ui-autocomplete .account-ac:after{
content:".";
display:none;
height:0px;
clear:both;
display:block;

zoom:1;
}
.ui-autocomplete .ac-custname{
display:block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 10px !important;
}
.positive-4 {
    color: #0CA200;
}

.positive-3 {
    color: #B7FF7C;
}

.positive-2 {
    color: #ACFFA5;
}

.positive-1 {
    color: #D7FFD3;
}