/* *----------------------------------------------------------------- * Licensed Materials - Property of IBM * * WebSphere Commerce * * (C) Copyright IBM Corp. 2013, 2014 All Rights Reserved. * * US Government Users Restricted Rights - Use, duplication or * disclosure restricted by GSA ADP Schedule Contract with * IBM Corp. *----------------------------------------------------------------- */ /*** Reset + basic styles ***/ html {-webkit-text-size-adjust:100%;} body{ font-family: 'Source Sans Pro'; font-style: normal; font-weight: normal;} body { color: #4d4d4d; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; outline: none; margin: 0 10px; padding: 0; background: #edeef0; text-decoration: none !important; } .Semibold { font-family: 'Source Sans Pro'; src: url('SourceSansPro-Semibold.eot'); src: url('SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('SourceSansPro-Semibold.woff') format('woff'), url('SourceSansPro-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } a { color: inherit; cursor: pointer; text-decoration: none !important; } a img {outline : none;} a {outline : none;} img{border:0} a:active, a:selected, a:visited { border: none; outline: none; } a:hover {text-decoration: none !important;} blockquote, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-size: inherit; font-family: "Source Sans Pro",sans-serif; } button, input, textarea, select { margin: 0; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-family: 'Source Sans Pro', sans-serif; } fieldset, iframe, img { margin: 0; padding: 0; border: 0; } dl, ol, ul { margin: 0; } #content { overflow: hidden; margin: 0 20px; } .default_cursor { cursor:default; } #cartDropdown > .footer .basicButton { height: 30px; padding: 9px 4px 0; width:100%; } #cartDropdown > .footer .basicButton.minicart { height: 20px; padding: 10px; width:93%; } #cartDropdown > .footer.minicart { padding: 0px 8px 8px 8px; margin-top:10px; } .facetSelect .no_border { border-bottom: 0px solid #e3e1e1; } .empty_message{ font-size: 14px; padding: 6px 0 8px 8px; } /* -----------------------------------------------------------------------------*/ /* 4.2. Footer - start /* -----------------------------------------------------------------------------*/ #footerRow1 .about_us.section.col2.acol12 { margin-right: 3%; width: 16%;} #footerRow1 .section.col2.acol12.resources { margin-right: 3%; width: 11%;} #footerRow1 .section.col2.acol12.legal { margin-right: 3%; width: 11%;} #footerRow1 .section.col3.acol12.footerExploreSection.mak_insider { margin-right: 3%; width: 20%;} #footerRow1 .section.col3.acol12.footerExploreSection.email_subscribe.subscribe_newslater { width: 20%;} #footerRow1 .about_us.section.col2.acol12 .header { padding: 0 0 18px;} #footerRow1 .section.col2.acol12.resources .header { padding: 0 0 18px;} #footerRow1 .section.col2.acol12.legal .header { padding: 0 0 18px;} /* -----------------------------------------------------------------------------*/ /* 4.2. Footer -End /* -----------------------------------------------------------------------------*/ #radio-dropdown-checkbox-error-span { float: left; padding-left: 10px; text-align: left;} .product_detail_sec { background: #fff;} /* Button */ .basicButton { display: inline-block; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3498db+74,2a7abd+100 */ background: rgb(52,152,219); /* Old browsers */ background: -moz-linear-gradient(top, rgba(52,152,219,1) 0%, rgba(42,122,189,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(52,152,219,1) 0%,rgba(42,122,189,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(52,152,219,1) 0%,rgba(42,122,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#2a7abd',GradientType=0 ); /* IE6-9 */ border: 1px solid #2e87ca; border-radius: 5px; border-spacing: 0; vertical-align: middle; font-size: 16px; font-family: 'Source Sans Pro'; } .basicButton:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#249ee9+0,299de8+100 */ background: #249ee9; /* Old browsers */ background: -moz-linear-gradient(top, #249ee9 0%, #299de8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #249ee9 0%,#299de8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #249ee9 0%,#299de8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249ee9', endColorstr='#299de8',GradientType=0 ); /* IE6-9 */ } .basicButton:active { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#269ae3+0,259fec+100 */ background: #269ae3; /* Old browsers */ background: -moz-linear-gradient(top, #269ae3 0%, #259fec 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #269ae3 0%,#259fec 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #269ae3 0%,#259fec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#269ae3', endColorstr='#259fec',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } .basicButton:target { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#269ae3+0,259fec+100 */ background: #269ae3; /* Old browsers */ background: -moz-linear-gradient(top, #269ae3 0%, #259fec 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #269ae3 0%,#259fec 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #269ae3 0%,#259fec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#269ae3', endColorstr='#259fec',GradientType=0 ); /* IE6-9 */ } .add_section.show-for-desktop { margin-left: 12px; width: 22%; } .col8.acol12.right.slider_section { margin-right: 0px; } .youtube_icon { margin-right: 0px !important; } .basicButton > span { color: #fff; display: block; font-weight: bold; height: 24px; line-height: normal; padding: 0px 15px; text-align: center; vertical-align: middle; } .seemore { display: inline-block; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3498db+74,2a7abd+100 */ background: rgb(52,152,219); /* Old browsers */ background: -moz-linear-gradient(top, rgba(52,152,219,1) 74%, rgba(42,122,189,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(52,152,219,1) 74%,rgba(42,122,189,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(52,152,219,1) 74%,rgba(42,122,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#2a7abd',GradientType=0 ); /* IE6-9 */ border: 1px solid #2e87ca; border-radius: 5px; border-spacing: 0; vertical-align: middle; box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); font-size: 16px; font-family: 'Source Sans Pro'; line-height: 32px; color: #FFFFFF !important; font-size: 14px; height: 40px; padding: 0px!important; width: 115px; } .seemore:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#249ee9+0,299de8+100 */ background: #249ee9; /* Old browsers */ background: -moz-linear-gradient(top, #249ee9 0%, #299de8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #249ee9 0%,#299de8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #249ee9 0%,#299de8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249ee9', endColorstr='#299de8',GradientType=0 ); /* IE6-9 */ } .seemore:active { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#269ae3+0,259fec+100 */ background: #269ae3; /* Old browsers */ background: -moz-linear-gradient(top, #269ae3 0%, #259fec 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #269ae3 0%,#259fec 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #269ae3 0%,#259fec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#269ae3', endColorstr='#259fec',GradientType=0 ); /* IE6-9 */ } .seemore:target { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#269ae3+0,259fec+100 */ background: #269ae3; /* Old browsers */ background: -moz-linear-gradient(top, #269ae3 0%, #259fec 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #269ae3 0%,#259fec 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #269ae3 0%,#259fec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#269ae3', endColorstr='#259fec',GradientType=0 ); /* IE6-9 */ } .seemore > span { font-weight: bold; text-align: center; vertical-align: middle; } .trusted_source .contentRecommendationWidget { position: relative; } .allfield h5{ color: #3498db; font-size: 14px; font-weight: 400; margin: 20px 0 14px;} .dijitDialogPaneContent { overflow: visible !important;} div#dialogBody { width: 98% !important;} #taxes h3 { margin-left: 0px !important; } .order_status_table .tcColumnTitle{ color: #000000; font-size: 16px; font-weight: bold;} .cancel {color: #ffffff !important; font-size: 14px; font-weight: normal; margin-left: 7px; padding: 8px 30px 9px; } .basicButton_menu{display: inline-block; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3498db+74,2a7abd+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4d4d4+0,f0f0f0+100 background: rgb(212,212,212); background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f0f0f0',GradientType=0 ); border: 1px solid #2e87ca;*/ border-radius: 5px; border-spacing: 0; vertical-align: middle; } .basicButton_menu:hover{display: inline-block; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3498db+74,2a7abd+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4d4d4+0,f0f0f0+100 background: rgb(212,212,212); background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f0f0f0',GradientType=0 ); border: 1px solid #2e87ca;*/ border-radius: 5px; border-spacing: 0; vertical-align: middle; } .basicButton_menu > span { color: #000; display: table-cell; font-weight: bold; height: 24px; line-height: normal; padding: 3px 15px; text-align: center; vertical-align: middle; } .basicButton2 { display: inline-block; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3498db+74,2a7abd+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4d4d4+0,f0f0f0+100 */ background: rgb(212,212,212); /* Old browsers */ background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ border: 1px solid #2e87ca; border-radius: 5px; border-spacing: 0; vertical-align: middle; width: 97%; } .basicButton2:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4d4d4+0,f0f0f0+100 */ background: rgb(212,212,212); /* Old browsers */ background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ } .basicButton2 > span { color: #000; display: table-cell; font-weight: bold; height: 24px; line-height: normal; padding: 3px 15px; text-align: center; vertical-align: middle; } .greencButton { display: inline-block; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00af41+90,17914a+100 */ background: rgb(0,175,65); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,175,65,1) 90%, rgba(23,145,74,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,175,65,1) 90%,rgba(23,145,74,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,175,65,1) 90%,rgba(23,145,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00af41', endColorstr='#034d82',GradientType=0 ); /* IE6-9 */ border: 1px solid #109A47; border-radius: 5px; border-spacing: 0; vertical-align: middle; color: #ffffff !important; float: right; font-weight: bold; padding: 10px 61px 12px; } .greencButton:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#129545+0,02c248+100 */ background: #129545; /* Old browsers */ background: -moz-linear-gradient(top, #129545 0%, #02c248 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #129545 0%,#02c248 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #129545 0%,#02c248 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129545', endColorstr='#02c248',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } .greencButton:active { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c245+0,05c04b+100 */ background: #00c245; /* Old browsers */ background: -moz-linear-gradient(top, #00c245 0%, #05c04b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00c245 0%,#05c04b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00c245 0%,#05c04b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c245', endColorstr='#05c04b',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } .greencButton:target { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c245+0,05c04b+100 */ background: #00c245; /* Old browsers */ background: -moz-linear-gradient(top, #00c245 0%, #05c04b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00c245 0%,#05c04b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00c245 0%,#05c04b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c245', endColorstr='#05c04b',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } .greenButton > span { border: 1px solid #109A47; border-radius: 3px; color: #fff; display: table-cell; font-weight: bold; height: 30px; line-height: normal; padding: 4px 15px; text-align: center; vertical-align: middle; } .banner_advertisement { float: right !important; width: 22% !important; } .greencButton2 { display: inline-block; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00af41+90,17914a+100 */ background: rgb(0,175,65); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,175,65,1) 100%, rgba(23,145,74,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,175,65,1) 100%,rgba(23,145,74,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,175,65,1) 100%,rgba(23,145,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00af41', endColorstr='#17914a',GradientType=0 ); /* IE6-9 */ border: 1px solid #109A47; border-radius: 4px; border-spacing: 0; vertical-align: middle; color: #FFFFFF!important; font-weight: bold; padding: 9px 31px 11px; font-size: 16px; } .greencButton2:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#129545+0,02c248+100 */ background: #129545; /* Old browsers */ background: -moz-linear-gradient(top, #129545 0%, #02c248 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #129545 0%,#02c248 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #129545 0%,#02c248 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129545', endColorstr='#02c248',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } .greencButton2:active { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c245+0,05c04b+100 */ background: #00c245; /* Old browsers */ background: -moz-linear-gradient(top, #00c245 0%, #05c04b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00c245 0%,#05c04b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00c245 0%,#05c04b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c245', endColorstr='#05c04b',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } .greencButton2:target { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c245+0,05c04b+100 */ background: #00c245; /* Old browsers */ background: -moz-linear-gradient(top, #00c245 0%, #05c04b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00c245 0%,#05c04b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00c245 0%,#05c04b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c245', endColorstr='#05c04b',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } .greenButton2 > span { border: 1px solid #109A47; border-radius: 3px; color: #fff; display: table-cell; font-weight: bold; height: 30px; line-height: normal; padding: 4px 15px; text-align: center; vertical-align: middle; } /* Department button */ .departmentButton { background-image: none; border: 0 solid rgba(0, 0, 0, 0); border-radius: 0; border-spacing: 0; color: #ffffff; display: inline-block; margin: 0 0px 0 0px; position: relative; vertical-align: middle; } .departmentButton:hover { color: #015288; background-image: linear-gradient(#f7f9f9, #ebeff0); background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ebeff0)); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ebeff0')"; } .departmentButton.selected { background-image: linear-gradient(#f7f9f9, #f5f5f5); background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#f5f5f5)); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#f5f5f5')"; } .departmentButton > span { border: 0 solid rgba(0, 0, 0, 0); border-radius: 0; display: table-cell; height: 50px; line-height: normal; max-width: 100%; padding: 0px 34px; text-align: center; vertical-align: middle; width: auto; } .departmentButton.selected > span { } .compare_target_hidden { visibility: hidden; display: none; } .tabButtonContainer{ display: none; } /* Menu */ .basicMenu { display: none; } .basicMenu.active { display: block; position: absolute; top: 100%; z-index: 20; background-color: #ffffff; border: 1px solid #c9cece; border-radius: 0 0 4px 4px; } .basicMenu > h3, .basicMenu > .closeButton { display: none; } .basicMenu > ul { margin: 0; padding: 0 16px 16px 16px; list-style: none; } .basicMenu > ul > li { padding: 3px 0; border-bottom: 1px solid #c9cece; } .basicMenu > ul > li > a { display: block; margin: 0 -8px; padding: 8px; } .basicMenu > ul > li > span { display: block; padding: 8px 0; } #footerWrapper { clear: both; } .web-text > img { float: left; margin: 4px 6px 0 0; } .number.col7.acol12.left img { float: left; margin: 4px 6px 0 0; } /*MAP CSS START*/ .map{ position: relative; color: #000000;} .indiana_in{ border-style: solid; border-width: 0; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; height: 37px; left: 360px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 144px; width: 153px; z-index: 10112;} .indiana_in_tha{ border-style: solid; border-width: 0; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; height: 37px; left: 422px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 156px; width: 153px; z-index: 10112;} .reno_nv{ border-style: solid; border-width: 0; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; height: 21px; left: 224px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 130px; width: 89px; z-index: 10113;} .mcDonough_ga{ border-style: solid; border-width: 0; font-family: "Source Sans Pro",sans-serif; font-style: normal; font-weight: normal; height: 21px; left: 463px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 204px; width: 147px; z-index: 10114;} .phoenix_tx{ border-style: solid; border-width: 0; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; font-style: normal; font-weight: normal; height: 26px; left: 213px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 186px; width: 161px; z-index: 10115;} .mcdonough_ga_da{ border-style: solid; border-width: 0; color: #979797; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; font-style: normal; font-weight: normal; height: 27px; left: 436px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 222px; width: 193px; z-index: 10116;} #mcdonough_ga_da > span { color: #000000 !important; } #phoenix_tx span { color: #000000 !important; } .wysiwyg-font-type-SourceSansPro > span { color: #000000 !important; } .grove_city_pa{ border-style: solid; border-width: 0; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; height: 21px; left: 474px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 89px; width: 127px; z-index: 10117;} .west_chester_oh{ border-style: solid; border-width: 0; font-family: Arial; font-style: normal; font-weight: normal; height: 21px; left: 462px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 131px; width: 170px;} .columbus_OH{ border-style: solid; border-width: 0; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; height: 21px; left: 463px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 111px; width: 170px; z-index: 10129;} .toronto_CA{ border-style: solid; border-width: 0; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; height: 21px; left: 485px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 74px; width: 116px; z-index: 10111; } /*----------------------------------*/ .indiana_in_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 47px; left: 398px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 101px; width: 153px; z-index: 10112;} .indiana_in_tha_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 47px; left: 424px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 112px; width: 153px; z-index: 10112;} .reno_nv_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 47px; left: 439px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 153px; width: 153px; z-index: 10112;} .mcDonough_ga_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 44px; left: 427px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 184px; width: 153px; z-index: 10112;} .map .ElImage.ElImgNoBack { width: 100%; } .name_filds { font-weight: bold; color: #000000; } .mcdonough_ga_da_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; border-style: solid; border-width: 0; font-family: "Source Sans Pro",sans-serif; font-style: normal; font-weight: normal; height: 47px; left: 441px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 176px; width: 193px; z-index: 10116;} .grove_city_pa_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 48px; left: 459px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 52px; width: 89px; z-index: 10113;} .west_chester_oh_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 48px; left: 446px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 93px; width: 89px;} .columbus_OH_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 48px; left: 459px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 73px; width: 89px; z-index: 10113} .toronto_CA_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 48px; left: 476px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 28px; width: 89px; z-index: 10113; } .reno_nv_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 48px; left: 205px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 101px; width: 89px; z-index: 10113; } .phoenix_tx_balone{ background: rgba(0, 0, 0, 0) url("../images/balone_map.png") no-repeat scroll 0 0; height: 48px; left: 257px; line-height: normal; overflow: visible; position: absolute; text-align: left; top: 142px; width: 89px; z-index: 10113; } /*MAP CSS START END*/ .select_locations { margin: 0; padding: 0;} .select_locations h3 {color: #0e5d9e; font-family: "Source Sans Pro"; font-size: 24px; line-height: 27.8px; margin: 3px 0 0; padding-left: 0; text-align: start; } .select_locations .search_by_location { border-radius: 5px; border: 1px solid #bfbfbf; font-weight: normal; font-style: normal; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; text-align: none; color: #474747; inactive: 0; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color: #c8c8c8; border-style: solid; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px inset; -o-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px inset; -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px inset; border-radius: 3px; cursor: pointer; margin: 0; min-height: 34px; outline: medium none; padding: 4px 3px 3px; background: #ffffff url("../images/responsive/select.jpg") no-repeat scroll right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .select_locations select option { background: #ffffff none repeat scroll 0 0; border-bottom: 1px solid #cccccc; padding: 5px 4px; } /* Underline decoration */ .saving { color: #000; } .strike { text-decoration: line-through; color: #000; } .basicMenu a, .departmentMenu a, #quickLinksBar > li > a, #searchFilterButton { text-decoration: none; } .basicMenu a:hover, .departmentMenu a:hover, #quickLinksBar > li > a:not(.nohover):hover, #searchFilterButton:hover, .product_info > .product_name > a:hover { text-decoration: underline; } /* Text color decoration */ #quickLinksBar > li > a.disabled { color:#6b6b6b; } /* Arrow decoration */ .arrow_button_icon_menu { float: left; margin: -4px 0 0; padding: 0 0 0 10px; } .cat { float: left; margin: auto; padding: 0 0 0 0px; } .arrow_button_icon{ float: right; position: absolute; width: 10px; height: 7px; overflow:hidden; right: 16px; bottom: 15px; top:25px; } #quickLinksButton .arrow_button_icon { bottom: 10px; } .arrow_button_icon.cart_arrow::before { left: -142px !important; position: absolute; top: 0 !important; } .arrow_button_icon:before{ content: url("../images/responsive/rwdUI.png"); position: absolute; left: -101px; top: -1px; } #quickLinksButton .arrow_button_icon:before, #widget_minishopcart .arrow_button_icon:before, #departmentsButton .arrow_button_icon:before, #allDepartmentsButton .arrow_button_icon:before{ content: url("../images/responsive/rwdUI.png"); left: -102px; position: absolute; top: -1px; } #quickLinksButton.selected .arrow_button_icon:before, #widget_minishopcart.selected .arrow_button_icon:before , #departmentsButton.selected .arrow_button_icon:before, #allDepartmentsButton.selected .arrow_button_icon:before { content: url("../images/responsive/rwdUI.png"); left: -102px; position: absolute; top: -1px; } .departmentButton.selected .arrow_button_icon:before { content: url("../images/responsive/rwdUI.png"); left: -120px; position: absolute; top: -1px; } .pageControlButton:after { background-position: -141px -1px;} .dijitDialogPaneContent { } .dijitDialogPaneContent .header { text-align: right;} .dijitDialogPaneContent .submit_bid h1 { color: #0063a0; font-size: 28px; font-weight: bold; padding: 0; } .dijitDialogPaneContent .header .icon{margin-right:0px !important;} /* Marketing content */ .left_espot { position: relative; z-index: 0; } .left_espot.centered { text-align: center; } .left_espot.centered > a, .left_espot.centered > img { display: inline-block; max-width: 100%; vertical-align: top; } .left_espot.centered > a > img { display: block; max-width: 100%; } .map_vedio_section { margin: 30px 0 0; } .just_added_products { margin: 40px 0px 0 !important; } .map_sale { margin: 0 0px; } .trusted_source .text_section { width: 100%; margin: 0 0px; } .featured_categories_banner { margin: 37px 0px 0 !important; } /* Subscribe button */ .subscribeButton { position: absolute; right: 5px; top: 5px; z-index: 1; background-color: rgba(0,0,0,0); line-height: 0; } .subscribeButton:before { content: url("../images/responsive/rss_feed.png"); } /*** Grid system ***/ /* Row container */ .rowContainer, .rowContainer > .row { padding: 5px 0; } .rowContainer > .row.margin-true { padding: 0 5px; } /*.row.margin-true > div > div { margin: 10px 10px; }*/ .row.margin-true > div > div:first-of-type { margin-top: 5px; margin-bottom: 5px;} .row.margin-true > div > div:last-of-type { margin:0px; } .row.margin-true > div > .row { margin: 0 !important; } /* Row */ .row:after { content: ""; display: block; clear: both; } .row > div { float: left; } .row > .right { float: right; } /* Columns */ .col1 { width: 8.333333%; } .col2 { width: 16.666666%; } .col3 { width: 20%; } .col4 { width: 33.333333%; } .col5 { width: 41.666666%; } .col6 { width: 50%; } .col7 { width: 58.333333%; } .col8 { width: 66.666666%; } .col9 { width: 76%; } .col10 { width: 83.333333%; } .col11 { width: 91.666666%; } .col12 { width: 100%; } /* * RWD-A - 0-600px * RWD-B - 601-1280px * RWD-C - 1281px+ */ /* Grid system - RWD-A */ @media (max-width: 736px) { .acol1 { width: 8.333333%; } .acol2 { width: 16.666666%; } .acol3 { width: 25%; } .acol4 { width: 33.333333%; } .acol5 { width: 41.666666%; } .acol6 { width: 50%; } .acol7 { width: 58.333333%; } .acol8 { width: 66.666666%; } .acol9 { width: 75%; } .acol10 { width: 83.333333%; } .acol11 { width: 91.666666%; } .acol12 { width: 100%; } .rowContainer > .row.margin-true { padding-left: 0; padding-right: 0; } .row.margin-true > div > div { margin-left: 0; margin-right: 0; } } /* Grid system - RWD-Tablet */ @media (max-width: 1200px) and (min-width: 737px) { .tcol1 { width: 8.333333%; } .tcol2 { width: 16.666666%; } .tcol3 { width: 25%; } .tcol4 { width: 33.333333%; } .tcol5 { width: 41.666666%; } .tcol6 { width: 50%; } .tcol7 { width: 58.333333%; } .tcol8 { width: 66.666666%; } .tcol9 { width: 75%; } .tcol10 { width: 83.333333%; } .tcol11 { width: 91.666666%; } .tcol12 { width: 100%; } .rowContainer > .row.margin-true { padding-left: 0; padding-right: 0; } .row.margin-true > div > div { margin-left: 0; margin-right: 0; } .product_detail_sec { width:100%; } } /* Grid system - RWD-C */ @media (min-width: 1281px) { .ccol1 { width: 8.333333%; } .ccol2 { width: 16.666666%; } .ccol3 { width: 25%; } .ccol4 { width: 33.333333%; } .ccol5 { width: 41.666666%; } .ccol6 { width: 50%; } .ccol7 { width: 58.333333%; } .ccol8 { width: 66.666666%; } .ccol9 { width: 75%; } .ccol10 { width: 83.333333%; } .ccol11 { width: 91.666666%; } .ccol12 { width: 100%; } .rowContainer, .rowContainer > .row { padding: 10px 0; } .rowContainer > .row.margin-true { padding: 0 10px; } .row.margin-true > div > div:first-of-type { margin-top: 0px; } .row.margin-true > div > div:last-of-type { margin-bottom: 20px; margin-top: 0px; margin-left: 0;} } /* wc/widget/Grid - fluid grid responsive to container width */ .grid { margin: 0; padding: 0; list-style: none; } .grid > li { display: inline-block; vertical-align: top; } /*** Header ***/ #header { background-color: #ffffff; line-height: normal; padding: 22px 20px 24px 20px; position: relative; z-index: 10; max-width: 1440px; margin: auto 20px; } #quickLinksBar .left_set { float: left;} .show-for-mobile { display: none;} .show-for-desktop { display: block;} #header:before { content: ""; display: block;} #headerRow1 { position: relative; min-height: 70px; } .main_slider ul li .time-left img { min-height: auto; width: inherit; text-align: center; height: inherit; margin: 1px 2px -2px 0px; } .search_section.acol11 { margin-top: 10px; } .search_section { clear: both; float: right; margin: 0px -10px 0px; padding: 0; } #quick_top_links { clear: both; float: right; list-style: outside none none; margin: 0; padding: 0; } #quick_top_links > li { border-right: 1px solid #c9cece; color: #000000; font-size: 14px; float: left; padding: 0 20px; } .departmentButton.selected > span { color: #015288; } #headerRow2 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0063a0+0,034d82+100 */ background: #0063a0; /* Old browsers */ background: -moz-linear-gradient(top, #0063a0 0%, #034d82 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0063a0 0%,#034d82 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0063a0 0%,#034d82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063a0', endColorstr='#034d82',GradientType=0 ); /* IE6-9 */ border-color: #c8c8c8; border-radius: 0; border-style: solid; border-width: 0; border-top: 1px solid #c9cece; min-height: 48px; position: relative; margin: auto 20px; max-width: 1440px; } #headerRow1:after, #headerRow2:after { content: ""; display: block; clear: both; } #logo .contentRecommendationWidget, #logo .contentRecommendationWidget > .left_espot, #logo .contentRecommendationWidget > .left_espot > a, #logo .contentRecommendationWidget > .left_espot > a > img, #logo .genericESpot { max-width: 168px; width: 100%; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } /*** Quick links bar ***/ #quickLinksBar { margin: 0; padding: 0; color: #767676; list-style: none; text-align: right; } #quickLinksBar > li { border-right: medium none; float: left; margin: 0; padding: 0; text-align: left; vertical-align: middle; } #quickLinksBar > li.hidden { position: absolute; visibility: hidden; } #quickLinksBar > li.separator-false { border-right: 0 none; margin: -32px 0 0; padding: 0; } #quickLinksBar > li > a { display: block; position: relative; max-width: 200px; margin: -10px 0; padding: 10px 15px; } #quickLinksBar > li > span { display: block; padding: 0 15px; } #quickLinksBar > li > a > br { display: none; } #quickLinksBar .spanacce { width: 0; height: 0; margin: 0; padding: 0; } #quickLinksMenu.active { top: 56px; right: 95px; width: 298px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; } /* Mini cart button */ #widget_minishopcart { border-radius: 5px; display: block; height: 40px; margin: 0 20px 0 16px; overflow: hidden; padding: 0 !important; position: relative; width: 50px; background-image: -webkit-gradient(linear, left top, left bottom, from(#00619d), to(#034e84)); background-image: linear-gradient(#00619d, #034e84); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#006a30', endColorStr='#034d82')"; border: 1px solid #034e84 ; } #widget_minishopcart:before { clip: rect(37px, 39px, 60px, 0px); content: url("../images/responsive/rwdUI.png"); left: 7px; position: absolute; top: -27px; } #widget_minishopcart:not(.nohover):hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004f7a+0,096cb0+100 */ background: #004f7a; /* Old browsers */ background: -moz-linear-gradient(top, #004f7a 0%, #096cb0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #004f7a 0%,#096cb0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #004f7a 0%,#096cb0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f7a', endColorstr='#096cb0',GradientType=0 ); /* IE6-9 */ } .main_slider ul li .time-left img { min-height: auto; width: inherit !important; text-align: center; height: inherit !important; margin: 1px 2px -2px 0px !important;} .signin_section .panelLinkSelected:active { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#066baf+0,086bae+100 */ background: #066baf; /* Old browsers */ background: -moz-linear-gradient(top, #066baf 0%, #086bae 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #066baf 0%,#086bae 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #066baf 0%,#086bae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066baf', endColorstr='#086bae',GradientType=0 ); /* IE6-9 */ } .signin_section .panelLinkSelected:target { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#066baf+0,086bae+100 */ background: #066baf; /* Old browsers */ background: -moz-linear-gradient(top, #066baf 0%, #086bae 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #066baf 0%,#086bae 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #066baf 0%,#086bae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066baf', endColorstr='#086bae',GradientType=0 ); /* IE6-9 */ } /* Mini cart */ #minishopcart_total{ background-color: red; } #minishopcart_total, #minishopcart_lock { display: block; position: absolute; right: 10px; top: 5px; padding: 0 5px; border-radius: 4px; color: #ffffff; font-size: 12px; font-weight: bold; } #widget_minishopcart_popup_1 #cartDropdown > .content { padding: 0; } #minishopcart_total.nodisplay, #minishopcart_lock.nodisplay { display: none; } #cartDropdown { position: relative; width: 305px; background-color: #ffffff; border: 1px solid #c9cece; border-top: 3px solid #c9cece; border-radius: 0 0 4px 4px; font-size: 14px; } #cartDropdown > h3 { margin: 0; padding: 15px 8px; background-color: #f5f6f7; border-bottom: 1px solid #edeff0; font-size: inherit; font-weight: inherit; font-size: 13px; font-weight: normal; } #cartDropdown > .closeButton { display: block; position: absolute; top: 15px; right: 15px; } #cartDropdown > .closeButton:after { content: ""; display: inline-block; width: 15px; height: 15px; margin-left: 5px; background-image: url("../images/responsive/rwdUI.png"); background-position: -60px 0px; vertical-align: middle; color: #f5f6f7; } #cartDropdown > .closeButton:hover:after { background-position: -240px 0px; } #MiniShopCartProductsList #cartDropdown > .content { padding: 0; } #MiniShopCartProductsList #cartDropdown > .content { padding: 0px; } #MiniShopCartProductsList #cartDropdown > .footer { border-top: 1px solid #edeff0; padding: 10px 18px 10px 8px; text-align: right; } /*** Departments bar ***/ #departmentsButton { display: none; } #departmentsMenu { padding: 0; list-style: none; margin:auto; white-space: nowrap; } #departmentsMenu .categoryList {white-space: normal;} #departmentsMenu > li { display: inline-block; position: relative; z-index: 9; padding-right: 0px; } #departmentsMenu > li.hidden { position: absolute; visibility: hidden; } #allDepartmentsMenu > li.block{ display:block !important; } #departmentsMenu > li > .link, #departmentsMenu > li > .toggle { display: none; } /* Department menu */ .departmentMenu { background: #f5f5f5 none repeat scroll 0 0; border: 0px solid #f1f1f1; border-radius: 0 0 4px 4px; box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); display: none; font-size: 16px; left: 0px; list-style: outside none none; margin: 0; padding: 0 16px; position: absolute; top: 99%; width: 285px; } .departmentMenu.active { display: block; } .departmentMenu > .header { font-size:16; border-bottom: 1px solid #818181; color: #0063a0; font-size: inherit; margin: 0; padding: 10px 0px; } .departmentMenu > .header > .link { display: block; margin: 0 0px; padding: 0px; font-weight: normal; } .departmentMenu > .header > .toggle { display: none; } .departmentMenu > li { border-bottom: 1px solid #9f9f9f; padding: 2px 0; } .departmentMenu > li > a { display: block; margin: 0 -8px; font-size: 14px; padding: 8px; font-weight: normal; } #allDepartmentsMenu { width: 120px; padding-bottom: 4px; color: #0063a0; } /* Category list */ .categoryList { margin: 0; padding: 8px 0; list-style: none; } .departmentMenu.active > .categoryList { display: block; } .categoryList .remove_underline { border-bottom: medium none; } .categoryList > li { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%; padding-right: 0px; vertical-align: top; margin: 0 8px 0 0; } .categoryList > li.more { display: block; } .categoryList > li > a { display: block; font-weight: bold; height: 18px; line-height: 15px; margin: 0 -8px; overflow: hidden; padding: 6px 0 15px 8px; text-transform: uppercase; } .categoryList > li > a img { float: left; margin: -2px 5px 5px 0; display:none; } .categoryList > li > a:last-child { color: #000; font-size: 14px; font-weight: normal; text-transform: none; } .categoryList > li.more > a { font-weight: bold; text-transform: uppercase; } /* Subcategory list */ .subcategoryList { margin: 0 0 8px 0; padding: 0 0 8px 0; list-style: none; } .subcategoryList > li > a { display: block; margin: 0 -8px; padding: 8px; } /* Department menu (1025px+) */ @media (min-width: 1025px) { .departmentMenu { width: 285px; } .categoryList > li { border-bottom: 1px dotted #ccc; width: 45.333%; } .departmentMenu { width: 285px; } .categoryList > li { border-bottom: 1px dotted #ccc; width: 45.333%; } } /*** Search bar maqsood changes ***/ #searchButton { display: none; } #searchBar { float: left; padding: 2px; position: relative; right: 18px; top: -2px; width: 503px; } .left_set.shopping_cart { margin: 0px 1px 0 -7px; } .signin_section .panelLinkSelected { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00af41+90,17914a+100 */ background: rgb(0,175,65); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,175,65,1) 90%, rgba(23,145,74,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,175,65,1) 90%,rgba(23,145,74,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,175,65,1) 90%,rgba(23,145,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B259', endColorstr='#17914a',GradientType=0 ); /* IE6-9 */ border-radius: 4px; color: #fff; display: block; font-weight: bold; height: 31px; padding: 10px 11px 0; } .signin_section .panelLinkSelected:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#129545+0,02c248+100 */ background: #129545; /* Old browsers */ background: -moz-linear-gradient(top, #129545 0%, #02c248 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #129545 0%,#02c248 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #129545 0%,#02c248 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129545', endColorstr='#02c248',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } .signin_section .panelLinkSelected:active { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c245+0,05c04b+100 */ background: #00c245; /* Old browsers */ background: -moz-linear-gradient(top, #00c245 0%, #05c04b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00c245 0%,#05c04b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00c245 0%,#05c04b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c245', endColorstr='#05c04b',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } .signin_section .panelLinkSelected:target { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c245+0,05c04b+100 */ background: #00c245; /* Old browsers */ background: -moz-linear-gradient(top, #00c245 0%, #05c04b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00c245 0%,#05c04b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00c245 0%,#05c04b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c245', endColorstr='#05c04b',GradientType=0 ); /* IE6-9 */ box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7); } #searchBox { position: relative; height: 38px; background-color: #ffffff; border: 1px solid #bfbfbf; border-radius: 4px; text-align: right; vertical-align: middle; } #searchBox:hover { box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7);} #searchBox:target { box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7);} #searchBox:active { box-shadow: 0px 1px 4px 0px rgba(171,171,171,0.7);} #searchBox > * { text-align: left; } #searchTermWrapper { color: #757575; height: 18px; left: 0; margin: 4px 0; padding: 4px 10px; position: absolute; right: 170px; } #searchTermWrapper > .placeholder { position: absolute; color: #bfbfbf; cursor: text; } #searchTermWrapper > input { position: relative; width: 95%; height: 18px; margin: 0px; padding: 0px; background-color: transparent; border: 0 none; font-size: inherit; outline: transparent; } #searchFormLabel { display: none; } #searchFilterButton { border-left: 1px solid #bfbfbf; color: #000000; display: inline-block; font-size: 13px; line-height: 14px; padding: 5px 22px 5px 8px; position: relative; vertical-align: middle; width: 121px; } #searchFilterButton:after { background-image: url("../images/responsive/rwdUI.png"); background-position: -260px -38px; bottom: 5px; content: ""; display: block; height: 14px; position: absolute; right: 1px; width: 17px; } #searchFilterButton.selected:after { content: " "; background-position: -260px -38px; } #searchFilterMenu.active { right: -1px; width: 206px; } @media (min-width: 737px) and (max-width: 900px) { #searchTermWrapper { right: 35px; } #searchFilterButton { display: none; } #searchFilterMenu.active { display: block; } #searchBar { width:260px !important; } } @media screen and (min-width: 736px) and (max-width: 900px) { #searchFilterButton { display: none !important; } } #searchBox > .submitButton { background: #ebebeb none repeat scroll 0 0; border: 8px solid #ebebeb; display: inline-block; height: 14px; margin: 0 0 1px; overflow: hidden; padding: 2px 6px 6px; position: relative; vertical-align: middle; width: 9px; } #searchBox > .submitButton:before { content: url("../images/responsive/rwdUI.png"); display: block; left: -138px; position: absolute; top: -18px; } #searchBox > .submitButton:hover:before { left: -138px; } /* Autocomplete menu */ #searchDropdown { position: absolute; left: -1px; right: -1px; top: 38px; } #AutoSuggestDiv { background-color: #ffffff; border: 1px solid #c9cece; } #AutoSuggestDiv > ul, .autoSuggestDivNestedList { padding: 0; } #AutoSuggestDiv > ul > li { padding: 0; margin: 0; list-style: none; } #AutoSuggestDiv .list_section li { border-bottom: 1px solid #c9cece; list-style: none; } #AutoSuggestDiv .list_section li > a, #AutoSuggestDiv #autoSuggestAdvancedSearch > a { padding: 15px; display: block; height: 100%; } #AutoSuggestDiv .heading { background-color: #f5f6f7; text-transform: uppercase; padding: 15px; border-bottom: 1px solid #c9cece; list-style: none; } #AutoSuggestDiv #autoSuggestAdvancedSearch { border-bottom: 0 none; background-color: #fff; color: #0063a0; padding: 0; } #AutoSuggestDiv #autoSuggestAdvancedSearch:hover { background-color: #d9e9f7; } #AutoSuggestDiv #autoSuggestAdvancedSearch > a:hover { text-decoration: underline; } #autoSuggest_Result_div, #autoSuggestCachedSuggestions_div { display: none; } /*** Footer ***/ .footer_bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a7abd+0,0063a0+100 */ background: rgb(42,122,189); /* Old browsers */ background: -moz-linear-gradient(top, rgba(42,122,189,1) 0%, rgba(0,99,160,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(42,122,189,1) 0%,rgba(0,99,160,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(42,122,189,1) 0%,rgba(0,99,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7abd', endColorstr='#0063a0',GradientType=0 ); /* IE6-9 */ border-color: #c8c8c8; border-radius: 0; border-style: solid; border-width: 0; clear: both; padding: 12px 12px 12px 43px; } .social_icon img { margin-right: -3px; } .webname.col3.acol12.left { margin-right: 46px; } @media screen and (min-width: 736px) { .footer_bottom .webname.col3.acol12.left { width: 238px; } .social_media.acol12.col3.left { float:right; width: 210px; } .footer_bottom .number.col6.acol12.left { width: 20%; } } #footer { margin: 0 0px; padding: 0px; text-align: center; } /*FOOTER CSS START*/ .footer_bottom { background-color: rgba(0, 0, 0, 0); background-image: -moz-linear-gradient(-90deg, #0063a0 0%, #034d82 100%); background-position: center center; background-repeat: repeat; background-size: auto auto; border-color: #c8c8c8; border-radius: 0; border-style: solid; border-width: 0; color: #000000; } .left { float: left; } .clear_both { clear: both; } .email_address{text-decoration: underline;} .number.col5.acol12.left > span { text-decoration: none !important;} #footerWrapper { clear: both; margin-top: 20px;} .social_media.acol12.col3.left { margin: 0px 0 0 0px;} .footer_bottom .web-text { color: #ffffff; display: block; float: left; font-size: 14px; margin: 7px 0 0 16px; } .footer_bottom .number { color: #ffffff; float: left; font-size: 14px; margin: 7px 0 0 0px; text-decoration: underline; } #footerRow2 .number { color: #FFFFFF !important; margin: 4px 0 0 0; float: left; font-size: 14px; text-decoration: underline; } .number { color: #FFFFFF !important; } .number > img { float: left; margin: 7px 6px 0 0; } .social_icon { color: #ffffff; height: 16px; margin-right: 12px; padding: 17px 0px 6px 0px; width: 25px; } .footerExploreSection ul{margin:0px; padding:0px; } .footerExploreSection ul li { border-bottom: 1px dotted #cccccc; list-style: outside none none; margin: 0 0 8px; padding-bottom: 8px; } .footerExploreSection ul li img { float: left; margin: 0 6px 0 0; width: 35px; } .contentRecommendationWidget .homePageSteps { margin: auto; text-align: center; width: 100%; } .footerExploreSection ul li a { color: #000000; float: left; font-size: 14px; font-weight: normal; line-height: 14px; margin: 0 0px 0 0 !important; padding: 0 !important; text-decoration: none; width: 74%; } .section.col3.footerExploreSection { } .footerExploreSection .IconSVG { background: rgba(0, 0, 0, 0) url("../images/footer_arrow.png") no-repeat scroll 0 0px; color: #000000; float: right; height: 38px; width: 22px; } .subscribe .blue_button { width: auto; padding: 11px 7% 7px; } .subscribe .input_set{ background-color: #ffffff; background-position: center center; background-repeat: repeat; background-size: auto auto; border-color: #c8c8c8; border-radius: 0; border-style: solid; border-width: 1px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; color: #474747; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-style: normal; font-weight: normal; height: 30px; margin-bottom: 20px; padding: 0 10px; width: 80%;} /*FOOTER CSS START*/ #footerRow1 { background-image: url("../images/responsive/footerBG.png"); display: inline-block; padding-top: 24px; text-align: left; } @media (max-width: 480px) { #footerRow1 { text-align: center; } } @media (min-width: 961px) { #footerRow1 { width: 100%; text-align: center; } } @media screen and (min-width:737px) and (max-width:1085px) { .subscribe .blue_button {padding: 3px 7% 3px;height: 36px} } #Register .form_2column .column { padding-bottom: 0px; } #footerRow1 > .section { display: inline-block; text-align: left; vertical-align: top; } .mak_insider { margin-right: 80px; } #footerRow1 > .section > .header { position: relative; margin-bottom: 16px; padding: 5px 0px; color: #000000; font-size: 14px; font-weight: bold; text-transform: uppercase; } .email_subscribe p { font-size: 14px; padding: 1px 0 14px; } /* #footerRow1 > .section > .header:before { content: ""; display: block; position: absolute; left: -30px; bottom: -1px; width: 30px; height: 3px; background-color: #bfbfbf; background-color: rgba(185,185,185,0.45); border-radius: 0 0 0 3px; }*/ #footerRow1 > .section > .header > .toggle { display: none; } #footerRow1 > .section > ul { color: #4f4f4f; font-size: 14px; list-style: outside none none; margin-left: 0; padding: 0; } #footerRow1 > .section > ul > li > a { display: block; margin: 0 0px; padding: 0 0 8px; color: #4f4f4f; text-align: left; } #footerRow1 > .section > ul > li > a:hover { color: #3498db; } /*** wc/widget/Carousel - fluid, touch-enabled carousel responsive to container width ***/ .search_summary_widget_head h2 { color: #4d4d4d !important; font-size: 16px !important; } .carousel { position: relative; } .tittle_main > h2 { border-bottom: 1px dotted #b8b8b8; color: #0063a0; font-size: 24px; font-weight: bold; margin: 0 0 20px; padding: 0; position: relative; top: -1px; width: 100%; z-index: 1; } .tittle_main > h2 .heading { border-bottom: 4px solid #b8b8b8; display: block; padding-bottom: 8px; } .tittle_main > h2 .titleItems .titleItems { border-bottom: medium none !important; padding: 0; top: 0; } .tittle_main > h2 .titleItems { border-bottom: 4px solid #b8b8b8; display: inline-block; padding-bottom: 4px; padding-left: 7px; padding-right: 7px; position: relative; text-align: center; top: 2px; } .carousel > .content { position: relative; z-index: 0; } .carousel > .content > ul { display: block; position: relative; left: 0%; margin: 0; padding: 0; list-style: none; white-space: nowrap; } .carousel > .content > ul > li { display: inline-block; vertical-align: top; white-space: normal; } .carousel > .content > ul > li.hidden { visibility: visible; } .carousel .left_espot.centered { margin: 0 5px; } /* Prev/next page buttons */ .carousel > .prevPageButton,.carousel > .nextPageButton { display: block; position: absolute; top: 28%; z-index: 1; width: 21px; height: 42px; overflow: hidden;} .carousel > .prevPageButton { left: 10px; } .carousel > .nextPageButton { right: 10px; } .carousel > .prevPageButton.hidden, .carousel > .nextPageButton.hidden { display:none; } .carousel > .prevPageButton:before, .carousel > .nextPageButton:before { content: url("../images/responsive/rwdUI.png"); display: block; position: absolute; top: -60px;} #header .left_espot.centered { text-align: left;} .banner_tittle {border-bottom: 1px solid #cccccc; background: rgba(0, 0, 0, 0) url("../images/reg_form_bg.png") repeat scroll 0 0; bottom: 4px; clear: both; left: 0; margin: 0; padding: 12px 0; position: absolute; right: 0;} .banner_tittle .tittle_text { color: #0063a0; float: left; font-size: 32px; font-weight: normal; margin: 0; padding: 0 0 0 15px; text-align: left;} .banner_tittle .button_sec { float: right; padding: 0px 35px 0px 0px;} .carousel > .prevPageButton:before { left: -1px;} .carousel > .nextPageButton:before { left: -81px;} .carousel > .prevPageButton:hover:before,.carousel > .prevPageButton:active:before { left: -41px;} .carousel > .nextPageButton:hover:before,.carousel > .nextPageButton:active:before { left: -121px;} .text_section { margin: auto; width: 97%;} .text_section > h1 { color: #0063a0; font-weight: bold; margin: 50px 0 0;} .text_section > p { padding-bottom: 28px;} /* Page control */ .pageControl { position: absolute; z-index: 1; left: 10px; right: 10px; bottom: 10px; } .pageControl.hidden { display: none; } .pageControl > a { display: inline-block; vertical-align: top; } .pageControl > .hidden { display: none !important; } /* Page control - dot */ .pageControl.dot { text-align: center; } .pageControl.dot > a { width: 20px; height: 20px; margin: 0 10px; background-color: #22a3e7; border-radius: 10px; opacity: 0.4; border: 1px solid transparent; } .pageControl.dot > a:hover { opacity: 0.6; } .pageControl.dot > a.selected { opacity: 0.8; } /* Page control - number */ .pageControl.number { text-align: center; } .pageControl.number > a { width: 25px; margin: 0 10px; background-color: #22a3e7; border-radius: 2px; color: #ffffff; font-size: 14px; opacity: 0.4; } .pageControl.number > a:hover { opacity: 0.6; } .pageControl.number > a.selected { opacity: 0.8; } .pageControl.number > .ellipsis:after { content: "\2026"; color: #4d4d4d; } /* Page control - thumbnail */ .pageControl.thumbnail { text-align: center; } .pageControl.thumbnail > a { display: inline-block !important; height: 30px; margin: 0 10px; background-color: #ffffff; border: 1px solid #a7daf5; border-radius: 2px; } .pageControl.thumbnail > a:hover { border: 1px solid #79c7f0; } .pageControl.thumbnail > a.selected { border: 1px solid #22a3e7; } .pageControl.thumbnail > a > img { height: 100%; } /* Options */ .carousel.clip-true > .content { overflow: hidden; } .carousel.padding-true { border: 1px solid #c8c8c8; border-radius: 5px; padding: 12px 19px; } .clear-fix{clear:both;} .set_left_colum { } .banner_advertisement > a > img { width: 100%; } .catPos p { font-size: 12px; padding: 1px 0 5px; } .carousel.padding-true > .content { margin: 0 30px; } .carousel.padding-true .pageControl { position: relative; left: auto; right: auto; bottom: auto; padding-top: 10px; } .carousel.padding-true .pageControl.hidden { display: block; visibility: hidden; } .carousel.background-true { background-color: #ffffff; } .carousel.border-true { border: 1px solid #e9e9e9; border-radius: 10px; } /*** wc/widget/Carousel - vertical orientation ***/ .carousel > .header { position: relative; padding: 10px; line-height: 40px; } .carousel > .header:after { content: ""; display: block; clear: both; } .carousel > .header > h2 { display: inline-block; margin: 0; font-weight: inherit; line-height: normal; vertical-align: middle; } .carousel > .header > .controlBar { float: right; } /* Prev/next page buttons */ .controlBar > .prevPageButton, .controlBar > .nextPageButton { display: inline-block; position: relative; width: 6px; height: 12px; border: 14px solid transparent; overflow: hidden; vertical-align: middle; } .controlBar > .prevPageButton.hidden, .controlBar > .nextPageButton.hidden { display: none; } .controlBar > .prevPageButton:before, .controlBar > .nextPageButton:before { content: url("../images/responsive/rwdUI.png"); display: block; position: absolute; top: -1px; } .controlBar > .prevPageButton:before, .controlBar > .prevPageButton:hover:before, .controlBar > .prevPageButton:active:before { left: -21px; } .controlBar > .nextPageButton:before, .controlBar > .nextPageButton:hover:before, .controlBar > .nextPageButton:active:before { left: -41px; } /* Page control */ .controlBar .pageControl { display: inline-block; position: static; left: auto; right: auto; bottom: auto; line-height: 45x; vertical-align: middle; } .controlBar .pageControl.hidden { display: none; } /* Page control - number */ .controlBar > .pageControlWrapper { display: inline-block; vertical-align: middle; } .pageControlButton, .pageControlMenu > .closeButton { display: none; } .controlBar .pageControl.number > a { background-color: #ffffff; border-radius: 0; border-left: 1px solid #a0a0a0; color: #3498CE; float: left; font-size: 16px; height: 45px; line-height: 45px; margin: 0 2px; opacity: 1; text-align: center; width: 45px; } .controlBar .pageControl.number > a:hover, .controlBar .pageControl.number > a.selected { background-color: #767676; border-color: #767676; color: #ffffff; opacity: 1; } /* Control bar - subscribe button */ .controlBar > .subscribeButton { display: inline-block; position: static; right: auto; top: auto; margin: 0 2px; vertical-align: middle; } /*** Widgets ***/ .catalogEntryRecommendationWidget > .header, .categoryRecommendationWidget > .header { border-bottom: 1px solid #e9e9e9; } .contentRecommendationWidget { position: relative; } .contentCarouselWidget > .content { margin: 0; width: 100% /*width: 125%; margin: 0 -12.5%;*/ } .featured_categories_slider .carousel > .content > ul > li { margin: 0px; } .contentCarouselWidget .left_espot, .contentCarouselWidget .left_espot.centered { margin: 0 auto; } .contentCarouselWidget.clip-true > .content { width: auto; margin: 0; } .contentCarouselWidget.clip-true .left_espot, .contentCarouselWidget.clip-true .left_espot.centered { width: auto; margin: 0; } .contentCarouselWidget > .prevPageButton, .contentCarouselWidget > .nextPageButton { width: 40px; height: 72px; } .contentCarouselWidget > .prevPageButton { left: 0; } .contentCarouselWidget > .nextPageButton { right: 0; } .contentCarouselWidget > .prevPageButton:before, .contentCarouselWidget > .nextPageButton:before { content: url("../images/responsive/DirectionalControls_MasterSprite.png"); } .contentCarouselWidget > .prevPageButton:before { left: 0; top: 0; } .contentCarouselWidget > .prevPageButton:focus:before, .contentCarouselWidget > .prevPageButton:hover:before { left: 0; top: -72px; } .contentCarouselWidget > .prevPageButton:active:before { left: 0; top: -144px; } .contentCarouselWidget > .nextPageButton:before { left: -40px; top: 0; } .contentCarouselWidget > .nextPageButton:focus:before, .contentCarouselWidget > .nextPageButton:hover:before { left: -40px; top: -72px; } .contentCarouselWidget > .nextPageButton:active:before { left: -40px; top: -144px; } /*** 0 - 1133px ***/ @media (max-width: 1133px) { /* Page control - number */ .page_controls .pageControlButton { display: inline-block; position: relative; width: 30px; margin: 0 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3498db+50,3498db+74,2a7abd+100 */ background: #3498db; /* Old browsers */ background: -moz-linear-gradient(top, #3498db 50%, #3498db 74%, #2a7abd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3498db 50%,#3498db 74%,#2a7abd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3498db 50%,#3498db 74%,#2a7abd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#2a7abd',GradientType=0 ); /* IE6-9 */ border: 1px solid #888888; border-radius: 0px; color: #ffffff !important; font-size: 16px; line-height: 28px; text-align: center; } .pageControlButton { display: inline-block; position: relative; width: 43px; margin: 0 5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3498db+50,3498db+74,2a7abd+100 */ background: #3498db; /* Old browsers */ background: -moz-linear-gradient(top, #3498db 50%, #3498db 74%, #2a7abd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3498db 50%,#3498db 74%,#2a7abd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3498db 50%,#3498db 74%,#2a7abd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#2a7abd',GradientType=0 ); /* IE6-9 */ border-right: 1px solid #888888; border-left: 0px solid #888888; border-top: 0px solid #888888; border-bottom: 0px solid #888888; border-radius: 0px; color: #ffffff !important; font-size: 16px; line-height: 46px; text-align: center; } .pageControlButton.hidden { display: none; } .pageControlMenu { display: none; } .pageControlMenu.active { display: block; position: absolute; z-index: 20; background-color: #ffffff; border: 1px solid #a0a0a0; } .pageControlMenu > .pageControl.number > a { display: block; margin: 4px; } .pageControlMenu > .pageControl.number > .ellipsis { display: block; line-height: normal; text-align: center; } .pageControlMenu > .pageControl.number > .ellipsis:after { content: "\22ee"; } .pageControlMenu > .closeButton { display: block; position: relative; width: 14px; height: 14px; margin: 0 4px 4px 4px; border: 13px solid #ffffff; overflow: hidden; } .pageControlMenu > .closeButton:before { content: url("../images/responsive/rwdUI.png"); display: block; position: absolute; left: -61px; top: -1px; } .pageControlMenu > .closeButton:hover:before { left: -241px; } } /*** RWD-A ***/ @media (max-width: 736px) { /* Menu */ .basicMenu > h3 { display: block; margin: 0; padding: 15px; background-color: #687979; color: #ffffff; font-size: inherit; } .basicMenu > .closeButton { display: block; position: absolute; top: 5px; right: 5px; padding: 10px; color: #ffffff; font-family: 'Source Sans Pro', sans-serif; } .basicMenu > .closeButton > span:before { content: "[x]"; } /* Header */ #header:before { height: 5px; } #headerRow1 { height: 53px; } /* Quick links bar */ #quickLinksBar > li > a { font-size: 12px; } #quickLinksBar > li > a > br { display: inline; } #quickLinksMenu.active { left: 0; right: 0; top:53px; width: auto; } /* Mini cart button */ #widget_minishopcart { margin: 3px 15px; } /* Mini cart */ #cartDropdown { width: auto; } .nonRWDPage #cartDropdown, .nonRWDPageB #cartDropdown{ width: 284px; } /* Departments menu */ #departmentsButton { display: block; max-width: 300px; margin: 5px 90px 2px 3px; } #departmentsButton > span { display: block; height: 36px; line-height: 36px; padding: 0 10px; text-align: left; } #departmentsMenu { display: none; } #departmentsMenu.active { background-color: #ffffff; border-radius: 0 0 4px 4px; color: #404040; display: block; font-size: 12px; list-style: outside none none; margin: 0; padding: 0 0 15px; position: relative; right: 0; z-index: 1000; } #departmentsMenu > li { display: block; z-index: 10; } #departmentsMenu > li.hidden { position: static; visibility: visible; } .departmentButton { display: none; } /* Department menu */ .departmentMenu { display: block; position: relative; top: auto; width: auto; margin: 0; padding: 0; border: 0 none; } .departmentMenu > .header > .toggle { display: block; position: absolute; right: -8px; top: 0; margin: 8px 0; padding: 8px; font-family: 'Source Sans Pro', sans-serif; } .departmentMenu > .header > .toggle > span:before { content: "[+]"; } .departmentMenu > .header > .toggle.selected > span:before { content: "[-]"; } /* Category list */ .categoryList { display: none; border-bottom: 1px solid #c8c8c8; } .departmentMenu.active .categoryList { display: block; } /* Subcategory list */ .subcategoryList { border-bottom: 1px solid #e0dee5; } .subcategoryList > li { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%; padding-right: 16px; vertical-align: top; } /* "All departments" menu */ #allDepartmentsButton { display: none; } #allDepartmentsMenu { display: none !important; } /* Search bar */ #searchButton { display:block; position: absolute; right: 0; top: 0; width: 50px; height: 40px; margin: 2px 15px; background-color: #ffffff; border: 1px solid #BFBFBF; border-radius: 4px; vertical-align: middle; overflow: hidden; } #searchButton:before { content: url("../images/responsive/rwdUI.png"); position: absolute; clip: rect(18px, 140px, 39px, 120px); left: -103px; top: -9px; } #searchButton:hover:before { /*left: -119px; clip: rect(21px, 155px, 35px, 141px);*/ } #searchBar { display: none; } #searchBar.active { background: #EBEBEB none repeat scroll 0 0; border-top: 0 solid #c9cece; display: block; padding: 12px; position: absolute; right: -134px; top: 61px; } #searchBox > .submitButton { width: 10px; height: 18px; border-width: 6px 10px; } #searchBox > .submitButton:before { left: -181px; } #searchBox > .submitButton:hover:before { left: -201px; } /* Autocomplete menu */ #searchDropdown { left: -16px; right: -16px; top: 41px; } /* Footer */ #footerRow1 > .section > .header:before { height: 30px; border-radius: 3px 3px 0 3px; } #footerRow1 > .section > .header > .toggle { display: block; position: absolute; left: -30px; bottom: -1px; width: 6px; height: 12px; border-width: 9px 12px; border-style: solid; border-color: transparent; overflow: hidden; } #footerRow1 > .section > .header > .toggle:before { content: url("../images/responsive/rwdUI.png"); display: block; position: absolute; left: -161px; top: -1px; } #footerRow1 > .section.active > .header > .toggle { width: 12px; height: 6px; border-width: 12px 9px; } #footerRow1 > .section.active > .header > .toggle:before { left: -181px; top: -1px; } #footerRow1 > .section > ul { display: none; } #footerRow1 > .section.active > ul { display: block; } /* Carousel */ .contentCarouselWidget { overflow: hidden; } } /*** Mobile (portrait) - 0-400px ***/ @media (max-width: 600px) { /* Category list */ .categoryList > li { width: 100%; padding-right: 0; } #page {padding: 0;} /* Search bar */ #searchTermWrapper { right: 58px; border-right: 1px solid #bfbfbf; } #searchFilterButton { display: none; } #searchFilterMenu.active { display: none; } #searchBox > .submitButton { border-width: 6px 20px; } } /* @media only screen and (min-width : 736px) and (max-width : 1024px) { #logo img { display: inline-block; max-width: 100%; vertical-align: top; position: relative; top: -13px;} } @media only screen and (max-width: 627px) and (min-width: 375px){ .or { margin: 7px -13px 0 -8px; } }*/ /*** High-resolution displays ***/ @media (-webkit-device-pixel-ratio: 2) { .departmentButton:after, #quickLinksButton:after, #widget_minishopcart:after, #departmentsButton:after, #searchButton:after, .pageControlButton:after, #cartDropdown > .closeButton:after, #searchFilterButton:after { /*background-image: url("../images/responsive/rwdUI@2x.png"); background-size: 300px 400px;*/ } /*#widget_minishopcart:before, #searchBox > .submitButton:before, .carousel > .prevPageButton:before, .carousel > .nextPageButton:before, .controlBar > .prevPageButton:before, .controlBar > .nextPageButton:before { content: url("../images/responsive/rwdUI@2x.png"); -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0 0; }*/ .contentCarouselWidget > .prevPageButton:before, .contentCarouselWidget > .nextPageButton:before { content: url("../images/responsive/DirectionalControls_MasterSprite.png"); -webkit-transform: scale(1); } #widget_minishopcart:before { /* clip: rect(37px, 54px, 120px, 2px);*/ } } @media (-webkit-device-pixel-ratio: 2) and (max-width: 1133px) { .pageControlMenu > .closeButton:before { content: url("../images/responsive/rwdUI@2x.png"); -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0 0; } } @media (-webkit-device-pixel-ratio: 2) and (max-width: 600px) { #searchButton:before, #footerRow1 > .section > .header > .toggle:before { /*content: url("../images/responsive/rwdUI@2x.png"); -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0 0;*/ } #searchButton:before { /*clip: rect(42px, 270px, 70px, 242px);*/ } #searchButton:hover:before { /*clip: rect(42px, 270px, 70px, 242px);*/ } } /*Custom media Query For Genco Start*/ /*Custom media Query For GencoMobile Start*/ @media only screen and (min-width : 320px) and (max-width : 399px) { .map .ElImage.ElImgNoBack { width: 100%;} .sorting_controls > span.page_size_label { display: inline-block; width: 63px !important; } } @media only screen and (min-width : 400px) and (max-width : 600px) { .map .ElImage.ElImgNoBack { width: 67%;} } @media only screen and (min-width : 320px) and (max-width : 359px) { #searchBar.active { width: 297px ;} #searchBox > .submitButton { border: 8px solid #6b6b6b; display: block; float: right; height: 27px; line-height: 28px; padding: 0; text-align: center; width: 73px;} #searchBox {height: 42px; box-shadow: 0 0 0 0 #ababab; border: 1px solid #c8c8c8;} #searchTermWrapper > input {color: #474747; padding: 3px 0 0;} #searchBox > .submitButton::before {content: none !important;} #searchBox > .submitButton { background: #6B6B6B none repeat scroll 0 0 !important;} .show-for-mobile.search_submit {color: #ffffff;} #searchFilterButton { display: none;} } @media only screen and (min-width : 360px) and (max-width : 413px) { #searchBar.active { width: 335px ;} } @media only screen and (min-width : 414px) and (max-width : 736px) { #searchBar.active { width: 390px ;} } @media only screen and (min-width : 365px) and (max-width : 412px) { #searchBar.active { width: 351px ;} } @media only screen and (min-width : 360px) and (max-width : 736px) { #youtube { margin-right: 0; } #register_now{float: right; height: auto; margin-right: 9px; padding: 9px 8px 12px !important; text-align: center;} .border_bottom_reg_2 { border-bottom: 0 dotted #b8b8b8;} .signin_reg #Register .state_filed{ float: none !important; margin-right: 0px!important;} .rowContainer, .rowContainer > .row { padding: 0px 0 0px !important;} .productlist_heading_section img {margin-bottom: 9px !important;} .banner_tittle .button_sec .greencButton { padding: 6px 15px 8px ;} #searchBox > .submitButton { border: 8px solid #6b6b6b; display: block; float: right; height: 27px; line-height: 28px; padding: 0; text-align: center; width: 73px;} #searchTermWrapper > input {color: #000000; padding: 3px 0 0;} #searchBox {height: 42px; box-shadow: 0 0 0 0 #ababab; border: 1px solid #c8c8c8;} #searchBox > .submitButton::before {content: none !important;} #searchBox > .submitButton { background: #6B6B6B none repeat scroll 0 0 !important;} .show-for-mobile.search_submit { color: #ffffff;} #searchFilterButton { display: none;} } /* Custom media Query For Genco Start*/ @media only screen and (min-width : 320px) and (max-width : 480px) { .signin_reg #Register .state_filed{ float: none !important; margin-right: 0px!important;} .preferences-list li { float: left; font-size: 12px !important; margin: 11px 0 0; max-width: 100%; max-width: 100% !important; width: 100% !important;} #logo img {position: relative; } .from_top_input { margin-bottom: 10px;} .signin_section .panelLinkSelected { line-height: 32px;} .set_tab { font-size: 11px !important;} #box .my_account .body { font-size: 12px !important;} .col3.acol12.left.state_provence { width: 39%;} .signin_reg #Register .zip_code { } .or_reg_text { padding: 0 0 0 17%;} .col3.acol5.left.state_provence { margin-left: 0 !important;} .phoenix_txs_balone { left: 118px; top: 42px;} .reno_nv_balone {left: 86px; top: 28px;} .phoenix_tx { left: 136px;top: 102px;} .reno_nv {left: 103px; top: 77px;} .indiana_in {left: 212px; top: 72px;} .indiana_in_tha_balone { left: 189px; top: 33px;} .toronto_CA {left: 235px; top: 53px;} .toronto_CA_balone {left: 223px; top: 12px;} .west_chester_oh {left: 215px;top: 105px;} .grove_city_pa {left: 228px; top: 62px;} .indiana_in_balone { left: 203px; top: 43px;} .grove_city_pa_balone { left: 189px; top: 72px;} .grove_city_pa {left: 221px; top: 64px;} columbus_OH { left: 252px;top: 44px;} .columbus_OH_balone {left: 244px;top: 8px;} .west_chester_oh_balone {left: 208px; top: 9px;} .phoenix_tx_balone { left: 118px; top: 73px;} .mcDonough_ga_balone {left: 187px;top: 84px;} .mcDonough_ga { left: 207px;top: 124px;} .mcdonough_ga_da { left: 207px;top: 139px;} #Header_GlobalLogin_signOutQuickLinkUser { display: none; margin-right: 4px;} .userProfileIcon { margin-right: 18px !important; vertical-align: middle;} } @media only screen and (min-width : 400px) and (max-width : 500px) { .map .ElImage.ElImgNoBack { width: 66%;} } @media only screen and (min-width : 630px) and (max-width : 640px) { .map .ElImage.ElImgNoBack { width: 98%;} } @media only screen and (min-width : 700px) and (max-width : 900px) { .productListingWidget > .header_bar { padding: 10px 8px !important; } .map .ElImage.ElImgNoBack { width: 81%;} .trusted_source .contentRecommendationWidget { padding-top: 0; position: relative;} } @media only screen and (min-width : 737px) and (max-width : 900px) { .show-for-mobile.search_submit { display: none; } } @media only screen and (min-width : 360px) and (max-width : 640px) { .col3.acol5.left.state_provence { margin-left: 0 !important;} #footerRow1 .section.col3.acol12.footerExploreSection.email_subscribe.subscribe_newslater { margin-top: 11px;} } @media only screen and (min-width : 320px) and (max-width : 736px) { .advance_search_main { margin-top: 0px !important; padding-top: 15px; background: #FFF; margin-bottom: 30px; } .pnone_no_set { margin-top: 0px !important; } .zip_code { margin-top: 0px !important; margin-left: 3% !important; width:47%;} div#widget_breadcrumb > ul li { display: inline; color: #CA4200; font-size: 12px !important; margin: 0; } .col7.acol12.card { width: 99% !important; } .arrow_button_icon_menu { float: none !important; position: relative; top: -5px; } .cat { float: none !important;} #Register .description { font-size: 12px !important; } div#widget_breadcrumb > ul span.divider, div#widget_breadcrumb > ul li.divider { margin: 0 3px !important; } div#widget_breadcrumb > ul li { color: #ca4200; display: inline; font-size: 12px; margin: 0; } .row.bottom_btn_thankyou.columns { width: 100% !important; float: none !important; margin-bottom: 30px; margin-top: 0px; } #Register input, #WC_AccountForm_div_9 input, #my_account_billing input, #shipAddr input { float: left; margin-bottom: 6px; } .billing_address_set { margin-top: 16px;} #Register label { color: #474747 !important; padding-left: 0px;} .dot_set.column_label.col2.acol12.left { display: none;} .signin_reg .region_counter { margin-bottom: 15px; margin-top: 6px;} .signin_reg .city_set.left.org_ { margin-bottom: 12px;} #headerRow2 { margin: auto 0px;} #header { margin: auto 0px;} .signin_reg { margin: 10px 0 auto !important;} .tittle_main > h2 {margin: 0px 0 18px;} .main_sign_reg { padding: 100px 0px 30px 0px !important; width: 100% !important;} .sign_in_registration { margin: 4px auto 35px; width: 90%;} div#widget_breadcrumb > ul li { font-size: 12px; margin: 0;} div#widget_breadcrumb > ul li a { color: #0063a0; font-size: 12px; text-decoration: none;} .main_slider .prevPageButton, .main_slider .carousel > .nextPageButton { top: 19%;} .featured_categories_slider .carousel > .prevPageButton, .featured_categories_slider .carousel > .nextPageButton { } .just_added_products .carousel > .prevPageButton, .just_added_products .carousel > .nextPageButton { top: 36%;} .change_password { border-bottom: 0px solid #acacac; margin-bottom: 0; padding:0 0px 0px;} div.content_wrapper > div.content_left_shadow > div.content_right_shadow > div.main_content { padding: 8px 0px !important;} .registration_header { border-bottom: 0px solid #acacac !important; } .col4.acol12.left.state_provence { margin-left: 0px !important; width: 42% !important;} .well-line.text-family img { FLOAT: LEFT;} .last_arrow img { margin-Bottom: 5px; FLOAT: LEFT;} .check_box_demographic { margin-right: 6px !important; float: left;} .signin_reg #Register .column_label.country_label_set { margin-left: 0px !important;} #Register .country_label_set { margin: 0 !important; padding: 0 !important; text-align: left !important;} .signin_reg #Register .city_label { text-align: left !important; padding-right: 6px; margin-top: 0px; } .signin_reg #Register .state_pro_fild { margin-left: 0px !important; width: 100% !important;} .signin_reg #Register .state_filed { margin-right: 5px !important;} .signin_reg #Register .column_label_zip_code { padding-top: 1px; margin-left: 0px !important; text-align: left;} div#org_stateDiv { width: 90%; } .signin_reg #Register .column_label_phone_no { padding-top: 10px; margin-left: 0px !important; text-align: left !important; margin-right: 0px !important;} .inputField_select{width:98%;} .city_set { margin-left: 0px; } .user_reg .button_footer_line { float: none !important;} .greencButton {border-radius: 5px;} .seemore {border-radius: 5px;} .ElGroup.map.ng-scope > img { margin-top: 6%; width: 110%;} .advance_search .space { margin-right: 0; margin-bottom: 40px; clear: both;} .advance_search .form_2column .column { padding-bottom: 15px; width: 100%;} .advance_search .set_in_bobile { max-width: none !important; padding: 0 0 0 2px; width: 100% !important;} .advance_search .location.col4.acol12.left.inputField { width: 100%;} .advance_search .form_2column .column2 { padding-bottom: 15px; width: 100%;} .advance_search .setinput_filed { padding: 0; width: 100%;} .advance_search_main .priceRangeContainer div.range { overflow: hidden; width: 50%;} .advance_search .setinput_filed { padding: 0; width: 100%;} .advance_search .cat_select { width: 100%;} .advance_search .lot_location_set { float: none; width: 100%;} .advance_search .cat_select .inputField { width: 100%;} .advance_search_main .button_footer_line { float: right !important; margin-bottom: 0 !important; margin-left: 0; margin-right: 0 !important; margin-top: 0; padding-top: 0; text-align: right;} .advance_search .inputField { width: 98%; padding-left: 5px; padding-right: 0px;} .priceRangeContainer div {at: left; padding-right: 0px;} .advance_search select { width: 100% !important; padding-left: 9px;} .advance_search .text_set_lot_location{text-align: left;} .sorting_controls .page_size_label br{ display:none;} .page_controls.right.controls.pagination_present { margin: auto; text-align: center;} .pagination_bottom .paging_controls > .right_arrow { border: 1px solid #c8c8c8; border-radius: 0 4px 4px 0; margin-left: -4px; margin-top: 2px; width: 32px;} .pagination_bottom .page_controls .paging_controls { border: medium none !important;} .pagination_bottom .paging_controls > .left_arrow { border: 1px solid #c8c8c8; border-radius: 4px 0 0 4px; margin-right: -5px; margin-top: 2px; width: 32px;} .pagination_bottom .pageControlButton { border-radius: 4px 0 0 4px !important;} .categoryList > li > a { padding: 8px 9px 11px 16px; line-height: 20px;} .pagination_bottom .page_no { width: 97%; font-size: 12px; margin-bottom: 20px; padding: 8px 4px !important; text-align: center;} div#page { margin-bottom: 0px !important;} .paging_controls > .right_arrow > img, .paging_controls > .left_arrow > img { padding: 9px 2px 3px !important;} #quickLinksButton .arrow_button_icon:before, #widget_minishopcart .arrow_button_icon:before, #departmentsButton .arrow_button_icon:before, #allDepartmentsButton .arrow_button_icon:before{ content: url("../images/responsive/rwdUI.png"); left: -139px; position: absolute; top: -1px;} #quickLinksButton.selected .arrow_button_icon:before, #widget_minishopcart.selected .arrow_button_icon:before , #departmentsButton.selected .arrow_button_icon:before, #allDepartmentsButton.selected .arrow_button_icon:before { content: url("../images/responsive/rwdUI.png"); left: -139px; position: absolute; top: -1px;} .featured_categories_slider .carousel > .content > ul > li .catPos > .container { text-align: center;} .featured_categories_slider .catPos p { text-align: center;} .featured_categories_slider .catPos h3 { text-align: center;} .featured_categories_slider .catPos > .product_image > a { text-align: center; width: auto;} .just_added_products .carousel > .content > ul > li .product_image .image { position: relative; text-align: center; width: 100%; } .just_added_products .carousel > .content > ul > li .product_info { float: left; text-align: center;} .just_added_products .carousel > .content > ul > li .view_add_cart_button a{float: none;} .just_added_products .carousel > .content > ul > li .view_add_cart_button span{float: none;} .just_added_products .carousel > .content > ul li .view_add_cart_button { display: block; float: none; height: auto; margin: 20px auto; min-height: 36px;} .featured_categories_slider .just_added_products .product_image { overflow: hidden; text-align: left;} .featured_categories_slider .product_info { float: left; text-align: center;} .featured_categories_slider .add_cart_button {padding: 8px 23px 10px;} .featured_categories_slider .view_add_cart_button { float: none; margin: 12px auto auto 16px; text-align: center; width: auto;} #logo img { position: relative; height: auto !important; width: 80% !important;} #footerRow1 .section.col3.acol12.footerExploreSection.email_subscribe.subscribe_newslater { margin-top: 0px; } .email_subscribe p { padding: 1px 0 25px;} .footer_bottom { padding: 10px 0 15px;} .footer_bottom .web-text { font-size: 12px;} #footerRow2 .number span { text-decoration: none display: block; float: none; font-size: 12px; margin: auto; max-width:100% } #footerRow2 .number.col6.acol12.left { margin: 8px auto 22px; text-align: center;} #footerRow1 {padding-top: 19px;} .banner_reg_section.col4.acol12.left.show-for-desktop { display: none !important;} .zip_code { margin: -4px 0px 0px;} .col3.acol5.left.state_provence { margin-left: 0px !important; margin-top: 5px; width: 47% !important;} .blue_color a{ color: #ffffff !important; font-size: 13px!important; font-style: normal; font-weight: normal; text-decoration: none;} .gray_color a { font-size: 14px!important; font-style: normal; font-weight: normal; text-decoration: none;} .form_2column { padding: 10px 0 0;} #Register .description { font-size: 12px !important;} .button_footer_line .button_primary .button_text { border: medium none; display: block; font-size: 16px !important; min-width: 106px !important; padding: 7px 20px !important;} #addnew_content_footer .button_footer_line .button_primary .button_text { min-width: 70px !important;} .button_primary > .button_text { border: medium none; display: block;} #Register label { color: #474747 !important; padding-left: 2px;} .inputField.dijitSelect .dijitArrowButtonContainer::before { content: url("../images/responsive/rwdUI.png"); height: 19px !important; margin-left: -20px; margin-top: -7px !important; overflow: hidden; position: absolute; width: 19px !important;} #radio-dropdown-checkbox-error-span { float: none;} #WC_AccountDisplay_div_23 ul { padding-bottom: 0;} #WC_AccountDisplay_div_11b > label { font-size: 12px;} #orderBy_dropdown > #orderBy_menu > table, .orderBySelectMenu > table, #orderByContent_dropdown > #orderByContent_menu > table, #pageSize_dropdown > #pageSize_menu > table, .pageSizeSelectMenu > table, div[id^="attrValue_"] > div[id^="attrValue_"] > table, div[id^="attrName_"] > div[id^="attrName_"] > table {width: 94px !important;} .sortby_pageSizeMenu table { width: 71px !important;} .productListingWidget > .header_bar .controls .sorting_controls, .productListingWidget > .header_bar .controls .view_controls { float: right; padding-right: 0;} .sign_in_registration .header_new { float: left; margin-bottom: 24px; } /*sorting_view_controls start */ .pageControlButton { height: 32px; line-height: 32px;text-align: center; width: 32px; margin: 0;} .page_controls .view_controls > *, .paging_controls > * { height: 32px; line-height: 0 !important; } .paging_controls {height: 32px !important;} .paging_controls > .right_arrow > img { padding-right: 10px; padding-top: 12px !important;} .page_size_label { line-height: 19px; margin: 0 0 0 5px !important; padding-top: 0 !important; width: 26% !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 14px !important;} .sorting_controls .selectWrapper { height: 32px; margin-left: 3px; width: 32px !important;} .productListingWidget > .header_bar > .title { font-size: 16px;} .selectWrapper .dijitSelect { padding: 0 8px !important;} .order_by_label { margin: 0 !important; padding: 8px 5px 0 2px !important; width: auto !important;} .sorting_view_controls_container.sorting_controls_new { float: left; margin: 0; } .collapsible[aria-expanded="false"] > .content { max-height: 0; visibility: hidden;} #content .collapsible, .categoryNavWidget.collapsible, .linkWidget.collapsible {margin: 0px 0% 2% 0px !important;} .departmentMenu > .header { padding: 10px 8px;} .departmentMenu > .header > .toggle { right: 0; top: -8px;} #footerRow1 > .section > ul > li > a { border-bottom: medium none !important; font-size: 14px !important; text-align: left;} .col5.acol12.wholesale { display: none;} .register_free { margin: 20px 0 10px !important;} .ElGroup.map.ng-scope > h2 { color: #fff !important; float: right;} .register_free.show-for-mobile > p { float: left; font-size: 13px; } .search_by_location{ margin: 0 0 20px; width: 100%; border-width:1px;border-radius:0px;border-color:#c8c8c8;border-style:solid;color:#666;font-size:14px;font-family:'Source Sans Pro';text-align:left; height:34px;} .number.col5.acol12.left > span { margin-left: 0 !important; text-decoration: none !important;} .footer_bottom .web-text {margin-left: 0;} .email_address{text-decoration: underline;} #footerRow1 > .section > .header {padding: 11px 0 3px !important; margin-bottom: 0px; font-size: 16px;} .section.col3.acol12.footerExploreSection.email_subscribe { border: medium none !important;} .banner_tittle .button_sec { float: right; padding: 0 12px 0 0;} .alignright { margin-left: 0 !important; margin-right: 0 !important;} .credit_card_field br { display: none;} .xsnopadding .row > div { float: left; margin-bottom: 15px; margin: 0px; padding: 0;} .set_action_btn{float:left;} .year_set { width: 100%;} .set_alignright { margin-left: 0px !important;} .banner_tittle {padding: 10px 0;} .banner_tittle .tittle_text { padding: 0 0 0 8px;} .nopadding { width: 100% !important; text-align: left !important;} .credit_card_field{ width: 100% !important; text-align: left !important;} .card_number_field{ width: 100% !important; text-align: left !important;} .expiration_date{ width: 100% !important; text-align: left !important;} .state{ padding: 4px 7px 0px 0px;} .column_label_set{width: 100% !important; text-align: left !important;} .name_mo { color: #7c7c7c; margin: 16px 0 12px;} .column_label { width: 100% !important; text-align: left !important; padding-bottom: 3px;} .column_label_set{ width: 100% !important; text-align: left !important;} .column_label_set_city { width: 100% !important ; text-align: left !important;} .column_label_state_provence { width: 100% !important; text-align: left !important;} .column_label_zip_code { width: 100% !important; text-align: left !important;} .column_label_set_country { width: 100% !important; text-align: left !important;} .column_label_phone{ width: 100% !important; text-align: left !important;} .column_label_set_email { width: 100% !important; text-align: left !important;} .set_mobile_filed{ width: 100% !important; text-align: left !important;} .sign_in_registration .align { border-left: medium none !important;} .product_info > .product_name > h3 { font-size: 14px; padding-bottom: 1px;} .product_location { margin-bottom: 8px;} .productlist_heading_section h1 { top: 182px;} .product_info > .product_name > h3 { font-size: 16px;} .tittle_main.trusted_source_head { display: none;} .banner_tittle { margin: 0; width: 100%;} .catPos a img { width: 100% ;} #quickLinksBar { color: #767676; float: right; list-style: outside none none; margin: 0; padding: 0; position: relative; right: 45px; text-align: right;} .show-for-mobile {display:block;} .show-for-desktop { display:none;} .quicklinks { background: #fff none repeat scroll 0 0; border: medium none; float: right; position: absolute; right: -10px; top: -20px;} #quick_top_links { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; clear: both; float: right; list-style: outside none none; margin: 0; padding: 5px; position: absolute; right: 0; width: 49%; z-index: 100;} #quick_top_links > li { border-bottom: 1px solid #ccc; border-right: medium none; color: #000000; float: left; font-size: 13px; padding: 8px 2px; width: 100%;} #headerRow1 { min-height: 73px; padding: 8px 0 0;} .search_section.acol11 { margin-top: 15px;} .search_section { clear: both; float: right; margin: 0; padding: 0;} #searchBar.active { background: #ebebeb none repeat scroll 0 0; border-top: 0 solid #c9cece; display: block; height: 57px; padding: 14px 15px 0 14px; position: absolute; right: -134px; top: 58px; } #searchBox > .submitButton::before { content: url("../images/responsive/rwdUI.png"); display: block; left: -137px !important; position: absolute; top: -16px;} #searchBox > .submitButton { clip: rect(42px, 270px, 70px, 242px); } #quick_cart_container, #MiniShopCartProductAdded { top: 77px !important;} .basicButton > span { height: 24px;padding: 0 15px 2px; } body { margin: 0 10px; background: #fff;} .featured_categories_banner { margin: 37px 0px 0 !important; } .just_added_products { margin: 40px 0px 0 !important; } .map_sale { margin: 0 0px; } .left_set.search_section { left: 52px; top: -2px; position: relative;} .left_set.signin_section { left: 59px; position: relative;} .left_set.shopping_cart { left: 58px; margin: -3px 1px 0 -7px; position: relative;} search_section { margin: 0px 0 0;} #searchButton { height: 40px; margin: 2px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4d4d4+0,f0f0f0+100 */ background: rgb(212,212,212); /* Old browsers */ background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */} .signin_section .panelLinkSelected { height: 40px; padding:2px 0 0; width: 50px;} .sigin_reg_icon {padding: 19px 16px 23px 14px !important;} #header { padding: 17px 0px 0px 0px;} .product_listing_container .list_mode .product > .product_image { } .sigin_reg_icon { background: rgba(0, 0, 0, 0) url("../images/responsive/rwdUI.png") repeat scroll 296px -109px; left: 6px; padding: 13px 16px 23px 14px; position: absolute; top: -9px;} #departmentsButton { display: block; margin: 5px 4px 0px 4px; max-width: 100%; padding-bottom: 6px;} .basicButton { width: 97%;} .main_slider .main_home_banner li img{ width: 100%; min-height: 200px; height: 212px;} .banner_tittle { margin: 0; width: 101%;} .banner_tittle .button_sec .greencButton { float: right; font-size: 12px; margin: 0; padding: 9px 8px 12px;} .banner_tittle .tittle_text { font-size: 16px; font-weight: normal; line-height: 1em; } .banner_tittle .button_sec { float: right; } .featured_categories_slider .carousel > .content > ul > li { margin: 0px; } .carousel.padding-true > .content { margin: 0 6px;} #departmentsButton > span { text-align: center; font-size: 24px; text-transform: capitalize; font-weight: normal; color: #FFFFFF;} .map_main div img { left: 0 !important; position: relative; top: 2px; width: 100%;} #footer {margin: 0 0px;} #footerRow1 > .section { margin: auto; width: 80% !important;} #footerRow1 > .section { padding: 10px 0 0 10px; } #footerRow1 > .section { border-bottom: 1px dotted #949494; display: inline-block; padding: 10px 0 0 10px; vertical-align: top;} #footerRow1 > .section > ul > li > a { text-align: center;} #footerRow1 > .section > .header > .toggle::before { content: url("../images/responsive/rwdUI.png"); display: block; left: -161px; position: absolute; top: -1px;} #footerRow1 > .section > .header > .toggle {display: none;} .subscribe .blue_button { float: none !important; left: 0; margin-bottom: 54px; padding: 11px 4px 7px !important; text-align: center; width: 100%;} .subscribe .input_set { padding: 0 5px; width: 98%;} .blue_button {padding: 8px 11px !important;} .email_subscribe p { font-size: 12px; text-align: center;} #footerRow1 > .section > .header { text-align: center;} .social_media.acol12.col2.left {margin: 10px 0;} .set_center {margin: auto; width: 145px;} .collection_wholesale_main { display: none;} .media_section .trusted_source_head{display: none;} .map_vedio_section .map_section { margin-right: 0px;} .set_reg_forget { margin: 20px 0;} .register_sec_footer { text-align: center; margin-top: 14px;} .sign_in_registration {margin: 4px auto 35px;} #footerFollowUsSection > ul { list-style: outside none none;} .or_reg_text { padding: 0 0 0 0px !important; font-size:12px;} .label_set { padding-left: 0px !important; } .label_set2 { padding-left: 0px !important; } .label_set3 { margin: 0; padding: 0 0 0 0px !important; text-align: left; width:100%} .inputField{ width: 94%;} .col2.left.large-3.medium-4.small-6.columns { width: 100%;} .col4.left.large-3.medium-4.small-6.columns { width: 46%; margin-bottom: 8px; margin-top: 8px; } .col7.left.large-9.medium-9.pad-radio.columns { width: 100%;} .margin_btm { margin-bottom: 5px !important;} .reg_tab_set { float: left !important; margin: auto !important; min-width: inherit !important; width: 50%;} #Register .form_2column .column { margin-left: 0px !important; font-size: 16px !important; margin-bottom: 0px !important; padding-bottom: 0px !important;} .signin_reg #Register .column_label { margin-left: 0px !important; padding-right: 0 !important; text-align: left !important;} #WC_OrganizationRegistration_20 { margin-left: 0 !important; padding-right: 0 !important; text-align: left !important;} .reg_blue_gray_head {font-size: 12px !important;} .more_info_icon { left: 114px; position: absolute; right: 0; top: 0px; } .region_counter .more_info_icon { float: right; left: 35px; margin-left: 0; margin-top: -29px !important; position: relative; right: 0;} .country_filed .more_info_icon { left: 36px; position: relative; right: 0; /* top: -27px; */ margin-left: 20px; margin-top: -25px !important; float: right;} .button_footer_line { padding-bottom: 0px; padding-top: 15px; text-align: center;} .button_footer_line .button_primary { color: #4d4d4d !important; margin-bottom: 0px;} .button_footer_line .button_primary.re_2 { color: #4d4d4d !important; width: 57% !important;} .user_reg .button_footer_line { float: none; margin-bottom: 2px; margin-right: 0;} #pay_expire_month_dropdown.dijitMenuPopup > .dijitSelectMenu, #pay_expire_year_dropdown.dijitMenuPopup > .dijitSelectMenu, #payMethodId_dropdown.dijitMenuPopup > .dijitSelectMenu, #addressId_dropdown.dijitMenuPopup > .dijitSelectMenu, .wcSelectMenu{ margin-left: -10px !important;} .thankyou_section > h3 { color: #4d4d4d !important; font-size: 18px !important; font-weight: bold; margin: 10px 0;} .thankyou_section h2 { color: #00af41 ; font-size: 22px !important;} .Bottom_box_reg > .p { font-size: 12px !important;} .Bottom_box_reg > p { font-size: 12px !important;} .text-family { font-size: 14px !important;} .tellme_about { font-size: 18px !important;} .preferences-list2 li { float: left; font-size: 12px; margin: 10px 0 0; max-width: 50%; max-width: 100% !important; width: 50% !important; } .left.text-family.label-text.inline { padding: 3px 12px 9px 0;} .footer_thank_you_selet { margin: 12px 0 !important; width: 100%; }/*maqsood chnages*/ .bottom_btn_thankyou { clear: both; text-align: center; width: 100%;} .bottom_btn_thankyou .button_text { border: medium none !important; display: inline-table !important; font-size: 12px;} .back_btn .button_text { border: medium none !important; display: inline-block !important; font-size: 14px !important; text-align: center !important;} .signin_reg #Register .shipping_address { margin-top: 30px !important; padding-bottom: 4px;} .checkboxLabel { top: -2px !important;} .signin_reg #Register .column_label .white_text { display: none;} .border_bottom_reg { border-bottom: 0px dotted #b8b8b8; margin-bottom: 0px; margin-top: 0px;} .button_secondary.button_left_padding.back_btn { margin: 0 0 11px; text-align: center; width: 39%; float: left;} .register_sec_footer .greencButton2 { display: block; max-width: 100%;} .register_sec_footer .button_primary { display: block; max-width: 100%; text-align: center;} .register_sec_footer .button_primary .button_text { display: block;} #Header_GlobalLogin_signOutQuickLinkUser { display: none; margin-right: 4px;} .userProfileIcon { margin-right: 18px !important; vertical-align: -webkit-baseline-middle !important;} .carousel > .content > ul > li { min-height: auto;} .carousel > .content > ul.main_home_banner > li { min-height: auto;} /*product_list.cs Mobile END*/ /*product_list view Start*/ .productListingWidget > .header_bar > .title { display: none;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 12px; } .sorting_view_controls_container .view_controls .grid_icon, .list_icon { display: none; } .product_listing_container > .grid_mode li { padding-top: 20px; width: 100% !important;} .view_button { font-size: 12px !important;} .add_cart_button { font-size: 14px; } .product_location { margin-bottom: 5px;} .product_listing_container .product { padding: 0;} .product_listing_container > .grid_mode li { padding-top: 2px; width: 100% !important;} .list_mode .product_info > .product_name > a { padding-bottom: 5px !important; font-size: 16px !important; height: inherit; color: #3498db;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label {font-size: 12px;} /*product_list view VIEW-BUTTON */ .product_listing_container .list_mode .view_button { font-size: 20px; padding: 8px 15px;} .product_listing_container .list_mode .add_cart_button {font-size: 20px; padding: 8px 62px;} .product_listing_container .list_mode .or {height: 14px;} .productlist_heading_section h1 { font-size: 24px !important; line-height: 40px !important; margin: 0 0 0 10px !important; top: 236px !important; } .sorting_view_controls_container .view_controls .grid_icon, .list_icon { display: none !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 12px !important;} /*product_list view ----------------- VIEW-BUTTON ----------------- */ /*product_list view end */ /*Footer toogle start*/ #footerRow1 > .section > .header > .toggle::before { content: none; display: block; left: -161px; position: absolute; top: -1px;} #footerRow1 > .section > .header > .toggle::before { content: none; display: block; left: -161px; position: absolute; top: -1px;} #footerRow1 > .section > .header > .toggle { display: block; margin: auto; position: relative !important; text-align: center; width: 100% !important;} #footerRow1 > .section > .header > .toggle { border-color: rgba(0, 0, 0, 0); border-style: solid; border-width: 0px 0px; bottom: 5px; display: block; height: 20px; left: 0; overflow: hidden; position: absolute; width: 6px;} #footerRow1 > .section.active > .header > .toggle { border-width: 0; height: 20px; width: auto;} #footerRow1 > .section .header > h3 { display: none;} #footerRow1 > .section { margin-right: 0 !important; border-bottom: 1px dotted #949494; display: inline-block; padding: 11px 0 0; vertical-align: top;} #footerRow1 > .section > ul > li > a { border-bottom: 1px dotted #000000; color: #4f4f4f; display: block; font-size: 16px; margin: 0; padding: 3px 0;} #footerRow1 > .section > ul { color: #4f4f4f; font-size: 16px; list-style: outside none none; text-align: center;} #footerRow1 > .section > ul { color: #4f4f4f; font-size: 16px; list-style: outside none none; margin: 0; padding: 0 0 19px; text-align: center;} #footerRow1 > .section .spanacce { height: 1px; overflow: visible !important; position: relative !important; top: -1px; width: 1px;} #footerRow1 { text-align: center; width: 100%;} /*Footer toogle end*/ #content .collapsible, .categoryNavWidget.collapsible, .linkWidget.collapsible { padding: 0px 0% 0 6px !important;} #content .facetWidget.collapsible { padding: 0px 2% !important; position: relative;} .arrow_button_icon { bottom: 15px; float: right; height: 7px; overflow: hidden; position: absolute; right: 4px; top: 25px; width: 10px; } .my_account .column_label { float: left; text-align: left; width: auto;} .footerExploreSection ul li a { text-align: left !important;} .number.col7.acol12.left img { float: none;} .number.col7.acol12.left > span { float: none; margin: 11px 0 16px; text-align: center;} .social_media.acol12.col3.left { margin: 0px 0 0 !important;} .web-text > img { float: none; margin: 0 6px -4px 0;} .number > img { float: none; margin: 0 6px 0px 00 6px 0px 0;} .forgot_password .forgot_password_content .align { font-size: 14px !important; padding: 0 5px 0px 0 !important;} } /* Landscape */ @media only screen and (min-device-width: 480px) and (max-device-width: 736px) and (orientation : landscape) { #searchBox > .submitButton:before { left: -138px; position: absolute; top: -18px;} #searchBox > .submitButton:hover:before { left: -138px;} .banner_tittle .button_sec .greencButton { margin: 0 0 0 40px; } .banner_tittle .tittle_text { } } @media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape){ #headerRow2 { margin: auto 0px;} #header { margin: auto 0px;} .country_text{font-size: 16px !important; } .register_free.show-for-mobile > p { float: left; font-size: 16px; width: 74% !important; line-height: 36px;} } @media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation : landscape) { .advance_search_main { margin-top: 0px !important; padding-top: 15px; background: #FFF; margin-bottom: 30px; } .arrow_button_icon_menu { float: none !important; position: relative; top: -5px;} .cat { float: none !important;} div#widget_breadcrumb > ul li { color: #ca4200; display: inline; font-size: 12px; margin: 0;} .signin_reg #Register .column_label { font-size: 16px !important;} .preferences-list li { float: left; font-size: 12px; margin: 11px 0 0; max-width: 100%; max-width: 100% !important; width: 100% !important;} div#widget_breadcrumb > ul li a { color: #0063a0; font-size: 12px; text-decoration: none;} div#widget_breadcrumb > ul li { font-size: 12px; margin: 0;} #youtube { margin-right: 0;} .carousel > .prevPageButton, .carousel > .nextPageButton { top: 12%;} #Register .country_label_set { margin: 0 !important; padding: 0 !important;} .zip_code { margin: -4px 0px 0px; width: 48%;} .region_counter .more_info_icon { /* left: 102px; */ position: relative; right: 0; /* top: -27px; */ margin-left: 42px; margin-top: -25px !important;} .country_filed .more_info_icon { left: 32px; position: relative; right: 0; /* top: -27px; */ margin-left: 42px; margin-top: -25px !important; float: right;} .advance_search .space { margin-right: 0; margin-bottom: 40px; clear: both;} .advance_search .form_2column .column { padding-bottom: 15px; width: 100%;} .advance_search .set_in_bobile { max-width: none !important; padding: 0 0 0 2px; width: 100% !important;} .advance_search .location.col4.acol12.left.inputField { width: 100%;} .advance_search .form_2column .column2 { padding-bottom: 15px; width: 100%;} .advance_search .setinput_filed { padding: 0; width: 100%;} .advance_search_main .priceRangeContainer div.range { overflow: hidden; width: 49%;} .advance_search .setinput_filed { padding: 0; width: 100%;} .advance_search .cat_select { width: 100%;} .advance_search .lot_location_set { float: none; width: 100%;} .advance_search .cat_select .inputField { width: 100%;} .advance_search_main .button_footer_line { margin-right: 0; margin-right: 18px !important; float: right !important;} .advance_search .inputField { width: 99%; padding-left: 4px; padding-right: 0px;} .advance_search select { width: 100% !important; padding-left: 9px;} .advance_search .text_set_lot_location{text-align: left;} .categoryList > li > a { padding: 8px 9px 11px 16px; line-height: 20px; } .page_controls.right.controls.pagination_present { margin: auto; text-align: center;} .pagination_bottom .page_no { font-size: 12px; margin-bottom: 20px; padding: 6px 4px !important; text-align: center; width:98%;} div#page { margin-bottom: -2px !important;} .rowContainer, .rowContainer > .row { padding: 5px 0 0;} .productlist_heading_section img { margin-bottom: 9px !important;} .paging_controls > .right_arrow > img, .paging_controls > .left_arrow > img { padding: 9px 2px 3px !important;} #quickLinksButton .arrow_button_icon:before, #widget_minishopcart .arrow_button_icon:before, #departmentsButton .arrow_button_icon:before, #allDepartmentsButton .arrow_button_icon:before{ content: url("../images/responsive/rwdUI.png"); left: -139px; position: absolute; top: -1px;} #quickLinksButton.selected .arrow_button_icon:before, #widget_minishopcart.selected .arrow_button_icon:before , #departmentsButton.selected .arrow_button_icon:before, #allDepartmentsButton.selected .arrow_button_icon:before { content: url("../images/responsive/rwdUI.png"); left: -149px; position: absolute; top: -1px;} #logo img { position: relative; top: -2px; width: 52%;} .featured_categories_slider .catPos p { text-align: center;} .featured_categories_slider .catPos h3 { text-align: center;} .featured_categories_slider .catPos > .product_image > a { text-align: center; width: auto;} .just_added_products .carousel > .content > ul > li .product_image .image { position: relative; text-align: center; width: 100%; } .just_added_products .carousel > .content > ul > li .product_info { float: left; text-align: center;} .just_added_products .carousel > .content > ul > li .view_add_cart_button a{float: none;} .just_added_products .carousel > .content > ul > li .view_add_cart_button span{float: none;} .just_added_products .carousel > .content > ul li .view_add_cart_button { display: block; float: none; height: auto; margin: 20px 0 0; min-height: 36px;} .featured_categories_slider .just_added_products .product_image { overflow: hidden; text-align: center;} .featured_categories_slider .product_info { float: left; text-align: center;} .featured_categories_slider .add_cart_button {padding: 8px 23px 10px;} .featured_categories_slider .view_add_cart_button { float: none; margin: 12px auto auto 16px; text-align: center; width: auto;} .email_subscribe p { padding: 1px 0 25px;} #footerRow1 .section.col3.acol12.footerExploreSection.email_subscribe.subscribe_newslater { padding-top: 0 !important;} .footer_bottom .web-text { font-size: 12px;} #footerRow2 .number span { text-decoration: none display: block; float: none; font-size: 12px; margin: auto; text-decoration: none;} .footer_bottom { padding: 10px 0 15px;} #footerRow2 .number.col6.acol12.left { margin: 8px auto 22px; text-align: center;} #WC_AccountDisplay_div_23 ul {padding-bottom: 0;} /*sorting_view_controls start */ .pageControlButton { height: 32px; line-height: 32px;text-align: center; width: 32px; margin: 0;} .page_controls .view_controls > *, .paging_controls > * { height: 32px; line-height: 0 !important;} .paging_controls {height: 32px !important;} .paging_controls > .right_arrow > img { padding-right: 10px; padding-top: 9px !important;} .page_size_label { line-height: 13px; margin: 0 0 0 5px !important; padding-top: 0 !important; width: 26% !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 14px !important;} .sorting_controls .selectWrapper { height: 32px; margin-left: 3px; width: 32px !important;} .productListingWidget > .header_bar > .title { font-size: 16px;} .selectWrapper .dijitSelect { padding: 0 8px !important;} .order_by_label { margin: 0 !important; padding: 8px 5px 0 2px !important; width: auto !important;} .sorting_view_controls_container.sorting_controls_new { float: left; margin: 0; } /*sorting_view_controls END */ .collapsible[aria-expanded="false"] > .content { max-height: 0; visibility: hidden;} .register_free { margin: 20px 0 10px !important;} .ElGroup.map.ng-scope > h2 { color: #fff !important; float: right;} .register_free.show-for-mobile > p { float: left; font-size: 16px; width: auto; line-height: 36px;} .search_by_location{ margin: 0 0 20px; width: 100%; border-width:1px;border-radius:0px;border-color:#c8c8c8;border-style:solid;color:#666;font-size:14px;font-family:'Source Sans Pro';text-align:left; height:34px;} .number.col5.acol12.left > span { margin-left: 0 !important; text-decoration: none !important;} .footer_bottom .web-text {margin-left: 0;} .email_address{text-decoration: underline;} #footerRow1 > .section > .header {padding: 11px 0 3px !important; font-size: 16px;} .section.col3.acol12.footerExploreSection.email_subscribe { border: medium none !important;} .banner_tittle .button_sec { float: right; padding: 0 12px 0 0;} .alignright { margin-left: 0 !important; margin-right: 0 !important;} .credit_card_field br { display: none;} .xsnopadding .row > div { float: left; margin-bottom: 15px; margin: 0px; padding: 0;} .set_action_btn{float:left;} .year_set { width: 100%;} .set_alignright { margin-left: 0px !important;} .banner_tittle {padding: 10px 0;} .banner_tittle .tittle_text { padding: 0 0 0 10px;} .my_account .column_label { float: left; text-align: left; width: auto;} .product_info > .product_name > h3 { font-size: 16px;} .tittle_main.trusted_source_head { display: none;} .banner_tittle { margin: 0; padding: 9px 6px 11px 7px; position: absolute; right: 0; width: 100%;} #quickLinksBar { color: #767676; float: right; list-style: outside none none; margin: 0; padding: 0; position: relative; right: 45px; text-align: right;} .show-for-mobile {display:block;} .show-for-desktop { display:none;} .quicklinks { background: #fff none repeat scroll 0 0; border: medium none; float: right; position: absolute; right: -10px; top: -20px;} #quick_top_links { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; clear: both; float: right; list-style: outside none none; margin: 0; padding: 5px; position: absolute; right: 0; width: 49%; z-index: 100;} #quick_top_links > li { border-bottom: 1px solid #ccc; border-right: medium none; color: #000000; float: left; font-size: 13px; padding: 8px 2px; width: 100%;} #headerRow1 { height: 53px; padding: 0px 0 0;} .search_section {clear: both; float: right; margin: 0; padding: 0;} #searchBar.active { border-top: 0 solid #c9cece; display: block; height: 42px; padding: 15px; position: absolute; } #searchBox > .submitButton::before { content: url("../images/responsive/rwdUI.png"); display: block; left: -137px !important; position: absolute; top: -16px;} #searchBox > .submitButton { border-width: 5px 20px 10px;} #quick_cart_container, #MiniShopCartProductAdded { top: 77px !important;} .basicButton > span { height: 24px;padding: 0px 15px 2px; } body { margin: 0 10px;} .left_set.search_section { left: 52px; top: -2px; position: relative;} .left_set.signin_section { left: 59px; position: relative;} .left_set.shopping_cart { left: 58px; margin: -3px 1px 0 -7px; position: relative;} search_section { margin: 0px 0 0;} #searchButton { height: 40px; margin: 2px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4d4d4+0,f0f0f0+100 */ background: rgb(212,212,212); /* Old browsers */ background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */} .signin_section .panelLinkSelected { height: 40px; padding:2px 0 0; width: 50px;} .sigin_reg_icon {padding: 19px 16px 23px 14px !important;} #header { padding: 17px 0px 0px 0px;} .product_listing_container .list_mode .product > .product_image { } .sigin_reg_icon { background: rgba(0, 0, 0, 0) url("../images/responsive/rwdUI.png") repeat scroll 296px -109px; left: 8px; padding: 13px 16px 23px 14px; position: absolute; top: -9px;} #departmentsButton { display: block; margin: 5px 4px 2px 4px; max-width: 100%;} .basicButton { width: 97%;} .main_slider ul li img { min-height: auto; width: 232%;} .banner_tittle { margin: 0; padding: 9px 0; position: absolute; right: 0; width: 100%;} .banner_tittle .button_sec .greencButton { float: right; font-size: 12px; width: 66%; text-align: center; margin: 0; padding: padding: 9px 10px 12px;} .banner_tittle .tittle_text { font-size: 16px; font-weight: normal; line-height: 2em; } .banner_tittle .button_sec { margin-right: 10px; float: right; padding: 0; } .featured_categories_slider .carousel > .content > ul > li { margin: 0px; } .carousel.padding-true > .content { margin: 0 6px;} #departmentsButton > span { text-align: center;} .map_main div img { left: 0 !important; position: relative; top: 2px; width: 100%;} #footer {margin: 0 0px;} #footerRow1 > .section { margin: auto; width: 80%;} #footerRow1 > .section { padding: 10px 0 0 10px; } #footerRow1 > .section { margin-right: 0 !important; border-bottom: 1px dashed #949494; display: inline-block; padding: 10px 0 0 10px; vertical-align: top;} #footerRow1 > .section > .header > .toggle::before { content: url("../images/responsive/rwdUI.png"); display: block; left: -161px; position: absolute; top: -1px;} #footerRow1 > .section > .header > .toggle {display: none;} .subscribe .blue_button { float: none !important; left: 0; text-align: center; width: 100%; padding: 11px 0 7px !important;} .subscribe .input_set { } .email_subscribe p { font-size: 12px; text-align: center;} #footerRow1 > .section > .header { text-align: center;} .social_media.acol12.col2.left {margin: 10px 0;} .set_center {margin: auto; width: 145px;} .collection_wholesale_main { display: none;} .media_section .trusted_source_head{display: none;} .map_vedio_section .map_section { margin-right: 0px;} .register_sec_footer { text-align: center;} .sign_in_registration {margin: 4px auto; min-height: 316px;} #footerFollowUsSection > ul { list-style: outside none none;} .or_reg_text { padding: 0 0 0 0px !important; font-size:12px;} .label_set { padding-left: 0px !important; } .label_set2 { padding-left: 0px !important; } .label_set3 { margin: 0; padding: 0 0 0 0px !important; text-align: left; width:100%} .inputField{ width: 96%;} .signin_reg #Register .zip_code { margin-left: 3% !important;} .col2.left.large-3.medium-4.small-6.columns { width: 100%;} .col3.left.large-3.medium-4.small-6.columns { width: 100%;} .col4.left.large-3.medium-4.small-6.columns { width: 100%;} .margin_btm { margin-bottom: 5px !important;} .reg_tab_set { float: left !important; min-width: auto !important; width: 50%;} #Register .form_2column .column { padding-bottom: 0 !important;} .reg_blue_gray_head {font-size: 12px !important;} .more_info_icon {left: 114px; position: absolute; right: 0; top: -6px;} .button_footer_line { text-align: center;} .button_footer_line .button_primary { color: #4d4d4d !important; width: 100% !important;} .forgot_password_content .button_footer_line .button_primary { color: #4d4d4d !important; width: 100% !important; font-size: 16px !important; } .button_footer_line .button_primary > .button_text {display:block; } .thankyou_section > h3 { color: #4d4d4d !important; font-size: 18px !important; font-weight: bold; margin: 10px 0;} .thankyou_section h2 { color: #00af41 ; font-size: 22px !important;} .Bottom_box_reg > .p { font-size: 12px !important;} .Bottom_box_reg > p { font-size: 12px !important;} .text-family { font-size: 14px !important;} .preferences-list li { float: left; font-size: 12px; margin: 11px 0 0; max-width: 100%; max-width: 100% !important; width: 100% !important;} .preferences-list2 li { float: left; font-size: 12px; margin: 10px 0 0; max-width: 50%; max-width: 100% !important; width: 50% !important; } .left.text-family.label-text.inline { padding: 3px 12px 9px 0;} .footer_thank_you_selet { margin: 12px 0 !important; width: 100%; }/*maqsood chnages*/ .bottom_btn_thankyou { clear: both; text-align: center; width: 100%;} .bottom_btn_thankyou .button_text { border: medium none !important; display: inline-table !important; font-size: 12px;} .back_btn .button_text { border: medium none !important; display: inline-block !important; text-align: center !important;} .button_secondary.button_left_padding.back_btn { margin: 0 0 11px; text-align: center; width: 46%;} .register_sec_footer .greencButton2 { display: block; max-width: 100%;} .register_sec_footer .button_primary { display: block; max-width: 100%; text-align: center;} .register_sec_footer .button_primary .button_text { display: block;} #Header_GlobalLogin_signOutQuickLinkUser { display: none; margin-right: 4px;} .userProfileIcon { margin-right: 18px !important; vertical-align: middle; margin-top: 9px;} .carousel > .content > ul > li { min-height: auto;} /*product_list.cs Mobile*/ /*product_list view */ .productListingWidget > .header_bar > .title { display: none;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 12px; } .sorting_view_controls_container .view_controls .grid_icon, .list_icon { display: none; } .product_listing_container > .grid_mode li { padding-top: 20px; width: 100% !important;} .view_button { font-size: 14px !important; } .add_cart_button { font-size: 14px; padding: 8px 15px;} .product_location { margin-bottom: 5px;} .product_listing_container .product { padding: 0;} .product_listing_container > .grid_mode li { padding-top: 2px; width: 100% !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label {font-size: 12px;} .product_listing_container .list_mode .product > .product_info .product_description { font-size: 14px; line-height: 16px; margin-bottom: 4px; margin-top: 20px; padding-right: 0; } /*product_list view VIEW-BUTTON */ .product_listing_container .list_mode .view_button { font-size: 20px; padding: 8px 15px;} .product_listing_container .list_mode .add_cart_button {font-size: 20px; padding: 8px 62px;} .product_listing_container .list_mode .or {height: 14px;} .productlist_heading_section h1 { font-size: 24px !important; line-height: 40px !important; margin: 0 0 0 10px !important; top: 223px !important; } .sorting_view_controls_container .view_controls .grid_icon, .list_icon { display: none !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 12px !important;} /*product_list view ----------------- VIEW-BUTTON ----------------- */ /*product_list view end */ /*Footer toogle start*/ #footerRow1 > .section > .header > .toggle::before { content: none; display: block; left: -161px; position: absolute; top: -1px;} #footerRow1 > .section > .header > .toggle::before { content: none; display: block; left: -161px; position: absolute; top: -1px;} #footerRow1 > .section > .header > .toggle { display: block; margin: auto; position: relative !important; text-align: center; width: 100% !important;} #footerRow1 > .section > .header > .toggle { border-color: rgba(0, 0, 0, 0); border-style: solid; border-width: 0px 0px; bottom: 5px; display: block; height: 20px; left: 0; overflow: hidden; position: absolute; width: 6px;} #footerRow1 > .section.active > .header > .toggle { border-width: 0; height: 20px; width: auto;} #footerRow1 > .section .header > h3 { display: none;} #footerRow1 > .section { margin-right: 0 !important; border-bottom: 1px dashed #949494; display: inline-block; padding: 11px 0 0; vertical-align: top;} #footerRow1 > .section > ul > li > a { border-bottom: 1px dotted #000000; color: #4f4f4f; display: block; font-size: 16px; margin: 0; padding: 10px 0 8px;} #footerRow1 > .section > ul { color: #4f4f4f; font-size: 16px; list-style: outside none none; text-align: center;} #footerRow1 > .section > ul { color: #4f4f4f; font-size: 16px; list-style: outside none none; margin: 0; padding: 0 0 19px; text-align: center;} #footerRow1 > .section .spanacce { height: 1px; overflow: visible !important; position: relative !important; top: -1px; width: 1px;} #footerRow1 { text-align: center; width: 100%;} .web-text > img { float: none; margin: 0 6px -4px 0;} .number > img { float: none; margin: 0 6px 0px 00 6px 0px 0;} /*Footer toogle end*/ #content .collapsible, .categoryNavWidget.collapsible, .linkWidget.collapsible {padding: 0 2% 0 10px !important;} #content .facetWidget.collapsible { position: relative;} .arrow_button_icon { bottom: 15px; float: right; height: 7px; overflow: hidden; position: absolute; right: 4px; top: 25px; width: 10px; } #content .collapsible > h3, .categoryNavWidget.collapsible > h3, .linkWidget.collapsible > h3 {padding: 13px 25px 0 26px;} } /*Custom media Query For Genco Mobile END*/ /*Custom media Query For Genco Mobile TAB START*/ @media only screen and (min-device-width: 768px) and (max-device-width: 799px) and (orientation : portrait) { .productListingWidget > .header_bar .controls .sorting_controls, .productListingWidget > .header_bar .controls .view_controls { float: left; padding-right: 10px; } div#widget_breadcrumb > ul li { color: #ca4200; display: inline; font-size: 12px; margin: 0; } .banner_reg_section.col4.acol12.left { display: none !important;} #headerRow2 { margin: auto 0px;} #header { margin: auto 0px;} .signin_reg { margin: auto 0px; } .signin_reg #Register .column_label_phone_no { margin-left: -15px !important; text-align: right; } .main_sign_reg { padding: 100px 0px 70px 0px !important; width: 100% !important;} .sign_in_registration { margin: 4px auto 35px;} #content { overflow: hidden; margin: 0 0px !important; } div#contentRecommendationWidget_About_Us_Section_Content { background: #fff; margin: 0px 0px !important; } div#contentRecommendationWidget_About_Us_Section_Content { background: #fff; margin: 0px 0px !important; } /* HEADER CSS 786 START */ div#page { height: 100%; margin-bottom: 0; position: relative; background: #fff; padding: 0 0px !important; } /*2. PERSONAL PROFILE start */ .checkboxLabel { top: -2px !important;} .column_label_country { margin: 0px 11px 0px 0px !important;} .text_term { line-height: 12px;} /*2. PERSONAL PROFILE end */ /*1. BUSINESS PROFILE start */ .signin_reg #Register .column_label { width: 45%; margin-left: 0 !important; padding-right: 0 !important; text-align: left !important;} #Register .zip_code { margin-left: 0px!important;} .state_provence .inputField { width: 52% ;} .state_filed{width: 66% !important;} .country_select_filed{width: 54%; } .zip_code .inputField { width: 50% !IMPORTANT;} .country_filed .inputField { width: 52% !IMPORTANT;} #Register .country_label_set { margin: 0 5px 0 0px !important; padding: 0 !important;} .user_reg .zip_code { clear: none; } .signin_reg #Register .state_pro_fild { margin-right: 0px !important; width: 20%; text-align: left; margin-left: -7px !important;} .signin_reg #Register .region_counter { margin-right: 0px !important;} #Register .column_label_2{width:auto !important;} .signin_reg #Register .state_filed { float: left !important; margin-right: 5px;} .signin_reg .city_input { width: 78% !important;} .col3.acol5.left.state_provence { width: 30% !important; margin-left: 0 !important;} /*1. BUSINESS PROFILE end */ .advance_search .space { margin-right: 0; margin-bottom: 40px; clear: both;} .advance_search .form_2column .column { padding-bottom: 15px; width: 100%;} .advance_search .set_in_bobile { max-width: none !important; padding: 0 0 0 2px; width: 100% !important;} .advance_search .location.col4.acol12.left.inputField { width: 100%;} .advance_search .form_2column .column2 { padding-bottom: 15px; width: 100%;} .advance_search .setinput_filed { padding: 0; width: 100%;} .advance_search_main .priceRangeContainer div.range { overflow: hidden; width: 45%;} .advance_search .setinput_filed { padding: 0; width: 100%;} .advance_search .cat_select { width: 100%;} .advance_search .lot_location_set { float: none; width: 100%;} .advance_search .cat_select .inputField { width: 100%;} .advance_search_main .button_footer_line { float: right !important; margin-bottom: 0 !important; margin-left: 0; margin-right: 0 !important; margin-top: 0; padding-top: 0; text-align: right;} .advance_search .inputField { width: 96%; padding-left: 9px;} .advance_search select { width: 100% !important; padding-left: 9px;} .advance_search .column_label { line-height: 30px; font-size: 16px; padding-right: 11px; text-align: left; width: 100%;} .advance_search .location_lot_set { float: none; width: 100%;} .advance_search .text_set_lot_location{text-align: left;} .departmentMenu { width: 216px;} .categoryList > li { width: 100%;} #logo .contentRecommendationWidget, #logo .contentRecommendationWidget > .left_espot, #logo .contentRecommendationWidget > .left_espot > a, #logo .contentRecommendationWidget > .left_espot > a > img, #logo .genericESpot { height: auto; max-width: 100%; display: block;} .departmentButton > span { padding: 0px 31px !important;} #quick_cart_container, #MiniShopCartProductAdded { left: auto !important; right: 10px !important; top: 80px !important;} #searchBar { float: left; padding: 2px; position: relative; right: 8px; top: -2px; width: 403px;} .search_section.acol11 { margin-top: 16px;} .left_set.signin_section { left: -31px; position: relative; top: -2px; text-align: 11px;} #quick_top_links > li { padding: 0 10px;} #departmentsButton { display: none !important;} #searchFilterButton { display: inline-table;} #searchBox > .submitButton { height: 18px;} body { padding: 0px; margin: 2px;} /* HEADER CSS 786 END */ .add_cart_button { padding: 8px 26px 10px;} /* FOOTER CSS 786 START */ #footerRow1 .about_us.section.col2.acol12 { margin-right: 31px; width: 230px;} #footerRow1 .section.col2.acol12.resources { margin-right: 62px !important; padding-left: 16px; width: 149px;} #footerRow1 .section.col2.acol12.legal { float: none; margin-right: 0px !important; width: 122px;} .email_subscribe { margin: 0 !important; padding: 0 !important; width: 40% !important;} #footerRow1 .section.col2.acol12.resources { width: 200px; margin-right: 0px !IMPORTANT; margin-right: 0px !IMPORTANT; } #footerFollowUsSection > ul { list-style: outside none none;} .email_subscribe p { font-size: 14px; padding: 1px 0 19px !important;} .subscribe .blue_button { font-size: 16px !important; padding: 9px 0 !important; text-align: center;} #footerRow1 .section.col3.acol12.footerExploreSection.email_subscribe.subscribe_newslater .header { padding-top: 0 !important;} #footerRow1 > .section { margin-right: 0 !important; border-bottom: none; display: inline-block; padding: 10px 0 0 10px; vertical-align: top;} #footerRow1 > .section > .header > .toggle::before { content: url("../images/responsive/rwdUI.png"); display: block; left: -161px; position: absolute; top: -1px;} #footerRow1 > .section > .header > .toggle {display: none;} .subscribe .blue_button { float: none !important; left: 0; text-align: center; width: 100%; } .subscribe .input_set { padding: 0 16px; width: 87%;} .email_subscribe p { font-size: 12px; text-align: left;} #footerRow1 > .section > .header { text-align: left;} #footerRow1 .section.col3.acol12.footerExploreSection.mak_insider { margin-right: 69px; width: 259px !important;} /* FOOTER CSS 786 END */ .border_bottom_reg_2 { border-bottom: 0 dotted #b8b8b8;} div#widget_breadcrumb { margin: 0 0 5px;} .product_listing_container .list_mode .product .product_description p { font-size: 14px !important;} div#widget_breadcrumb { margin: 10px 0 10px !important;} .productlist_heading_section h1 { font-size: 34px !important; font-weight: normal; top: 198px !important;} .page_no { border: 1px solid #cccccc; font-size: 13px; padding: 5px; width: 84%;} #footer .number.col6.acol12.left { width: 28%;} .select_locations h3 { color: #0e5d9e; font-family: "Source Sans Pro"; font-size: 14px; line-height: 14.8px; text-align: start;} .ElGroup.map.ng-scope > img { width: 125%;} #footerRow1 .section.col3.acol12.footerExploreSection.mak_insider { margin-right: 0; padding: 0; width: 100%;} #footerRow1 .section.col3.acol12.footerExploreSection.mak_insider .header { padding: 0 31px 10px 0 !important;} .banner_reg_section.col4.acol12.left.show-for-desktop { display: none !important;} .right.header_right { width: auto;} .product_listing_container > .grid_mode li { padding-top: 20px; width: 100% !important;} .webname.col3.acol12.left { width: 34%;} .number.col7.acol12.left { width: 40%;} .social_media.acol12.col3.left { margin: 0px 0 0 0px;} .pageControlButton { height: 32px; line-height: 32px;text-align: center; width: 32px; margin: 0;} .page_controls .view_controls > *, .paging_controls > * { height: 32px; line-height: 0 !important;} .paging_controls {height: 32px !important;} .paging_controls > .right_arrow > img { padding-right: 10px; padding-top: 9px !important;} .page_size_label { line-height: 19px; padding-top: 0 !important; width: 26% !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 14px !important;} .sorting_controls .selectWrapper { height: 32px; width: 32px !important;} .productListingWidget > .header_bar > .title { font-size: 16px;} .selectWrapper .dijitSelect { padding: 0 8px !important;} .list_mode .product_info > .product_name > a { padding-bottom: 8px !important;} body {margin: 0 4px !important;} .quicklinks { display: none;} .register_free { margin: 0px 0 10px !important;} .ElGroup.map.ng-scope > h2 { color: #fff !important; float: right;} .register_free.show-for-mobile > p { float: left; font-size: 20px; width: 85%;} .tittle_main > h2 { font-size: 24px;} .col9.acol12.left.set_left_colum.featured_categories_slider { width: 100%;} .number.col5.acol12.left > span { margin-left: 0 !important; text-decoration: none !important;} .footer_bottom .web-text {margin-left: 0;} .email_address{text-decoration: underline;} #footerRow1 > .section > .header {padding: 12px 0 !important; font-size: 16px;} .section.col3.acol12.footerExploreSection.email_subscribe { border: medium none !important;} .banner_tittle .button_sec { float: right; padding: 0 12px 0 0;} .alignright { margin-left: 0 !important; margin-right: 0 !important;} .credit_card_field br { display: none;} .xsnopadding .row > div { float: left; margin-bottom: 15px; margin: 0px; padding: 0;} .set_action_btn{float:left;} .year_set { width: 100%;} .set_alignright { margin-left: 0px !important;} #quick_top_links { display: block; margin-top: -13px;} .banner_tittle {padding: 5px 0;} .banner_tittle .tittle_text { padding: 0 0 0 8px;} .my_account .column_label { float: left; text-align: left; width: auto;} .product_info > .product_name > h3 { font-size: 16px;} .tittle_main.trusted_source_head { display: none;} .banner_tittle { margin: 0; padding: 9px 0 11px; position: absolute; right: 0; width: 100%;} .banner_tittle .tittle_text { font-size: 24px;} .banner_tittle .button_sec { float: right;} #headerRow1 { height: 53px; padding: 8px 0 0;} .search_section { clear: both; float: right; margin: 0; padding: 0;} #searchFilterMenu.active { right: -1px; width: 205px;} #searchBox > .submitButton::before { content: url("../images/responsive/rwdUI.png") !important; display: block; left: -139px !important; position: absolute; top: -15px;} #searchBox > .submitButton { border-width: 5px 20px 7px;} #quick_cart_container, #MiniShopCartProductAdded { top: 77px !important;} .basicButton > span { height: 24px;padding: 0px 15px 2px; } .show-for-desktop { display: none;} .price_offer_section.col4.acol12.left.show-for-desktop {display:block;} .email_subscribe p { font-size: 16px !important; padding: 0;} .left_set.search_section { left: 2px; top: -4px; position: relative;} .left_set.signin_section { left: 8px; position: relative; top: -4px;} .left_set.shopping_cart { left: 10px; margin: -4px 1px 0 -7px; position: relative;} search_section { margin: 0px 0 0;} #searchButton { height: 40px; margin: 2px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4d4d4+0,f0f0f0+100 */ background: rgb(212,212,212); /* Old browsers */ background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */} .signin_section .panelLinkSelected { height: 40px; padding:2px 0 0; width: 50px;} .sigin_reg_icon {padding: 19px 16px 23px 14px !important;} #header { padding: 14px 10px 0;} .product_listing_container .list_mode .product > .product_image { } .sigin_reg_icon { display: block; background: rgba(0, 0, 0, 0) url("../images/responsive/rwdUI.png") repeat scroll 296px -109px; left: 7px; padding: 13px 16px 23px 14px; position: absolute; top: -9px;} #departmentsButton { display: block; margin: 5px 4px 2px 4px; max-width: 100%;} #allDepartmentsMenu { width: 112px; padding-bottom: 16px;} .tittle_main > h2 { font-size: 18px !important;} .logout .basicButton {} .basicButton { width: 97%;} .main_slider ul li .time-left img { min-height: auto; width: inherit !important; text-align: center; height: inherit !important; margin: 1px 2px -2px 0px !important;} .main_slider ul li img { min-height: auto; width: 100%; text-align: center; height: 281px;} .banner_tittle { margin: 0; padding: 9px 0 11px; position: absolute; right: 0; width: 100%;} .banner_tittle .button_sec .greencButton { float: right; font-size: 16px; margin: 0; padding: 8px 10px 9px; text-align: center; width: 100%;} .featured_categories_slider .carousel > .content > ul > li .catPos { background: #ffffff none repeat scroll 0 0; margin: 0 auto; overflow: hidden; position: relative; width: 68%;} .left_espot.centered > a, .left_espot.centered > img { display: inline-block; max-width: 120%; position: relative; top: -4px !important; vertical-align: top;} .banner_tittle .tittle_text { font-size: 16px; font-weight: normal; line-height: 39px; margin-left: 3px; } .banner_tittle .button_sec { float: right; } .featured_categories_slider .carousel > .content > ul > li { margin: 0px; } .carousel.padding-true > .content { margin: 0 6px;} .just_added_products .carousel > .content > ul > li {height: 100%!important;} #departmentsButton > span { text-align: center;} .map_main div img { left: 0 !important; position: relative; top: 2px; width: 100%;} #footer {margin: 0 0px;} #footerRow1 > .section { border-bottom: medium none; display: inline-block; margin: 0 30px 29px !important; padding: 10px 0 0 10px; vertical-align: top;} .collection_wholesale_sec ul li p { font-size: 12px !important;} .tittle_main > h2 { font-size: 18px;} .register_free { display: none; margin: 0px 0 10px !important;} .social_media.acol12.col2.left {margin: 10px 0;} .set_center {margin: auto; width: 145px;} .collection_wholesale_main { display: block;} .media_section .trusted_source_head{display: none;} .map_vedio_section .map_section { margin-right: 0px;} .register_sec_footer { text-align: center;} .sign_in_registration {margin: 20px auto; margin-bottom: 40px;} body{background: #FFFFFF;} .or_reg_text { padding: 0 0 0 0px !important; font-size:12px;} .label_set { padding-left: 0px !important; } .label_set2 { padding-left: 0px !important; } .label_set3 { margin: 0; padding: 0 0 0 0px !important; text-align: left; } .signin_reg .inputField{ width: 94%;} .pnone_no_set .inputField { width: 56%;} .col2.left.large-3.medium-4.small-6.columns { } .col3.left.large-3.medium-4.small-6.columns { width: 100%;} .col4.left.large-3.medium-4.small-6.columns { } .reg_tab_set { float: left !important; min-width: auto !important; width: 50%;} .reg_blue_gray_head {font-size: 12px !important;} .more_info_icon { position: relative !important;} .button_footer_line { text-align: center;} .button_footer_line .button_primary { color: #4d4d4d !important; } .button_footer_line .button_primary > .button_text {display:block; } .thankyou_section > h3 { color: #4d4d4d !important; font-size: 18px !important; font-weight: bold; margin: 10px 0;} .thankyou_section h2 { color: #00af41 ; font-size: 22px !important;} .Bottom_box_reg > .p { font-size: 12px !important;} .Bottom_box_reg > p { font-size: 12px !important;} .text-family { font-size: 14px !important;} .preferences-list li { float: left; font-size: 12px; margin: 11px 0 0; max-width: 100%; max-width: 100% !important; width: 100% !important;} .preferences-list2 li { float: left; font-size: 12px; margin: 10px 0 0; max-width: 50%; max-width: 100% !important; width: 50% !important; } .left.text-family.label-text.inline { padding: 3px 12px 9px 0;} .footer_thank_you_selet { margin: 12px 0 !important; width: 100%; }/*maqsood chnages*/ .bottom_btn_thankyou { clear: both; text-align: center; width: 100%;} .bottom_btn_thankyou .button_text { border: medium none !important; display: inline-table !important; font-size: 12px;} .back_btn .button_text { border: medium none !important; display: inline-block !important; text-align: center !important;} .button_secondary.button_left_padding.back_btn { text-align: center; } .register_sec_footer .greencButton2 { display: block; max-width: 100%;} .register_sec_footer .button_primary { display: block; max-width: 100%; text-align: center;} .register_sec_footer .button_primary .button_text { display: block;} #Header_GlobalLogin_signOutQuickLinkUser { display: none; margin-right: 4px;} .userProfileIcon { margin-right: 18px !important; margin-top: 10px; vertical-align: middle;} .carousel > .content > ul > li { min-height: auto;} #Header_GlobalLogin_loggedInDropdown.menuDropdown { right: 0px !important; top: 44px !important; } /*product_list.cs Mobile*/ /*product_list view */ .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 12px; } .sorting_view_controls_container .view_controls .grid_icon, .list_icon { display: none; } .product_listing_container > .grid_mode li { padding-top: 20px; width: 100% !important;} .product_listing_container > .grid_mode li .view_button { font-size: 14px !important; padding: 6px 10px 5px 5px !important; height: 20px; line-height: 20px;} .product_listing_container > .grid_mode li .or { height: 14px; background-color: #ffffff; font-size: 12px; font-weight: normal; height: 16px; margin: 7px -11px 0 -6px; padding: 3px 4px 4px; position: relative; text-align: center; text-decoration: none; text-transform: lowercase; width: 13px; } .product_listing_container > .grid_mode li .add_cart_button { padding: 7px 16px 7px !important; font-size: 14px; } .product_listing_container > .grid_mode li .product_image { max-width: none; min-height: 100%; margin: 0 2px 0 auto !important; padding-top: 0; position: relative; } .product_info { float: left; width: 57% ; } .product_location { margin-bottom: 5px;} .product_listing_container .product { padding: 0;} .product_listing_container > .grid_mode li { padding-top: 2px; width: 100% !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label {font-size: 12px;} .product_listing_container .list_mode .product > .product_info .product_description { font-size: 14px; line-height: 16px; margin-bottom: 2px; margin-top: 0; padding-right: 0; } /*product_list view VIEW-BUTTON */ .product_listing_container .list_mode .view_button { font-size: 20px; padding: 8px 15px;} .product_listing_container .list_mode .add_cart_button {font-size: 20px; padding: 8px 62px;} .product_listing_container .list_mode .or {height: 14px;} .productlist_heading_section h1 { line-height: 40px; top: 175px;} .sorting_view_controls_container .view_controls .grid_icon, .list_icon { display: none !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 12px !important;} /*product_list view ----------------- VIEW-BUTTON ----------------- */ /*product_list view end */ .search-by_location { margin-right: 55px !important; margin-top: 30px;} .phoenix_txs_balone { left: 118px; top: 42px;} .reno_nv_balone {left: 86px; top: 28px;} .phoenix_tx { left: 136px;top: 102px;} .reno_nv {left: 103px; top: 77px;} .indiana_in {left: 212px; top: 72px;} .indiana_in_tha_balone { left: 189px; top: 33px;} .toronto_CA {left: 235px; top: 53px;} .toronto_CA_balone {left: 223px; top: 12px;} .west_chester_oh {left: 215px;top: 105px;} .grove_city_pa {left: 228px; top: 62px;} .indiana_in_balone { left: 203px; top: 43px;} .grove_city_pa_balone { left: 189px; top: 72px;} .grove_city_pa {left: 221px; top: 64px;} .columbus_OH { left: 203px;top: 44px;} .columbus_OH_balone {left: 193px;top: 8px;} .west_chester_oh_balone {left: 208px; top: 9px;} .phoenix_tx_balone { left: 118px; top: 73px;} .mcDonough_ga_balone {left: 187px;top: 84px;} .mcDonough_ga { left: 207px;top: 124px;} .mcdonough_ga_da { left: 207px;top: 139px;} #footerRow1 > .section > .header { text-align: left; } #footerRow1 > .section { margin: auto; text-align: left;} .email_subscribe p { font-size: 14px; padding: 0;} .banner_tittle .tittle_text { font-size: 24px;} #widget_minishopcart:before { clip: rect(37px, 40px, 62px, 2px); } .advance_search .space { margin-right: 0; margin-bottom: 40px; clear: both;} .advance_search .form_2column .column { padding-bottom: 15px; width: 100%;} .advance_search .set_in_bobile { max-width: none !important; padding: 0 0 0 2px; width: 100% !important;} .advance_search .location.col4.acol12.left.inputField { width: 100%;} .advance_search .form_2column .column2 { padding-bottom: 15px; width: 100%;} .advance_search .setinput_filed { padding: 0; width: 100%;} .advance_search_main .priceRangeContainer div.range { overflow: hidden; width: 45%;} .advance_search .setinput_filed { padding: 0; width: 100%;} .advance_search .cat_select { width: 100%;} .advance_search .lot_location_set { float: none; width: 100%;} .advance_search .cat_select .inputField { width: 100%;} .advance_search_main .button_footer_line { margin-right: 0; margin-right: 18px !important; float: right !important; margin-bottom: 40px !important; padding-top: 0px; text-align: right; /* float: none !IMPORTANT; */ margin: 0;} .advance_search .inputField { width: 98%; padding-left: 9px;} .advance_search select { width: 100% !important; padding-left: 9px;} .advance_search .text_set_lot_location{text-align: left;} } @media only screen and (min-device-width: 600px) and (max-device-width: 690px) and (orientation : portrait) { .main_sign_reg { padding: 70px 0px 70px 0px !important; width: 100% !important;} .sign_in_registration { margin: 4px auto 35px;} #logo .contentRecommendationWidget, #logo .contentRecommendationWidget > .left_espot, #logo .contentRecommendationWidget > .left_espot > a, #logo .contentRecommendationWidget > .left_espot > a > img, #logo .genericESpot {height: 100%; max-width: 223px; display: block;} .banner_tittle .tittle_text { font-size: 18px; line-height: 2em;} .register_free.show-for-mobile > p { font-size: 14px; line-height: 3em;} .inputField { width: 96%; } div#widget_breadcrumb { margin: 10px 0 !important; } div#widget_breadcrumb > ul li { color: #ca4200; display: inline; font-size: 12px; margin: 0; } #content { overflow: hidden; padding: 0 !important; } .zip_code { margin: -4px 0px 0px 34px; } } @media only screen and (min-device-width: 800px) and (max-device-width: 990px) and (orientation : landscape) { .departmentButton > span { padding: 0px 26px !important; } #header { margin: auto 0px;} #logo .contentRecommendationWidget, #logo .contentRecommendationWidget > .left_espot, #logo .contentRecommendationWidget > .left_espot > a, #logo .contentRecommendationWidget > .left_espot > a > img, #logo .genericESpot { height: auto; max-width: 223px; display: block;} #footerRow1 .section.col3.acol12.footerExploreSection.email_subscribe.subscribe_newslater { } .banner_tittle .tittle_text { font-size: 28px; line-height: 25px;} .register_free.show-for-mobile > p { font-size: 14px; line-height: 3em;} .footer_bottom .web-text { margin: 7px 0 0 0px;} .productListingWidget > .header_bar > .title { display: block; font-size: 13px; } .checkboxField input[type="checkbox"] { width: auto; } .pnone_no_set .inputField { width: 56% !important;} .signin_reg #Register .column_label { width: 100%; margin-left: 0 !important; padding-right: 0 !important; text-align: left !important;} #Register .zip_code { margin-left: 0px!important;} .state_provence .inputField { width: 52% ;} .state_filed{width: 66% !important;} .country_select_filed{width: 54%; } .zip_code .inputField { width: 52% !IMPORTANT;} .country_filed .inputField { width: 52% !IMPORTANT;} #Register .country_label_set { margin: 0 5px 0 0px !important; padding: 0 !important;} .user_reg .zip_code { clear: none; } .signin_reg #Register .state_pro_fild { margin-right: 0px !important; width: 20%; text-align: left; margin-left: -7px !important;} .signin_reg #Register .region_counter { margin-right: 0px !important;} #Register .column_label_2{width:auto !important;} .signin_reg #Register .state_filed { float: left !important; margin-right: 5px;} .signin_reg .city_input { width: 78% !important;} .col3.acol5.left.state_provence { width: 30% !important; margin-left: 0 !important;} } @media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation : portrait) { #logo img { position: relative; height: auto !important; width: 90% !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 900px) and (orientation : portrait) { .productListingWidget > .header_bar .controls .sorting_controls, .productListingWidget > .header_bar .controls .view_controls { float: left; padding-right: 10px; } div#widget_breadcrumb > ul li { color: #ca4200; display: inline; font-size: 12px; margin: 0; } .banner_reg_section.col4.acol12.left { display: none !important;} #headerRow2 { margin: auto 0px;} #header { margin: auto 0px;} .signin_reg { margin: auto 0px; } .main_sign_reg { padding: 70px 0px 70px 0px !important; width: 100% !important;} .sign_in_registration { margin: 4px auto 35px;} #content { overflow: hidden; margin: 0 0px !important; } div#contentRecommendationWidget_About_Us_Section_Content { background: #fff; margin: 0px 0px !important; } div#contentRecommendationWidget_About_Us_Section_Content { background: #fff; margin: 0px 0px !important; } #content { overflow: hidden; margin: 0 0px !important; } div#page { height: 100%; margin-bottom: 0; position: relative; background: #fff; padding: 0 0px !important; } div.content_wrapper > div.content_left_shadow > div.content_right_shadow > div.main_content { padding: 8px 0px !important;} .sorting_controls > span.page_size_label, .sorting_controls > span.order_by_label { display: inline-block; margin: 0 6px 0 0px !important; } .sorting_controls .selectWrapperPageSize { float: left; margin-right: 1px !important; } #Register .zip_code { margin-left: 0px!important;} .state_provence .inputField { width: 52% ;} .state_filed{width: 66% !important;} .country_select_filed{width: 54%; } .zip_code .inputField { width: 52% !IMPORTANT;} .country_filed .inputField { width: 52% !IMPORTANT;} #Register .country_label_set { margin: 0 5px 0 0px !important; padding: 0 !important;} .user_reg .zip_code { clear: none; } .signin_reg #Register .state_pro_fild { margin-right: 0px !important; width: 20%; text-align: left; margin-left: -7px !important;} .signin_reg #Register .region_counter { margin-right: 0px !important;} #Register .column_label_2{width:auto !important;} .signin_reg #Register .state_filed { float: left !important; margin-right: 5px;} .signin_reg .city_input { width: 69% !important;} .col3.acol5.left.state_provence { width: 30% !important; margin-left: 0 !important;} .signin_reg #Register .column_label span { display: none;} #Register .zip_code { margin-left: 0px !important; } #Register input, #WC_AccountForm_div_9 input, #my_account_billing input, #shipAddr input { margin-bottom: 10px; padding: 0 1px;} #departmentsMenu > li { margin: 0 8px 0 5px;} .col8.acol12.left.user_reg { width: 99%;} .margin_btm { margin-bottom: 20px; } .button_footer_line { margin-bottom: 44px; padding-top: 40px;} .social_media.acol12.col3.left { margin: 0px 0 0 0px;} .productListingWidget > .header_bar > .title { font-size: 16px;} .sorting_controls .page_size_label br { display: none;} .pageControlButton { height: 32px; line-height: 32px;text-align: center; width: 32px; margin: 0;} .page_controls .view_controls > *, .paging_controls > * { height: 32px; line-height: 0 !important;} .paging_controls {height: 32px !important;} .paging_controls > .right_arrow > img { padding-right: 10px; padding-top: 9px !important;} .page_size_label { line-height: 19px; padding-top: 0 !important; width: 26% !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 14px !important;} .sorting_controls .selectWrapper { height: 32px; width: 32px !important;} .selectWrapper .dijitSelect { padding: 0 8px !important;} .order_by_label { margin: 0 !important; padding: 8px 5px 0 2px !important; width: auto !important;} .list_mode .product_info > .product_name > a { padding-bottom: 8px !important;} .departmentButton > span { padding: 0px 31px !important;} .featured_categories_slider .carousel > .content > ul > li { margin: 0;} .banner_tittle .tittle_text { font-size: 24px;} #content .facetWidget.collapsible { padding: 0px 2% !important; position: relative;} .subscribe .blue_button {font-size: 12px; padding: 4px 7px 11px 6px; text-align: center;} #footerRow1 .about_us.section.col2.acol12 { margin-right: 31px; width: 232px;} #footerRow1 .section.col2.acol12.resources { margin-right: 62px; width: 164px;} #footerRow1 .section.col2.acol12.legal { float: right; margin-right: 65px !important; width: 114px;} .email_subscribe { margin: 0 !important; padding: 0 !important; width: 40% !important;} #footerRow1 .section.col2.acol12.resources { margin-right: 62px; padding-left: 18px; width: 134px;} } @media only screen and (min-device-width: 1280px) and (max-device-width: 1300px) and (orientation : landscape) { .menuDropdown { right: 73px !important; top: 70px !important; width: 328px; z-index: 100; } .departmentButton > span { padding: 0px 29px !important; } } @media screen and (min-width : 1025px) and (max-width : 1160px) { .featured_categories_banner .tittle_main > h2 {font-size:20px;} .greencButton { padding: 12px 18% !important;} .user_reg { width: 100%;} #business_profile_banner { display: none;} #personal_profile_banner{ display: none;} } @media screen and (min-width : 769px) and (max-width : 1024px) { .banner_reg_section.col4.acol12.left { display: none !important;} .just_added_products .product .product_image img {height: 263px !important; width: 100% !important;} .just_added_products .product_info { float: left; padding: 0 0 0 7px; width: 50%; } .col3.acol5.left.state_provence { width: 24% !important;} #Register input, #WC_AccountForm_div_9 input, #my_account_billing input, #shipAddr input { margin-bottom: 10px; padding: 0 1px;} .departmentButton > span { padding: 0px 29px;} .contentRecommendationWidget .homePageSteps { display: block !important;} .banner_tittle .button_sec .greencButton { font-size: 20px;} #searchBar { width: 430px;} .select_locations h3 { font-size: 18px; padding-left: 0px; line-height: 31.8px; float: left; width: auto;} .featured_categories_slider .carousel > .content > ul > li { margin: 0px;} .sorting_controls .selectWrapperPageSize { margin-right: 0px !important;} .page_size_label br { display: none;} .right.header_right { width: auto;} .button_footer_line { margin-bottom: 44px; padding-top: 40px;} .social_media.acol12.col3.left { margin: 0px 0 0 12px;} .greencButton { padding: 12px 18% !important;} #departmentsButton { display: none;} .just_added_products { padding: 0px !important; float: none !important; margin: 40px 0 0 !important; width: 100% !important} .left_espot.centered > a, .left_espot.centered > img { display: inline-block; max-width: 100%; position: relative; vertical-align: top; top: 9px;} .banner_advertisement.show-for-desktop { display: none;} .featured_categories_slider { width: 100%;} .search-by_location { margin-right: 8% !important;} .webname.col3.acol12.left { width: 26%;} .number.col7.acol12.left { width: 51%;} body { margin: 0 12px;} .banner_tittle .tittle_text {font-size: 30px; font-weight: normal; margin: 10px; line-height: 25px;} .col8.acol12.left.user_reg { width: 100%;} .banner_reg_section.col4.acol12.left {display: none; text-align: right;} .col8.acol12.large-9.medium-9.small-12.columns.thankyou_section_main { width: 100%;} #content .facetWidget.collapsible { padding: 0px 2% !important; position: relative;} #footerRow1 .about_us.section.col2.acol12 { margin-right: 3px; width: 20%;} #footerRow1 .section.col2.acol12.resources { margin-right: 0px; padding-left: 0px !important; width: 17% !important;} #footerRow1 .section.col2.acol12.legal { margin-right: 0px !important; margin-left: 0px !important; width: 12%;} .footerExploreSection .IconSVG {height: 12px;} #footerRow1 > .section { float: left; margin: 0 0 0 8px !important; } .map_sale .tittle_main > h2 {font-size:22px;} } @media only screen and (min-width : 737px) and (max-width : 980px) { input#WC__AddressEntryForm_FormInput_orgname { margin-bottom: 5px; } .zip_code { margin-top: 0px; } input#WC_OrganizationRegistrationAddForm_AddressEntryForm_FormInput_org_address2_1 { margin-bottom: 10px; } input#WC_OrganizationRegistrationAddForm_AddressEntryForm_FormInput_org_address1_1 { margin-bottom: 10px; } .user_reg { width: 100%; } .banner_reg_section.col4.acol12.left img { width: 86%; } .banner_reg_section.col4.acol12.left { margin-bottom: 46px; margin-top: 10px; display: none; text-align: right; } } @media only screen and (min-width : 769px) and (max-width : 960px) { .map_sale .tittle_main > h2 {font-size:17px;} .map_sale .select_locations h3 { font-size: 15px !important; } .greencButton { padding: 12px 15% !important;} } @media only screen and (min-width : 737px) and (max-width : 768px) { .greencButton { padding: 12px 18% !important;} .featured_categories_slider {width: 100%;} .banner_advertisement.show-for-desktop {display: none;} .map_sale .col5.acol12.wholesale {display:none;} .map_sale .col6.acol12.search-by_location {width:100%;} .map_sale .tittle_main > h2 {font-size:17px;} } @media only screen and (min-device-width: 800px) and (max-device-width: 990px) and (orientation : portrait) { .userProfileIcon { margin-right: 18px !important; margin-top: 10px; vertical-align: middle; } #headerRow2 { margin: auto 0px;} #header { margin: auto 0px;} .signin_reg { margin: auto 0px; } .main_sign_reg { padding: 70px 0px 70px 0px !important; width: 100% !important;} .sign_in_registration { margin: 4px auto 35px;} #Register .checkboxField_check { width: 2% !IMPORTANT; } #Register input[type=radio]{ width: auto !IMPORTANT; } .productListingWidget > .header_bar > .title { display: block; font-size: 13px; } .signin_reg #Register .column_label { text-align: left !important; padding-right: 0px !important; margin-left: 0px !important; width: 30%;} #Register .phone_no { width: 56% !important; } .signin_reg #Register .column_label { text-align: left !important; padding-right: 0px !important; margin-left: 0px !important; width: 44%;} #Register .zip_code { margin-left: 0px!important;} .state_provence .inputField { width: 52% ;} .state_filed{width: 66% !important;} .country_select_filed{width: 54%; } .zip_code .inputField { width: 52% !IMPORTANT;} .country_filed .inputField { width: 52% !IMPORTANT;} #Register .country_label_set { margin: 0 5px 0 0px !important; padding: 0 !important;} .user_reg .zip_code { clear: none; } .signin_reg #Register .state_pro_fild { margin-right: 0px !important; width: 20%; text-align: left; margin-left: -7px !important;} .signin_reg #Register .region_counter { margin-right: 0px !important;} #Register .column_label_2{width:auto !important;} .signin_reg #Register .state_filed { float: left !important; margin-right: 5px;} .signin_reg .city_input { width: 78% !important;} .col3.acol5.left.state_provence { width: 30% !important; margin-left: 0 !important;} #Register input, #WC_AccountForm_div_9 input, #my_account_billing input, #shipAddr input {width: 94%; margin-bottom: 10px; padding: 0 1px;} .or_reg_text { padding: 0 0 0 0px !important; font-size:12px;} .signin_reg #Register .column_label span { display: none;} #logo .contentRecommendationWidget, #logo .contentRecommendationWidget > .left_espot, #logo .contentRecommendationWidget > .left_espot > a, #logo .contentRecommendationWidget > .left_espot > a > img, #logo .genericESpot { height: 100%; max-width: 223px; display: block;} .add_cart_button { padding: 8px 16px 10px !important;} #footerRow1 .about_us.section.col2.acol12 { margin-right: 40px; width: 30% !important;} #footerRow1 .section.col2.acol12.resources { margin-right: 30px; padding-left: 17px; width: 18% !important;} .departmentButton > span { padding: 0 33px;} .show-for-mobile.search_submit { display: none;} .just_added_products .product > .product_image img { max-width: 100% !important; min-height: initial !important; } #footer .number.col6.acol12.left { width: 28%;} .select_locations h3 { color: #0e5d9e; font-family: "Source Sans Pro"; width: 39% !important; font-size: 14px; line-height: 14.8px; text-align: start;} .ElGroup.map.ng-scope > img { width: 133%;} #footerRow1 .section.col3.acol12.footerExploreSection.mak_insider { margin-right: 0; padding: 0; width: 100%;} #footerRow1 .section.col3.acol12.footerExploreSection.mak_insider .header { padding: 0 31px 10px 0 !important;} .banner_reg_section.col4.acol12.left.show-for-desktop { display: none !important;} .right.header_right { width: auto;} .product_listing_container > .grid_mode li { padding-top: 20px; width: 100% !important;} .webname.col3.acol12.left { width: 34%;} .number.col7.acol12.left { width: 40%;} .social_media.acol12.col3.left { margin: 0px 0 0 12px;} .pageControlButton { height: 32px; line-height: 32px;text-align: center; width: 32px; margin: 0;} .page_controls .view_controls > *, .paging_controls > * { height: 32px; line-height: 0 !important;} .paging_controls {height: 32px !important;} .paging_controls > .right_arrow > img { padding-right: 10px; padding-top: 9px !important;} .page_size_label { line-height: 19px; padding-top: 0 !important; width: 26% !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 14px !important;} .sorting_controls .selectWrapper { height: 32px; width: 32px !important;} .productListingWidget > .header_bar > .title { font-size: 16px;} .selectWrapper .dijitSelect { padding: 0 8px !important;} .list_mode .product_info > .product_name > a { padding-bottom: 8px !important;} .departmentButton > span { padding: 0 33px;} #quick_cart_container, #MiniShopCartProductAdded { left: auto !important; right: 10px !important; top: 80px !important;} body {margin: 0 4px !important;} #searchBar { float: left; padding: 2px; position: relative; right: 8px; top: -2px; width: 433px;} .left_set.signin_section { left: -31px; position: relative; top: -2px; text-align: 11px;} #quick_top_links > li { padding: 0 10px;} #departmentsButton { display: none !important;} #searchFilterButton { display: inline-table;} #searchBox > .submitButton { height: 18px;} .show-for-mobile { display: block;} .quicklinks { display: none;} .register_free { margin: 0px 0 10px !important;} .ElGroup.map.ng-scope > h2 { color: #fff !important; float: right;} .register_free.show-for-mobile > p { float: left; font-size: 20px; width: 85%;} .tittle_main > h2 { font-size: 20px;} .col9.acol12.left.set_left_colum.featured_categories_slider { width: 100%;} .number.col5.acol12.left > span { margin-left: 0 !important; text-decoration: none !important;} .footer_bottom .web-text {margin-left: 0;} .email_address{text-decoration: underline;} #footerRow1 > .section > .header {padding: 12px 0 !important; font-size: 16px;} .section.col3.acol12.footerExploreSection.email_subscribe { border: medium none !important;} .banner_tittle .button_sec { float: right; padding: 0 12px 0 0;} .alignright { margin-left: 0 !important; margin-right: 0 !important;} .credit_card_field br { display: none;} .xsnopadding .row > div { float: left; margin-bottom: 15px; margin: 0px; padding: 0;} .set_action_btn{float:left;} .year_set { width: 100%;} .set_alignright { margin-left: 0px !important;} #quick_top_links { display: block; margin-top: -13px;} .banner_tittle {padding: 5px 0;} .banner_tittle .tittle_text { padding: 0 0 0 8px;} .my_account .column_label { float: left; text-align: left; width: auto;} .product_info > .product_name > h3 { font-size: 16px;} .tittle_main.trusted_source_head { display: none;} .banner_tittle { margin: 0; padding: 9px 0 11px; position: absolute; right: 0; width: 100%;} .banner_tittle .tittle_text { font-size: 24px;} .banner_tittle .button_sec { float: right;} #headerRow1 { height: 53px; padding: 8px 0 0;} .search_section { clear: both; float: right; margin: 0; padding: 0;} #searchBox > .submitButton::before { content: url("../images/responsive/rwdUI.png") !important; display: block; left: -139px !important; position: absolute; top: -15px;} #searchBox > .submitButton { border-width: 5px 20px 7px;} #quick_cart_container, #MiniShopCartProductAdded { top: 77px !important;} .basicButton > span { height: 24px;padding: 0px 15px 2px; } .show-for-desktop { display: none;} .left_set.search_section { left: 2px; top: -4px; position: relative;} .left_set.signin_section { left: 8px; position: relative; top: -4px;} .left_set.shopping_cart { left: 10px; margin: -4px 1px 0 -7px; position: relative;} search_section { margin: 0px 0 0;} #searchButton { height: 40px; margin: 2px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4d4d4+0,f0f0f0+100 */ background: rgb(212,212,212); /* Old browsers */ background: -moz-linear-gradient(top, rgba(212,212,212,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */} .signin_section .panelLinkSelected { height: 40px; padding:2px 0 0; width: 50px;} .sigin_reg_icon {padding: 19px 16px 23px 14px !important;} #header { padding: 14px 10px 0;} #quick_cart_container, #MiniShopCartProductAdded { right: 21px !important; top: 75px !important;} .product_listing_container .list_mode .product > .product_image { } .sigin_reg_icon { background: rgba(0, 0, 0, 0) url("../images/responsive/rwdUI.png") repeat scroll 296px -109px; left: 8px; padding: 13px 16px 23px 14px; position: absolute; top: -9px;} #departmentsButton { display: block; margin: 5px 4px 2px 4px; max-width: 100%;} .basicButton { width: 97%;} .main_slider ul li img { min-height: auto; width: 232%;} .banner_tittle { margin: 0; padding: 9px 0 11px; position: absolute; right: 0; width: 100%;} .banner_tittle .button_sec .greencButton { float: right; font-size: 16px; margin: 0; padding: 8px 10px 9px; text-align: center; width: 100%;} .featured_categories_slider .carousel > .content > ul > li .catPos { background: #ffffff none repeat scroll 0 0; margin: 0 auto; overflow: hidden; position: relative; width: 90%;} .left_espot.centered > a, .left_espot.centered > img { display: inline-block; max-width: 120%; position: relative; top: -4px !important; vertical-align: top;} .banner_tittle .tittle_text { font-size: 16px; font-weight: normal; line-height: 1em; margin-left: 3px; } .banner_tittle .button_sec { float: right; } .featured_categories_slider .carousel > .content > ul > li { margin: 0px;} .featured_categories_slider .catPos > .product_image > a > img { margin: 0 -4px; width: 225px; height: 227px; position: relative;} .carousel.padding-true > .content { margin: 0 6px;} .just_added_products .carousel > .content > ul > li { height: 100%!important;} #departmentsButton > span { text-align: center;} .map_main div img { left: 0 !important; position: relative; top: 2px; width: 100%;} #footer {margin: 0 0px;} #footerRow1 > .section { border-bottom: medium none; display: inline-block; margin: 0 30px 29px !important; padding: 10px 0 0 10px; vertical-align: top;} .more_info_icon { position: relative !important; } #footerRow1 .about_us.section.col2.acol12 { margin-right: 31px; width: 232px;} #footerRow1 .section.col2.acol12.resources { margin-right: 62px; width: 164px;} #footerRow1 .section.col2.acol12.legal { float: right; margin-right: 65px !important; width: 139px !important;} .button_secondary.button_left_padding.back_btn { margin: 0 0 0px; text-align: center; float: left;} .email_subscribe { margin: 0 !important; padding: 0 !important; width: 40% !important;} #footerRow1 .section.col2.acol12.resources { margin-right: 62px; padding-left: 5px; width: 136px;} .email_subscribe p { font-size: 14px; padding: 1px 0 19px !important;} .subscribe .blue_button { font-size: 16px !important; padding: 9px 0 !important; text-align: center;} #footerRow1 .section.col3.acol12.footerExploreSection.mak_insider { margin-right: 69px; width: 252px !important;} #footerRow1 .section.col3.acol12.footerExploreSection.email_subscribe.subscribe_newslater .header { padding-top: 0 !important;} #footerRow1 > .section { margin-right: 0 !important; border-bottom: none; display: inline-block; padding: 10px 0 0 10px; vertical-align: top;} #footerRow1 > .section > .header > .toggle::before { content: url("../images/responsive/rwdUI.png"); display: block; left: -161px; position: absolute; top: -1px;} #footerRow1 > .section > .header > .toggle {display: none;} .subscribe .blue_button { float: none !important; left: 0; text-align: center; width: 100%; } .subscribe .input_set { padding: 0 16px; width: 87%;} .email_subscribe p { font-size: 12px; text-align: left;} #footerRow1 > .section > .header { text-align: left;} .collection_wholesale_sec ul li p { font-size: 12px !important;} .tittle_main > h2 { font-size: 20px;} .register_free { display: none; margin: 0px 0 10px !important;} .social_media.acol12.col2.left {margin: 10px 0;} .set_center {margin: auto; width: 145px;} .collection_wholesale_main { display: block;} .media_section .trusted_source_head{display: none;} .map_vedio_section .map_section { margin-right: 0px;} .register_sec_footer { text-align: center;} .sign_in_registration {margin: 4px auto;} #footerFollowUsSection > ul { list-style: outside none none;} .label_set { padding-left: 0px !important; } .label_set2 { padding-left: 0px !important; } .label_set3 { margin: 0; padding: 0 0 0 0px !important; text-align: left; } .col2.left.large-3.medium-4.small-6.columns { } .col3.left.large-3.medium-4.small-6.columns { width: 100%;} .col4.left.large-3.medium-4.small-6.columns { } .margin_btm { margin-bottom: 5px !important;} .reg_tab_set { float: left !important; min-width: auto !important; width: 50%;} #Register .form_2column .column { padding-bottom: 0 !important;} .reg_blue_gray_head {font-size: 12px !important;} .reg_user_two .button_primary { color: #4d4d4d !important; width: auto !important; margin-left: 12px;} .button_footer_line { text-align: center;} .button_footer_line .button_primary { color: #4d4d4d !important; width: 100%;} .button_footer_line .button_primary > .button_text {display:block; } .thankyou_section > h3 { color: #4d4d4d !important; font-size: 18px !important; font-weight: bold; margin: 10px 0;} .thankyou_section h2 { color: #00af41 ; font-size: 22px !important;} .Bottom_box_reg > .p { font-size: 12px !important;} .Bottom_box_reg > p { font-size: 12px !important;} .text-family { font-size: 14px !important;} .preferences-list li { float: left; font-size: 12px; margin: 11px 0 0; max-width: 100%; max-width: 100% !important; width: 100% !important;} .preferences-list2 li { float: left; font-size: 12px; margin: 10px 0 0; max-width: 50%; max-width: 100% !important; width: 50% !important; } .left.text-family.label-text.inline { padding: 3px 12px 9px 0;} .footer_thank_you_selet { margin: 12px 0 !important; width: 100%; } .bottom_btn_thankyou { clear: both; text-align: center; width: 100%;} .bottom_btn_thankyou .button_text { border: medium none !important; display: inline-table !important; font-size: 12px;} .back_btn .button_text { border: medium none !important; display: inline-block !important; text-align: center !important;} .button_secondary.button_left_padding.back_btn { margin: 0 0 0px; text-align: center;} .register_sec_footer .greencButton2 { display: block; } .register_sec_footer .button_primary { display: block; max-width: 100%; text-align: center;} .register_sec_footer .button_primary .button_text { display: block;} #Header_GlobalLogin_signOutQuickLinkUser { display: none; margin-right: 4px;} .userProfileIcon { margin-right: 18px !important; vertical-align: middle;} .carousel > .content > ul > li { min-height: auto;} /*product_list.cs Mobile*/ /*product_list view */ .productListingWidget > .header_bar > .title { display: block;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 12px; } .sorting_view_controls_container .view_controls .grid_icon, .list_icon { display: none; } .product_listing_container > .grid_mode li { padding-top: 20px; width: 100% !important;} .view_button { font-size: 12px;} .product_location { margin-bottom: 5px;} .product_listing_container .product { padding: 0;} .product_listing_container > .grid_mode li { padding-top: 2px; width: 100% !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label {font-size: 12px;} .product_listing_container .list_mode .product > .product_info .product_description { font-size: 14px; line-height: 16px; margin-bottom: 2px; margin-top: 0; padding-right: 0; } /*product_list view VIEW-BUTTON */ .product_listing_container .list_mode .view_button { font-size: 20px; padding: 8px 15px;} .product_listing_container .list_mode .add_cart_button {font-size: 20px; padding: 8px 62px;} .product_listing_container .list_mode .or {height: 14px;} .productlist_heading_section h1 { line-height: 40px; top: 175px;} .sorting_view_controls_container .view_controls .grid_icon, .list_icon { display: none !important;} .sorting_controls > span, .sorting_controls > span > label, .view_controls > span, .sorting_controls > span > label { font-size: 12px !important;} /*product_list view ----------------- VIEW-BUTTON ----------------- */ /*product_list view end */ .search-by_location { margin-right: 42px !important; margin-top: 30px;} .phoenix_txs_balone { left: 118px; top: 42px;} .reno_nv_balone {left: 86px; top: 28px;} .phoenix_tx { left: 136px;top: 102px;} .reno_nv {left: 103px; top: 77px;} .indiana_in {left: 212px; top: 72px;} .indiana_in_tha_balone { left: 189px; top: 33px;} .toronto_CA {left: 235px; top: 53px;} .toronto_CA_balone {left: 223px; top: 12px;} .west_chester_oh {left: 215px;top: 105px;} .grove_city_pa {left: 228px; top: 62px;} .indiana_in_balone { left: 203px; top: 43px;} .grove_city_pa_balone { left: 189px; top: 72px;} .grove_city_pa {left: 221px; top: 64px;} .columbus_OH { left: 203px;top: 44px;} .columbus_OH_balone {left: 193px;top: 8px;} .west_chester_oh_balone {left: 208px; top: 9px;} .phoenix_tx_balone { left: 118px; top: 73px;} .mcDonough_ga_balone {left: 187px;top: 84px;} .mcDonough_ga { left: 207px;top: 124px;} .mcdonough_ga_da { left: 207px;top: 139px;} #footerRow1 > .section > .header { text-align: left; } #footerRow1 > .section { margin: auto; text-align: left; width: 17%;} .email_subscribe p { font-size: 14px; padding: 0;} .banner_tittle .tittle_text { font-size: 24px;} #widget_minishopcart:before { clip: rect(37px, 40px, 62px, 2px);} .col3.acol5.left.state_provence { width: 24%;} } @media only screen and (min-device-width: 960px) and (max-device-width: 989px) and (orientation : landscape) { #Register .inputField { width: 94%;} .col3.acol5.left.state_provence { width: 30% !important;} .or_reg_text { padding: 0 0 0 5px !important;} .more_info_icon { position: relative !important;} .product_img_sec_main { width: 34%;} .product_img_sec { margin-bottom: 27px !important; width: 66%;} .product_detail_sec {float: right !important;} .table_section { margin-left: 0px !important; width: 68% !important;} .shipping_calculator_section { width: 27%;} body {background: #FFFFFF;} .tittle_main > h2 { margin: 0 0px 20px !important; width: auto;} } @media screen and (min-width:737px) and (max-width:959px) { .shipping_calculator_section {width: 33%;} .product_minifest_contant .table_section {width: 63%;} } .zip_code { margin-top: 0px; } .pnone_no_set { margin-top: 0px; } @media only screen and (min-device-width: 1024px) and (max-device-width: 1150px) and (orientation : landscape) { .banner_reg_section.col4.acol12.left { display: none !important;} #headerRow2 { margin: auto 0px;} #header { margin: auto 0px;} #content { overflow: hidden; margin: 0 0px; } body {background: #FFFFFF;} .footer_bottom .number { color: #ffffff; float: left; font-size: 14px; margin: 7px 0 0; text-align: left; text-decoration: underline; width: 40%; } .main_sign_reg { width: 100% !important;} .social_media.acol12.col3.left { margin: 0px 0 0 12px; width: 16%; } .move-bottom-how-do-you-buy .label_set3 { margin: 0; padding: 0 0 0 158px !important; text-align: left;} div#contentRecommendationWidget_About_Us_Section_Content { background: #ffffff none repeat scroll 0 0; margin: 0 !important;} .signin_reg #Register .country_label_set { margin: 0px 0 0 6px !important; padding-right: 23px !important;} .col3.acol5.left.state_provence { width: 24%;} #usr_WC_OrganizationRegistrationAddForm_AddressEntryForm_FormInput_usr_state_1_menu { margin-left: -12px !important;} #pay_expire_month_dropdown.dijitMenuPopup > .dijitSelectMenu, #pay_expire_year_dropdown.dijitMenuPopup > .dijitSelectMenu, #payMethodId_dropdown.dijitMenuPopup > .dijitSelectMenu, #addressId_dropdown.dijitMenuPopup > .dijitSelectMenu, .wcSelectMenu { margin-left: -12px !important;} #footerRow1 .about_us.section.col2.acol12 { margin-right: 0px !important; width: 170px !important;} #footerRow1 .section.col2.acol12.resources { margin-right: 0px !important; width: 115px !important;} .sorting_controls .selectWrapperPageSize { margin-right: 14px !important;} #footerRow1 .section.col2.acol12.legal { margin-right: 0px !important; width: 99px !important;} #footerRow1 .section.col3.acol12.footerExploreSection.mak_insider { margin-right: 0px !important; width: 244px !important;} #footerRow1 .section.col3.acol12.footerExploreSection.email_subscribe.subscribe_newslater { width: 266px !important;} #footerRow1 > .section { float: left; margin: 0 0 0 17px !important; width: 11%;} .subscribe .blue_button { padding: 11px 42px 7px !important;} .departmentButton > span { padding: 0px 32px;} .select_locations h3 { color: #0e5d9e; font-family: "Source Sans Pro"; font-size: 18px !important; line-height: 26.8px !important; padding-left: 8px; text-align: start;} .banner_reg_section.col4.acol12.left { display: none !IMPORTANT; text-align: right;} } /*Custom media Query For Genco TAB END*/ /*Custom media Query For Genco Other Devices START*/ @media only screen and (min-width: 1366px) and (max-width: 5060px){ .widget_product_image_viewer .image_container > img { max-height: 400px; max-width: 300px; width: 300px; } .product_img_sec_main { width: 23%; } } @media only screen and (min-width: 1440px) and (max-width: 1940px){ .departmentButton > span {padding: 0px 39px;} } @media only screen and (min-width: 1941px) and (max-width: 5060px){ .departmentButton > span {padding: 0px 41px;} } @media only screen and (min-width: 1150px) and (max-width: 1290px){ .select_locations h3 { font-size: 18px; line-height: 12.8px;} .footer_bottom .web-text { margin: 7px 0 0 6px;} .search-by_location { margin-top: 48px;} body { margin: 0 4px !important; } .col3.acol12.left.set_text_state { margin-left: 12px; width: 27%;} .column_label_set_3 { } } /*Coustom Other Devices START*/ /* Custom media Query For Genco End*/ /*17-12 kam*/ @media (min-width:460px) { .shop_cart .col8{width:70%} .brd-box { border:1px solid #ccc; padding: 5px; text-align: right;} #checkout_crumb>.crumb.steps { margin: 0px; padding: 0px;} .crumb.steps>a { border: 1px solid #3498db;} .crumb.steps>span { border: 1px solid #c2c2c2;} .crumb.steps>a, .crumb.steps>span { width: 33.3333%; padding: 5px 15px; text-align: center; float: left;} #breadcrumb{border-bottom:1px dotted #c2c2c2; margin-bottom: 20px; height: 60px;} #orderItemDisplay { color: #59677D; font-size: 14px; font-weight: normal; padding: 15px 7px 0px 1px;} #breadcrumb .on{color:#0063a0} .headingbottomline{border-bottom: 4px solid #b8b8b8; display: inline-block;} #breadcrumb .headingtext { float: left; padding-top: 11px;} .remove{ text-align:right; margin-top: 7px; color:#000;} .remove a{color:#000;} .brd-box .price{color: rgb(0, 178, 89); font-size:18px; font-weight: bold;} .blueheading{color: rgb(14, 93, 158);} .blueheading a{color: #3498db;} .timer-time{color: #d6010e; font-weight:bold; margin-bottom: 8px;} h3{margin-top: 2px; margin-bottom: 2px;} .brd-box hr{margin-top: 10px; margin-bottom: 10px;} .fees{line-height: 24px;} .discount{line-height: 24px; color: rgb(197, 62, 62);} .order-details h3{color: rgb(14, 93, 158)!important;} #total_breakdown #promotions { float:left; /* Dev: to maintain the tab order */ padding-right:0px; padding-top:0px;} #total_breakdown .promotion_input input { height: 35px; font-family: 'Source Sans Pro', sans-serif; color: #4D4D4D; width: 100%;} .estimated-totals{font-weight:bold; font-size: 24px;} .my_order_color_one { background: #EBEBEB none repeat scroll 0 0; border-bottom: 1px dotted #cccccc;} .my_order_color_two { background: #F9F9F9 none repeat scroll 0 0; border-bottom: 1px dotted #cccccc;} } /*17-12 kam*/