a {outline: none;} :focus {-moz-outline-style: none;} body {margin: 0px;} div.clearAll {clear:both;height:0;} #mainFrame {position: relative;width: 100%;box-sizing: border-box;} header {position: relative;width: 100%;box-sizing: border-box;} header .topLine {background-color:#000;box-sizing: border-box;width:100%;display:flex;justify-content: space-between;align-items: center;padding: 3px 0 0 15px;} header .topLine div.storeLinks {display: flex;justify-content: flex-start;align-items: flex-end;border: none;} header .topLine div.storeLinks img {display: block;max-height: 40px;width: auto;margin: 0 1px 0 0;} header .topLine div.storeLinks a {display: block;border-left: solid 1px #fff;border-top: solid 1px #fff;border-right: solid 1px #fff;padding: 3px 10px;} header .topLine div.storeLinks a img {margin: 0;max-height: 33px;} header #messageLine {flex-grow:1;background-color:#000;text-align:center;font: normal 15px arial;color:#fff;padding: 0 50px 0 5px;box-sizing: border-box;width:100%;position:relative;} header #messageLine img.close {position:absolute;top:0;right:25px;cursor:pointer;} header #midLine {background-color:white;box-sizing: border-box;width:100%;display:table;} header #logoFrame {display:table-cell;width:325px;text-align:center;vertical-align:middle;} header #logolink {display:block;padding:0 5px 10px;} header #logolink img {display:block;max-width:100%;width:auto;max-height:100%;height:auto;margin: 0px auto;} header #searchFrame {display:table-cell;box-sizing: border-box;text-align:center;vertical-align:middle;} header #searchform {display:block;margin: 0px auto;height: 35px;box-sizing: border-box;position:relative;max-width:700px;width:100%;} header #searchform #searchinp {border: solid 2px #b1b1b1;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;height: 35px;box-sizing: border-box;padding: 0px 52px 0px 10px;font: normal 16px/31px arial;color:#7c7c7c;background-color:transparent;width: 100%;} header #searchform #searchGo {position:absolute;top:0px;right:0px;} header #midlinks {display:table-cell;width:325px;text-align:center;vertical-align:middle;font: bold 16px arial;color:#000;width: 480px;height:80px;white-space: nowrap; text-align: right;} header #midlinks #midAccount {display:inline-block;box-sizing: border-box;width:33.33%;text-align:center;padding: 0px 20px;} header #midlinks #midPhone {display:inline-block;box-sizing: border-box;width:33.33%;text-align:center;padding: 0px 20px;} header #midlinks #floatingCart {display:inline-block;box-sizing: border-box;width:33.33%;text-align:center;padding: 0px 20px;} header #midlinks a {font: bold 15px arial !important;color:#000;text-decoration:none;white-space:nowrap;} header #midlinks a:hover {color: #9b8018;} header #midlinks small {color: #9b8018;font: normal 13px arial;} header #midlinks img {display:inline-block !important;max-width:100%;max-height:14px;width:auto;height:auto;} header #bottomLine {height:46px;background: #f2f2f2 url("../png/aw-header-bottomline-back.png") 0px 0px repeat-x;box-sizing: border-box;width:100%;border-bottom:solid 2px #d7d7d7;clear:both;display:block;position:relative;} header #topMenu {display:block;float:left;font: bold 15px arial;color:#000;} header #topMenu a {display:inline-block;font: bold 15px/41px arial;color:#000;text-decoration:none;padding: 0px 25px;} header #topMenu a:hover {color: #9b8018 !important;} header #toplinks {display:block;float:right;font: normal 14px arial;color:#000;padding:0px;box-sizing: border-box;} #liveChat {display:inline-block;padding: 0px 25px;font: normal 14px/46px arial;color:#000;} header #toplinks a {display:inline-block;font: normal 14px/46px arial;color:#000;text-decoration:none;padding: 0px 25px;} header #toplinks a:hover {color: #9b8018 !important;} header #toplinks a.quoteButton {font: normal 14px/46px arial;color:#fff;background-color: #2e6e6d;} header #toplinks a.quoteButton:hover {color:#fff !important;} #ytMegaMenu {display:none;position:absolute;width: 1000px;max-width:100%;top: 40px;} .ytTopMenus {position:absolute;top: -40px;} .ytTopMenus .ytA {display:inline-block;background-color: transparent;} .ytTopMenus .ytA a {display:inline-block;font: bold 16px/38px arial;color:#000;text-decoration:none;padding: 0px 30px;} .ytTopMenus .ytA.selected {color: #961d20;} .ytTopMenus .ytA:hover a, .ytTopMenus .ytA.selected a {color:#961d20 !important;} div#ytMegaMenu div.ytSubMenus {display:none;position:absolute;top: 0px;left:0;width: 1000px;border-bottom: solid 2px #d2d2d2;background-color: white;z-index:1003;box-sizing: border-box;} div#ytMegaMenu div.ytSubMenus div.ytB {display:none;box-sizing:border-box;padding:10px;width: 100%;} div#ytMegaMenu div.ytSubMenus div.ytB div.subMenuLinks {float: left;width: 100%;} div#ytMegaMenu div.ytSubMenus div.ytB div.subMenuLinks.withImage {float:left;} div#ytMegaMenu div.ytSubMenus div.ytB div.subMenuLinks div.subMenuLinksCol {display: block;box-sizing: border-box;float:left;padding: 0 20px 0 0;} div#ytMegaMenu div.ytSubMenus div.ytB div.subMenuLinks div.subMenuLinksCol a {display: block;font: normal 13px verdana;color: #606060;padding: 4px 0;} div#ytMegaMenu div.ytSubMenus div.ytB div.subMenuLinks div.subMenuLinksCol div.menuLinksLabel {display: block;border-bottom: solid 1px #e1e1e1;padding: 12px 0 6px;margin-bottom: 8px;font: bold 14px arial;color: #000;text-decoration: none;} div#ytMegaMenu div.ytSubMenus div.ytB div.subMenuLinks div.subMenuLinksCol div.menuLinksLabel a {font: bold 14px verdana;color: #000;text-decoration: none;padding: 0;} div#ytMegaMenu div.ytSubMenus div.ytB div.subMenuLinks div.subMenuLinksCol div.menuLinksLabel a:hover {text-decoration: underline;} div#ytMegaMenu div.ytSubMenus div.ytB div.subMenuLinks div.subMenuLinksCol a[title="Edit this page"] {display: none;} div#ytMegaMenu div.ytSubMenus div.ytB img.menuSideImage {float: right;display: block;margin-bottom: 10px;box-sizing:border-box;max-width:260px;} div#ytMegaMenu div.ytSubMenus div.ytB img.menuMoreImage {float: left;clear: left;display:block;margin: 10px 0;} div#ytMegaMenu div.ytSubMenus div.ytB img.menuBottomImage {clear:both;max-width: 100%;display:block;margin-top: 10px;} footer {box-sizing: border-box;width:100%;max-width:1295px;margin: 0px auto;} footer #footerBoxes {} footer .footerBox {display:block;float:left;box-sizing: border-box;width: 28%;margin: 15px 2.66%;padding: 15px;font: normal 12px arial;color:#afafaf;background-color: #f2f2f2;} footer .footerBox label {display: block;font: normal 20px arial;color: #4e4e4d;padding-bottom: 10px;} footer .footerBox a {color: #a39367 !important;} footer #footerLinks {box-sizing: border-box;width: 100%;padding: 0px;border-top: solid 1px #c1c1c0;border-bottom: solid 1px #c1c1c0;} footer #footerLinks a {display:inline-block;font: bold 13px arial;color: #000;padding: 20px 40px 20px 0px;text-decoration: none;} footer #footerLinks a:hover {color: #961d20;} footer #footerLinks a:last-child {padding: 0px !important;} footer #footerLinks a span {font: bold 24px arial;} footer #footerLinks #footerSocials {display:inline-block;float:right;border-left: solid 1px #c1c1c0;box-sizing: border-box;padding: 10px 15px;} footer #footerLinks #footerSocials label {display: block;font: bold 12px arial;color: #746f6c;padding-bottom: 5px;} footer #footerLinks #footerSocials a {display:inline-block;margin: 0px 5px;padding: 0px} footer #footerLinks #footerSocials a img {} footer #footerMenu {} footer #footerMenu label {display: block;font: bold 14px arial;color: #4e4e4d;padding-bottom: 10px;} footer #footerMenu .footerDepartments {display:block;float:left;border-right: solid 1px #c1c1c0;box-sizing: border-box;padding: 15px 25px;width:224px;} footer #footerMenu .footerDepartments a {display: block;font: normal 12px arial;color: #4e4e4d;padding: 3px 0px;text-decoration:none;} footer #footerMenu .footerDepartments a:hover {color: #961d20;} footer #footerMenu .footerPopular {display:block;float:left;box-sizing: border-box;padding: 15px 25px;} footer #footerMenu .footerPopular ul {list-style-type:none;margin:0px;padding:0px;} footer #footerMenu .footerPopular li {float:left;display: block;padding: 0px 50px 0px 0px;width:25%;box-sizing: border-box;margin:0px;} footer #footerMenu .footerPopular a {display: block;font: normal 12px arial;color: #4e4e4d;padding: 3px 0px;text-decoration:none;} footer #footerMenu .footerPopular a:hover {color: #961d20;} footer .newsletterFormFrame {display:block;float:right;border-left: solid 1px #c1c1c0;box-sizing: border-box;padding: 10px 15px;max-width:224px;} footer .newsletterFormFrame > label {isplay: block;font: bold 14px arial;color: #4e4e4d;padding-bottom: 10px;} footer .newsletterFormFrame > p {display: block;font: normal 13px arial;color: #4e4e4d;margin: 0px 0px 10px;} footer .newsletterFormFrame div.klaviyo-form-SShY5m {} footer .newsletterFormFrame div.klaviyo-form-SShY5m > div.needsclick {} footer .newsletterFormFrame div.klaviyo-form-SShY5m form.klaviyo-form {padding: 0 !important;} footer .newsletterFormFrame div.klaviyo-form-SShY5m form.klaviyo-form div.kl-private-reset-css-Xuajs1 {display:block !important;padding: 0 !important;} footer .newsletterFormFrame div.klaviyo-form-SShY5m form.klaviyo-form input#email_116414393 {margin: 0 0 5px !important;} footer .newsletterFormFrame div.klaviyo-form-SShY5m form.klaviyo-form input[type="email"] {margin: 0 0 5px !important;} footer .newsletterFormFrame div.klaviyo-form-SShY5m form.klaviyo-form button[type="button"] {margin: auto !important;width: 100% !important;} /* #newsletterForm {display:block;float:right;border-left: solid 1px #c1c1c0;box-sizing: border-box;padding: 10px 15px;max-width:224px;} #newsletterForm label {display: block;font: bold 14px arial;color: #4e4e4d;padding-bottom: 10px;} #newsletterForm p {display: block;font: normal 13px arial;color: #4e4e4d;margin: 0px 0px 10px;} #newsletterForm #newsInp {width: 158px;box-sizing: border-box;padding:6px 4px;border: solid 1px #bbbbbb;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;font: normal 14px arial;color:#999;margin-bottom: 10px;box-shadow: 0px 3px 3px #ccc inset;-webkit-box-shadow: 0px 3px 3px #ccc inset;} #newsletterForm #newsGo {} */ footer #copyrightLine {background-color:white;text-align:center;font: normal 12px/24px arial;color:#a3a3a3;padding: 5px;box-sizing: border-box;width:100%;} footer #copyrightLine img {margin: 0px 10px;} span.grey {color: #a3a3a3;} #floatingLeftNav {display:none !important;position:absolute;left:0px;top:127px;width:250px;background-color:transparent;padding: 10px;box-sizing: border-box;} #floatNavLinks {background-color:#f4f4f4;margin-top: 10px;padding: 10px;} #floatNavLinks a {display:block;font: bold 14px arial;color: #000;padding: 2px 0px;text-decoration:none;} #floatNavLinks a:hover {color: #961d20;} #floatNavLinks hr {border: solid 1px #e3dedb;margin: 5px -10px;} #pageBody {position:relative;} #pageBodyInner {box-sizing: border-box;float:right;width:100%;} #pageBodyInner.withFilter {width: auto;} #itemLayoutPage {box-sizing: border-box;width:100%;} #homeRotatorFrame {margin: 3px 0px;box-sizing: border-box;} #homeRotator {display:block;width: 100%;box-sizing: border-box;padding: 4px 0px;} #homeSlider {display:block;width: 100%;box-sizing: border-box;} #homeSlider button.slick-prev {position:absolute;top: 50%;left: 15px;width: 32px;height:35px;margin-top:-17px;background: url(../png/slider-2016-prev.png) 0 0 no-repeat;cursor:pointer;border: 0 none;text-indent: -1000px;overflow:hidden;} #homeSlider button.slick-next {position:absolute;top: 50%;right: 15px;width: 32px;height:35px;margin-top:-17px;background: url(../png/slider-2016-next.png) 0 0 no-repeat;cursor:pointer;border: 0 none;text-indent: -1000px;overflow:hidden;} #homeRotator .slick-slide {padding: 0px 2px;max-width:100%;} #homeRotator .slick-slide img {display:block;max-width:100%;height:auto;margin: 0px auto;} #homeRotatorFrame2 {margin: 3px 0px;box-sizing: border-box;} #homeRotator2 {display:block;width: 100%;box-sizing: border-box;padding: 4px 0px;} #homeSlider2 {display:block;width: 100%;box-sizing: border-box;} #homeSlider2 button.slick-prev {position:absolute;top: 50%;left: 15px;width: 32px;height:35px;margin-top:-17px;background: url(../png/slider-2016-prev.png) 0 0 no-repeat;cursor:pointer;border: 0 none;text-indent: -1000px;overflow:hidden;} #homeSlider2 button.slick-next {position:absolute;top: 50%;right: 15px;width: 32px;height:35px;margin-top:-17px;background: url(../png/slider-2016-next.png) 0 0 no-repeat;cursor:pointer;border: 0 none;text-indent: -1000px;overflow:hidden;} #homeRotator2 .slick-slide {padding: 0px 2px;max-width:100%;} #homeRotator2 .slick-slide img {display:block;max-width:100%;height:auto;margin: 0px auto;} #homeLinkBoxesFrame {display:block;width: 100%;box-sizing: border-box;} #homeLinkBoxes {display:block;width: 100%;box-sizing: border-box;} #homeLinkBoxes .homeLinkBox {display:block;float:left;width: 25%;box-sizing: border-box;padding:0px 2px;text-align:center;} #homeLinkBoxes .homeLinkBox img {display:block;max-width:100%;height:auto;margin: 0px auto;} #homeCategories {clear:both;margin-top: 20px;border-top: solid 2px #d7d7d7;} #homeCategories label {display:block;font: bold 16px arial;color:#000;padding: 5px 10px 20px;} #homeCategories #homeContents {} #homeCategories #homeContents .contentsElement {display:block;float:left;width: 16.66%;box-sizing: border-box;border-bottom: solid 2px #d7d7d7;} #homeCategories #homeContents .contentsElement .name {width: 100%;box-sizing: border-box;padding: 10px 15px 0px;font: bold 16px arial;color: #9f8621;} #homeCategories #homeContents .contentsElement .name a {font: bold 16px arial;color: #9f8621;text-decoration:none;} #homeCategories #homeContents .contentsElement .image {width: 100%;box-sizing: border-box;padding: 10px 15px 0px;border-right: solid 1px #d7d7d7;} #homeCategories #homeContents .contentsElement .image img {display:block;max-width:100%;height:auto;margin: 0px auto;} #homeCategories #homeContents .contentsElement .abstract {width: 100%;box-sizing: border-box;padding: 10px 15px 0px;font: normal 12px arial;color: #000;} #homeCategories #homeContents .contentsElement .link {width: 100%;box-sizing: border-box;padding: 10px 15px;font: bold 16px arial;color: #961d20;} #homeCategories #homeContents .contentsElement .link a {font: bold 16px arial;color: #961d20;text-decoration:none;} #homeSpecialsFrame {clear:both;border: solid 1px #d7d7d7;box-sizing: border-box;margin:20px;padding: 15px;-webkit-border-radius:9px;-moz-border-radius:9px;-o-border-radius:9px;border-radius:9px;} #homeSpecialsFrame label {display:block;font: bold 15px arial;color: #000;} #scrollingSpecials {margin: 5px 50px;} #scrollingSpecials button.slick-prev {position:absolute;top: 50%;left: -55px;width: 34px;height:37px;margin-top:-18px;background: url(../png/slider-prev-small.png) 0 0 no-repeat;cursor:pointer;border: 0 none;text-indent: -1000px;overflow:hidden;} #scrollingSpecials button.slick-next {position:absolute;top: 50%;right: -55px;width: 34px;height:37px;margin-top:-18px;background: url(../png/slider-next-small.png) 0 0 no-repeat;cursor:pointer;border: 0 none;text-indent: -1000px;overflow:hidden;} #scrollingSpecials ul.slick-dots {position:absolute;top: -30px;right:-20px;list-style-type:none;text-align:right;} #scrollingSpecials ul.slick-dots li {display:inline-block;padding: 0px 3px;} #scrollingSpecials ul.slick-dots li button {padding:3px;text-indent:-1000px;border: solid 1px #666;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;height:8px;width:8px;overflow:hidden;} #scrollingSpecials ul.slick-dots li.slick-active button {background-color:#333;} #scrollingSpecials ul.slick-dots li:hover button {background-color:#333;} #scrollingSpecials .contentsElement {box-sizing: border-box;margin:0px 10px;} #scrollingSpecials .contentsElement .image {box-sizing: border-box;width: 100%;} #scrollingSpecials .contentsElement .image img {display:block;max-width:100%;height:auto;margin: 0px auto;} #scrollingSpecials .contentsElement .name {border-left: solid 1px #e5e4e9;padding:2px;box-sizing: border-box;font: bold 12px arial;color: #000;} #scrollingSpecials .contentsElement .name a {box-sizing: border-box;width: 100%;font: bold 12px arial;color: #000;text-decoration:none;} #scrollingSpecials .contentsElement .name a:hover {color: #961d20;} #scrollingSpecials .contentsElement .abstract {border-left: solid 1px #e5e4e9;padding:2px;box-sizing: border-box;font: bold 12px arial;color: #c7c7c7;} #scrollingSpecials .contentsElement .code {border-left: solid 1px #e5e4e9;padding:2px;box-sizing: border-box;font: bold 12px arial;color: #c7c7c7;} #scrollingSpecials .contentsElement .price {border-left: solid 1px #e5e4e9;padding:2px;box-sizing: border-box;font: bold 12px arial;color: #000;} #scrollingSpecials .contentsElement .price span {color: #961d20;} #scrollingSpecials .contentsElement .rating {box-sizing: border-box;width: 100%;} #scrollingSpecials .contentsElement .rating img {display:block;max-width:60px;height:auto;margin: 0px auto;} #breadcrumbs {box-sizing: border-box;width: 100%;font: bold 11px arial;color: #2e6e6c;text-decoration:none;padding: 10px;border-bottom: solid 1px #dcdcdc;} #breadcrumbs a {box-sizing: border-box;width: 100%;font: normal 12px arial;color: #898989;text-decoration:none;} #breadcrumbs a:hover {text-decoration:underline;} #mainCategoryPage {} #pageHeader {border-top: solid 1px #dcdcdc;border-bottom: solid 1px #dcdcdc;box-sizing: border-box;padding:10px;} #pageHeader h1 {font: bold 20px arial;color: #000;} #pageHeader #caption {font: normal 12px arial;color: #000;padding: 10px 0px} #mainCategoryContents {} #sectionContents {box-sizing: border-box;width: 100%;} #sectionContents .contentsElement {box-sizing: border-box;padding:30px 10px;width: 33.33%;float:left;display:block;border-bottom: solid 1px #dcdcdc;} #sectionContents .contentsElement .image {box-sizing: border-box;width: 100%;} #sectionContents .contentsElement .image img {display:block;max-width:100%;height:auto;margin: 0px auto;} #sectionContents .contentsElement .name {border-left: solid 1px #e5e4e9;padding:3px 3px 3px 5px;;box-sizing: border-box;font: bold 12px arial;color: #000;} #sectionContents .contentsElement .name a {box-sizing: border-box;width: 100%;font: bold 12px arial;color: #000;text-decoration:none;} #sectionContents .contentsElement .name a:hover {color: #961d20;} #sectionContents .contentsElement .abstract {border-left: solid 1px #e5e4e9;padding:3px 3px 3px 5px;box-sizing: border-box;font: bold 12px arial;color: #606060;} #sectionContents .contentsElement .code {border-left: solid 1px #e5e4e9;padding:3px 3px 3px 5px;box-sizing: border-box;font: bold 12px arial;color: #606060;} #sectionContents .contentsElement .price {border-left: solid 1px #e5e4e9;padding:3px 3px 3px 5px;box-sizing: border-box;font: bold 12px arial;color: #000;} #sectionContents .contentsElement .price span {color: #961d20;} #sectionContents .contentsElement .rating {box-sizing: border-box;width: 100%;} #sectionContents .contentsElement .rating img {display:block;max-width:60px;height:auto;margin: 0px auto;} #sectionContents .contentsElement .viewAll {border-left: solid 1px #e5e4e9;padding:3px 3px 3px 5px;box-sizing: border-box;font: bold 14px arial;color: #000;} #sectionContents .contentsElement .viewAll a {box-sizing: border-box;font: bold 15px arial;color: #961d20;text-decoration:none;} #sectionContents .contentsElement .viewAll a:hover {color: #961d20;} #subCategoryContents #sectionContents .contentsElement {box-sizing: border-box;padding:15px;width: 16.66%;float:left;display:block;border-bottom: solid 1px #dcdcdc;} #filterBar {float:left;width:270px;box-sizing: border-box;padding: 10px;} #refines #mainLabel {font: bold 16px arial;color: #000;padding: 0px 5px 10px 5px;} a#refineClearAll {color: #bf0c0c !important;background-color: transparent;font: bold 12px arial;text-decoration: none;padding: 5px 5px 10px 10px;display: block;} #refines .refineBlock {padding-top: 2px;padding-bottom: 10px;} #refines .refineBlock > label {display:block;background-color:#f4f4f4;font: bold 12px arial;color: #000;margin: 0px;padding: 7px;margin-bottom:5px;} #refines .refineBlock.filterCat > label {display:block;background-color:#000;font: bold 12px arial;color: #fff;margin: 0px;padding: 7px;margin-bottom:5px;} #refines .attr {margin-left: 10px;font-family: arial;font-size: 11px;font-weight: bolder;line-height: 20px;} #refines .attr label {position:relative;margin-left: -20px !important;cursor: pointer;background-color:#fff;display:inline-block} #refines .attr input + label span {position:relative;top:2px;width: 18px;height:18px;display:inline-block;margin-right:5px;background: url(../png/yt-filter-checkbox.png) 0 0 no-repeat;} #refines .attr input:not(:checked) + label span {background-position: 0px -18px;} #refines .attr input:checked + label span {background-position: 0px 0px;} #refines .cnt {color: #444;} #refines .attr input {height: auto; pointer-events: none;} #refines .attr:hover {color: #961d20;cursor: pointer;} #refines .refineBlock.filterCat .attr span.cnt {display:none;} #refines .refineBlock .showMore {font: bold 12px arial;color: #000;padding: 6px 10px;cursor:pointer;} #refines .attr swatch.colored {border: 1px solid black;color: transparent;display: inline-block;height: 15px;width: 15px;margin-right: 4px;top: 2px;position: relative;} #caption a {color:#a39367 !important;} #pagingContents #sortControl {display:table;width:100%;background-color:#f9f9f9;padding:15px 10px;box-sizing: border-box;position:relative;} #pagingContents #sortControl .pagingStat {display:table-cell;text-align:left;vertical-align:middle;font: normal 12px arial;color:#000;line-height:17px;} #pagingContents #sortControl .pagingStat a {font: normal 12px arial;color:#000;} #pagingContents #sortControl .pageNums {display:table-cell;text-align:center;vertical-align:middle;font: normal 12px arial;color:#000;} #pagingContents #sortControl .pageNums b {font: bold 12px arial;color:#000;padding: 10px 14px;background-color: #e7e7e7;line-height:17px;} #pagingContents #sortControl .pageNums a {font: bold 12px arial;color:#000;padding: 10px 14px;text-decoration: none;line-height:17px;} #pagingContents #sortControl .pageNums a:hover {background-color: #e7e7e7;} #pagingContents #sortControl .pageNums a.next {display:inline-block;width:11px;height:17px;text-decoration: none;line-height:17px;text-indent: -10000px;background: url(../png/page-next.png) 0px 0px no-repeat;padding:0px;margin: 0px 5px;} #pagingContents #sortControl .pageNums a.prev {display:inline-block;width:11px;height:17px;text-decoration: none;line-height:17px;text-indent: -10000px;background: url(../png/page-prev.png) 0px 0px no-repeat;padding:0px;margin: 0px 5px;} #pagingContents #sortControl .pageNums a.next:hover, #pagingContents #sortControl .pageNums a.prev:hover {background-position: 0px -17px;background-color:transparent;padding:0px;} #pagingContents #sortControl .pageSorting {display:table-cell;text-align:right;vertical-align:middle;font: bold 12px arial;color:#000;line-height:17px;position:relative;z-index:999;} #pagingContents #sortControl .pageSorting a {font: normal 12px arial;color:#000;text-decoration: none;} #pagingContents #sortControl .pageSorting select {display:none;border: solid 1px #dcdcdc;font: normal 12px arial;color:#000;padding:5px;margin-left:10px;} #pagingContents #sortControl .pageSorting span {height: 30px;box-sizing: border-box;padding: 7px 0px 7px 10px;display: block;float: right;} #pagingContents #sortControl .pageSorting #customSort {margin-left: 10px;position: relative;display: block;float: right;} #pagingContents #sortControl .pageSorting #customSortLabel {border: solid 1px #dcdcdc;background: #fff url(../png/custom-select-arrow.png) right 10px center no-repeat;font: normal 12px arial;color:#000;padding:7px 25px 7px 10px;width:130px;box-sizing: border-box;height:30px;text-align:left;} #pagingContents #sortControl .pageSorting ul {display:none;position:absolute;top:29px;left:0px;border: solid 1px #dcdcdc;padding: 4px 0px 4px;background-color:#fff;list-style-type:none;margin:0px;box-shadow: 0px 4px 5px #999;-webkit-box-shadow: 0px 4px 5px #999;width:130px;box-sizing: border-box;text-align:left;} #pagingContents #sortControl .pageSorting ul li {font: normal 12px arial;display:block;padding: 4px 8px;cursor:pointer;} #pagingContents #sortControl .pageSorting ul li:hover {background-color: #f5eed5;} #pagingContents #sortControl #customSort:hover ul {display:block;} #pagingContents .pagingBottom {padding-top: 20px;width: 100%;} #pagingContents .pagingBottom .pagingStat {display:none !important;} #pagingContents .pagingBottom .pageSorting {display:none !important;} #pagingContents #pagingContainer {} #pagingContents #pagingContainer .pagingCell {box-sizing: border-box;padding:15px;width: 16.66%;float:left;display:block;border-bottom: solid 1px #dcdcdc;} #pagingContents #pagingContainer .pagingCell .contentsElement {box-sizing: border-box;width: 100%;display:block;} #pagingContents #pagingContainer .pagingCell .contentsElement .image {box-sizing: border-box;width: 100%;} #pagingContents #pagingContainer .pagingCell .contentsElement .image img {display:block;max-width:100%;height:auto;margin: 0px auto;min-height:0px;max-height:none;} #pagingContents #pagingContainer .pagingCell .contentsElement .hPl {border-left: solid 1px #e5e4e9;overflow:hidden;} #pagingContents #pagingContainer .pagingCell .contentsElement .name {padding:3px 3px 3px 5px;box-sizing: border-box;font: bold 12px arial;color: #000;} #pagingContents #pagingContainer .pagingCell .contentsElement .name a {box-sizing: border-box;width: 100%;font: bold 12px arial;color: #000;text-decoration:none;} #pagingContents #pagingContainer .pagingCell .contentsElement .name a:hover {color: #961d20;} #pagingContents #pagingContainer .pagingCell .contentsElement .abstract {display:none;padding:3px 3px 3px 5px;box-sizing: border-box;font: bold 12px arial;color: #606060;} #pagingContents #pagingContainer .pagingCell .contentsElement .code {border-left: solid 1px #e5e4e9;padding:3px 3px 3px 5px;box-sizing: border-box;font: normal 12px arial;color: #606060;font-style:italic} #pagingContents #pagingContainer .pagingCell .contentsElement .price {border-left: solid 1px #e5e4e9;padding:3px 3px 3px 5px;box-sizing: border-box;font: bold 12px arial;color: #000;} #pagingContents #pagingContainer .pagingCell .contentsElement .price span {color: #961d20;} #pagingContents #pagingContainer .pagingCell .contentsElement .price span.salePrice {display:block;font-size:13px;} #pagingContents #pagingContainer .pagingCell .contentsElement .price .regPrice {color: #83878d;font-weight:normal;} #pagingContents #pagingContainer .pagingCell .contentsElement .price .regPrice span.strike {font-weight:normal;color: #83878d;text-decoration: line-through;} #pagingContents #pagingContainer .pagingCell .contentsElement .price span.savePrice {color: #83878d;font-weight:normal;} #pagingContents #pagingContainer .pagingCell .contentsElement .rating {box-sizing: border-box;width: 100%;} #pagingContents #pagingContainer .pagingCell .contentsElement .rating img {display:block;max-width:60px;height:auto;margin: 0px auto;} #pagingContents #pagingContainer .pagingCell .contentsElement .compareCheck {box-sizing: border-box;padding: 5px 0px;font: normal 12px arial;} #pagingContents #pagingContainer .pagingCell .contentsElement .compareCheck input {} #pagingContents #pagingContainer .pagingCell .contentsElement .viewAll {border-left: solid 1px #e5e4e9;padding:3px 3px 3px 5px;box-sizing: border-box;font: bold 14px arial;color: #000;} #pagingContents #pagingContainer .pagingCell .contentsElement .viewAll a {box-sizing: border-box;font: bold 15px arial;color: #961d20;text-decoration:none;} #pagingContents #pagingContainer .pagingCell .contentsElement .viewAll a:hover {color: #961d20;} .newOverlay {left: 0;position: absolute;top: 0;z-index: 10;} #itemPage {border-top: solid 1px #dcdcdc;box-sizing: border-box;width:100%;padding:20px 15px;position:relative;} #itemTopFrame {display:table;width:100%;box-sizing: border-box;} #itemImageFrame {display:table-cell;box-sizing: border-box;width:50%;xfloat:left;xdisplay:block;vertical-align:top;text-align:left;} #itemImageFrameInner {display:block;box-sizing: border-box;width:100%;max-width:570px;margin: 0px auto;} #mainImageFrame {border: solid 1px #b6b6b6;width:100%;max-width:450px;box-sizing: border-box;padding:4px;position:relative;float:left;} #mainImageFrame img.newOverlay {position:absolute;top: 0px;left:0px;} #mainImage {display:block;margin:0px auto;text-align:center;} #mainImageFrame #mainImage figure div[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} #mainImageFrame #mainImage > figure > div[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} #mainImageFrame #mainImage figure span[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} #mainImageFrame #mainImage > figure > span[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} #mainImageFrame #mainImage figure a[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} #mainImageFrame #mainImage > figure > a[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} div.mz-expand div[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} div.mz-expand span[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} div.mz-expand a[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} div.mz-inner div[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} div.mz-inner span[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} div.mz-inner a[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} div.mz-zoom-window div[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} div.mz-zoom-window span[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} div.mz-zoom-window a[id^=crMz] {display:none !important;text-indent: -10000px !important;visibility:hidden !important;} #multiImageFrame {width:70px;box-sizing: border-box;float:left;} #multiImageFrame .mz-thumb img {box-shadow: 0px 0px 0px #fff !important;-webkit-box-shadow: 0px 0px 0px #fff !important;border: solid 1px #b6b6b6;margin-bottom: 4px;} #multiImageFrame .mz-thumb img:hover {border: solid 1px #c40001;outline: solid 1px #c40001;} #itemImageIcons {display:block;clear:both;padding: 30px 0px;} #itemImageIcons img {display:inline-block !important;margin: 0px 20px 0px 0px;} #click2enlargeIcon {} #hover2zoomIcon {} #itemImageIcons #socialButtons {display:block !important;float:right;} #customImages {display: none !important;} #itemInfoFrame {display:table-cell;box-sizing: border-box;xfloat:left;xdisplay:block;padding: 0px 20px 0px 20px;xmax-width: 800px;vertical-align:top;} .not-sold-separately { font-family: arial; font-size: 16px; font-weight: bold; border: 1px solid #961d20; padding: 10px; } #itemInfoFrame h1 {font: bold 24px verdana,arial;color: #000;padding: 0px; margin: 0px 0px 15px;} #itemInfoFrame #itemCode {font: normal 14px verdana,arial;color: #000;padding: 0px; margin: 0px 0px 10px;} #itemInfoFrame #ytimesAvgRating {font: normal 14px verdana,arial;color: #000;padding: 0px;} #itemInfoFrame #itemAvailability {font: normal 14px verdana,arial;color: #000;padding:7px 0px;} #itemInfoFrame #itemAvailability strong {font: bold 18px verdana,arial;color: #125c59;} #itemInfoFrame #itemPrice {border-top: solid 2px #f1f1f1;margin: 10px 0px;padding: 10px 0px;display:block;} #itemInfoFrame #itemPrice .regPrice {display:inline-block;box-sizing: border-box;font: normal 14px verdana,arial;color: #83878d;padding: 0px 0px 0px 30px;line-height:20px;} #itemInfoFrame #itemPrice .regPrice font {text-decoration:line-through;line-height:30px;} #itemInfoFrame #itemPrice .salePrice {display:inline-block;box-sizing: border-box;font: normal 20px verdana,arial;color: #83878d;padding: 0px;line-height:30px;} #itemInfoFrame #itemPrice .salePrice font {color: #961d20;font-size:28px;line-height:30px;font-weight:bold;} #itemInfoFrame #itemPrice .salePrice span {color: #961d20;} #itemInfoFrame #itemPrice label {display:block;width: 100%;font: bold 18px verdana,arial;color: #000;clear:both;padding: 15px 0px;border-top: solid 2px #f1f1f1;margin: 15px 0px 0px;} #itemInfoFrame #priceTableFrame {overflow-x: auto;} #itemInfoFrame #itemPrice #priceTable tr td {padding: 5px 10px;font: bold 14px verdana,arial;color: #000;min-width:100px;} #itemInfoFrame #itemPrice #priceTable tr.quantity td {background-color: #e4e5e7;} #itemInfoFrame #itemPrice #priceTable tr.price td {background-color: #f5f6f8;} #itemInfoFrame #itemPrice #priceTable tr.save td {background-color: #f5f6f8;color: #2e6e6d;} #saleDiscountMessageTop {font: bold 16px verdana,arial;color:#2e6e6c;} #saleDiscountMessageTop span {color:#000;} #saleDiscountMessageTop small {font: normal 14px verdana,arial;color:#83878d;} #itemInfoFrame #orderBoxPlaceHolder {display:block;box-sizing: border-box;margin: 10px 0px;padding: 10px 0px;position:relative;} #itemOrderBoxClone {box-sizing: border-box;text-align:left;font: normal 14px verdana,arial;color: #000;display: flex;justify-content: flex-start;align-items: center;} #itemOrderBoxClone span#qtyBoxClone {display:inline-block;text-align:center;font: bold 14px verdana,arial;color: #000;width: 135px;} #itemOrderBoxClone span#qtyBoxClone input {border: solid 1px #999;font: normal 16px verdana,arial;color: #000;padding: 8px 8px;text-align:center;margin-left:15px;} #orderButtons {} #personalizeIcon {background-color:#9b8019;border: solid 1px #9b8019;text-align:center;font: bold 16px verdana;color: #fff !important;padding:6px 34px;cursor:pointer;display:block;margin: 0 0 10px 0;} #itemOrderBoxClone #add2cartbuttonClone {display:inline-block;background: #2e6e6c url(../png/add2cart-2016-icon.png) left 20px center no-repeat;padding: 10px 20px 10px 75px;font: bold 20px verdana;color:#fff;border: 0 none;margin: 10px auto 10px;text-transform: uppercase;cursor: pointer;} #itemInfoFrame #shippingMessage {border-top: solid 2px #f1f1f1;margin: 15px 0px;padding: 15px 0px;display:block;font: normal 16px verdana,arial;color: #000;letter-spacing: 2px;} #itemInfoFrame #shippingMessage b {font: bold 20px verdana,arial;color: #125c59;letter-spacing: 6px;} #itemInfoFrame #shippingMessage span {letter-spacing: 5px;color: #000;} #itemInfoFrame #shippingMessage a {font: bold 16px verdana,arial;color: #a43b3e;letter-spacing: 5px;text-decoration: none;} #itemCaption {display:block;font: normal 14px verdana,arial;color: #000;margin: 30px 0px;padding: 10px 0px;width:100%;box-sizing: border-box;border-top: solid 2px #505050;} #itemCaption label.mainLabel {display:block;padding:10px;font: bold 16px verdana;color: #105d57;background-color:#f5f6f8;margin-bottom:10px;} #itemConfiguratorFrame {display:block;width: 100%;box-sizing: border-box;border: solid 2px #505050;padding: 10px;margin: 15px 0px;} #itemConfiguratorFrame label.mainLabel {display:block;padding:10px;font: bold 16px verdana;color: #fff;background-color:#9b8019;margin-bottom:10px;} #itemConfiguratorFrame input {border: solid 1px #7a7a7a;padding: 4px;} #itemConfiguratorFrame input:disabled, #itemConfiguratorFrame input[disabled] {background-color: #f3f3f3;} #itemConfiguratorFrame select {border: solid 1px #7a7a7a;padding: 4px;} #itemOrderBox {box-sizing: border-box;text-align:center;} #itemOrderBox span#qtyBox {display:inline-block;text-align:center;font: bold 14px verdana,arial;color: #000;width: 135px;} #itemOrderBox span#qtyBox input {border: solid 1px #999;font: normal 16px verdana,arial;color: #000;padding: 8px 8px;text-align:center;margin-left:15px;} #itemOrderBox #add2cartbutton {display:inline-block;background: #2e6e6c url(../png/add2cart-2016-icon.png) left 20px center no-repeat;padding: 10px 20px 10px 75px;font: bold 20px verdana;color:#fff;border: 0 none;margin: 25px auto 10px;text-transform: uppercase;cursor: pointer;} #itemConfiguratorFrame #totalPrice {float: none !important;font: normal 20px verdana,arial;color: #83878d;line-height: 30px;font-weight: bold;text-align:center;padding: 10px 0px;} #itemConfiguratorFrame #totalPrice span {font: bold 28px verdana,arial;color: #961d20;} .add2cartborder input.btnStartOver {display:inline-block;background-color: #9b8019;padding: 10px 20px !important;font: bold 20px verdana;color:#fff;border: 0 none !important;margin: 25px auto 10px;text-transform: uppercase;cursor: pointer;} #saleDiscountMessageBottom {display:inline;text-align:center;font: normal 20px verdana,arial;color: #83878d;line-height: 30px;font-weight: bold;text-align:center;padding: 10px 0px;} #saleDiscountMessageBottom span {font: bold 30px verdana,arial;color: #961d20;} #configContainer {display:block;width:100%;} #itemConfiguratorFrame table {width: 100% !important;} #itemConfiguratorFrame .configSlider {width: calc(100vw - 360px) !important;float: left !important;clear:both;} #configContainer h2 {border-top : 1px solid silver;font-family: arial;font-size: 10pt;} .configContainerMain > div {float: left;height: auto;display: flex;} .configContainerMain > div > div {float: left;height: auto;display: inline !important;margin: 0 5px 0 0;} .configContainerMain {white-space: nowrap;width:100%;max-width: none;overflow-x: auto;margin-bottom: 1em;} .configContainer {height: 100px;white-space: nowrap;width: 100%;} .configContainer a.selected img {border: 2px solid #2e6e6c;} #customizeResults {width: 200px;float: right;font-family: arial;font-size: 11px;margin-right:5px;} #customizeResults div {margin-bottom: 4px;} #relatedItems {clear:both;box-sizing: border-box;padding: 5px 0px 0px;border-top: solid 2px #505050;margin: 20px 15px;} #relatedItems label {display: block;padding: 10px;font: bold 16px verdana;color: #105d57;background-color: #f5f6f8;margin: 0px 0px 10px 0px;} #ys_relatedItems {box-sizing: border-box;width:100%;} table.ystore-cross-sell-table {display:block;margin: 5px 0px;} table.ystore-cross-sell-table tbody {display:block;} tr.ystore-cross-sell-title-row {display:block;box-sizing: border-box;width:100%;} td.ystore-cross-sell-title-cell {display:block;} h3.ystore-cross-sell-title {display: block;padding: 10px;font: bold 16px verdana;color: #105d57;background-color: #f5f6f8;margin: 0px 0px 10px 0px;} tr.ystore-cross-sell-row {display:block;padding: 5px 50px;} td.ystore-cross-sell-cell {display:block;float:left;box-sizing: border-box;width:16.66%;max-width:200px;padding:10px;} a.ystore-cross-sell-product-image-link {box-sizing: border-box;width: 100%;display:block;padding:0px 0px 20px;} a.ystore-cross-sell-product-image-link img {display:block;max-width:100%;height:auto;margin: 0px auto;} div.ystore-cross-sell-product-caption {border-left: solid 1px #e5e4e9;padding: 2px;} div.ystore-cross-sell-product-caption p {margin:0px;} h4.ystore-cross-sell-product-name {padding:2px;box-sizing: border-box;font: bold 12px arial;color: #000;margin:0px 0px 10px;} h4.ystore-cross-sell-product-name a {box-sizing: border-box;width: 100%;font: bold 12px arial;color: #000;text-decoration:none;} h4.ystore-cross-sell-product-name a:hover {color: #961d20;} p.ystore-cross-sell-product-reg-price {padding:2px;box-sizing: border-box;font: bold 12px arial;color: #000;display:none;} p.ystore-cross-sell-product-price {padding:2px;box-sizing: border-box;font: bold 12px arial;color: #961d20;} #relatedItems .sliderDiv {margin: 5px 50px;} #relatedItems .sliderDiv button.slick-prev {position:absolute;top: 50%;left: -55px;width: 34px;height:37px;margin-top:-18px;background: url(../png/slider-prev-small.png) 0 0 no-repeat;cursor:pointer;border: 0 none;text-indent: -1000px;overflow:hidden;} #relatedItems .sliderDiv button.slick-next {position:absolute;top: 50%;right: -55px;width: 34px;height:37px;margin-top:-18px;background: url(../png/slider-next-small.png) 0 0 no-repeat;cursor:pointer;border: 0 none;text-indent: -1000px;overflow:hidden;} #relatedItems .sliderDiv ul.slick-dots {position:absolute;top: -30px;right:-20px;list-style-type:none;text-align:right;} #relatedItems .sliderDiv ul.slick-dots li {display:inline-block;padding: 0px 3px;} #relatedItems .sliderDiv ul.slick-dots li button {padding:3px;text-indent:-1000px;border: solid 1px #666;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;height:8px;width:8px;overflow:hidden;} #relatedItems .sliderDiv ul.slick-dots li.slick-active button {background-color:#333;} #relatedItems .sliderDiv ul.slick-dots li:hover button {background-color:#333;} #relatedItems .sliderDiv .contentsElement {box-sizing: border-box;margin:0px 10px;} #relatedItems .sliderDiv .contentsElement .image {box-sizing: border-box;width: 100%;} #relatedItems .sliderDiv .contentsElement .image img {display:block;max-width:100%;height:auto;margin: 0px auto;} #relatedItems .sliderDiv .contentsElement .name {border-left: solid 1px #e5e4e9;padding:2px;box-sizing: border-box;font: bold 12px arial;color: #000;} #relatedItems .sliderDiv .contentsElement .name a {box-sizing: border-box;width: 100%;font: bold 12px arial;color: #000;text-decoration:none;} #relatedItems .sliderDiv .contentsElement .name a:hover {color: #961d20;} #relatedItems .sliderDiv .contentsElement .abstract {border-left: solid 1px #e5e4e9;padding:2px;box-sizing: border-box;font: bold 12px arial;color: #c7c7c7;} #relatedItems .sliderDiv .contentsElement .code {border-left: solid 1px #e5e4e9;padding:2px;box-sizing: border-box;font: bold 12px arial;color: #c7c7c7;} #relatedItems .sliderDiv .contentsElement .price {border-left: solid 1px #e5e4e9;padding:2px;box-sizing: border-box;font: bold 12px arial;color: #000;} #relatedItems .sliderDiv .contentsElement .price span {color: #961d20;} #relatedItems .sliderDiv .contentsElement .rating {box-sizing: border-box;width: 100%;} #relatedItems .sliderDiv .contentsElement .rating img {display:block;max-width:60px;height:auto;margin: 0px auto;} /* COMPARE STYLES */ #comparePanel {background-color: white;border: solid 1px #427a78 !important;bottom: 0px;left: 50%;transform: translateX(-49.9%);padding: 0px;position: fixed;z-index: 999;text-align:center;box-sizing: border-box;overflow:hidden;height: auto;} #comparePanel #compareLabel {box-sizing: border-box;background-color: #427a78;font: bold 15px verdana;color:#fff;display:block;padding: 10px 0px 10px 12px;position:relative;text-align:left;width: 100%;} #comparePanel #slideOut {display: block;position: absolute;top: 0px;right: 0px;font: bold 24px verdana;color:#fff;padding: 0px 7px;cursor:pointer;} #compareItems {padding: 20px;box-sizing: border-box;width: 100%;background-color: transparent;} .compareItem {display: inline-block;width: 70px;height: 80px;padding: 0px 15px;position: relative;} .compareItem .x {position: absolute;right: 0px;top: 0px;opacity: 0.5;cursor: pointer;background-color: #fff;} .compareItem .thumb {display:block;max-width:100%;height:auto;margin: 0px auto;} .compareItem:hover .x {opacity: 1;} #compareItems a.fancyboxcomp {line-height: 100px;display: block;float: right;} img.compareSelected {padding: 0px 20px;} /* REVIEWS STYLES */ #reviews {box-sizing: border-box;padding: 5px 0px 0px;border-top: solid 2px #505050;margin: 20px 15px;} #reviews h2, #relatedItems h2, #scrollingSpecials h2 {display:block;padding:10px;font: bold 16px verdana;color: #105d57;background-color:#f5f6f8;margin:0px 0px 10px 0px;} .reviewtitle {font: normal 14px arial;color: black;} .reviewtext {font: normal 12px arial;color: #a0a0a0;} .reviewmessage {font: normal 14px arial;color: black;margin: 6px 0px 6px 0px;} .review {border-bottom: solid 1px #a0a0a0;margin: 3px 0px 3px 0px;padding-bottom: 5px;} .writereview {font: normal 14px arial;} #reviewrat {font: normal 14px arial;} #reviewrat a {font: normal 14px arial;color:#000;text-decoration: none;} #reviewrat p#revrat {font-weight: bold;color: #333333;margin: 0px 0px 2px 0px;} .reviewtext span {color: black;} .reviewbcomm {margin: 5px 5px 5px 10px;padding: 10px;background-color: #f0f0f0;border: solid 1px #e0e0e0;color: #606060;} .reviewbcomm label {display: block;margin-bottom: 5px;color: black;font-weight: bold;} #ytimesModalOverlay {background-color: black;filter: alpha(opacity=60);opacity: 0.60;-moz-opacity: 0.60;cursor: wait;position: absolute;top: 0px;left: 0px;z-index: 100000;} #ytimesModalContainer {height:400px;width:600px;background-color: white;border:1px solid black;padding: 0px;z-index: 100001;} #ytimesModalClose {background:url(../png/x.png) no-repeat;width:39px;height:39px;display:inline;z-index:3200;position:absolute;top:-24px;right:-24px;cursor:pointer;z-index: 100002;} /* RECENTLY VIEWED STYLES */ #recentlyViewed {box-sizing: border-box;width: 100%;border-top: solid 1px #dedede;padding: 15px;margin-top: 15px;clear:both;} #recentlyViewed label {display:block;float:left;width: 70px;padding: 15px 0px;font: bold 15px verdana;color: #000;} #recentlyViewedElements {display:block;float:left;} #recentlyViewedElements .recentlyElement {display:block;float:left;border: solid 1px #dedede;width: 80px;height:80px;margin: 0px 15px;} #recentlyViewedElements .recentlyElement img {display:block;max-width:100%;height:auto;margin: 0px auto;} /* MOBILE NAVIGATION STYLES */ #ytMobileMenuIcon {display:none;position: absolute;top: 15px;left:15px;cursor:pointer;font: bold 15px/35px arial;color:#000;} #ytMobileMenuIcon img {display:inline-block;margin-right:10px;} #ytMobileMenuIcon:hover {color:#9b8018;} #ytMobileMenu {background-color: #fff;font-family: arial;} #ytMobileMenu li a {display:block;font: normal 16px arial;color: #eee;padding: 8px 20px;text-decoration: none;border-bottom: solid 1px #fff;background-color:#666;} #ytMobileMenu li a.main {display:block;font: bold 16px arial;color: #eee;padding: 10px 20px;text-decoration: none;border-bottom: solid 1px #fff;background-color:#333;} #ytMobileMenu li a.cuse {display:block;font: normal 16px arial;color: #000;padding: 8px 20px;text-decoration: none;border-bottom: solid 1px #fff;background-color:#ccc;} #ytMobileMenu li hr {border: solid 1px #999;margin: 0px;padding: 0;height:2px;background-color:#999;} #ytMobileMenu div.mobileSubNav {display:none;background-color: #666;} #ytMobileMenu div.mobileSubNav div.menuCol {border-bottom: solid 10px #000;} #ytMobileMenu div.mobileSubNav div.menuCol:last-child {border: 0 none;} #ytMobileMenu div.mobileSubNav div.menuCol a {display:block;font: normal 14px arial;color: #d9d9d9;padding: 8px 15px 8px 35px;border-bottom: solid 1px #eee;} #ytMobileMenu div.mobileSubNav div.menuCol a span {font: normal 14px arial !important;color: #d9d9d9 !important;} #ytMobileMenu div.mobileSubNav div.menuCol a hr {display:none;} #mobileQuoteButton {display:none;box-sizing:border-box;width:calc(100% - 20px);font: bold 12px/15px verdana;color:#fff;background-color: #2e6e6d;padding: 8px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin: 3px 10px;text-align:center;text-decoration: none;} #mobileQuoteButton img {display: inline;vertical-align: middle;height: 15px;width:auto;} /* FILTERING ADDITIONAL STYLES */ #filterIcon {display:none;position:absolute;top: 35px;right:-80px;width:80px;box-sizing:border-box;padding:3px;height:auto;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;border-top: solid 1px #ccc;cursor:pointer;background-color:#fff;box-shadow: 0px 2px 2px #666;-webkit-box-shadow: 0px 2px 2px #666;font-family: arial;font-size:13px;} #filterIcon i {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;margin: 0 5px 0 0;color: #666;} #filterIcon.show i {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} #promoBanner {text-align: center;} #promoBanner img {max-width: 100%;height: auto;} /* CUSTOM DESIGNED HOME PAGE STYLES */ #chBanner {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 10px auto;} #chBanner img {display:block;max-width:100%;height:auto;margin: 0px auto;} ul#chTopBadges {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 0px auto 10px;padding:0px;list-style-type:none;} ul#chTopBadges li {display:block;float:left;box-sizing: border-box;width:25%;text-align:center;} ul#chTopBadges li img {display:block;max-width:100%;height:auto;margin: 0px auto;} #chHeadline {clear:both;display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 20px auto 0px;font: normal 20px verdana;color:#000;padding:0px 100px;text-align:center;} #chCustomProducts {clear:both;display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 0px auto;padding: 30px 0px;} #chCustomProducts li {display:block;box-sizing: border-box;width:calc(33.33% - 36px);margin: 0px 18px;text-align:center;padding: 15px;float:left;background-color: #f8f8f8;} #chCustomProducts li .image {display:Block;width:100%;box-sizing: border-box;padding-bottom:10px;} #chCustomProducts li .image a {display:block;} #chCustomProducts li .image img {display:block;max-width:100%;height:auto;margin: 0px auto;} #chCustomProducts li .name {font: bold 24px verdana;color:#2e6e6c;text-align:center;padding: 10px;} #chCustomProducts li .name a {font: bold 24px verdana;color:#2e6e6c;text-decoration: underline;} #chCustomProducts li .text {font: normal 14px verdana;color:#424242;padding:10px;} #chCustomProducts li button {display:block;background-color: #2e6e6c;width:215px;margin: 0px auto;text-align:center;font: bold 14px verdana;color:#fff;line-height:40px;border: 0 none;} #chCustomProducts li button a {display:block;font: bold 14px verdana;color:#fff;text-decoration: none;line-height:40px;} #chCARE {clear:both;display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 0px auto;padding: 30px 0px;} #chCARE h2 {font: bold 40px verdana;color:#000;display:block;margin: 0px;text-align:center;padding: 0px;} #chCARE hr {display:block;width:385px;border: solid 4px #9b8018;margin: 20px auto;} #chCARE p {font: normal 20px verdana;color:#000;text-align:center;padding: 0px 100px;} #chCARE ul {display:block;box-sizing: border-box;width:100%;list-style-type:none;margin: 0px;padding:0px;} #chCARE ul li {display:block;box-sizing: border-box;width:calc(50% - 50px);margin: 15px 25px;font: normal 16px verdana;color:#424242;text-align:center;padding: 0px 30px 30px;border: solid 1px #9b8018;float:left;} #chCARE ul li label {font: bold 25px verdana;color:#c7b46a;display:block;width:300px;margin: 0px auto 10px;text-align:center;padding: 10px 0px;background-color: #9b8018;} #chCARE ul li label b {font: bold 25px verdana;color:#fff;} #chCARE ul li h3 {font: bold 25px verdana;color:#000;display:block;margin: 0px;text-align:center;padding: 15px 0px;} #chHereToHelp {clear:both;display:block;box-sizing: border-box;width: 100%;margin: 30px auto;background-color: #f3f3f3;} #chHereToHelpInner {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 0px auto;background: #f2f2f2 url(../png/ch-heretohelp.png) right top no-repeat;min-height: 400px;font: normal 20px verdana;color:#000;} #chHereToHelpInner h2 {font: bold 40px verdana;color:#000;display:block;margin: 0px;padding: 60px 0px 20px;} #chHereToHelpInner h3 {font: bold 25px verdana;color:#000;display:block;margin: 0px;padding: 20px 0px 15px;} #chHereToHelpInner a {display:inline-block;text-align:center;font: bold 16px/50px verdana;color:#fff;margin-right: 10px;background-color: #2e6e6c;text-decoration: none;padding: 0px 15px;} #chHereToHelpInner a small {font: normal 14px/50px verdana;color:#fff;} #chCustomAwards {clear:both;display:block;box-sizing: border-box;width: 100%;} #chCustomAwards #chCustomAwardsInner {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 30px auto;} #chCustomAwards h2 {font: bold 40px verdana;color:#000;display:block;margin: 0px;text-align:center;padding: 0px;} #chCustomAwards hr {display:block;width:385px;border: solid 4px #9b8018;margin: 20px auto;} #chCustomAwards p {font: normal 20px verdana;color:#000;text-align:center;padding: 0px 100px;} #chCustomAwardsElements {padding: 20px 0px;} #chCustomAwardsElements li {display:block;box-sizing: border-box;width:calc(33.33% - 36px);margin: 0px 18px;text-align:center;padding: 20px;float:left;border: solid 2px #2e6e6c;} #chCustomAwardsElements li .image {display:Block;width:100%;box-sizing: border-box;padding-bottom:10px;} #chCustomAwardsElements li .image a {display:block;} #chCustomAwardsElements li .image img {display:block;max-width:100%;height:auto;margin: 0px auto;} #chCustomAwardsElements li .name {font: bold 24px verdana;color:#000;text-align:center;padding: 10px 10px 20px;} #chCustomAwardsElements li .name a {font: bold 24px verdana;color:#000;text-decoration: none;} #chCustomAwardsElements li .buttons {display:block;margin: 0px auto;text-align:center;} #chCustomAwardsElements li .buttons a {box-sizing: border-box;display:inline-block;background-color: #2e6e6c;font: bold 14px verdana;color:#fff;text-decoration: none;text-align:center;margin: 0px 3px;padding: 0px 20px;line-height:40px;border: solid 2px #2e6e6c;} #chCustomAwardsElements li .buttons a.white {box-sizing: border-box;display:inline-block;background-color: #fff;font: bold 14px verdana;color:#2e6e6c;text-decoration: none;text-align:center;line-height:40px;} #chGallery {clear:both;display:block;box-sizing: border-box;width: 100%;background-color: #f2f2f2;padding: 30px 0px;} #chGallery #chGalleryInner {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 30px auto;} #chGallery h2 {font: bold 40px verdana;color:#000;display:block;margin: 0px;text-align:center;padding: 0px;} #chGallery hr {display:block;width:385px;border: solid 4px #9b8018;margin: 20px auto;} #chGallery p {font: normal 20px verdana;color:#000;text-align:center;padding: 0px 100px;} #chGalleryElements {padding: 20px 0px;} #chGalleryElements li {display:block;box-sizing: border-box;width:16.66%;margin: 10px 0px;text-align:center;padding:0px 20px;float:left; border-bottom: solid 1px #dcdcdc;} #chGalleryElements li .image {display:Block;width:100%;box-sizing: border-box;padding:10px;background-color: #fff;} #chGalleryElements li .image a {display:block;} #chGalleryElements li .image img {display:block;max-width:100%;height:auto;margin: 0px auto;} #chGalleryElements li .name {font: bold 14px verdana;color:#000;text-align:center;padding: 10px 10px;} #chGalleryElements li .name small {display:block;font: bold 12px verdana;color:#606060;text-align:center;} #chBottomBoxes {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 0px auto;list-style-type:none;padding:30px 0px;} #chBottomBoxes li {display:block;box-sizing: border-box;width:calc(50% - 60px);margin: 0px 30px;float:left;} #chBottomBoxes li a {display:block;} #chBottomBoxes li a img {display:block;max-width:100%;height:auto;margin: 0px auto;} /* CUSTOM DESIGNED CATEGORY PAGES */ #chCatPage {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 10px auto;} #chContentBar {display:block;float:right;box-sizing: border-box;width: calc(100% - 270px);margin: 0px;} #chContacts {display:block;box-sizing: border-box;width: 100%;background-color: #f3f3f3;text-align:center;} #chContacts ul {display:block;box-sizing: border-box;margin: 0px auto;list-style-type:none;padding:0px;} #chContacts ul li {display:inline;padding: 0px 20px;font: normal 15px/48px verdana;color:#000;} #chContacts ul li a {font: normal 15px/48px verdana;color:#000;text-decoration: none;} #chContacts ul li img {display:inline !important;} #chContentBar #chCustomAwards p {font: normal 15px verdana;color:#000;text-align:center;padding: 0px 20px;} #chContentBar #chCustomAwardsElements li {display:block;box-sizing: border-box;width:calc(33.33% - 26px);margin: 0px 13px 26px;text-align:center;padding: 10px;float:left;border: solid 2px #2e6e6c;} #chContentBar #chCustomAwardsElements li .name {font: bold 20px verdana;color:#000;text-align:center;padding: 10px 10px 20px;} #chContentBar #chCustomAwardsElements li .name a {font: bold 20px verdana;color:#000;text-decoration: none;} #chContentBar #chCustomAwardsElements li .buttons {display:block;margin: 0px auto;text-align:center;} #chContentBar #chCustomAwardsElements li .buttons a {box-sizing: border-box;display:inline-block;background-color: #2e6e6c;font: bold 10px verdana;color:#fff;text-decoration: none;text-align:center;margin: 0px 2px;padding: 0px 15px;line-height:32px;border: solid 2px #2e6e6c;} #chContentBar #chCustomAwardsElements li .buttons a.white {box-sizing: border-box;display:inline-block;background-color: #fff;font: bold 10px verdana;color:#2e6e6c;text-decoration: none;text-align:center;line-height:32px;} #chCatalogLink {display:block;} #chCatalogLink img {display:block;max-width:100%;height:auto;margin: 0px auto;} #chContentBar #chHereToHelp {clear:both;display:block;box-sizing: border-box;width: 100%;margin: 30px auto;background-color: #f3f3f3;} #chContentBar #chHereToHelpInner {display:block;box-sizing: border-box;width: 100%;margin: 0px auto;background: #f2f2f2 url(../png/ch-heretohelp.png) right top no-repeat;background-size:100% auto;min-height: 0px;font: normal 16px verdana;color:#000;padding:40px;} #chContentBar #chHereToHelpInner h2 {font: bold 32px verdana;color:#000;display:block;margin: 0px;padding: 10px 0px 20px 0px;} #chContentBar #chHereToHelpInner h3 {font: bold 18px verdana;color:#000;display:block;margin: 0px;padding: 30px 0px 15px 0px;} #chContentBar #chHereToHelpInner a {display:inline-block;text-align:center;font: bold 16px/50px verdana;color:#fff;margin-right: 10px;background-color: #2e6e6c;text-decoration: none;padding: 0px 15px;} #chContentBar #chHereToHelpInner a small {font: normal 14px/50px verdana;color:#fff;} #chLeftBar {display:block;float:left;box-sizing: border-box;width: 245px;margin: 15px 0px 0px;} #chLeftNav {} #chLeftNav label {display:block;box-sizing: border-box;width:100%;background-color: #000;font: bold 12px verdana;color:#fff;padding:10px;margin: 0px 0px 5px;} #chLeftNav ul {display:block;box-sizing: border-box;width:100%;list-style-type:none;padding:0px;margin:0px;} #chLeftNav ul > li {display:block;box-sizing: border-box;width:100%;} #chLeftNav ul > li > a {display:block;box-sizing: border-box;width:100%;font: bold 12px verdana;color:#a08a35;padding:14px 10px;border-top: solid 1px #d7d7d7;background-color: #f9f9f9;text-decoration: none;} #chLeftNav ul > li div.sub {display:block;box-sizing: border-box;width:100%;padding: 0px 15px 20px;background-color: #fff;} #chLeftNav ul > li div.sub a {font: bold 12px verdana;color:#000;padding:8px 0px;background-color: #fff;text-decoration: none;border: 0 none;} #chLeftNav ul > li div.sub a.sub2 {display:list-item;font: normal 12px verdana;color:#616161;text-decoration: none;background-color: #fff;border: 0 none;padding: 5px 0px;list-style-type: disc;margin-left: 10px;} #chLeftNav ul > li div.sub a:hover {color:#a08a35 !important;text-decoration: underline !important;} #chLeftNav ul > li div.sub a.active {color:#a08a35 !important;text-decoration: underline !important;} #chLeftNav ul > li div.sub a.button {display:block;padding:6px 10px;text-align:center;background-color: #2e6e6c;font: bold 12px verdana;color:#fff !important;text-decoration: none !important;margin: 10px 10px 0 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} #chLeftNav ul > li div.sub a.button:hover {text-decoration: none !important;color: #fff !important;} #chLeftNav ul > li div.sub a.button img {display:inline;vertical-align:middle;} /* CUSTOM DESIGNED INFO PAGES */ #chInfoPage {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 10px auto;font-family:arial !important;} #chBanner {display:block;max-width:100%;height:auto;margin: 0px auto 40px;} #chInfoPage > h1 {display:block;box-sizing: border-box;font: bold 25px verdana;color: #9b8018;margin: 0px 0px 20px;padding:0px;} #chInfoPage > h2 {display:block;box-sizing: border-box;font: bold 18px verdana;color: #000;margin: 10px 0px 15px;padding:0px;text-decoration: underline;} #chInfoPage > h3 {display:block;box-sizing: border-box;font: bold 14px arial;color: #000;margin: 0px 0px 20px;padding:0px;text-transform: uppercase;} #chContentBar > li {padding: 0px 0px 0px 5px;list-style-type:none;} #chContentBar > li:before { content: " \2219 ";padding-right: 15px;} #chContentBar > img {display:block;max-width:100%;height:auto;} #chInfoPage #halfLeft {box-sizing: border-box;float:left;width:calc(50% - 20px);padding:0px;} #chInfoPage #halfLeft h2 {margin-top: 0px;} #chInfoPage .contactUsHeader {box-sizing: border-box;width:100%;padding:15px;background-color:#f3f3f3;border-left: solid 3px #a38b2d;margin: 20px 0px;font: bold 18px arial;color: #242424;} #chInfoPage .contactUsBox {box-sizing: border-box;width:100%;padding:0px 0px 20px;} #chInfoPage .contactUsBox img {float:left;margin: 0px 15px 15px 0px;} #chInfoPage .contactUsBox div {margin-left:45px;box-sizing: border-box;font: normal 16px arial;color: #212121;} #chInfoPage .contactUsBox a {font: normal 16px arial;color: #212121;text-decoration: none;} #chInfoPage .contactUsBox b {font: bold 18px verdana;color: #7e7e1d;line-height:22px;text-transform: uppercase;} #chInfoPage #halfRight {box-sizing: border-box;float:right;width:calc(50% - 20px);padding:0px;} #chInfoPage label {display:block;box-sizing: border-box;width:100%;padding:0px 0px 15px;font: bold 20px verdana;color:#7e7e1d;} #contactForm {box-sizing: border-box;width:100%;font: normal 13px verdana;color: #212121;line-height:20px;margin: 0px;padding:0px;} #contactForm span.label {display:block;font: bold 14px arial;color: #000;line-height:20px;padding:0px 0px 6px;} #contactForm span.label i {font: italic normal 13px arial;color: #000;} #contactForm input[type='text'] {display:block;box-sizing: border-box;width:100%;border: solid 1px #9f9f9f;background-color:#fff;padding:4px 8px;font: normal 14px verdana;color: #000;margin-bottom:10px;} #contactForm textarea {display:block;box-sizing: border-box;width:100%;border: solid 1px #9f9f9f;background-color:#fff;padding:4px 8px;font: normal 14px verdana;color: #000;height:120px;margin-bottom:10px;} #contactForm input[type='file'] {padding:4px 8px;font: normal 14px verdana;color: #000;margin-bottom:10px;} #contactForm input.greenButton {display:inline-block;box-sizing: border-box;width:170px;height:40px;text-align:center;margin-right:10px;background-color: #2e6e6c;font: bold 14px verdana;color: #fff;border: 0 none;} #contactForm input.greyButton {display:inline-block;box-sizing: border-box;width:100px;height:40px;text-align:center;background-color: #cecece;font: normal 14px verdana;color: #212121;border: 0 none;} #chInfoPage #chLeftBar {margin: 0px;} #chInfoPage #chLeftNav ul > li > a {color:#000;} #chInfoPage #chLeftNav ul > li > a:hover, #chInfoPage #chLeftNav ul > li > a.actual {color:#a08a35;} /* CUSTOM DESIGNED PRODUCT PAGES */ #chProductPage {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 10px auto;} #chProductPage #chContentBar {} #chContentBar #chCustomAwards {} #chContentBar #chCustomAwards h2 {font: bold 40px verdana;color:#000;display:block;margin: 0px;text-align:center;padding: 0px;} #chContentBar #chCustomAwards hr {display:block;width:385px;border: solid 4px #9b8018;margin: 20px auto;} #chContentBar #chCustomAwards img {display:block;max-width:100%;height:auto;margin: 0px auto;} label.chLabel {display:block;border-top: solid 5px #9b8018;margin-top: 50px;} label.chLabel span {display:inline-block;background-color: #fff;padding: 10px 25px 10px 0px;font: bold 25px verdana;color:#000;top: -32px;position:relative;} #chProductPage #chContacts {display:block;box-sizing: border-box;width: 100%;background-color: #f3f3f3;text-align:center;} #chProductPage #chContacts ul {display:block;box-sizing: border-box;margin: 0px auto;list-style-type:none;padding:10px 0px;} #chProductPage #chContacts ul li {display:inline;padding: 0px 20px;font: normal 15px/48px verdana;color:#000;} #chProductPage #chContacts ul li a {font: normal 15px/48px verdana;color:#000;text-decoration: none;} #chProductPage #chContacts ul li img {display:inline !important;} #chProductPage #chContacts ul li a.buttonGreen {display:inline-block;box-sizing: border-box;width:270px;height:48px;text-align:center;background-color: #2e6e6c;font: bold 15px/48px verdana;color: #fff;border: 0 none;vertical-align:middle;} #chProductPage .chContactsInset {display:block;box-sizing: border-box;width: 100%;background-color: #f3f3f3;text-align:center;margin: 15px 0px;clear:both;} #chProductPage .chContactsInset ul {display:block;box-sizing: border-box;margin: 0px auto;list-style-type:none;padding:10px 0px;} #chProductPage .chContactsInset ul li {display:inline;padding: 0px 20px;font: normal 15px/48px verdana;color:#000;} #chProductPage .chContactsInset ul li a {font: normal 15px/48px verdana;color:#000;text-decoration: none;} #chProductPage .chContactsInset ul li img {display:inline !important;} #chProductPage .chContactsInset ul li a.buttonGreen {display:inline-block;box-sizing: border-box;width:270px;height:48px;text-align:center;background-color: #2e6e6c;font: bold 15px/48px verdana;color: #fff;border: 0 none;vertical-align:middle;} .chProdSection {display:block;box-sizing: border-box;width: 100%;padding: 20px 0px;border-top: solid 1px #dddcdc;} .chProdSection label {display:block;background: url(../png/custom-prod-label-arrow-down.png) left 5px center no-repeat;font: bold 16px/25px verdana;color:#1b262e;padding: 0px 0px 0px 40px;cursor:pointer;} .chProdSection label.closed {background: url(../png/custom-prod-label-arrow-right.png) left 5px center no-repeat;} .chProdSection .chProdSectionBody {font: normal 15px verdana;color:#1b262e;padding: 15px 0px 0px;} .chProdSection .chProdSectionBody img {max-width:100%;height:auto;} #chProdContents {display:block;box-sizing: border-box;width: 100%;padding: 20px 0px;border-top: solid 1px #dddcdc;} #chProdContents label {display:block;border-top: solid 5px #9b8018;margin-top: 40px;} #chProdContents label span {display:inline-block;background-color: #fff;padding: 10px 25px 10px 0px;font: bold 25px verdana;color:#000;top: -32px;position:relative;} #chProdContents .contentsElement {display:block;box-sizing: border-box;float:left;width: 33.33%;text-align:center;padding:30px;border-bottom: solid 1px #dddcdc;} #chProdContents .contentsElement img {display:block;max-width:100%;height:auto;margin: 0px auto 10px;cursor:pointer;} #chProdContents .contentsElement .text {display:block;max-width:100%;} #chProdContents .contentsElement .text a {display:block;font: bold 15px arial;color:#000;padding-bottom:6px;text-decoration: none;} #chProdContents .contentsElement .text a:hover {color:#a08a35;} #chProdContents .contentsElement .text span.count {display:block;font: bold 12px arial;color:#606060;} #chProdContents .contentsElement .text ul {margin:10px 20px;padding: 0 0 0 20px;list-style-type:square;font: normal 13px arial;color:#606060;text-align:left;} #chProdContents .contentsElement .popupData {display:none;} #chProdContents .contentsElement .imgSlider {margin: 0 0 30px;} #chProdContents .contentsElement .imgSlider ul.slick-dots {position:absolute;bottom: -27px;left:0px;list-style-type:none;margin:0px;padding:0px;width:100%;text-align:center;} #chProdContents .contentsElement .imgSlider ul.slick-dots li {display:inline-block;margin: 0px 6px 0px 0px;cursor:pointer;} #chProdContents .contentsElement .imgSlider ul.slick-dots li button {background-color:#93969b;border:0 none;border-radius:3px;height:6px;width:6px;text-indent:-10000px;overflow:hidden;padding:0px;cursor:pointer;} #chProdContents .contentsElement .imgSlider ul.slick-dots li.slick-active button, #chProdContents .contentsElement .imgSlider ul.slick-dots li:hover button {background-color: #000;} /* CUSTOM HOME QUOTE PAGES */ #chQuotePage {display:block;box-sizing: border-box;width: 100%;max-width:1500px;margin: 10px auto;} #chQuotePage #chContentBar {display:block;float:right;box-sizing: border-box;width: calc(100% - 270px);margin: 0px;} #chQuotePage #chContentBar > h1 {display:block;box-sizing: border-box;font: bold 30px verdana;color: #9b8018;margin: 0px 0px 20px;padding:0px;} #chQuotePage #chContentBar ul#chQuoteControls {display:block;box-sizing: border-box;font: normal 12px verdana;color: #000;margin: 0px 0px 10px;padding:10px 0px;list-style-type:none;} #chQuotePage #chContentBar ul#chQuoteControls li {display:inline-block;padding: 0px 20px 0px 0px;font: normal 12px/18px verdana;color: #000;} #chQuotePage #chContentBar ul#chQuoteControls li a {font: normal 12px verdana;color: #000;text-decoration: none;} #chQuotePage #chContentBar ul#chQuoteControls li img {display:inline-block;margin-right:8px;line-height:18px;vertical-align:middle;} #chQuotePage #chContentBar ul#chQuoteControls li a:hover {color:#a08a35;} #chQuotePage #chContentBar #form {} #chQuotePage #chContentBar #formTable {} #chQuotePage #chContentBar #formTable .formElement#categSelect {display:block;box-sizing: border-box;width:100%;background-color: #f8f5eb;padding:20px;} #chQuotePage #chContentBar #formTable .formElement#categSelect label {display:block;font: bold 14px verdana;color: #000;} #chQuotePage #chContentBar #formTable .formElement#categSelect span.requiredicon {font: normal 14px verdana;color: #f00;} #chQuotePage #chContentBar #formTable .formElement#categSelect select#qrcategory {display:block;box-sizing: border-box;width:100%;max-width:655px;background-color: #fff;padding: 10px;font: normal 14px verdana;color: #000;border: solid 1px #d4d2d3;} #chQuotePage #chContentBar #formTable .formElement#categSelect #categSelectRes {padding: 15px 0px 0px;font: normal 12px arial;color: #000;} #chQuotePage #chContentBar #formTable .formElement#categSelect #categSelectRes .categResult {display:none;} #chQuotePage #chContentBar #formTable .formElement#categSelect #categSelectRes .categResult img {float:left;margin: 0px 15px 15px 0px;width:75px;height:auto;} #chQuotePage #chContentBar #formTable .formElement#categSelect #categSelectRes .categResult p {margin: 0px 10px 0px;font: normal 12px arial;color: #000;} #chQuotePage #chContentBar #formTable h2 {display:block;box-sizing: border-box;width:100%;max-width: 1015px;background-color: #f2f3f3;padding:10px;font: bold 20px verdana;color: #125c59;} #chQuotePage #chContentBar #formTable h3#selectedCategory {} #chQuotePage #chContentBar #formTable hr {clear:both;display:block;width:100%;max-width: 1015px;border: 0 none;border-bottom: solid 1px #d0d1d2;margin: 25px 0px 20px;} #chQuotePage #chContentBar #formTable .formElement {display:block;box-sizing: border-box;width:100%;margin: 5px 0px;padding:0px} #chQuotePage #chContentBar #formTable .formElement.shortleft {width:50%;max-width:335px;float:left;padding-right:0px;} #chQuotePage #chContentBar #formTable .formElement.shortright {width:50%;max-width:330px;float:left;padding-left:0px;} #chQuotePage #chContentBar #formTable .formElement.clear {clear:both;} #chQuotePage #chContentBar #formTable .formElement label {display:block;font: normal 14px verdana;color: #000;padding: 5px 0px 4px;} #chQuotePage #chContentBar #formTable .formElement span.requiredicon {font: normal 14px verdana;color: #f00;} #chQuotePage #chContentBar #formTable .formElement input[type='text'] {display:block;box-sizing: border-box;width:100%;max-width:655px;background-color: #f8f8f8;padding: 10px;font: normal 14px verdana;color: #000;border: solid 1px #d4d2d3;} #chQuotePage #chContentBar #formTable .formElement input.normaltext {} #chQuotePage #chContentBar #formTable .formElement input.shorttext {max-width:318px;float:left;} #chQuotePage #chContentBar #formTable .formElement input.normalfile {display:block;box-sizing: border-box;width:100%;max-width:655px;background-color: #f8f8f8;padding: 10px;font: normal 14px verdana;color: #000;border: solid 1px #d4d2d3;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;} #chQuotePage #chContentBar #formTable .formElement input.normalradio {clear:left;display:block;float:left;} #chQuotePage #chContentBar #formTable .formElement label[for*='shape_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding: 5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='base_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding: 5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='plating_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding: 5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='finding_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding: 5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='shapeplating_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding: 5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='finish_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding: 5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='stone_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding: 5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='packing_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding: 5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='presample_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding:5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='thick_gauge_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding:5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='die_front_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding:5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement label[for*='die_back_'] {display:block;float:left;font: normal 14px verdana;color: #125c59;padding:5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement input.datepicker {display:inline-block;margin-right:10px;max-width:205px;} #chQuotePage #chContentBar #formTable .formElement input[name*='_other'] {display:none;} #chQuotePage #chContentBar #formTable .formElement input.error {outline: solid 2px #f00;} #chQuotePage #chContentBar #formTable .formElement select {display:block;box-sizing: border-box;width:100%;max-width:655px;background-color: #f8f8f8;padding: 10px;font: normal 14px verdana;color: #000;border: solid 1px #d4d2d3;} #chQuotePage #chContentBar #formTable .formElement select.normalselect {box-sizing: border-box;} #chQuotePage #chContentBar #formTable .formElement select.shortselect {max-width:317px;float:left;box-sizing: border-box;} #chQuotePage #chContentBar #formTable .formElement select#similarcodes {max-width:317px;} #chQuotePage #chContentBar #formTable .formElement select#quantity {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select#sizes {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select#colorprinted {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select#colorenamel {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select#colorenamelfront {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select#colorenamelback {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select#diamondbordersfront {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select#diamondbordersback {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select#pierced {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement input.317 {max-width:317px;} #chQuotePage #chContentBar #formTable .formElement input.200 {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select.317 {max-width:317px;} #chQuotePage #chContentBar #formTable .formElement select.200 {max-width:140px;} #chQuotePage #chContentBar #formTable .formElement select.error {outline: solid 2px #f00;} #chQuotePage #chContentBar #formTable .formElement textarea {display:block;box-sizing: border-box;width:100%;max-width:655px;background-color: #f8f8f8;padding: 10px;font: normal 14px verdana;color: #000;border: solid 1px #d4d2d3;} #chQuotePage #chContentBar #formTable .formElement textarea.normaltextarea {} #chQuotePage #chContentBar #formTable .formElement textarea.error {outline: solid 2px #f00;} #chQuotePage #chContentBar #formTable .formElement .customSelectFrame {display:block;box-sizing: border-box;position:relative;} #chQuotePage #chContentBar #formTable .formElement .customSelectDisplay {display:block;box-sizing: border-box;width:100%;max-width:655px;padding: 10px 25px 10px 10px;font: normal 14px verdana;color: #000;border: solid 1px #d4d2d3;background: #f8f8f8 url(../png/custom-select-arrow.png) right 10px center no-repeat;min-height:40px;} #chQuotePage #chContentBar #formTable .formElement ul.customSelectDropdown {display: none;position: absolute;top: 40px;left: 0px;min-width:140px;z-index: 10000;border: solid 1px #dcdcdc;padding: 4px 0px 4px;background-color: #fff;list-style-type: none;margin: 0px;box-shadow: 0px 4px 5px #999;-webkit-box-shadow: 0px 4px 5px #999;max-width:655px;box-sizing: border-box;text-align: left;list-style-type:none;} #chQuotePage #chContentBar #formTable .formElement ul.customSelectDropdown li {font: normal 14px arial;display: block;padding: 4px 8px;cursor: pointer;} #chQuotePage #chContentBar #formTable .formElement ul.customSelectDropdown li:hover {background-color: #f5eed5;} #chQuotePage #chContentBar #formTable .formElement .customSelectFrame:hover ul.customSelectDropdown {display:block;} #chQuotePage #chContentBar #formTable .formElement span#spamCheckPh {padding: 5px 0px 10px 15px;} #chQuotePage #chContentBar #formTable .formElement span#spamCheckPh input#spamcheck {clear:left;display:block;float:left;} #chQuotePage #chContentBar #formTable .formElement #inpLabel {font: normal 14px verdana;color: #125c59;} #chQuotePage #chContentBar #formTable input#submitbutton {display:inline-block;box-sizing: border-box;width:170px;height:40px;text-align:center;margin-right:40px;background-color: #2e6e6c;font: bold 17px verdana;color: #fff;border: 0 none;text-transform: uppercase;} #chQuotePage #chContentBar #formTable a.cuseLink {font: bold 12px/40px verdana;color: #000;text-decoration: none;} #chQuotePage #chContentBar #formTable a img {margin-right: 10px;line-height: 40px;vertical-align:middle;text-transform: uppercase;} #chQuotePage #chProdContents {padding: 10px;border:none;} #chQuotePage #chProdContents label {border:none;margin: 0;} #chQuotePage #chProdContents label span {padding: 0 0 10px;font: bold 18px verdana;position:static;} #chQuotePage #chProdContents .contentsElement {width: 20%;padding:15px;border: none;} #chQuotePage #chProdContents .contentsElement .text a {font: normal 12px arial;} #chQuotePage #chProdContents .contentsElement .text a:first-child {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding:0;} #chQuotePage #chProdContents .contentsElement .text a button {font-size: 12px !important;padding: 4px 10px !important;} #chQuotePage #chProdContents .contentsElement .text span.count {font: bold 11px arial;padding: 5px 0 0;} #chQuotePage #chProdContents .contentsElement .popupData {display:none;} #chQuotePage #chLeftBar {display:block;float:left;box-sizing: border-box;width: 245px;margin: 15px 0px 0px;} #chQuotePage #chLeftNav {} #chQuotePage #chLeftNav label {display:block;box-sizing: border-box;width:100%;background-color: #000;font: bold 12px verdana;color:#fff;padding:10px;margin: 0px 0px 5px;} #chQuotePage #chLeftNav ul {display:block;box-sizing: border-box;width:100%;list-style-type:none;padding:0px;margin:0px;} #chQuotePage #chLeftNav ul > li {display:block;box-sizing: border-box;width:100%;} #chQuotePage #chLeftNav ul > li > a {display:block;box-sizing: border-box;width:100%;font: bold 12px verdana;color:#a08a35;padding:14px 10px;border-top: solid 1px #d7d7d7;background-color: #f9f9f9;text-decoration: none;} #chQuotePage #chLeftNav ul > li div.sub {display:block;box-sizing: border-box;width:100%;padding: 0px 15px 20px;background-color: #fff;} #chQuotePage #chLeftNav ul > li div.sub a {font: bold 12px verdana;color:#000;padding:8px 0px;background-color: #fff;text-decoration: none;border: 0 none;} #chQuotePage #chLeftNav ul > li div.sub a.sub2 {display:list-item;font: normal 12px verdana;color:#616161;text-decoration: none;background-color: #fff;border: 0 none;padding: 5px 0px;list-style-type: disc;margin-left: 10px;} #chQuotePage #chLeftNav ul > li div.sub a.sub2.actual {font: bold 12px verdana;color:#a08a35;text-decoration: underline;} /* YTIMES SLICK LIGHTBOX STYLES */ #ytimesLightboxOverlay {display:none;background-color: black;filter: alpha(opacity=60);opacity: 0.60;-moz-opacity: 0.60;cursor: wait;position: absolute;top: 0px;left: 0px;z-index: 100000;} #ytimesLightboxContainer {display:none;box-sizing: border-box;height:100%;width:100%;z-index: 100001;margin: 0px;} #ytimesLightboxClose {display:block;position:absolute;top:5px;right:5px;background:url(../png/ytimes-lightbox-close.png) no-repeat;cursor:pointer;z-index: 100002;width:38px;height:38px;} #ytimesLightboxSlider {display:block;width:100%;margin: auto;position:absolute;top: 50%;left: 0px;transform: translate(0, -50%);} #ytimesLightboxSlider .slick-slide img {display:block;max-width:100%;height:auto;max-height:100%;width:auto;margin: 0px auto;} #ytimesLightboxSlider .slick-prev {position:absolute;top:50%;left: 5px;margin-top: -27px;cursor:pointer;} #ytimesLightboxSlider .slick-next {position:absolute;top:50%;right: 5px;margin-top: -27px;cursor:pointer;} .onlyMobile {display:none !important;} /* RESPONSIVE STYLES */ @-ms-viewport{ width: device-width; } @media only screen and (max-width : 1720px) { #itemInfoFrame {max-width: 500px;} } @media only screen and (max-width : 1500px) { #chHereToHelpInner {padding-left: 10px;padding-right: 10px;background-position: right:center;} #chCatPage, #chInfoPage, #chProductPage {padding: 0px 10px;} #chContentBar #chCustomAwardsElements li {width:calc(50% - 26px);margin: 13px 13px;} #chProductPage #chContacts ul li, #chProductPage .chContactsInset ul li {padding: 0px 10px;} #chProductPage #chContacts ul li a.buttonGreen, #chProductPage .chContactsInset ul li a.buttonGreen {width:230px;} } @media only screen and (max-width : 1280px) { #footerLinks {text-align:center;} #footerSocials {display:block;width:100%;text-align:center;border: 0 none;} footer .newsletterFormFrame, #newsletterForm {display: block;float: none;border-left: 0 none;max-width: none;text-align:center;width: 100% !important;clear:both;border-bottom: solid 1px #c1c1c0;border-top: solid 1px #c1c1c0;margin: 15px 0px;} #homeCategories #homeContents .contentsElement {width: 25%;} #pagingContents #pagingContainer .pagingCell {padding:10px;width: 25%;margin: 0px !important;} #chCustomAwardsElements li .buttons a {font: bold 12px verdana !important;padding: 0px 15px !important;line-height:32px !important;} #chContentBar #chHereToHelpInner {font: normal 14px verdana;padding: 20px 200px 20px 20px;} #chContentBar #chHereToHelpInner h2 {font-size:24px;} #chProductPage #chContacts ul li, #chProductPage .chContactsInset ul li {font: normal 13px/48px verdana;} #chProductPage #chContacts ul li a, #chProductPage .chContactsInset ul li a {font: normal 13px/48px verdana;} #chProductPage #chContacts ul li a.buttonGreen, #chProductPage .chContactsInset ul li a.buttonGreen {width:170px;font-size: 13px;} } @media only screen and (max-width : 1160px) { #orderBoxPlaceHolder {display:none;} #itemOrderBox {position: static;margin: 15px auto;} #chCustomAwardsElements li .buttons a {font: normal 12px verdana !important;padding: 0px 10px !important;line-height:32px !important;} #chProductPage #chContacts ul li, #chProductPage .chContactsInset ul li {padding: 0px 7px;font: normal 12px/48px verdana;} #chProductPage #chContacts ul li a, #chProductPage .chContactsInset ul li a {font: normal 12px/48px verdana;} #chProductPage #chContacts ul li a.buttonGreen, #chProductPage .chContactsInset ul li a.buttonGreen {width:140px;font-size: 12px;} } @media only screen and (max-width : 1085px) { #mainImageFrame {float:none !important;margin: auto;} #multiImageFrame {width:100%;float:none;text-align:center;padding: 15px 0px;} } @media only screen and (max-width : 1030px) { html {width: 100% !important; max-width: 100% !important;overflow-x: hidden;} body {width: 100% !important; max-width: 100% !important;overflow-x: hidden !important;} .yui-skin-sam .yui-panel-container {width: 95% !important;overflow: auto !important;left: 0px !important;right: auto !important;text-align: center;padding:0px !important;margin:0px !important;} header #messageLine {font: normal 12px arial;} header #messageLine img.close {right: 15px;} header #midLine {display:block;height: 65px !important;position: relative;} header #logoFrame {display:block;width:100%;box-sizing: border-box;padding: 5px 280px;height: 54px !important;} header #logoFrame a {display:block;height: 54px !important;} header #searchFrame {display:block;position:absolute; top: 70px; left:0px;padding: 0px 15px;width:100%;box-sizing: border-box;z-index:999;} header #midlinks #midAccount {position:absolute;top: 23px;left:150px;width:auto;padding: 0px;} header #midlinks #midPhone {position:absolute;top: 23px;right:150px;width:auto;padding: 0px;} header #midlinks #floatingCart {position:absolute;top: 23px;right:15px;width:auto;padding: 0px;} header #midlinks small {display:none;} header #bottomLine {height:46px;background: #f2f2f2 url("../png/aw-header-bottomline-back.png") 0px 0px repeat-x;box-sizing: border-box;width:100%;border-bottom:solid 2px #d7d7d7;clear:both;display:block;position:relative;} header #topMenu {display:none;} header #toplinks {display:none;} #ytMobileMenuIcon {display:block;} .footerBox {float: none !important;display:block !important;width: 90% !important;margin: 15px 5% !important;text-align:center;} footer #footerMenu .footerDepartments {float: none;border-right: 0 none;padding: 15px 25px;width: 100%;text-align:center;} footer #footerMenu .footerPopular {float: none;width: 100%;padding: 15px 25px;clear:both;text-align:center;} #homeCategories #homeContents .contentsElement {width: 33.33%;} #pagingContents #sortControl {padding:10px 5px;} #pagingContents #sortControl .pagingStat {display:block;text-align:center;padding: 5px 0px 0px;} #pagingContents #sortControl .pageNums {display:block;text-align:center;padding: 25px 0px;} #pagingContents #sortControl .pageSorting {display:block;text-align:center;padding: 0px 0px 5px;} #pageBodyInner {margin-left:0px;width:100%;} #pageBodyInner.withFilter {} #pagingContents #pagingContainer .pagingCell {width: 33.33%;} #chHeadline {padding:0px 10px;} #chCARE p {padding: 0px 10px;} #chGalleryElements li {width:20%;} #chCustomAwardsElements li .buttons a {font: normal 10px verdana !important;padding: 0px 5px !important;line-height:26px !important;} #chLeftBar {display:none} #chContentBar {float:none;width: 100%;} #chContentBar #chCustomAwards h2 {font: bold 28px verdana;} label.chLabel {margin-top: 36px;} } @media only screen and (max-width : 880px) { #chCustomAwardsElements li {width:100%;float:none;height:auto !important;margin: 10px 0px;} #chCustomAwardsElements li .buttons a {font: bold 12px verdana !important;padding: 0px 15px !important;line-height:32px !important;} #chContentBar #chCustomAwardsElements li .buttons a {font: normal 10px verdana !important;padding: 0px 5px !important;line-height:32px !important;} } @media only screen and (max-width : 820px) { header .topLine {flex-direction: column;padding: 3px 0 0;} header #messageLine {background-color: #9b8018;padding: 10px 40px 10px 10px;border-top: solid 1px #fff;} header #messageLine img.close {top: 10px;} header #logoFrame {padding: 5px 250px;} header #midlinks #midAccount {left:120px;} header #midlinks #midPhone {right:120px;} #homeLinkBoxesFrame {display:none;} #itemPage {padding:10px;} #itemTopFrame {display: block;} #itemImageFrame {max-width: none;width: 100%;display:block;margin:0px auto;text-align:center;} #multiImageFrame {width:100%;float:none;clear:both;} #itemImageIcons {display:block;clear:both;padding: 10px 0px;} #itemImageIcons img {margin: 0px 10px 0px 0px;max-width: 40%} #itemInfoFrame {max-width: none;width: 100%;display:block;padding:15px 0 0;clear:both;} #itemInfoFrame h1 {font: bold 18px verdana,arial;} #itemInfoFrame #itemPrice label {font: bold 16px verdana,arial;padding: 10px 0px;margin: 5px 0px 0px;} #itemInfoFrame #itemPrice #priceTable tr td {padding: 3px;font: bold 11px verdana,arial;min-width:0;} #itemInfoFrame #orderBoxPlaceHolder {margin: auto;max-width: 400px;} #personalizeIcon {margin: 0 auto 10px;} #itemOrderBoxClone span#qtyBoxClone {margin: 10px auto;} #itemOrderBoxClone #add2cartbuttonClone {display: block;margin: 10px auto;} #itemConfiguratorFrame input {font-size:16px;max-width: calc(100vw - 60px);display: block;} #itemConfiguratorFrame select {font-size:16px;max-width: calc(100vw - 60px);display: block;} #configContainer {display:block;width:100%;} #itemConfiguratorFrame table {width: 100% !important;} #itemConfiguratorFrame .configSlider {width: 100% !important;float: none !important;clear:both;} .configContainerMain {max-width: calc(100vw - 60px);overflow: auto;} #customizeResults {display:block;width: 100%;float: none;} #configContainer .selectedName {float: none;width: 100%;margin-top: 10px;} #itemOrderBox span#qtyBox input {display:inline-block;} #chCustomProducts li {width:100%;float:none;height:auto !important;margin: 10px 0px;} #chCARE ul li {width:100%;float:none;height:auto !important;margin: 10px 0px;} #chCustomAwards p, #chGallery p {padding: 0px 10px;} #chBottomBoxes li {width:100%;float:none;height:auto !important;margin: 10px 0px;} #chGalleryElements li {width:33.33%;} #halfLeft, #chInfoPage #halfLeft {float:none;width:100%;padding:0px 0px 20px;} #halfRight, #chInfoPage #halfRight {float:none;width:100%;} #chProductPage #chContacts ul li, #chProductPage .chContactsInset ul li {display:inline-block;text-align:center;padding: 0px 0px;font: normal 13px/48px verdana;width:45%;box-sizing: border-box;} #chProdContents .contentsElement {width: 50%;padding: 15px 10px;} header #logoFrame {padding: 5px 100px;} header #midLine {display:block;height: 65px !important;position: relative;} header #midlinks #midAccount {top:25px;left:70px;width:20px;overflow:hidden;} header #midlinks #midPhone {display:inline-block;top:25px;right:60px;width:20px;overflow:hidden;} header #midlinks #floatingCart {top:25px;width:20px;overflow:hidden;} header #midlinks a {font-size:0px !important;} header #midlinks img {max-height:18px;} #ytMobileMenuIcon {font-size:0px !important;width: 35px;} #mobileQuoteButton {display:block;} footer #footerMenu label {font-size:16px;} footer #footerMenu .footerDepartments a {font-size:14px;} footer #footerMenu .footerPopular ul li {width: 50%;padding: 0px 10px;font-size: 14px;} footer #footerMenu .footerPopular ul li a {font-size: 14px;} .onlyMobile {display:block !important;} .onlyDesktop {display:none !important;} #homeCategories #homeContents .contentsElement {width: 50%;} #sectionContents .contentsElement {width: 50%;} #pagingContents #pagingContainer .pagingCell {width: 50%;} #pageBodyInner.withFilter {width:100% !important;padding: 0px 10px;} #filterBar {position:absolute;left:-265px;z-index:99999;background-color:#fff;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;box-shadow: 0px 2px 4px #666;-webkit-box-shadow: 0px 2px 4px #666;} #filterIcon {display:block;} ul#chTopBadges li {width: 50%;} #chHeadline {font: normal 16px verdana;} #chCARE h2 {font: bold 28px verdana;} #chCARE p {font: normal 16px verdana;} #chCustomAwards h2 {font: bold 28px verdana;} #chCustomAwards p {font: normal 16px verdana;} #chGallery h2 {font: bold 28px verdana;} #chGallery p {font: normal 16px verdana;padding: 0px 10px;} #chGalleryElements li {width:100%;float:none;height:auto !important;} #chHereToHelpInner {background-image: none;min-height: 0px;font: normal 16px verdana;padding-bottom:10px;} #chHereToHelpInner h2 {font: bold 28px verdana;padding: 20px 0px;} #chHereToHelpInner h3 {font: bold 22px verdana;padding: 10px 0px;} #chHereToHelpInner a {display:block;font: bold 14px/44px verdana;color:#fff;width:200px;margin: 10px auto 20px;} #chHereToHelpInner a small {font: normal 12px/44px verdana;color:#fff;} #chContentBar #chHereToHelpInner {background-image: none;padding: 10px;} #chContentBar #chHereToHelpInner a {display:block;margin: 10px auto;} #itemOrderBoxClone span#qtyBoxClone {display:inline-block;text-align:center;font: bold 12px verdana,arial;color: #000;width: 100px;} #itemOrderBoxClone span#qtyBoxClone input {padding: 8px 0;margin-left:5px;} #personalizeIcon {font: bold 14px verdana;color: #fff !important;padding:6px 30px;cursor:pointer;display:block;margin: 0 0 10px 0;} #itemOrderBoxClone #add2cartbuttonClone {font: bold 16px verdana;} #chProdContents .contentsElement .text ul {margin: 10px;padding: 0 0 0 20px;} #chQuotePage #chProdContents .contentsElement {width: 100%;float:none;height: auto !important;} #itemInfoFrame #shippingMessage {font-size: 14px;} #itemInfoFrame #shippingMessage b {display:block;} #itemInfoFrame #shippingMessage a {display:block;} } @media only screen and (max-width : 580px) { #itemConfiguratorFrame .configSlider {width: 100% !important;float: none !important;clear:both;} #customizeResults {float: none;} #chContentBar #chCustomAwardsElements li {box-sizing: border-box;width:100%;float:none;height:auto !important;margin: 13px 0px;} #chProductPage #chContacts ul li, #chProductPage .chContactsInset ul li {width:100%;} #chProdContents .contentsElement {width: 100%;float:none;padding: 15px 0px;} }