.panel {background-color: #fff; border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 20px;} 
.panel-customize > .panel-heading {background-color: #f36523; border-color: #f36523;color: #fff;}
/*.panel-customize .panel-heading {background-color: #f36523; border-color: #f36523;color: #fff;}*/
.panel-customize {border-color: #f36523;}
.authError{color:red; font-weight:normal;}
.menu-content{position: relative; float: left; width: 48%;}
.menu-content li a {margin-left: 15px; padding: 5px !important; width: 95% !important;}
.cat-all > a {margin-left: 0 !important; font-weight:700;  }
.productmultilevel{min-width: 370px !important; padding: 6px 10px !important;}
.menu-content .subnavigation{background: transparent; border: 0px; position: inherit; min-width: auto; display: block;}
hr.menu-content-hr{margin: 8px 0;}
.floatr{float: right !important;}
.floatl{float: left !important;}
.panel-customize .panel-heading{display: inline-block; width: 100%;}
.social_loginbtn{padding:10px 20px 10px 30px; clear: both; text-align: center;}
.social_loginbtn a{margin-right: 10px;}
.social_loginbtn img{width: 45px;}
#UserOtherInfoText{display: none;}
.width50p{width: 50%;}
.successbtn, .successbtn:hover{background: #e75768 none repeat scroll 0 0; color: #fff; font-size: 14px; font-weight: normal; padding: 6px 18px;}
.resetbtn, .resetbtn:hover, .resetbtn:focus{background: #323a45 none repeat scroll 0 0; color: #fff; font-size: 14px; font-weight: normal; padding: 6px 18px;}
.list-single-line > li{list-style-type: none;}
ul.breadcrum-menu li, ul.ul-type-grid li{list-style-type: none;}
.refine-catagory > h4{float: left;}
.catclear{cursor: pointer; float: right; margin: 10px 0;}
label.active-srch-txt{font-weight: 600;}
.refine-list li{list-style-type: none;}
.list-single-line.subitemlist{padding-left: 25px;}
.list-single-line {margin: 0; padding: 0;}
.breadcrum-menu{float: left; width: 100%; padding: 0;}
ul.breadcrum-menu li{float: left; margin-right:10px; }
.btn-customize, .btn-customize:hover, .btn-customize:focus{ border-color: #f36523 !important; background-color: #f36523 !important; color: #fff !important;}
.topM20{margin-top: 20px;}
.topM10{margin-top: 10px;}
.panel-body{color: #000;}
.marginBot0{margin-bottom: 0px !important;}
.width100p{width: 100%;}
.clear{clear: both;}
ul.ul-list-detail{list-style-type: none;}
.btn-ups-quote { margin-bottom: 5%; }
.btn-modal-group { margin-bottom: 7%; } 
.left-section-main .btn-modal-group { margin-bottom:0; } 
.left-section-main .with-auth { padding-top:20px; }
.btn-modal { display: inline !important;  margin-right: 1.5%; } 
.modal-section { margin-top: 10%; }
.size-section {  text-align: center; } 
.top-section-1 { margin-bottom: 10px; }
.top-section-1 .rating-panel { display:none; }
.title-section-1 h2 { background-color:#f36523; color:#fff; font-size:22px; font-weight:400; margin:0; padding:10px 20px; font-family:'Roboto', sans-serif; }
.rating-panel.clearfix { border-bottom: 2px solid #ddd; padding-bottom: 7px; }
.product-detail-sec h3{font-size: 20px; margin:8px 0 0; }
.detail-1 { margin-top: 10px; }
.ul-list-detail { float: left; padding: 0;  width: 50%; margin-bottom: 21px; } 
.top-section-2 .ul-list-detail { margin-bottom:3px }
.color-list { padding: 0; margin:0; }
.table-price-grid .table.table-hover  {border-collapse: collapse;width: 70%;}
.table-price-grid .table-responsive th {background-color:#f2f2f2;}
.table-price-grid .table-responsive td {font-weight: 500;}
.table-price-grid .pro-inventory-desc th, .table-price-grid .pro-inventory-desc td{padding: 0 10px;}
.table-price-grid .pro-inventory-desc th, .table-price-grid .pro-inventory-desc td {vertical-align: middle; width: 10%; text-align: center;padding: 7px;}
.table-price-grid .pro-price-code {background: white none repeat scroll 0 0 !important;border: none !important; color: #000;}
.tbl-left, .tbl-right { width:49%; }
.tbl-left { float:left; }
.tbl-right { float:right; }
.pro-tab-desc .table { border:none; border-top:1px solid #f0f0f0; }  
.pro-tab-desc .table > tbody > tr > td { border:none; border-bottom:1px solid #f0f0f0; font-size:13px; color:#121212; }
.pro-tab-desc .table > tbody > tr > td + td { border-left:1px solid #f0f0f0; }
.pro-tab-desc .tbl-left td, .pro-tab-desc  .tbl-right td { padding:5px 10px; }
.pro-tab-desc .table td span { font-weight:500; font-size:14px; }
.pro-tab-desc .table.inventory-table > thead > tr > th { border-bottom:1px solid #f0f0f0; }


.pro-detail-container ul.nav.nav-pills { margin-bottom:0; border-bottom:1px solid #e8e8e8; }
.pro-detail-container ul.nav.nav-pills li { margin-bottom:-1px; }
.pro-detail-container ul.nav.nav-pills li a { padding:10px 25px 8px; border-radius:0; background-color:#eaeaea; text-transform:uppercase; color:#121212; }
.pro-detail-container ul.nav.nav-pills li a:hover { background-color:#f36523; color:#fff; }
.carousel-fix { margin-bottom: 55px;  }
.carousel-fix { padding: 0 30px; }
.image-container { margin-bottom: 30px; }
.image-container {  text-align: center;  }
.display-product-image.item.active { display: none; }
.table.table-hover { border-collapse: collapse; width: 70%; }
.table-responsive table, .table-responsive th, .table-responsive th, .table-responsive td { border: 1px solid #bbb;  }  
.table { margin-bottom: 20px; max-width: 100%;  width: 100%;} 
.table-pro-compare .table{width: 100% !important;}
.table-pro-compare .table td{text-align: center; font-weight: 400;}
.table-pro-compare .table td:nth-child(1){text-align: left; font-weight: 700;}
.detail-secton-1 { margin-bottom: 55px !important; }
.detail-section-3{margin-top: 30px;}
.leftright15{margin-left: 15px; margin-right: 15px;}
.leftright30{margin-left: 30px; margin-right: 30px;}

.btn-add {background-color: #51BC9F;border-color: #4cae4c;color: #333;}
table th{text-align: center; vertical-align: middle !important;}
.legends{border: 1px solid #ccc;padding: 14px;margin-left: 15px;margin-right: 15px;margin-top: 30px;}
.modelwidth{width: 680px;}
.notify-user{padding: 20px;}
.color-listmodal li{display: inline-table; margin-top: 5px;}
#ArtWorkForm .form-group .title{float:left; width: 30%;}
#ArtWorkForm .form-group .title-box{float:left; margin-left: 10px;}
#ArtWorkForm .row{margin:0px !important;}
.borderrightccc{border-right: 1px solid #ccc;}

.prc-gt-sb-mt .chk-rng{ width: 42%; vertical-align: top; display: inline-block; margin-right: -2px;  }
.to-range-side{ width: 16%; margin-top: 7px; display: inline-block; margin-right: -1px; text-align: center;}
.prc-gt-sb-mt{ display: inline-block; width:100%;}
.prc-gt-sb-mt .price-lbl{ float: left; margin-top: 7px;}
.prc-rng-hwrp{ margin-left: 20px;}
.blk-qty-wrp .chk-rng{ vertical-align: top; display: inline-block; width: 50%; margin-right: -2px;}
.blk-qty-wrp{ margin-top: 5px;}
.borderrightccc{border-right: 1px solid #ccc;}
.blue{color:green;display:block;}
.message.error { background: #dd4b39 none repeat scroll 0 0 !important; color: #fff !important; font-size: 16px; margin: 3px 0; padding: 15px; text-align: center; } 
.message.success { background: #05991f none repeat scroll 0 0 !important;  color: #fff !important; font-size: 16px; margin: 3px 0;  padding: 15px; text-align: center; }
.normal-message { background: #42abdd none repeat scroll 0 0 !important;  color: #fff !important; font-size: 16px; margin: 3px 0;  padding: 15px;text-align: center; }
.subOrdTimeLine { margin-left: 18px; margin-top: 15px; width: 550px;}
.subOrdTimeLine .statusCircle.greenStatusCircle { background-color: #4caf50; border: 3px solid #4caf50; }
.subOrdTimeLine .statusCircle { border: 3px solid #e3e3e3; border-radius: none;  height: 12px; padding-top: 0; position: absolute; width: 12px; }
.subOrdTimeLine .statusLine.greenStatusLine { border-top: 3px solid #4caf50; }
.subOrdTimeLine .statusLine { border-top: 3px solid #e3e3e3; margin-bottom: 11px;  margin-left: 23px; margin-right: 5px; vertical-align: middle; width: 17%; } 
span { display: inline-block; }
.timeLineText { margin-left: 18px; padding-bottom: 15px; width: 550px; } 
.timeLineText .timelineStatusText.timelineText5 { width: 16%; }
.timeLineText .timelineStatusText.timelineText5:nth-child(3) { width: 26%; }
.timeLineText .timelineStatusText.timelineText5:nth-child(4) { width: 20%; }
.timeLineText .timelineStatusText.timelineText5:nth-child(5) { width: 12%; }
.timeLineText .timelineStatusText { font-size: 14px; padding-top: 2px; text-align: center; text-transform: capitalize; vertical-align: text-top; width: 238px; }
.timeLineText .timelineStatusText:first-child { text-align: left; }
.timeLineText .timelineStatusText:last-child { text-align: right; }
.completeStatus { background-color: #4caf50 !important; border: 3px solid #4caf50 !important; }
.incompleteeStatus{ background-color: #a9a9a9  !important; border: 3px solid #a9a9a9 !important; }
.statusLine.statusLine4.greenStatusLine.cancelOrdStatus { width: 79%; }
.timelineStatusText.timelineText5.cancelOrdStatus { width: 43%; }
.review-title.ordStatus > table {  width:100%; }
.review-title.ordStatus > table th, 
.review-title.ordStatus > table td { padding:8px; }
.srch-loader-bg {background-color: rgba(0,0,0,0.65); position: relative; top: 44%;z-index: 9999; }
.srch-loader-bg span {left: 78%; z-index: 1; position: absolute;}
.fa.fa-spinner.fa-pulse {line-height: 3 !important;}
.hrLine {border-bottom: 2px solid #ddd;}
.cat-all > a {display: inline !important;}

.addIcon { color:red; display:inline; float:right; font-size:20px; margin-bottom:0px; cursor:pointer; line-height:34px; }
.removeIcon { color:red; display:inline-block; font-size:20px; padding-right:0; cursor:pointer; width:100%; text-align:right; }
.profile-tabMenu.active > a { font-weight:700; }
.profile-tabMenu a { color:#333; }
.nav-pills li a { color:#fff; }
.additionalPrice { font-size:18px; }
/*.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color:#f36523 !important; color: #fff !important; border-color:#f36523 !important; }*/ /*background-color:#3095CA;*/
/*.nav-pills > li > a:hover, .nav-pills > li > a:focus {background-color: #3095CA;color: #333;}*/
#menuTabs.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #fff;color: #000;}
#menuTabs.nav-pills > li > a:hover, .nav-pills > li > a:focus {background-color: #fff;color: #000;}
.nav-pills > li > a{color: #000;}
.strike{position: relative;}
.strike::after { border-bottom: 2px solid #e1596c;content: ""; left: 0;position: absolute;top: 46%;width: 100%; -ms-transform: rotate(20deg);-webkit-transform: rotate(20deg); transform: rotate(20deg); }
.dis-offer{color: red;font-size: 14px;font-weight: bold;position: relative;}
.dis-offer::after { border-bottom: 1px solid red;content: "";left: 0;position: absolute;top: 48%;width: 100%; }
.row-from-group{margin-bottom: 15px;}
.form-lbl{text-align: right;}
.form-control.form-control-file{background: transparent none repeat scroll 0 0 !important; border: 0 none !important; box-shadow: none !important; height: auto !important; }

/* css for modal - start */
.modal-dialog.select-modal.login-modal{width: 500px;}
.modal-dialog.select-modal .modal-header{ background-color:#f36523; border-color:#f36523; color:#fff; text-align:left; border-radius:4px 4px 0 0; padding:8px 15px;   }
.modal-dialog.select-modal .modal-header h3 { font-weight:22px; font-weight:300; font-family:'Roboto', sans-serif; }
.select-modal .close { border:1px solid #fff; width:30px; height:30px; line-height:11px; text-align:center; border-radius:100%; opacity:0.9; margin-top:2px; color:#fff; text-shadow:none; }
.select-modal .close:hover { border-color:#000; color:#000; opacity:1; }
.profile-tabMenu {margin-right: 2%;}
.review-title table { margin:0; }
.login-modal .review-title table td{width: auto;}
.review-title .table td label {margin-bottom: 0px; display: block;}
.table-section .table-responsive {border: none;}
.table .tr-top{border-top: 1px solid #f36523 !important; line-height: 30px !important;}
.table .tr-top > th {padding: 8px 0 0 !important;}
.table  .tr-bottom{border-bottom: 1px solid #f36523 !important;}
.table  .tr1 th {width: 300px !important; text-align:center !important; padding-bottom: 8px !important;}
.modal-body option {padding-left: 8px;}
.modal-body input, .modal-body select{font-weight: 500;}
.checkbox-type {display: inline;}
.checkbox-type .checkbox{position: relative !important; left: -1% !important; float: left; top: -4px; }
.checkbox-type .ups-shipping-type-lbl{padding-left: 5px !important; float: left; cursor: default !important;}
.modal-body .none-table-section .table-responsive th, .modal-body .none-table-section .table-responsive td{background-color: inherit !important;}
.modal-body .none-table-section .table-responsive table, .modal-body .none-table-section .table-responsive tr, .modal-body .none-table-section .table-responsive th, .modal-body .none-table-section  .table-responsive td {border:  1px solid #ddd !important;}
.none-table-section .table > thead > tr > th, .none-table-section .table > tbody > tr > th, .none-table-section .table > tfoot > tr > th, .none-table-section .table > thead > tr > td, .none-table-section .table > tbody > tr > td, .none-table-section .table > tfoot > tr > td {border:  1px solid #ddd !important;}
.none-table-section .table-responsive {border: none;}
.none-table-section .review-title td {width: auto;}
.none-table-section .review-title td:nth-child(1) {text-align: left; padding-left: 3%; vertical-align: middle;}
.none-table-section .review-title th:nth-child(2), .none-table-section .review-title td:nth-child(2) {width: 30%;}
.none-table-section .review-title th:nth-child(3), .none-table-section .review-title td:nth-child(3) {text-align: center;vertical-align: middle;width: 20%;}
.pro-preview-body .pro-pre-detail { width:45%; float:left; height:auto; }
.pro-preview-body .pro-pre-detail-table { width:100%; height:100%; display:table; }
.pro-preview-body .pro-pre-detail-table-cell { width:100%; height:100%; display:table-cell; vertical-align:bottom; }
.pro-preview-body .pro-pre-des .color-list  { margin-bottom:0; }
.pro-preview-body .pro-pre-des .color-listmodal li { margin-bottom:0; }
.pro-preview-body .pro-pre-img { width:45%; float:right; text-align:right; height:150px;  }
.pro-preview-body .pro-pre-img img { border:1px solid #ddd; background-color:#f9f9f9; padding:3px; max-height:150px; }

/* css for modal - end */
.breadcrumb { background-color: #f6f6f6; border-radius: 4px; list-style: outside none none;  border: 1px solid #d6d4d4; display: inline-block; font-size: 12px; font-weight: bold; line-height: 24px;  margin-bottom: 16px; min-height: 6px; overflow: hidden; padding: 0 11px; position: relative; z-index: 1; }
.breadcrumb a::before { background: transparent none repeat scroll 0 0;  border-radius: 2px; border-right: 1px solid #d6d4d4; border-top: 1px solid #d6d4d4;  content: "."; display: inline-block; height: 18px;  left: -10px; position: absolute;  text-indent: -5000px; top: 3px; transform: rotate(45deg);  width: 18px; z-index: -1; }
.breadcrumb a::after { background: white none repeat scroll 0 0;  border-radius: 2px; border-right: 1px solid #d6d4d4;  border-top: 1px solid #d6d4d4; content: "."; display: inline-block;  height: 18px; position: absolute; right: -10px;  text-indent: -5000px; top: 3px;  transform: rotate(45deg); width: 18px; z-index: -1; }
.breadcrumb a.home { border-bottom-left-radius: 3px; border-top-left-radius: 3px;  color: #777777; display: inline-block; font-size: 17px;  height: 25px; line-height: 22px; margin: 0 0 0 -10px; padding: 0;  text-align: center;  width: 38px;  z-index: 99; }
.breadcrumb a { background: white none repeat scroll 0 0; color: #333333;  display: inline-block; margin-left: -26px;  padding: 0 15px 0 22px; position: relative; z-index: 2; } 
.breadcrumb .navigation-pipe { display: inline-block;  text-indent: -5000px; width: 18px; }
.pro-list-header { display:inline; float:left; }
.list-menu-group { float:right; }
label span.adv-srch-opt {border:1px solid #000; padding:3px; border-radius:3px; }
.td-width20{vertical-align: middle !important; width: 20% !important;}
.dropdwn-link.btn.btn-customize.pro-wish-list > a {color: #fff !important; position: relative;}
.pro-wish-list .pro-compare-list{text-align: left; position: absolute;top: 33px;}
.pro-wish-list .pro-compare-list li{margin-left:auto;}
.remove-red{color: #990000; margin-left: 5px; cursor: pointer;}

.sample-pro-name {margin: 0 5px;}

.form-group.chk-rng.chk-print-qnt {width: 60%;}
.form-group.chk-rng.chk-black {width: 40%;}
.color-list li.color-swatch-border { padding: 3px; width: 43px; height: 43px; border-radius:3px; }
.color-list li.color-swatch-border .color-swatches, .color-list li.color-swatch-border .avail-color { height:35px; width: 35px; cursor: pointer; border-radius:3px; }
.top-section-2 .color-list li.color-swatch-border { margin-bottom:0; }

td.li-color-list .color-list li.color-swatch-border{display: inline-block !important;}
.setQuotePrice td input {font-size: 12px;}
.review-title .tbl-bg-ipt .form-control{width: 67px !important; margin: 0px 0px; display:inline-block; } /* margin: 0px 10px;*/
.table-responsive.tbl-quote-view > table {width: 95%;}
.table-responsive.tbl-quote-view th {padding: 8px;text-align: left;}
.table-responsive.tbl-quote-view td {padding: 8px;text-align: right;}
.table-responsive.tbl-quote-view .none-top-light-left {background: transparent none repeat scroll 0 0 !important;border-top: 1px solid white !important;border-right: 1px solid white !important;border-left: 1px solid white !important;color: #000;}
.table-responsive.tbl-quote-view .none-bottom {background: transparent none repeat scroll 0 0 !important;border-bottom: 1px solid white !important;color: #000;}
.table-responsive.tbl-quote-view .none-all {background: transparent none repeat scroll 0 0 !important;border: 1px solid white !important;color: #000;}
em { color: red; }
.remove-red.remove-quote{float: right;padding-right: 5%;}
.spn-price {font-size: 20px; font-weight: 500;}

/************* 03/08/2106 ***************/
.btn-orange { background-color:#f36523 !important; border-color:#f36523 !important; color:#fff !important;  border-radius:2px; }
.btn-gray { background-color:#e0e0e0 !important; border-color:#e0e0e0 !important; color:#000 !important; border-radius:2px; }
.btn-gray:hover { background-color:#f36523 !important; border-color:#f36523 !important; color:#fff !important;  border-radius:2px; }
/*.image-container .zoomWrapper { position:relative; margin:0 auto; height: 400px !important; width: 400px !important; }
.image-container .zoomWrapper img { left:0; }*/
.panel-customize.panel-product-customize { border:none; box-shadow:none !important; }
.panel-customize.panel-product-customize .panel-heading { color:#000; background-color:#f6f6f6 !important; border-color:#f6f6f6 !important;  }
.with-auth .btn-modal { margin-right:0 !important; margin-bottom:8px !important; display:inline-block !important; }
.with-auth .btn-modal .btn-ups-quote { margin-bottom:0 !important; }
.panel-customize #menuTabs.nav-pills > li.active > a { background-color:#fff !important; color: #000 !important; }

/********** 31/08/2016 *********/
.pro-detail-container .nav.nav-pills > li.active > a,
.pro-detail-container .nav.nav-pills > li.active > a:hover, 
.pro-detail-container .nav.nav-pills > li.active > a:focus { color:#555555; background-color:#ffffff; border:1px solid #dddddd; border-bottom-color:transparent; cursor:default; }
.pro-detail-container .nav.nav-pills > li.active > a,
.pro-detail-container .nav.nav-pills > li.active > a:hover,
.pro-detail-container .nav.nav-pills > li.active > a:focus { border-width:1px; border-style:solid; border-bottom:0; padding:10px 25px 9px; }
.pro-detail-container .nav.nav-pills > li.active > a { -webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.15); }
.pro-detail-container .nav.nav-pills > li.active > a,
.pro-detail-container .nav.nav-pills > li.active > a:hover,
.pro-detail-container .nav.nav-pills > li.active > a:focus { border-color:#e8e8e8; }
.pro-detail-container .nav.nav-pills > li.active > a:after { background-color: #ffffff; }
.pro-detail-container .nav.nav-pills > li.active > a:after { height:2px; content:""; position:absolute; bottom:-2px; left:0;  right:0; }


@media all and (max-width:767px){
	.inner-main-content .pro-detail-container .nav-pills > li { width:100%; }
	.inner-main-content .pro-detail-container ul.nav.nav-pills li { margin-bottom:4px; }
	.inner-main-content .pro-detail-container .nav-pills > li + li { margin-left:0; }
	.inner-main-content .pro-detail-container ul.nav.nav-pills li a { padding:10px; }
	.inner-main-content .pro-detail-container .nav.nav-pills > li.active > a:after, 
	.inner-main-content .pro-detail-container .nav.nav-pills > li.active > a, 
	.inner-main-content .pro-detail-container .nav.nav-pills > li.active > a:hover, 
	.inner-main-content .pro-detail-container .nav.nav-pills > li.active > a:focus { background-color:#F36523 !important; color:#fff !important; border:none; box-shadow:none; }
}
@media all and (max-width:700px){
	.tbl-left, .tbl-right { width:100%; }
}
@media all and (max-width:600px){
	.pro-detail-container ul.nav.nav-pills li a { padding:10px 10px 8px; }
	.pro-detail-container .nav.nav-pills > li.active > a, .pro-detail-container .nav.nav-pills > li.active > a:hover, .pro-detail-container .nav.nav-pills > li.active > a:focus { padding:10px 10px 9px; }
}
@media all and (max-width:520px){
	.pro-detail-container .nav-pills > li { width:100%; }
	.pro-detail-container ul.nav.nav-pills li { margin-bottom:4px; }
	.pro-detail-container .nav-pills > li + li { margin-left:0; }
	.pro-detail-container ul.nav.nav-pills li a { padding:10px; }
	.pro-detail-container .nav.nav-pills > li.active > a:after, 
	.pro-detail-container .nav.nav-pills > li.active > a, 
	.pro-detail-container .nav.nav-pills > li.active > a:hover, 
	.pro-detail-container .nav.nav-pills > li.active > a:focus { background-color:#F36523 !important; color:#fff !important; border:none; box-shadow:none; }
}