/* this file will have common css used across websites */

h1, h2, h3, h4, h5, h6, img { margin: 0; padding: 0; border: 0; }
/* common tags accross the site */

body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: normal; }
a { cursor: pointer; }
A:link { color: #1D50C3; text-decoration: underline; }
A:visited { color: #1D50C3; text-decoration: underline; }
A:hover { color: #CC0000; text-decoration: underline; }
.lss { color: #3333FF; text-decoration: none; }
A.lss:link { color: #3333FF; }
A.lss:visited { color: #3333FF; }
A.lss:hover { color: #3333FF; text-decoration: underline; }
/* arial font */
h1, h2, h3, .body12b, .body10b, .body10bcolor, .body12bNoUnd, .body10, .body10space, .bullet10, .arial10, .arial10BoldNoUnd, .body9, .bullet9, .menuhead { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
/* verdana font */
.body9b, .body85, .body8b, .body8bcolor, .body8, .body8space, .body7, .bullet7, .trhead, .trcolor, .trlight, .trwhite { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
/* colored text */
h1, h2, h3, .body12b, .body10bcolor, .arial10BoldNoUnd, .menuhead, .body12bNoUnd, .body8bcolor { color: #5A7EDC; }
/* arial font group **/
.menuhead { font-size: 14pt; }
.body12bNoUnd { font-size: 16px; text-decoration: none; }
h1, .body12b { font-size: 16px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 14px; font-weight: normal; }
.body10, .body10space, .body10b, .body10bcolor, .bullet10, .arial10, .arial10BoldNoUnd { font-size: 13px; font-weight: normal; line-height: 1.5; }
.body9, .bullet9 { font-size: 12px; font-weight: normal; line-height: 16px; }
.body10b, .body10bcolor, .arial10BoldNoUnd, .body8b, .body8bcolor, .body9b, .body12bNoUnd, .menuhead { font-weight: bold; }
/* verdana font group */
.body9b { font-size: 12px; }
.body85 { font-size: 12px; }
.body8, .body8b, .body8bcolor, .body8space { font-size: 11px; line-height: 15px; }
.body7, .bullet7 { font-size: 11px; }
.bullet10 { margin: 0px 0px 3px 8px; text-indent: -8px; }
.bullet9 { margin: 0px 0px 3px 9px; text-indent: -9px; }
.bullet { font-size: 13px; line-height: 16px; margin: 0px 0px 4px 9px; text-indent: -9px; }
.bullet7 { margin: 0px 0px 4px 8px; text-indent: -8px; }
.body8space, .body10space { margin: 6px 0px 12px 0px; }
.sidebar { background-color: #996633; }
.rule { background-color: #E5E5E5; height: 1px; }
.vrule { border-left: 1px solid #E9E9E9; }
.slitrule { border-bottom: 1px dashed #C7D8FA; height: 5px; }
.trhead { font-size: 13px; font-weight: bold; padding: 3px 0px 3px 0px; background-color: #7786A2; color: #FFFFFF; }
A.trhead:link, A.trhead:visited { color: #FFFFFF; text-decoration: underline; }
A.trhead:hover { color: #AEB2FE; text-decoration: underline; }
.trcolor, .trlight, .trwhite { font-size: 12px; color: #000000; font-weight: normal; }
.trcolor { background-color: #C7D8FA; }
.trlight { background-color: #EDF2FC; }
.trwhite { background-color: #FFFFFF; }
.atr1, .atrtop { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; font-weight: normal; height: 22px; }
.atr1 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; background-color: #F8F3E9; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #F8F3E9; }
.atrtop { border-top: 1px solid #CFC9C4; }
.atrt0, .atrt { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px; background-color: #E8E3D9; }
.atrt0 { border-top: 1px solid #6B5C4F; }
.atrt { border-bottom: 1px solid #6B5C4F; }
.atr { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; border-bottom: 1px solid #E6DBD1; }
.price0 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; border-bottom: 1px solid #E6DBD1; background-color: #F8F3E9; }
.price1 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; border-bottom: 1px solid #E6DBD1; background-color: #E6EBF1; }
.roundrect { display: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333; width: 681px; margin: 5px 2px 2px; position: absolute; border: none !important; z-index: 997; background: #ffffff; padding: 15px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 5px 20px 0px #333; box-shadow: 0px 5px 20px 0px #333; }
/* search box start */
.atr0_bar { font-size: 10pt; font-weight: normal; background-color: #FFFFFF; border-bottom: 1px solid #C7D8FA; padding: 2px 0px 2px 0px; height: 18px; }
.atr1_bar { font-size: 10pt; font-weight: normal; background-color: #EDF2FF; border-bottom: 1px solid #C7D8FA; padding: 2px 0px 2px 0px; height: 18px; }
.atr0_bar_ultra { border-right: none !important; vertical-align: middle; padding: 0; border-bottom: 1px solid #DDD; }
.atr0_bar_ultra a { color: #555555; text-decoration: none; font-size: 13px; display: block; padding: 5px 0 6px 7px; font-family: "Open Sans", sans-serif; position: relative; font-weight: normal }
.atr0_bar_ultra a:hover { color: #AA0E11; }
.atr1_bar_ultra { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background-color: #EDF2FF; border-bottom: 1px solid #DDDDDD; padding: 0px 6px 0px 6px; height: 30px; }
.body10_ultra { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: normal; background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 30px; color: #AA0E11; }
.body10b_ultra { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: bold; background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 30px; color: #AA0E11; border-bottom: 1px solid #DDD; }
.body10b_darkgray_ultra { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: bold; background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 20px; color: #333333; }
.body10b_black_ultra { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: bold; background-color: #FFFFFF; padding: 0px 6px 2px 10px !important; color: #000000; }
.body8_ultra { font-family: "Open Sans", sans-serif; font-size: 8pt; font-weight: normal; background-color: #FFFFFF; padding: 0px 6px 0px 6px; min-height: 18px; color: #333333; }
.body8b_ultra { background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 30px; padding-bottom: 3px; }
.body8b_ultra a { /*color: #1D50C3; */ text-decoration: none; font-size: 13px; display: block; padding: 5px 0 6px 7px; font-family: "Open Sans", sans-serif; position: relative; font-weight: bold }
.body7_ultra { font-family: "Open Sans", sans-serif; font-size: 7pt; font-weight: normal; background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 16px; color: #333333; }
.close-btn-cont { font-weight: normal; padding-right: 0; padding-bottom: 10px; clear: both; overflow: hidden; }
.close-btn-cont a { float: right; width: 66px; height: 22px; background: transparent url(/img/src/searchcloselabel.gif) no-repeat 0 0; margin: 0; outline: none; display: block; }
.close-btn-cont a:hover { background: transparent url(/img/src/searchcloselabel.gif) no-repeat 0 -22px; }
.fade { position: fixed; top: 0px; left: 0px; z-index: 99; background: black; width: 100%; height: 100%; opacity: 0.25; overflow: hidden; display: none; }
.popover.fade { position: absolute; top: inherit; left: inherit; width: auto; height: auto; opacity: 1; overflow: visible; display: none; background: #fff; }
.modal.fade { position: fixed; top: inherit; left: inherit; z-index: 1000; width: 100%; height: 100%; opacity: 1; display: none; overflow: hidden; background: rgba(0, 0, 0, 0.14); }
#divSampleProduct { margin: 1px 0 0; font-weight: bold; text-align: left; float: left; font-family: "Open Sans", sans-serif; font-size: 14px; width: 305px; overflow: hidden; text-overflow: ellipsis; line-height: 19px; white-space: nowrap; }
/* search box end */
.white { color: #FFF; }
#colorschemetable0 > tbody > tr > td > a { border: 2px solid #fff; }
#colorschemetable1 > tbody > tr > td > a { border: 2px solid #fff; }
a.colorboxActive { border-color: #FF9900 !important; box-shadow: 0px 0px 6px #FF9900; }
/*Colorbox Custom Css*/
#cboxOverlay { background: #000 !important; opacity: 0.6 !important; filter: alpha(opacity = 60) !important; }
/*#cboxClose {
    top: 0 !important;
    background: url(/companies/MyAssetTag/close_btn.png) no-repeat 0 0 !important;
	width:30px !important;
	height:30px !important;
}
#cboxClose:hover {
    background:url(/companies/MyAssetTag/close_btn.png) no-repeat 0 0 !important;
}
*/
#cboxLoadedContent { margin-bottom: 0 !important; }
ul.ss_menu { float: right; padding: 0 0px 0px 0; margin-bottom: 8px; }
ul.ss_menu li { display: inline; float: left; padding-right: 10px; margin-right: 10px; }
ul.ss_menu li span { display: block; line-height: 19px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.ss_menu .fa { padding-right: 7px; color: #000000; font-size: 15px }
.ss_menu .fa:hover { color: #CC0000 }

/*Colorbox Custom Css*/
@media (max-width: 1100px) {
#back-top { display: none }
}

@media (max-width: 1200px) {
#back-top { right: 10px !important; }
}

@media screen and (max-width: 1380px) {
.top-nav-search .search_icon input[type="text"] { width: 107px!important; }
.top-nav-search .search_icon { width: 155px !important; }
.top-nav-search { left: -181px!important; padding: 20px 4px!important; }
}

@media screen and (max-width: 1340px) {
.top-nav-search, .top-nav-Complogo { display: none !important; }
}
/*Custom bootstrap css start here */
/* don't change container width and padding. If changes required, do it in the site's relevant header */

button, input, optgroup, select, textarea { color: initial; }
/*.row [class*="-"] {
	padding-left:0;
    padding-right:0;
}*/
.body-container { width: 100%; padding: 20px; background-color: #ffffff; }
.body-container:after { clear: both; }
.body-container:before, .body-container:after { display: table; line-height: 0; content: ""; }
.container { padding: 0; max-width: 950px; }
.panelHeadA { /* see also */ background-color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 16px; color: #FFFFFF; padding: 4px 5px 4px 8px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.panelBodyA { background-color: #FFFFCC; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; overflow: visible; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; padding: 7px 7px 9px 7px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.panelHeadB { background: #7786A2; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 16px; color: #FFFFFF; padding: 4px 5px 4px 8px; height: auto; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.panelBodyB { background-color: #C7D8FA; border-left: 1px solid #7786A2; border-right: 1px solid #7786A2; border-bottom: 1px solid #7786A2; overflow: visible; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; padding: 7px 7px 9px 7px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.panelHeadC { /* green myparkingsign http://beta.myparkingsign.com/no-parking-signs */ background: url(/img/src/190-hdr-green-40.png) no-repeat top; height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 17px; color: #000; padding: 6px 5px 6px 8px; }
.panelBodyC { /* fawn */ background-color: #F3ECD2; border-bottom: 1px solid #E9D8AA; border-left: 1px solid #E9D8AA; border-right: 1px solid #E9D8AA; overflow: visible; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; padding: 7px 7px 7px 7px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.panelFawn { /* fawn */ background-color: #F3ECD2; border: 1px solid #E9D8AA; overflow: visible; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; padding: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
/* css added by vijay for dynamic menu */
ul.dynamic_menu { padding: 0; margin: 0; list-style: none; }
ul.dynamic_menu li { display: inline-block; float: left; padding-left: 7px; margin-left: 7px; border-left: 1px solid #fff; }
ul.dynamic_menu li:first-child { padding-left: 0; margin-left: 0; border-left: 0px; }
ul.dynamic_menu li a { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
ul.dynamic_menu li a:hover, ul.dynamic_menu li a:focus { color: #FFFF66; text-decoration: none; border-bottom: 1px solid #F90; }
/* used in showprice.ascx */
table.pricerj { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
table.pricerj thead tr th { background-color: #C7D8FA; padding: 3px 5px 3px 10px; text-align: right; }
table.pricerj tbody tr td { background-color: #FFF; border-bottom: 1px solid #ccc; padding: 4px 5px 4px 10px; text-align: right; }
/* New Added for Commen Footer Bottom used in includefooterbottom.ascx */
.footer_bottom { margin: 0pt auto; max-width: 830px; }
.footer_bottom_sprite { background-image: url(/img/src/sprite_footer-bottom.png); }
.footer_bottom ul { margin: 0; padding:0px}
.footer_bottom ul li { list-style-type: none; border-right: 1px solid #cccccc; padding-right: 20px; padding-left: 20px; float: left; min-height: 90px; }
.footer_bottom ul li:first-child { padding-left: 0px; }
.footer_bottom ul li:last-child { padding-right: 0px; border: none; }
.footer_bottom ul li dl { padding: 0px 10px 0px 0px; }
.bbb { background-position: 0 -224px; width: 192px; height: 52px; display: block; }
.secure_checkout { background-position: 0 0; width: 160px; height: 26px; display: block; margin-top: 5px; }
span.paypal_varified { background-position: -100px -121px; width: 78px; height: 78px; display: block; margin-top: 5px; margin-left: 10px; }
.paypal_checkout { background-position: 0 -32px; width: 143px; height: 37px; display: block; }
.top_retailer { background-position: -181px -40px; width: 94px; height: 90px; display: block; }
.padd { padding: 30px 0px 0px 10px; }

/* end here Commen Footer Bottom used in includefooterbottom.ascx */


@media only screen and (min-width: 481px) and (max-width: 950px) {
.paypal_varified { display: none; }
.footer_bottom { text-align: center; }
.footer_bottom ul li { display: inline-block; float:none }
}
.btn-circle { border-radius: 25px !important; }
.btn-xs { padding: 2px 10px; }
/* Force IE10 and below to size images correctly 

remove for resolve other page image width issue in ie browser
.img-responsive {
    width: 100% \9;
}*/

/*for table responsive*/
.ss-responsive-table table { width: 100%; }
.ss-responsive-table .table-condensed>thead>tr>th { padding: 3px }
/*css for footer bottom position fix*/
html { height: 100%; margin: 0; padding: 0; }
body { position: relative; min-height: 100%; }
.ss-footer { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 20px; z-index: 1; }
.body-container { padding-bottom: 164px;  }
#price_comparison { z-index: 2; }
#back-top, #recent_products { z-index: 1001 }

/* Extra Small devices (mobiles, 768px and down) */
@media(max-width:767px) {/* Force table to not be like tables anymore */
.ss-responsive-table table, .ss-responsive-table thead, .ss-responsive-table tbody, .ss-responsive-table th, .ss-responsive-table td, .ss-responsive-table tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
.ss-responsive-table thead tr { position: absolute; top: -9999px; left: -9999px; }
.ss-responsive-table tr { border: 1px solid #ccc; }
.ss-responsive-table td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 45% !important; white-space: normal; text-align: left; }
.ss-responsive-table td:after { content: "\00a0"; }
.ss-responsive-table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
.ss-responsive-table .table-bordered>tbody>tr>td, .ss-responsive-table .table-bordered { border: 0; border-bottom: 1px solid #ddd; }
/*
	Label the data
	*/
.ss-responsive-table td:before { content: attr(data-title); color: #000000; }
}

/* Small devices (tablets, 768px and up) */
@media(min-width:768px) {
.body-container { padding-bottom: 184px; }
}

/* Medium devices (desktops, 992px and up) */
@media(min-width:992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px) {
}
/* for department page callout, zoom, quick look and price links */
table.callouttable td, table.callouttable th { border-bottom: 1px solid #ccc; padding: 1px 5px; }
table tr.dept-icon-row td { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; padding: 5px 0px 5px 0px; }
table tr.dept-icon-row td:nth-child(1) { width: 25%; padding-left: 2px; }
table tr.dept-icon-row td:nth-child(2) { width: 50%; white-space: nowrap; text-align: center }
table tr.dept-icon-row td:nth-child(3) { width: 25%; text-align: right; padding-right: 2px; }
table tr.dept-icon-row2 td { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; padding: 5px 0px 5px 0px; }
table tr.dept-icon-row2 td:nth-child(1) { width: 50%; padding-left: 2px; }
table tr.dept-icon-row2 td:nth-child(2) { width: 50%; padding-right: 2px; text-align: right; white-space: nowrap; }
/*for adder 3M style added by vijay*/
.m3 { font-weight: bold; color: #DD0000; font-size: 12px; font-family: Arial Black, Arial, Helvetica, sans-serif; letter-spacing: -1px; }
a.btn-default, a.btn-primary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger { text-decoration: none !important; }
/*fix for bootstrap button a style issue*/
a.btn-default { color: #333; }
a.btn-success, a.btn-info, a.btn-warning, a.btn-danger { color: #fff; }
a.btn-success, a.btn-primary { color: #fff !important }
a.btn-link { color: #337ab7; }
.btn-xxs { font-size: 11px !important; line-height: 1.2 !important; }
.btn-default-blue { color: #1D50C3 !important; }