/*MobileHeaderResponsive*/.btnbulk{background-color: white !important;color: #0070bb !important;} .header-row { margin-top:5px;}.account-col { margin-top:5px; } @media (max-width: 767px) {#ulmorelink.mt10{margin-top:unset !important;} .navbar-nav { margin: 7.5px 0px !important; } .navbar-header{ border-bottom:unset !important; } .header-row { display: flex; flex-wrap: wrap; background-color: white; height: 112px; margin-top:10px !important;} .logo-col { order: 1; } .account-col { order: 2; margin-top: -15px; } .search-col { order: 3; width: 100%; margin-top: -17px; } }/*MobileHeaderResponsive:End*/.mlc3-launcher , .mlc3-bottom-close {background: #f07f15 !important;}#ctl00_RadSearchBox1_Input { height:45px;}.faIconSearch { border-radius: 5px; border: 1px solid;padding: 7px 7px 4px 7px;} div.input-group li.dropdown { width:54px;} .dBulkSearch { margin-top: -40px; } .bulksearch { margin-left: 5px; border: 1px solid #ccc; height: 30px; width: auto } @-ms-viewport { width: device-width; } /*font*/ @font-face { font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; font-display: swap; src: url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.eot); src: url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-hand-right:before { content: "\e127"; } .content { font-family: "Glyphicons Halflings", sans-serif; } /*fond-end*/ /*container*/ .main-container { min-height: 70%; min-height: calc(100% - 220px); padding: 30px 0; } .main-container { background-color: #eee !important; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 1300px !important; min-width: 1300px !important; /*Rohit*/ } @media (max-width: 300px) { .container, body, html { width: 300px; } } @media (max-width: 320px) { .container, body, html { min-width: 300px; } } @media (max-width: 320px) { .navbar .container { padding-left: 5px; } div#divCookieConsent.bgwhite { display: block; position: unset; } } /*Rohit*/ @media (max-width: 480px) { .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 100% !important; min-width: 450px !important; margin-left: 0px !important; } .bulksearch { margin-left: 5px; border: 1px solid #ccc; height: 30px; width: auto } } /*Rohit:End*/ @media (min-width: 768px) { .container { width: 750px !important; /*Rohit*/ min-width: 750px !important; } .bulksearch { margin-left: 5px; border: 1px solid #ccc; height: 30px; width: auto } } @media (min-width: 992px) { .container { width: 970px !important; /*Rohit*/ min-width: 970px !important; } .bulksearch { margin-left: 5px; border: 1px solid #ccc; height: 30px; width: auto } } @media (min-width: 1024px) { .container { /*max-width: 1300px; /*Rohit min-width: 1024px !important;*/ width: 100% !important; /*Rohit*/ min-width: 1000px !important; max-width: 1300px; } } @media (min-width: 1200px) { .container { width: 100% !important; /*Rohit*/ min-width: 1170px !important; max-width: 1300px; } } /*container-end*/ /*bootstrap*/ .row { margin-right: -15px; margin-left: -15px; } .col-lg-4, .col-md-1, .col-md-10, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-sm-1, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-6 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-6 { float: left; } .col-xs-12 { width: 100%; } .col-xs-10 { width: 83.33333333%; } .col-xs-6 { width: 50%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .col-sm-1, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7 { float: left; } .col-md-12 { width: 100%; } .col-md-10 { width: 83.33333333%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-4 { float: left; } .col-lg-4 { width: 33.33333333%; } } .relative { position: relative; } .visible-xs { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .inner-box { background: none repeat scroll 0 0 #fff; border-radius: 3px 3px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(180, 180, 180, 0.5); margin-bottom: 10px; padding: 20px 15px; } .inner-box.category-content { padding-bottom: 0; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .form-control { background-color: #fff; background-image: none; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 12px; height: 43px; line-height: 1.42857; padding: 6px 12px; width: 100%; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control, .input-group-addon { display: table-cell; } .input-group-addon { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { width: 14%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group .form-control:first-child, .input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-checkout { background-color: #e37325; border-color: #e37325; color: #000000; } .fade { opacity: 0; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > .active > a { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } div.input-group ul.dropdown-menu > li > span { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } div.input-group ul.dropdown-menu > .active > span { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .pull-right > .dropdown-menu { right: 0; left: auto; } /*nav*/ .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li.active > a { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } @media screen and (max-width: 767px) { .navbar-header { min-height: 80px; border-bottom: 1px solid #ddd; } } .navbar-header img { max-height: 90px; } @media screen and (min-width: 768px) { .header { height: auto; background: #fff; } .navbar-nav > li > a { border-radius: 3px; box-sizing: border-box; color: #333; font-size: 12px; height: 40px; line-height: normal; padding: 12px 10px 12px 10px; } .nav > li.active { background: 0 0; } } #navheader, #navheader > .container { background-color: #fff !important; height: 78px !important; } /*rohit*/ @media (max-width: 992px) { /*.header{max-height: 105px !important; min-height: unset !important; margin-bottom: 60px !important;}*/ #navheader, #navheader > .container { background-color: #fff !important; height: unset !important; } .container { margin-left: 30px !important; } .main-container .container { margin-top: 30px } } /*rohit:End*/ @media (max-width: 768px) { .header { max-height: 105px !important; min-height: unset !important; margin-bottom: 60px !important; } #navheader, #navheader > .container { background-color: #fff !important; height: 153px !important; } } @media (max-width: 480px) { #navheader, #navheader > .container { background-color: #fff !important; height: 150px !important; max-width: 100%; } .main-container { padding: 10px 0 !important; } .container { min-width: 100% !important; margin-left: 0px !important; } div#divCookieConsent.bgwhite { display: block; position: unset; } /*Rohit*/ } @media (max-width: 330px) { #navheader, #navheader > .container { background-color: #fff !important; height: 130px !important; } .main-container { padding: 10px 0 !important; } .container { min-width: 100% !important; margin-left: 0px !important; } /*Rohit*/ } #navheader { margin-bottom: unset !important; } .navbar-header { min-height: unset !important; } #navheader .navbar-nav > li > a { padding: 5px 10px 0 !important; color: #369 !important; } #navheader .navbar-brand { padding: 0 !important; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb { background: 0 0; border-radius: 0; list-style: outside none none; margin-bottom: 8px; padding: 8px 0; } @media (max-width: 480px) { .breadcrumb { float: none !important; text-align: left !important; } ol.breadcrumb { margin-top: -20px; } ol.breadcrumb li { margin-top: 10px; min-width: 25px; min-height: 15px; } } .nav-tabs { border-bottom: 2px solid #3c464d; } .nav-tabs > li.active > a { color: #fff; background-color: #3c464d; font-size: 12px; font-weight: 700; } /*nav-end*/ /*panel*/ .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .close { float: right; font-size: 35px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.9; } button.close { padding: 0; background: 0 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .close { float: right; font-size: 35px !important; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.9 !important; margin-top: -8px !important; } button.close { padding: 0; background: 0 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-body { position: relative; padding: 15px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-body { position: relative; padding: 15px; } @media (min-width: 768px) { .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .panel-title { padding-bottom: 0; } /*panel-end*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container:after, .container:before, .nav:after, .nav:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " "; } .container:after, .nav:after, .navbar-header:after, .navbar:after, .panel-body:after, .row:after { clear: both; } .container::after, .container::before, .nav::after, .nav::before, .row::after, .row::before { content: " "; display: table; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-front { z-index: 100; } .ui-autocomplete { position: absolute; top: 0; left: 0; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget input { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } ul.ui-autocomplete { z-index: 1111; max-height: 335px; overflow-x: hidden; overflow-y: scroll; position: fixed; width: 275px; } @media only screen and (max-width: 375px) { ul.ui-autocomplete { z-index: 1111; max-height: 300px; overflow-x: hidden; overflow-y: scroll; position: fixed; width: 65%; } } @media only screen and (min-width: 376px) and (max-width: 768px) { ul.ui-autocomplete { z-index: 1111; max-height: 300px; overflow-x: hidden; overflow-y: scroll; position: fixed; width: 65%; } } ul.ui-autocomplete { z-index: 1111; max-height: 300px; overflow-x: hidden; overflow-y: scroll; position: fixed; } /*fa and icon*/ @font-face { font-family: "FontAwesome"; src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-search:before { content: "\f002"; } .fa-home:before { content: "\f015"; } .fa-list:before { content: "\f03a"; } .fa-comment:before { content: "\f075"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-twitter-square:before { content: "\f081"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-angle-double-down:before { content: "\f103"; } .fa-rss-square:before { content: "\f143"; } .fa-youtube-square:before { content: "\f166"; } .fa-instagram:before { content: "\f16d"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-facebook-official:before { content: "\f230"; } @font-face { font-family: "fontello"; src: url("/assets/fonts/fontello/fontello.eot?4089732"); src: url("/assets/fonts/fontello/fontello.eot?4089732#iefix") format("embedded-opentype"), url("/assets/fonts/fontello/fontello.ttf?4089732") format("truetype"), url("/assets/fonts/fontello/fontello.svg?4089732#fontello") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; } .icon-search-1:before { content: "\e860"; } .icon-location-2:before { content: "\e8d4"; } /*fa-end*/ /*bootstrao-end*/ body { background: #eeeeee; } html { font-size: 10px; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } body { margin: 0; padding: 0; color: #333; font-family: Roboto, sans-serif; font-size: 13px; line-height: 21px; position: relative; } body { background: #eee; } #wrapper, body, html { height: 100%; width: 100%; } nav { display: block; } /*a*/ a { background-color: transparent; } b { font-weight: 700; } img { border: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } a { color: #337ab7; text-decoration: none; } a { color: #369; outline: 0 !important; } /*h1*/ h1 { font-size: 2em; margin: 0.67em 0; } h1, h3, h4 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, h3 { margin-top: 20px; margin-bottom: 10px; } h4 { margin-top: 10px; margin-bottom: 10px; } h1 { font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h1, h3, h4 { font-family: Roboto Condensed, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; margin: 0; padding-bottom: 15px; } h1 { font-size: 30px; line-height: 35px; } h3 { font-size: 20px; line-height: 24px; } h4 { font-size: 17px; line-height: 20px; } @media (max-width: 979px) { h1 { font-size: 24px; line-height: 25px; } h3 { font-size: 18px; line-height: 20px; } h4 { font-size: 16px; line-height: 18px; } .inner-box { padding: 20px 10px; } } @media (max-width: 767px) { h1 { font-size: 24px; line-height: 25px; } h3 { font-size: 18px; line-height: 20px; } h4 { font-size: 16px; line-height: 18px; } .hidden-xs { display: none !important; visibility: hidden !important; } .cat-list { margin-bottom: 15px; } } ol, ul { margin-top: 0; margin-bottom: 10px; } ul ul { margin-bottom: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } ol, ul { margin-top: 0; margin-bottom: 10px; } /*p*/ p { margin: 0 0 10px; } /*p-end*/ /*text*/ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-success { color: #3c763d; } .text-danger { color: #a94442; } .color-white { color: #fff !important; } .text-white { color: white !important; } .text-blue { color: #05345c; } .text-red { color: #ff0013; } .error { color: #e74c3c !important; font-size: 12px; } .text-black { color: #000 !important; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .hidden { display: none !important; } .title-2 { border-bottom: 1px solid #e6e6e6; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; } .alignc { text-align: center; } .alignr { text-align: right; } .alignj { text-align: justify; } .valign-t { vertical-align: top !important; } .valign-m { vertical-align: middle !important; } /*text-end*/ /*table*/ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } table { background-color: transparent; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th { border-top: 0; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } } /*table-end*/ /*button*/ button, input { font-family: inherit; font-size: inherit; line-height: inherit; } button, input { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button { text-transform: none; } button, input[type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } form input[type="text"] { height: 40px; } .btn { border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: 400; line-height: 1.4; padding: 10px 12px; } .btn-sm { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; line-height: 1.5; padding: 4px 8px; } @media (max-width: 800px) { .btn-primary { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-checkout { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } } @media (max-width: 800px) { .btn-primary { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } } .btn-primary { background-color: #05345c; border-color: #05345c; color: #fff; } /*btn-end*/ /*Calendar*/ .myCalendar { background-color: #f2f2f2; width: 156px; border-top: 0 !important; border-style: unset !important; } .myCalendar a { text-decoration: none; } .myCalendar .myCalendarTitle { font-weight: 700; height: 40px; line-height: 40px; background-color: #4ccaef; color: #fff; } .myCalendar th.myCalendarDayHeader { height: 25px; border-bottom: outset 2px #fbfbfb; border-right: outset 2px #fbfbfb; text-align: center !important; } .myCalendar td.myCalendarDay { border: outset 2px #fbfbfb; } .myCalendar td.myCalendarDay:nth-child(7) a { color: #c52e2e !important; } .myCalendar .myCalendarNextPrev { text-align: center; } .myCalendar .myCalendarNextPrev a { font-size: 1px; } .myCalendar .myCalendarNextPrev:nth-child(1) a { color: #4ccaef !important; background: url(/assets/css/prevMonth.png) no-repeat center center; } .myCalendar .myCalendarNextPrev:nth-child(3) a { color: #4ccaef !important; background: url(/assets/css/nextMonth.png) no-repeat center center; } .myCalendar .myCalendarDay a, .myCalendar .myCalendarNextPrev a { display: block; line-height: 20px; } .myCalendar .myCalendarToday { border-radius: 50%; background-color: #f2f2f2; -webkit-box-shadow: 0 0 7px 3px #e5e5e5; box-shadow: 0 0 7px 3px #e5e5e5; } .myCalendar .myCalendarToday a { color: #25bae5 !important; } /*Calendar-end*/ /*Colorbox*/ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #colorbox, #cboxContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #cboxOverlay { background: #000; } #colorbox { outline: 0; } #cboxTopLeft { width: 14px; height: 14px; background: url(/images/controls.png) no-repeat 0 0; } #cboxTopCenter { height: 14px; background: url(/images/border.png) repeat-x top left; } #cboxTopRight { width: 14px; height: 14px; background: url(/images/controls.png) no-repeat -36px 0; } #cboxBottomLeft { width: 14px; height: 43px; background: url(/images/controls.png) no-repeat 0 -32px; } #cboxBottomCenter { height: 43px; background: url(/images/border.png) repeat-x bottom left; } #cboxBottomRight { width: 14px; height: 43px; background: url(/images/controls.png) no-repeat -36px -32px; } #cboxMiddleLeft { width: 14px; background: url(/images/controls.png) repeat-y -175px 0; } #cboxMiddleRight { width: 14px; background: url(/images/controls.png) repeat-y -211px 0; } #cboxContent { background: #fff; overflow: visible; } #cboxLoadingOverlay { background: url(/images/loading_background.png) no-repeat center center; } #cboxLoadingGraphic { background: url(/images/loading.gif) no-repeat center center; } #cboxTitle { position: absolute; bottom: -25px; left: 0; text-align: center; width: 100%; font-weight: bold; color: #7c7c7c; } #cboxCurrent { position: absolute; bottom: -25px; left: 58px; font-weight: bold; color: #7c7c7c; } #cboxPrevious, #cboxNext, #cboxSlideshow { border: 0; padding: 0; margin: 0; overflow: visible; position: absolute; bottom: -29px; background: url(/images/controls.png) no-repeat 0px 0px; width: 23px; height: 23px; text-indent: -9999px; } #cboxPrevious { left: 0px; background-position: -51px -25px; } #cboxNext { left: 27px; background-position: -75px -25px; } /*Colorbox-end*/ /*customize*/ .header { min-height: 80px; } .header { max-height: 65px !important; min-height: 65px !important; } .footer { background: #fff; border-top: solid 1px #ddd; font-size: 12px; color: #4e575d; letter-spacing: 0.5px; } @media (max-width: 767px) { .footer ul { float: none; padding: 0; text-align: left; width: 100%; } .footer ul:last-child { margin-top: 20px; } } .w100 { width: 100% !important; } .mn { margin: 0 !important; } .mbn { margin-bottom: 0 !important; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .mt5 { margin-top: 5px; } .mb5 { margin-bottom: 5px; } .mt5 { margin-top: 5px !important; } .mb5 { margin-bottom: 5px !important; } .ml5 { margin-left: 5px !important; } .mr5 { margin-right: 5px !important; } .mr4 { margin-right: 4px !important; } .mr20 { margin-right: 20px !important; } .mbm8 { margin-bottom: -8px !important; } .pn { padding: 0 !important; } .prn { padding-right: 0 !important; } .plrn { padding-left: 0 !important; padding-right: 0 !important; } .pln { padding-left: unset !important; } .prn { padding-right: unset !important; } .pl2 { padding-left: 1px !important; } .pr2 { padding-right: 1px !important; } .fb { font-weight: 700 !important; } .fs12 { font-size: 12px !important; } .fs14 { font-size: 14px !important; } .globalStrip { background-color: #0070bb; font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; } @media (max-width: 300px) { .globalStrip { font-size: 10px !important; } } @media (max-width: 330px) { .globalStrip { font-size: 10px !important; } } @media only screen and (max-width: 480px) { .globalStrip { font-size: 10px !important; } } .searchbox { margin-top: 5px !important; height: 45px !important; } .searchbox-logo-height { height: 50px !important; } .searchbox-m { margin-top: 5px !important; height: 93px !important; margin-left: 0 !important; margin-right: 0 !important; } .searchbox-m-logo { padding-left: 0 !important; z-index: 1000 !important; } .searchbox-category-bc { background-color: #eee !important; } /*.dropdown-toggle-bc{background-color: #eee !important; height: unset !important; font: bold !important;}*/ .header-ulmorelink { float: right !important; padding-right: 0 !important; top: -24px !important; } .header-right-m { margin-right: -25px !important; margin-top: -5px !important; } .cat-list { display: block; margin-bottom: 30px; line-height: 24px; } .cat-list li a { border-radius: 2px; font-style: normal; font-size: 12px; color: #4e575d; } @media (max-width: 480px) { .col-xxs-12 { width: 100%; } } @media only screen and (max-width: 767px) { .title-2 { font-size: 16px; } } .currencyli { margin-top: 10px; } #hideextracart { z-index: 1100; top: 46px !important; } #ulmorelink { float: right !important; } #ulmorelink.nav > li > a { padding: 5px !important; } #ulmorelinkm1 { position: absolute; z-index: 5000; margin-top: -12px; margin-left: -9px; width: 10px; } #hidecart1 { margin-top: 5px !important; } #modalPromo.bottom_message { position: fixed; top: 44%; left: 46%; transform: translate(-50%, -50%); } #imgPromo { width: 100% !important; margin-top: -22px; } @media only screen and (max-width: 768px) { #modalPromo.bottom_message { float: right; position: fixed; bottom: 10px; right: 5% !important; width: 90% !important; } } table.deliverytoyoudate tr:first-child { background-color: #4ccaef !important; text-align: center !important; } .CustomCellCss { border-radius: 50%; text-align: center; border-color: #25a0da !important; color: #fff; background-color: #25a0da !important; } .moreavilstockheading { background-color: #e37325 !important; color: white !important; } #ContentPlaceHolder1_updProgress { text-align: center !important; } /*header-start*/ div.globalStrip .color-white { color: #fff; } div.globalStrip .color-white:hover, .color-white:focus, .color-white:active { color: #e37325; } .imgheaderlogo { width: 95.7667px !important; height: 50px !important; } #flagCountry { width: 25px !important; height: 25px !important; } /*.dropdown-toggle-bc{background-color: #eee !important; height: unset !important; font: bold !important;}*/ .header-ulmorelink { float: right !important; padding-right: 0px !important; top: -24px !important; } /*header-end*/ /*footer-start*/ #divFooter li a { /*font-family: sans-serif;*/ font-weight: normal !important; min-width: 48px; min-height: 48px; } #imges { margin-top: 0px !important; width: 396.667px !important; height: 72.4667px !important; } .footer h3 a, .footer h3 { color: #336699; position: relative; } .pt15 { padding-top: 15px; } .logo-box { margin: 15px 2px 15px 2px; } /*footer-end*/ /*autocomplete-start*/ .spnAddOnSearch:hover, .spnAIOnSearch:hover { border: 1px solid gray; background-color: #a9a9a9; color: #fff !important; } .ui-autocomplete-loading { background: #fff url(/images/loading.gif) right center no-repeat !important; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5 !important; } ul.ui-autocomplete { z-index: 1111; max-height: 300px; overflow-x: hidden; overflow-y: scroll; position: fixed; } .ui-widget-content { /*border: 1px solid #ddd;*/ background: #fff; color: #333; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-autocomplete { /*position: absolute; top: 0; left: 0;*/ cursor: default; } /*autocomplete-end*/ /*button-start*/ .btn-primary { background-color: #05345c; border-color: #05345c; color: #fff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #e37325; border-color: #e37325; color: #ffffff; } .btn-checkout { background-color: #e57a2e; border-color: #e57a2e; color: #000000; } .btn-checkout:hover, .btn-checkout:focus, .btn-checkout:active, .btn-checkout.active, .open .dropdown-toggle.btn-checkout { background-color: #05345c; border-color: #05345c; color: #fff; } .cursor { cursor: pointer; } /*button-end*/ .open .dropdown-menu { display: block !important; } div.searchbox-m ul.dropdown-menu { margin-top: 12px !important; } .loadingOnTop { position: fixed; top: 80px; right: 40%; min-height: 5%; min-width: 20%; background-image: url(/Images/loading.gif); background-position: center center; background-repeat: no-repeat; background-color: #e4e4e6; z-index: 500 !important; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; } @media (min-width: 360px) { .loadingOnTop { position: fixed; top: 140px; right: 20%; min-height: 5%; min-width: 60%; background-image: url(/Images/loading.gif); background-position: center center; background-repeat: no-repeat; background-color: #e4e4e6; z-index: 500 !important; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; } } .m10 { margin: 10px 10px 10px 10px !important; } .m5 { margin: 5px 5px 5px 5px !important; } .ml10 { margin-left: 10px !important; } .mr10 { margin-right: 10px !important; } .mr12 { margin-right: 12px !important; } .mt10 { margin-top: 10px !important; } .mb10 { margin-bottom: 10px !important; } .p10 { padding: 10px 10px 10px 10px !important; } .p5 { padding: 5px 5px 5px 5px; } @media (max-width: 480px) { .p5 { padding: 1px 1px 1px 1px !important; } } .pl10 { padding-left: 10px !important; } .pr10 { padding-right: 10px !important; } .pt10 { padding-top: 10px !important; } .pb10 { padding-bottom: 10px !important; } .pl20 { padding-left: 15px !important; } .pr20 { padding-right: 20px !important; } #divFooter ul.cat-list li { margin: 7px; } #divFooter.copywrite { color: #4e575d; } img.lazyload { width: 65px; aspect-ratio: 1/1; object-fit: fill; } @media(max-width: 480px) { img.lazyload { width: unset; aspect-ratio: 1/1; object-fit: fill; } #divFooter table tbody tr td.p5 img.lazyload { width: 50px; aspect-ratio: 1/1; object-fit: fill; } } .inner-box a { text-decoration: unset !important; } .footerr { background-color: #0070b5; color: white; } .footerr a { color: white !important; text-decoration: unset !important; } .footerr .inner-box { background-color: #eee /*white, #0070b5*/; } .footerr h3 { padding-bottom: 0px; } ul.contactbox li a, .inner-box h3 { /*color:#4e575d !important;*/ color: #4e575d !important; } .text-justify { text-align: justify; } #ulmorelink a:hover, #ulmorelink a:focus, #ulmorelink a:active { text-decoration: none !important; color: #369 !important; background: unset !important; } .footerr .inner-box a { color: #4e575d !important; } span.text-skyblue { font-weight: normal !important; color: #337ab7 !important; } .text-gray { font-weight: normal !important; color: #4e575d !important; } .br5 { border-radius: 5px; } .nav > li > a:hover, .nav > li > a:focus { background-color: #0070bb !important; color: white !important; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } div.login-box .panel-footer p { margin-top: 10px; } .form-group { margin-bottom: 15px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } /*customize-end*/ .fs20 { font-size: 20px; } div#divCookieConsent.bgwhite { display: block; position: fixed; bottom: 0px; left: 0px; right: 0px; background-color: #ccc; color: black; padding: 15px 20px 15px 20px; z-index: 100000; } div#divCookieConsent.bgsky { display: block; position: fixed; bottom: 0px; left: 0px; right: 0px; background-color: #0070bb; color: white; padding: 15px 20px 15px 20px; z-index: 100000; }