@font-face { font-family: 'robotoregular'; src: url("../fonts/roboto_regular/Roboto-Regular-webfont.eot"); src: url("../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto_regular/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/roboto_regular/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/roboto_regular/Roboto-Regular-webfont.svg#robotoregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotomedium'; src: url("../fonts/roboto_medium/Roboto-Medium-webfont.eot"); src: url("../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto_medium/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/roboto_medium/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/roboto_medium/Roboto-Medium-webfont.svg#robotomedium") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotolight'; src: url("../fonts/roboto_light/Roboto-Light-webfont.eot"); src: url("../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto_light/Roboto-Light-webfont.woff") format("woff"), url("../fonts/roboto_light/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/roboto_light/Roboto-Light-webfont.svg#robotolight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotobold'; src: url("../fonts/roboto_bold/Roboto-Bold-webfont.eot"); src: url("../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto_bold/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/roboto_bold/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/roboto_bold/Roboto-Bold-webfont.svg#robotolight") format("svg"); font-weight: normal; font-style: normal; }
.button-with-icon:before { content: ""; display: inline-block; width: 38px; height: 38px; background-color: gray; vertical-align: middle; position: absolute; padding-left: 28px; }

.each-brand .views-field-field-brandimage .field-content, .partner-brand-listing .views-field-field-brandimage .field-content { margin: 0 auto; text-align: center; display: table; }
.each-brand .views-field-field-brandimage .field-content a, .partner-brand-listing .views-field-field-brandimage .field-content a { display: table-cell; vertical-align: middle; height: 180px; }
.each-brand .views-field-field-brandimage .field-content img, .partner-brand-listing .views-field-field-brandimage .field-content img { max-height: 150px; width: auto; }

.spr-sprite, blockquote:before, .views-slideshow-controls-text-previous, .views-slideshow-controls-text-next, .top-button .brand-icon:after, .top-button .cat-icon:after, .top-button .new-icon:after, .top-button .prom-icon:after, .start-now .arrow-right, .start-now:hover .arrow-right, .start-now:active .arrow-right, .start-now:focus .arrow-right, .action-menu ul li .plangram, .action-menu ul li .compare, .action-menu ul li .cart, .action-menu ul li .search, .tb-megamenu-main-menu .tb-megamenu-button, .tb-megamenu-main-menu .tb-megamenu-button:hover, .tb-megamenu-main-menu .tb-megamenu-button:focus, .tb-megamenu-main-menu .tb-megamenu-button.cross, .tb-megamenu-main-menu .tb-megamenu-button.cross:active, .tb-megamenu-main-menu .tb-megamenu-button.cross:focus, .social-icons .twitter, .social-icons .youtube, .social-icons .blogger, .social-icons .gmail, .social-icons .facebook, .social-icons .linkedin, .wish-compare-buttons .compare a:after, .wish-compare-buttons .wishlist a.icon:after, .tomauri-home-carousel .jcarousel-skin-default .jcarousel-prev-horizontal, .tomauri-home-carousel .jcarousel-skin-default .jcarousel-next-horizontal, .add-to-cart .form-actions:before, .view-more .arrow-right, .view-more:hover .arrow-right, .view-more:active .arrow-right, .view-more:focus .arrow-right, .icon-cart, .icon-save, .icon-undo, .icon-reset, .remove-gray, .close, .help-tooltip a, .coming-soon-tag, .p-new.new-tag, .p-promo, .views-exposed-form .views-widget-filter-field_rating_rating > label:after, .views-exposed-form .views-widget-filter-sell_price > label:after, .views-exposed-form .views-widget-filter-sell_price_1 > label:after, .views-exposed-form .views-widget-filter-field_product_colour_value > label:after, .views-exposed-form .views-widget-filter-field_products_brand_target_id > label:after, .views-exposed-form .views-widget-filter-field_current_rating_value > label:after, .views-exposed-form .views-widget-filter-list_price > label:after, .views-exposed-form .views-widget-filter-field_rating_rating > label.plus:after, .views-exposed-form .views-widget-filter-sell_price > label.plus:after, .views-exposed-form .views-widget-filter-sell_price_1 > label.plus:after, .views-exposed-form .views-widget-filter-field_product_colour_value > label.plus:after, .views-exposed-form .views-widget-filter-field_products_brand_target_id > label.plus:after, .views-exposed-form .views-widget-filter-field_current_rating_value > label.plus:after, .views-exposed-form .views-widget-filter-list_price > label.plus:after, .views-widget-filter-field_products_brand_target_id input[type="checkbox"]:not(:checked) + label:before, .views-widget-filter-field_products_brand_target_id input[type="checkbox"]:checked + label:before, .views-widget-filter-field_rating_rating input[type="radio"]:not(:checked) + label:before, .views-widget-filter-field_rating_rating input[type="radio"]:checked + label:before, .views-widget-filter-sell_price input[type="radio"]:not(:checked) + label:before, .views-widget-filter-sell_price input[type="radio"]:checked + label:before, .views-widget-filter-field_current_rating_value input[type="radio"]:not(:checked) + label:before, .views-widget-filter-field_current_rating_value input[type="radio"]:checked + label:before, .product-image-wrapper .next:before, .product-image-wrapper .prev:before, .icon-minus, .icon-minus.add, .node-type-product .file:before, .node-type-product .share-button:after, .node-type-product .add-planogram-link:after, .node-type-product .compare-toggle:after, .node-type-product .p-new-title, .node-type-product .p-coming-title, .node-type-product .p-promo-title, .rate-5, .rate-4, .rate-3, .rate-2, .rate-1, .rate-0, span.review-star.inactive, span.review-star.active, #comparison-table .remove-col:before, .owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next, .family-product-list.owl-theme .owl-controls .owl-buttons .owl-prev, .family-product-list.owl-theme .owl-controls .owl-buttons .owl-next, .ekko-lightbox .modal-header .close, .block-search .form-actions:before, .tb-megamenu .nav li.level-1.dropdown > a > span.caret, .tb-megamenu .nav li.level-1.dropdown.open > a > span.caret, .tb-megamenu .nav li.level-2.dropdown-submenu > a > span.caret, .tb-megamenu .nav li.level-2.dropdown-submenu.open > a > span.caret, .tb-megamenu .nav li.level-2.mega-group > a > span.caret, .tb-megamenu .nav li.level-2.mega-group.open > a > span.caret, .icon-settings, .icon-pay, .icon-planogram, .icon-address, .icon-terms, .icon-bulk, .icon-rma, .icon-order { background-image: url('images/spr-s1c92eb96ea.png'); background-repeat: no-repeat; }

.nopadding { padding: 0 !important; margin: 0 !important; }

.nopadding-left { padding-left: 0 !important; margin-left: 0 !important; }

.nopadding-right { padding-right: 0 !important; margin-right: 0 !important; }

.clearboth { clear: both; }

.hide-desk, #node-49 { display: none; }

.radius-right { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0; border-radius: 0 5px 5px 0; }

.radius-left { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px; border-radius: 5px 0 0 5px; }

.input-item { margin-bottom: 5px; }

.header-with-border { border-bottom: 1px solid #ececec; margin-bottom: 5px; }
.header-with-border h2, .header-with-border .page-node-43 #page-title, .page-node-43 .header-with-border #page-title, .header-with-border .page-node-51 #page-title, .page-node-51 .header-with-border #page-title { margin-bottom: 5px; }

.header-bottom h2, .header-bottom .page-node-43 #page-title, .page-node-43 .header-bottom #page-title, .header-bottom .page-node-51 #page-title, .page-node-51 .header-bottom #page-title { padding-bottom: 10px; border-bottom: 1px solid #ececec; }

.bottom-with-pad { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ececec; }
.bottom-with-pad > a { font-family: 'robotobold'; }

.taxonomy-header { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #ececec; font-size: 24px; font-size: 2.4rem; }

.more-button { background: #046890; display: inline-block; font-family: 'robotobold'; }
.more-button a { padding: 5px 13px; color: #fff; display: block; font-size: 11px; font-size: 1.1rem; }
.more-button a:hover, .more-button a:focus { background: #04435c; text-decoration: none; }

.focus-shadow { -moz-box-shadow: inset 0 0 10px 1px #ececec; -webkit-box-shadow: inset 0 0 10px 1px #ececec; box-shadow: inset 0 0 10px 1px #ececec; }

.h2-margin-bottom-zero h2, .h2-margin-bottom-zero .page-node-43 #page-title, .page-node-43 .h2-margin-bottom-zero #page-title, .h2-margin-bottom-zero .page-node-51 #page-title, .page-node-51 .h2-margin-bottom-zero #page-title { margin-bottom: 0; }

.Aqua { background-color: #00FFFF !important; }

.Assorted { background-color: #FdFdFd !important; }

.Beige { background-color: #F5F5DC !important; }

.Black { background-color: #000000 !important; }

.Blue { background-color: #0000FF !important; }

.Brown { background-color: #A52A2A !important; }

.BlackWhite { background-color: #000000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjFweCIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(50%, #ffffff), color-stop(1px, #cccccc), color-stop(50%, #000000)); background-image: -moz-linear-gradient(left, #ffffff 50%, #cccccc 1px, #000000 50%); background-image: -webkit-linear-gradient(left, #ffffff 50%, #cccccc 1px, #000000 50%); background-image: linear-gradient(to right, #ffffff 50%, #cccccc 1px, #000000 50%); }

.Burgundy { background-color: #800020 !important; }

.Bronze { background-color: #cd7f32; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkN2YzMiIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjYTUyYTJhIi8+PHN0b3Agb2Zmc2V0PSI2Ni42NjY2NyUiIHN0b3AtY29sb3I9IiNiODczMzMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDdmMzIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #cd7f32), color-stop(33.33333%, #a52a2a), color-stop(66.66667%, #b87333), color-stop(100%, #cd7f32)); background-image: -moz-linear-gradient(left, #cd7f32, #a52a2a, #b87333, #cd7f32); background-image: -webkit-linear-gradient(left, #cd7f32, #a52a2a, #b87333, #cd7f32); background-image: linear-gradient(to right, #cd7f32, #a52a2a, #b87333, #cd7f32); }

.Cobalt { background-color: #0047AB !important; }

.Charcoal { background-color: #36454F !important; }

.Clear { background-color: rgba(150, 150, 150, 0.3) !important; }

.Copper { background-color: #B87333; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4NzMzMyIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjY2Q3ZjMyIi8+PHN0b3Agb2Zmc2V0PSI2Ni42NjY2NyUiIHN0b3AtY29sb3I9IiNhNTJhMmEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiODczMzMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #b87333), color-stop(33.33333%, #cd7f32), color-stop(66.66667%, #a52a2a), color-stop(100%, #b87333)); background-image: -moz-linear-gradient(left top, #b87333, #cd7f32, #a52a2a, #b87333); background-image: -webkit-linear-gradient(left top, #b87333, #cd7f32, #a52a2a, #b87333); background-image: linear-gradient(to right bottom, #b87333, #cd7f32, #a52a2a, #b87333); }

.Flax { background-color: #EEDC82 !important; }

.GunMetal { background-color: #434b4d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNGI0ZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTM2MjY3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzY0NTRmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #434b4d), color-stop(50%, #536267), color-stop(100%, #36454f)); background-image: -moz-linear-gradient(left top, #434b4d, #536267, #36454f); background-image: -webkit-linear-gradient(left top, #434b4d, #536267, #36454f); background-image: linear-gradient(to right bottom, #434b4d, #536267, #36454f); }

.Gold { background-color: #FFD700; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDcwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkN2YzMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffd700), color-stop(100%, #cd7f32)); background-image: -moz-linear-gradient(left top, #ffd700, #cd7f32); background-image: -webkit-linear-gradient(left top, #ffd700, #cd7f32); background-image: linear-gradient(to right bottom, #ffd700, #cd7f32); }

.Green { background-color: #008000 !important; }

.Grey { background-color: #808080 !important; }

.Iron { background-color: #434b4d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNGI0ZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTM2MjY3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #434b4d), color-stop(50%, #666666), color-stop(100%, #536267)); background-image: -moz-linear-gradient(left top, #434b4d, #666666, #536267); background-image: -webkit-linear-gradient(left top, #434b4d, #666666, #536267); background-image: linear-gradient(to right bottom, #434b4d, #666666, #536267); }

.MultiColour { background-color: #FFFFFF; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMTAwMCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmZhNTAwIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmZmZmMDAiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzlhY2QzMiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMDAwNGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1000), color-stop(20%, #ffa500), color-stop(40%, #ffff00), color-stop(60%, #9acd32), color-stop(80%, #0004ff), color-stop(100%, #0000ff)); background-image: -moz-linear-gradient(left, #fa1000, #ffa500, #ffff00, #9acd32, #0004ff, #0000ff); background-image: -webkit-linear-gradient(left, #fa1000, #ffa500, #ffff00, #9acd32, #0004ff, #0000ff); background-image: linear-gradient(to right, #fa1000, #ffa500, #ffff00, #9acd32, #0004ff, #0000ff); }

.Matte { background-color: #383838 !important; }

.Orange { background-color: #FFA500 !important; }

.Pink { background-color: #FFC0CB !important; }

.Purple { background-color: #800080 !important; }

.Red { background-color: #FF0000 !important; }

.Rainbow { background-color: #FFA500 !important; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwMDA4MCIvPjxzdG9wIG9mZnNldD0iMTYuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMGZmIi8+PHN0b3Agb2Zmc2V0PSIzMy4zMzMzMyUiIHN0b3AtY29sb3I9IiMwMGZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwODAwMCIvPjxzdG9wIG9mZnNldD0iNjYuNjY2NjclIiBzdG9wLWNvbG9yPSIjZmZmZjAwIi8+PHN0b3Agb2Zmc2V0PSI4My4zMzMzMyUiIHN0b3AtY29sb3I9IiNmZmE1MDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #800080), color-stop(16.66667%, #0000ff), color-stop(33.33333%, #00ffff), color-stop(50%, #008000), color-stop(66.66667%, #ffff00), color-stop(83.33333%, #ffa500), color-stop(100%, #ff0000)); background-image: -moz-linear-gradient(left top, #800080, #0000ff, #00ffff, #008000, #ffff00, #ffa500, #ff0000); background-image: -webkit-linear-gradient(left top, #800080, #0000ff, #00ffff, #008000, #ffff00, #ffa500, #ff0000); background-image: linear-gradient(to right bottom, #800080, #0000ff, #00ffff, #008000, #ffff00, #ffa500, #ff0000); }

.Silver { background-color: #C0C0C0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwYzBjMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzBjMGMwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #c0c0c0), color-stop(10%, #ffffff), color-stop(100%, #c0c0c0)); background-image: -moz-linear-gradient(left top, #c0c0c0, #ffffff 10%, #c0c0c0); background-image: -webkit-linear-gradient(left top, #c0c0c0, #ffffff 10%, #c0c0c0); background-image: linear-gradient(to right bottom, #c0c0c0, #ffffff 10%, #c0c0c0); }

.Titanium { background-color: #B6AFA9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwYzBjMCIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c0c0c0), color-stop(10%, #f0f0f0), color-stop(100%, #808080)); background-image: -moz-linear-gradient(left, #c0c0c0, #f0f0f0 10%, #808080); background-image: -webkit-linear-gradient(left, #c0c0c0, #f0f0f0 10%, #808080); background-image: linear-gradient(to right, #c0c0c0, #f0f0f0 10%, #808080); }

.Turquoise { background-color: #40E0D0 !important; }

.Violet { background-color: #EE82EE !important; }

.White { background-color: #FFFFFF !important; }

.Yellow { background-color: #FFFF00 !important; }

.YellowGreen { background-color: #9ACD32 !important; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlhY2QzMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffff00), color-stop(100%, #9acd32)); background-image: -moz-linear-gradient(left, #ffff00, #9acd32); background-image: -webkit-linear-gradient(left, #ffff00, #9acd32); background-image: linear-gradient(to right, #ffff00, #9acd32); }

/* This is for all non rebated items */
.promotion-price { display: none; }

/* @file global.styles  Styles you add here will load for all device sizes, they are "global", as opposed to "responsive" styles, which only load for a given breakpoint (media query) that you set in theme settings. See the README for more details.   How to use this file: --------------------  There are many empty selectors and some basic styles to act as a guide. Nothing is set in stone and you can change anything - even delete all of it and start with your own clean slate.  To FORCE PRINT all selectors you can search and replace a single { (opening curly brace) and insert an empty comment. This is very useful in conjuction with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/  See global.base also which includes normalize.css and some additional helper classes and base styles. */
/* ============================================================================= Base ========================================================================== */
/* To preserve theme settings never apply font properties to the HTML element. This is critically important if you are using the Responsive JavaScript feature as this relies on being able to set a pseudo font family on the HTML element. If you need to set default font properties of any kind use the BODY element as these can be overridden using font theme settings. */
html { background: #fff; }

body { font-family: 'robotoregular'; font-size: 13px; }

/* ============================================================================= HTML Elements ========================================================================== */
h1, .h1 { font-size: 30px; font-size: 3rem; line-height: 40px; line-height: 4rem; font-family: 'robotoregular'; display: block; }

h2, .page-node-43 #page-title, .page-node-51 #page-title { font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3rem; font-family: 'robotoregular'; }

h3, .h3 { font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; font-family: 'robotobold'; }

h4, .prod-filter-wrapper .block-title, .block-menu-block .block-title { font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; font-family: 'robotobold'; }

h5 { font-size: 14px; font-size: 1.4rem; line-height: 17px; line-height: 1.7rem; font-family: 'robotobold'; }

blockquote { padding: 20px 70px; position: relative; border-left: 5px solid #046890; }
blockquote:before { content: ''; display: inline-block; vertical-align: top; background-position: 0 0; width: 34px; height: 24px; position: absolute; top: 10px; left: 10px; }

ul { margin-bottom: 20px; }
ul li { list-style-image: url("images/spr/bullet.png"); line-height: 1.6; margin-bottom: 5px; }
ul li ul li { list-style-image: url("images/spr/bullet-gray.png"); }

ol { margin-bottom: 20px; }
ol li { margin-bottom: 5px; line-height: 1.6; }

.nav-tabs > li { padding-left: 20px; padding-right: 20px; }
.nav-tabs > li > a { border: none; border-radius: 0; font-family: 'robotobold'; color: #363636; }
.nav-tabs > li.active { border-bottom: 2px solid #046890; }
.nav-tabs > li.active > a { border: none; border-radius: 0; }
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: none; border-radius: 0; }

pre, code, tt, samp, kbd, var { font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif; }

/* ============================================================================= Wrappers ========================================================================== */
/* Outer wrappers: - #page-wrapper: body > #page-wrapper - #page: body > #page-wrapper > #page - .container: body > #page-wrapper > #page.container  The .container class holds the page width value from theme settings. You can style the .container class but do not add width such as border, padding, margins etc. */
/* Wraps all header elements - branding and .region-header */
/* Wraps the sidebars the content column */
/* Main content column wrapper */
/* Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column */
/* Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style */
/* Footer wrapper */
/* Panels may need additional margin wrangling when in the $content region */
/* Full Width Wrappers These are used in the optional page--full-width-wrappers.tpl.php template. All have internal .container classes. In the full width wrapper template the .container classes set the width or max-width - you can style this but never add any width/margin/padding/borders etc to .container */
/* Wraps the leaderboard */
/* Wraps the header */
#header-wrapper { /* Debug styles, is this working */ }

/* Wraps the nav elements */
#nav-wrapper { border-top: 1px solid #e5e5e5; margin-bottom: 5px; -moz-box-shadow: #b6b6b6 0 2px 5px; -webkit-box-shadow: #b6b6b6 0 2px 5px; box-shadow: #b6b6b6 0 2px 5px; }
.page-node-34 #nav-wrapper { margin-bottom: 17px; }
.front #nav-wrapper { margin-bottom: 0; }

/* Wraps breadcrumb */
/* Wraps messages and help */
/* Wraps the secondary content/preface region */
/* Wraps the main content column */
/* Wraps the tertiary content/postfix region */
/* ============================================================================= Branding ========================================================================== */
/* Wraps all the branding elements, logo, name and slogan */
.branding-elements { width: 200px; float: left; }

/* Logo */
#logo { padding: 20px 0 17px 0; }
#logo img { vertical-align: bottom; }

/* Wrapper for the site name and slogan */
/* Site name (h1) */
#site-name { margin: 0; }
#site-name a:link, #site-name a:visited { text-decoration: none; }
#site-name a:hover, #site-name a:focus { text-decoration: underline; }

/* Site slogan (h2) */
#site-slogan { margin: 0; }

/* ============================================================================= Page content header ========================================================================== */
/* Main content header wraps the page title, tabs and actions links */
/* The main page title (h1) */
#page-title { font-size: 24px; font-size: 2.4rem; line-height: 32px; line-height: 3.2rem; }

/* ============================================================================= Misc Global Styles ========================================================================== */
/* Feed icons */
/* Aggregator feed source */
#aggregator .feed-source .feed-icon { display: inline; float: none; margin-right: 10px; }

.feed-details dt, .feed-details dd { display: inline; margin: 0; }

/* Generic styles for the more link */
/* Generic styles for links. See the ul.links declaration in node and comment stylesheets */
ul.links { margin: 0; padding: 0; }
ul.links.inline { display: block; }
ul.links li { display: inline; list-style: none; padding: 0 10px 0 0; }

/* Search results are an ordered list so reset the margin */
.search-results { margin: 0; padding: 0; }

/* Attribution message and link */
.attribution { display: block; opacity: 0.65; padding: 1em 0; text-align: center; }
.attribution a { text-decoration: none; color: inherit; }
.attribution a:hover, .attribution a:focus { text-decoration: underline; }

/* ============================================================================= Regions ========================================================================== */
/* Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc */
/* Regions have an inner div - perfect for adding margin, padding or borders */
/* Regions can be nested, such as when using Panels */
/* Header region, embedded in the #header */
/* Generally used to output Drupals help block, if the help module is enabled */
/* Secondary content */
/* Sits above the main content header, like a content-top region */
/* Sits below the main content, like a content-bottom region */
/* Sidebars - targets both */
/* First sidebar */
/* Second sidebar */
/* Tertiary content */
/* Footer region */
/* ============================================================================= Links ========================================================================== */
a { text-decoration: none; color: #046890; }
a:hover, a:focus { text-decoration: underline; }

/* ============================================================================= Primary, Secondary and Menu Bar region menus ========================================================================== */
.nav { clear: both; }
.nav ul, .nav ul.menu { margin: 0; padding: 0; }
.nav li, .nav ul.menu li { display: inline; float: left; list-style: none; margin: 0; padding: 0; }
.nav li a, .nav ul.menu li a { display: block; white-space: nowrap; }
.nav .block { margin-bottom: 0; }

/* ============================================================================= Superfish ========================================================================== */
ul.sf-menu { margin-bottom: 0; }
ul.sf-menu a { border-left: 0; border-top: 0; padding: 0 10px; text-decoration: none; height: 2.5em; line-height: 2.5em; }
ul.sf-menu li:hover, ul.sf-menu li.sfHover { outline: 0; }
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active { outline: 0; }

/* Superfish blocks */
.block-superfish ul { margin: 0 !important; padding: 0 !important; }
.block-superfish li { margin: 0 !important; padding: 0 !important; }

/* Vertical style */
.sf-vertical { width: 100%; }
.sf-vertical li { width: 100%; }
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; top: 0; margin: 0; padding: 0; }
.sf-vertical li a { padding: 0 10px; }

/* Navbar style */
.sf-navbar { padding-bottom: 0 !important; }

/* Sensible padding for the default style */
.sf-menu.sf-style-default a { padding: 0 10px; }

/* ============================================================================= Menu Toggles ========================================================================== */
.at-mt .at-menu-toggle, .at-mt .at-menu-toggle ul, .at-mt .at-menu-toggle ul.menu { margin-top: 0; margin-bottom: 0; padding: 0; }
.at-mt .at-menu-toggle-button { margin: 0; }
.at-mt .at-menu-toggle ul a { padding: 0 10px; white-space: nowrap; }

/* ============================================================================= Menus, usually blocks ========================================================================== */
ul.menu { padding-left: 15px; }
ul.menu ul { padding-left: 15px; }
ul.menu li { margin: 0; }

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content { padding: 0; }

/* ============================================================================= Book navigation menu ========================================================================== */
.book-navigation .page-up { /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */ min-width: 2em; white-space: nowrap; }
.book-navigation .menu { margin-left: 0; }

/* ============================================================================= Breadcrumbs ========================================================================== */
#breadcrumb { margin: 10px 0; /* If the label is set to show in theme settings the label class is added */ }
#breadcrumb .breadcrumb-label { font-size: 1em; display: inline; padding-right: 10px; }
#breadcrumb .breadcrumb-label:after { content: ":"; }
#breadcrumb ol { margin: 0; padding: 0; }
#breadcrumb .with-breadcrumb-label ol { display: inline; }
#breadcrumb li { list-style: none; display: inline; }

/* ============================================================================= Pagers ========================================================================== */
ul.pager { clear: both; margin: 0; text-align: center; }

.item-list ul.pager li { margin: 0; }

ul.pager li { background-image: none; display: inline; list-style-type: none; padding: .5em; }
ul.pager li.pager-current { font-weight: 700; width: auto; min-height: auto; min-width: auto; display: inline-block; }

.block ul.pager li { margin: 0; }

/* Theme the various states of pager links */
/* ============================================================================= Skip Navigation ========================================================================== */
#skip-link { left: 50%; margin-left: -6.5em; margin-top: 0; padding: 0 0.5em; position: absolute; width: 12em; z-index: 50; }
#skip-link a { background: #444; background: rgba(0, 0, 0, 0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }
#skip-link a:link, #skip-link a:visited { background: #444; background: rgba(0, 0, 0, 0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }
#skip-link a:hover, #skip-link a:focus, #skip-link a:active { outline: 0; }

/* ============================================================================= Tabs (local tasks) ========================================================================== */
#tasks { margin-bottom: 15px; }

ul.primary { border-bottom-color: #e7e7e7; margin: 20px 0; padding: 0 0 0 5px; }
ul.primary li { display: block; float: left; margin: 0 1px -1px; }
ul.primary li a { background-color: #f5f5f5; border-color: #e7e7e7; margin-right: 1px; padding: 0 10px; display: block; float: left; height: 1.5em; line-height: 1.5em; }
ul.primary li a:hover, ul.primary li a:focus { background-color: #eee; border-color: #e7e7e7; }
ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background-color: #fff; border-bottom-color: #fff; }

ul.secondary { border-bottom: 1px solid #e7e7e7; margin: 1em 0 0; padding: 0 .3em 1em; }
ul.secondary li { border-right: 0; list-style: none; padding: 0 10px 0 0; }
ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; }

/* ============================================================================= Action links ========================================================================== */
ul.action-links { margin: 20px 0 0; list-style: none; }

/* ============================================================================= Field Styling ========================================================================== */
/* Wrapper for any field */
/* Above and inline classes are on the field wrapper */
/* When labels are set to inline in field display settings the clearfix class is automatically added */
.field-label-inline { /* Remove the margin on inline field lables to preserve vertical formatting */ }
.field-label-inline .field-label { margin: 0; }

/* Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues */
.field-label { font-size: 1em; font-weight: 700; font-family: inherit; line-height: inherit; margin-bottom: 0; }

/* Field types (Core) */
/* Image fields use the <figure> and <figcaption> elements from HTML5 */
/* Taxonomy */
.field-type-taxonomy-term-reference { /* The same bottom margin as p, blockquote, ul, ol and dl */ margin-bottom: 1.5em; }
.field-type-taxonomy-term-reference.field-label-inline .field-items { margin: 0; padding: 0; }
.field-type-taxonomy-term-reference.field-label-inline .field-item { display: inline; list-style: none; padding: 0 10px 0 0; }

/* Text */
/* Long text */
/* Text with summary */
/* File */
/* Number/Integer */
/* Decimal */
/* Number float */
/* List */
/* List boolean */
/* List integer */
/* List float */
/* Field types (Contrib) */
/* Named fields */
/* Underscores in field name are replaced with dashes */
/* Image Alignment Theme Settings - included here so you can easily override */
/* Float none setting */
/* Float left setting */
.ia-l .field-type-image figure, .iat-l .field-type-image figure { margin: 5px 20px 15px 0; }

/* Centered setting */
.ia-c .field-type-image figure, .iat-c .field-type-image figure { margin: 5px auto 15px; }

/* Float right setting */
.ia-r .field-type-image figure, .iat-r .field-type-image figure { margin: 5px 0 15px 20px; }

/* ============================================================================= Block Styling ========================================================================== */
/* Main wrapper for most blocks, block_system_main does not have it */
.block { margin-bottom: 20px; }

/* Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it */
/* The first block in the region */
/* The last block in the region */
/* Zebra striping for each block in the region */
/* Zebra striping for each block in the region */
/* Block title */
/* Block content wrapper */
/* Match item list and block menu margin and padding */
.block-content ul, .block-content ol { padding: 0 0 0 15px; }
.block-content li { margin: 0; padding: 0; }

/* Block for the latest news items in the first category */
/* Block for the latest news items in the first feed */
/* First block created with "Add block" link */
/* "Recent blog posts" block */
/* "Book navigation" block for the current book's table of contents */
/* "Recent comments" block */
/* "Active forum topics" block */
/* "New forum topics" block */
/* Language switcher block */
/* Custom menu block */
/* "Recent content" block */
/* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */
/* "Most recent poll" block */
/* "Author information" block for the profile of the page's author */
/* "Search form" block */
/* "Shortcuts" block */
/* "Popular content" block */
/* "Main menu" block */
/* "Management" block for Drupal management menu */
/* "Navigation" block for Drupal navigation menu */
/* "User menu" block for Drupal user menu */
/* "System help" block */
/* "Main page content" block */
/* "Powered by Drupal" block */
/* "User login form" block */
/* "Who's new" block for a list of the newest users */
/* "Who's online" block for a list of the online users */
/* ============================================================================= Node Styling ========================================================================== */
.node { margin-bottom: 20px; }

/* All nodes are given a node-FOO class that describes the type of content that it is. If you create a new content type called "my-custom-type", it will receive a "node-my-custom-type" class. */
/* ============================================================================= Comment Styling - Comments, comment wrapper, comment form ========================================================================== */
/* Wrapper for the list of comments and its titles */
#comments { margin: 1.5em 0; }
#comments h2.comment-title, #comments .page-node-43 .comment-title#page-title, .page-node-43 #comments .comment-title#page-title, #comments .page-node-51 .comment-title#page-title, .page-node-51 #comments .comment-title#page-title { margin: 0; }
#comments h2.comment-form, #comments .page-node-43 .comment-form#page-title, .page-node-43 #comments .comment-form#page-title, #comments .page-node-51 .comment-form#page-title, .page-node-51 #comments .comment-form#page-title { margin: 0; }

/* Wrapper for a single comment */
.comment { margin-bottom: 20px; }

/* Comment title */
.comment-title { margin: 0; }

/* Comment states */
/* Preview of the comment before submitting new or updated comment */
/* "New" marker for comments that are new for the current user */
.new { color: #c00; }

/* Nested comments are indented */
.indented { margin-left: 40px; }

/* ============================================================================= Forms ========================================================================== */
/* Wrapper for a form element (or group of form elements) and its label */
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; }
.form-item label { font-weight: 600; }
.form-item .description { font-size: 0.85em; }

/* Highlight marks and form required mark */
.marker, .form-required { color: #c00; }

/* The submit button */
.container-inline div, .container-inline label { display: inline; }

/* Define consistent borders */
fieldset { border: 1px solid #e7e7e7; padding: 15px; margin-bottom: 20px; }
fieldset legend { width: auto; border: 0; padding-left: 5px; margin-bottom: 0; }

.fieldset-description { margin-bottom: 10px; }

/* Tips for Drupal's input formats */
/* Buttons used by contrib modules like Media */
a.button { -moz-appearance: button; -webkit-appearance: button; }

/* Password confirmation */
.password-parent, .confirm-parent { margin: 0; }

/* ============================================================================= Tables ========================================================================== */
table { border: none; margin: 10px 0; padding: 0; width: 100%; }
table thead tr { border-bottom: 1px solid #046890; font-weight: 700; }
table thead tr a { color: #000; }
table thead tr a:hover, table thead tr a:active, table thead tr a:focus { color: #363636; }
table.sticky-header { z-index: 10; }

tbody tr { border-bottom: 1px solid #e7e7e7; }

table, thead, tbody, tr, th, td { border-color: #e7e7e7; }

table, td, th { vertical-align: middle; }

caption, th, td { text-align: left; }

td, th { border-bottom: 0; margin: 0; padding: 15px; }

tr td.active { background-color: #fff; }
tr.odd { background-color: #fff; }
tr.even { background-color: #fff; }

/* Forum tables Core sets white-space to nowrap, which makes no sense */
#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { white-space: normal; }

/* ============================================================================= Messages ========================================================================== */
div.messages { margin-bottom: 10px; margin-top: 10px; position: relative; }
div.messages ul { margin-top: 0; margin-bottom: 0; }

/* Unpublished nodes */
.node-unpublished p.unpublished, .comment-unpublished p.unpublished { color: pink; color: rgba(239, 170, 170, 0.4); font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; font-size: 50px; font-weight: 700; line-height: 1.2; height: 0; margin: 0; padding: 0; overflow: visible; text-align: center; text-transform: uppercase; word-wrap: break-word; }

/* ============================================================================= Maintenance pages ========================================================================== */
.maintenance-page .container { padding: 40px 0; }
.maintenance-page #site-name, .maintenance-page #page-title { margin: 0; }

.db-offline .container { margin: 0 auto; padding: 40px 0; width: 100%; max-width: 960px; }
.db-offline div.messages { margin: 20px 0 0; }
.db-offline #content { padding: 20px 0; }

/* ============================================================================= Misc overrides for contrib modules ========================================================================== */
/* Admin menu overrides */
#admin-menu { margin: 0; padding: 0; }

/* Devel Module */
.dev-query { background: #eee; padding: 30px; }

/* Styleguide module tweaks */
#styleguide-header { padding: 0 10px; }
#styleguide-header .item-list { font-family: inherit; margin: 0 20px 20px 0; min-height: 260px; width: auto; }

/* ============================================================================= Header And Top Section ========================================================================== */
#header-wrapper:before { content: ""; display: block; width: 100%; background: #005476; height: 10px; }

/* Hide the sing in and Register while login  */
.logged-in .header-right .nav ul.menu .menu-item-1343, .logged-in .header-right .nav ul.menu .menu-item-795 { display: none; }

.header-right { width: 82%; float: right; padding-top: 25px; }
.header-right .nav { clear: none; margin-top: 0; padding-right: 0; }
.header-right .nav ul.menu { margin-top: 6px; float: right; }
.header-right .nav ul.menu li { padding: 1px; border-right: 1px solid #ececec; }
.header-right .nav ul.menu li:last-child, .header-right .nav ul.menu li.menu-item-15 { border-right: 0; }
.header-right .nav ul.menu li:last-child a, .header-right .nav ul.menu li.menu-item-15 a { padding-right: 0; }
.header-right .nav ul.menu li a { color: #363636; font-family: 'robotoregular'; padding: 0 7px; }

/* For Slide */
.views-slideshow-controls-text-previous, .views-slideshow-controls-text-next { position: absolute; top: 50%; width: 25px; height: 35px; z-index: 9; padding: 8px; }

.views-slideshow-controls-text-previous { left: 0; background-position: 0 -714px; }
.views-slideshow-controls-text-previous a { display: none; }

.views-slideshow-controls-text-next { right: 15px; background-position: 0 -539px; }
.page-taxonomy .views-slideshow-controls-text-next { right: 5px; }
.views-slideshow-controls-text-next a { display: none; }

.views-slideshow-controls-text-pause { display: none; }

.top-button { position: relative; background-color: #046890; color: #fff; display: block; font-size: 14px; line-height: 30px; text-transform: uppercase; }
.top-button:hover, .top-button:active, .top-button:focus { text-decoration: none; color: #fff; background-color: #005476; }
.top-button span { width: 45px; height: 100%; display: inline-block; background: #04435c; }
.top-button span:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.top-button span { font-size: 15px; font-size: 1.5rem; margin-right: 10px; padding: 4px 7px 7px 7px; height: auto; background: #005476; }
.top-button:hover span, .top-button:active span, .top-button:focus span { background-color: #023b52; }
.top-button .brand-icon:after { background-position: 0 -165px; width: 24px; height: 23px; }
.top-button .cat-icon:after { background-position: 0 -219px; width: 23px; height: 16px; }
.top-button .new-icon:after { background-position: 0 -519px; width: 22px; height: 20px; }
.top-button .prom-icon:after { background-position: 0 -784px; width: 22px; height: 17px; }

.start-now { background: #005476; display: inline-block; vertical-align: middle; color: #fff; height: 38px; text-decoration: none; }
.start-now .text { height: 100%; line-height: 36px; padding: 0 15px; vertical-align: top; }
.start-now .arrow-right { background-position: 0 -946px; width: 34px; height: 38px; display: inline-block; margin-left: 5px; }
.start-now .arrow-right:hover, .start-now .arrow-right.icon-right-start-hover { background-position: 0 -908px; }
.start-now:hover, .start-now:active, .start-now:focus { color: #fff; background: #014865; text-decoration: none; }
.start-now:hover .arrow-right, .start-now:active .arrow-right, .start-now:focus .arrow-right { background-position: 0 -908px; text-decoration: none; }

.home-designwall { position: relative; padding-left: 15px; }
.home-designwall .start-now { position: absolute; right: 0; bottom: 10px; text-transform: uppercase; font-size: 14px; }
.home-designwall .wall-image { border: 1px solid #eee; }
.home-designwall .wall-bg { background: #046890; overflow: hidden; padding: 10px 20px; color: #fff; min-height: 192px; }
.home-designwall .wall-bg h2, .home-designwall .wall-bg .page-node-43 #page-title, .page-node-43 .home-designwall .wall-bg #page-title, .home-designwall .wall-bg .page-node-51 #page-title, .page-node-51 .home-designwall .wall-bg #page-title { margin-top: 3px; }

/* ============================================================================= Action Menu  ========================================================================== */
.action-menu { float: left; }
.action-menu ul { float: right; }
.action-menu ul li { display: inline-block; padding: 9px; border-right: 1px solid #ececec; vertical-align: middle; text-align: right; font-family: 'robotoregular'; height: 42px; font-size: 13px; font-size: 1.3rem; }
.action-menu ul li:first-child { border-left: 1px solid #ececec; }
.action-menu ul li .plangram { background-position: 0 -632px; font-weight: bold; font-weight: bold; width: 24px; height: 23px; display: inline-block; margin-right: 8px; }
.action-menu ul li .compare { background-position: 0 -333px; width: 30px; height: 14px; width: 30px; display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; margin-top: 5px; }
.action-menu ul li .cart { background-position: 0 -188px; width: 27px; height: 20px; text-indent: 9999px; display: inline-block; margin-right: 5px; font-size: 0; line-height: 0; vertical-align: top; }
.action-menu ul li .search { background-position: 0 -1059px; width: 21px; height: 19px; vertical-align: middle; }
.action-menu ul li.hide-desk { display: none; }
.action-menu ul li span.cart-count { background: #005476; border-radius: 30px; color: white; display: inline-block; text-align: center; width: 30px; font-size: 13px; }

.tb-megamenu-main-menu .tb-megamenu-button { background-position: 0 -476px; width: 28px; height: 18px; padding: 0 !important; }
.tb-megamenu-main-menu .tb-megamenu-button:hover, .tb-megamenu-main-menu .tb-megamenu-button:focus { background-position: 0 -476px; width: 28px; height: 18px; outline: none; }
.tb-megamenu-main-menu .tb-megamenu-button.cross { background-position: 0 -457px; width: 21px; height: 19px; margin-right: 5px; }
.tb-megamenu-main-menu .tb-megamenu-button.cross:active, .tb-megamenu-main-menu .tb-megamenu-button.cross:focus { background-position: 0 -457px; width: 21px; height: 19px; margin-right: 5px; outline: none; }
.tb-megamenu-main-menu .tb-megamenu-button .icon-reorder { display: none; }

.breadcrumb-wrapper { background: #f9f9f9; margin-bottom: 15px; font-family: 'robotomedium'; font-size: 12px; font-size: 1.2rem; }
.breadcrumb-wrapper .breadcrumb { background: transparent; margin-bottom: 0; padding: 13px 0 14px 0; color: #363636; }
.breadcrumb-wrapper .breadcrumb span { padding-right: 10px; padding-left: 10px; }
.breadcrumb-wrapper .breadcrumb span:first-child { padding-left: 0; }

/* ============================================================================= Footer Section ========================================================================== */
.footer-wrapper { /* Debug styles, is this working? */ padding-top: 31px; background: #04435c; color: #fff; font-family: 'robotolight'; letter-spacing: 0.7px; padding-bottom: 10px; }
.footer-wrapper a { color: #fff; }
.footer-wrapper .footer-nav { margin-bottom: 0; }
.footer-wrapper .footer-nav ul.menu { list-style: none; text-align: right; }
.footer-wrapper .footer-nav ul.menu li { display: inline-block; padding-left: 16px; }

.tertiary-content-wrapper { margin-top: 20px; color: #fff; background-color: #045271; padding: 35px 0 30px; }
.tertiary-content-wrapper .become-reseller .block-title { margin-bottom: 10px; }
.tertiary-content-wrapper .node-become_reseller-form { overflow: hidden; width: 100%; }
.tertiary-content-wrapper .node-become_reseller-form .form-item { width: 100%; overflow: hidden; margin-bottom: 9px; margin-top: 9px; }
.tertiary-content-wrapper .node-become_reseller-form .form-item label { display: none; }
.tertiary-content-wrapper .node-become_reseller-form .form-actions { margin-top: 20px; }
.tertiary-content-wrapper .node-become_reseller-form input[type="text"] { height: 41px; background-color: #04435c; border: none; padding: 0 10px; color: #fff; width: 100%; -moz-box-shadow: inset 0 0 1px 1px #04435c; -webkit-box-shadow: inset 0 0 1px 1px #04435c; box-shadow: inset 0 0 1px 1px #04435c; }
.tertiary-content-wrapper .node-become_reseller-form input[type="submit"] { padding: 0 30px; background-color: #023144; color: #fff; text-transform: uppercase; min-width: 130px; width: 130px; }
.tertiary-content-wrapper .node-become_reseller-form input[type="submit"]:hover, .tertiary-content-wrapper .node-become_reseller-form input[type="submit"]:active { background-color: #046890; }
.tertiary-content-wrapper .block-title { padding-bottom: 18px; margin-bottom: 22px; border-bottom: 1px solid #36758d; text-transform: uppercase; font-family: 'robotolight'; }
.tertiary-content-wrapper .blog-home-views { padding-top: 10px; }
.tertiary-content-wrapper .blog-home-views ul { padding-left: 0; }
.tertiary-content-wrapper .blog-title { margin-bottom: 0; margin-top: 0; }
.tertiary-content-wrapper .blog-home { margin-left: 0; text-align: left; margin-bottom: 10px; }
.tertiary-content-wrapper .blog-home:last-child { margin-bottom: 0; }
.tertiary-content-wrapper .blog-home .views-field-title { height: auto; }
.tertiary-content-wrapper .blog-home .blog-home-image { padding-right: 20px; height: 120px; }

.blog-home { list-style: none; margin-left: 0; overflow: hidden; margin-bottom: 30px; }
.blog-home .views-field-title { height: 48px; }
.blog-home .views-field-title h4, .blog-home .views-field-title .prod-filter-wrapper .block-title, .prod-filter-wrapper .blog-home .views-field-title .block-title, .blog-home .views-field-title .block-menu-block .block-title, .block-menu-block .blog-home .views-field-title .block-title { margin-top: 0; }
.blog-home .views-field-body { line-height: 15px; margin-bottom: 14px; min-height: 30px; }
.blog-home .views-field-body * { margin-top: 0; }
.blog-home .blog-title a { color: #fff; text-transform: uppercase; }
.blog-home .blog-date { margin-bottom: 10px; font-size: 12px; color: #bfd9ed; }
.blog-home .blog-home-image { height: 130px; float: left; padding-right: 25px; width: 125px; }

.social-icons { margin-top: 40px; margin-left: 5px; }
.social-icons .twitter, .social-icons .youtube, .social-icons .blogger, .social-icons .gmail, .social-icons .facebook, .social-icons .linkedin { display: inline-block; width: 32px; height: 32px; margin-right: 5px; }
.social-icons .twitter { background-position: 0 -1126px; }
.social-icons .youtube { background-position: 0 -1193px; }
.social-icons .blogger { background-position: 0 -133px; }
.social-icons .gmail { background-position: 0 -399px; }
.social-icons .facebook { background-position: 0 -367px; }
.social-icons .linkedin { background-position: 0 -1251px; }

/* ============================================================================= Home Page and Common Elements ========================================================================== */
.wish-compare-buttons { margin-top: 1em; margin-bottom: 1em; float: right; width: 30%; position: relative; }
.wish-compare-buttons .compare { width: 34px; height: 35px; background: #b6b6b6; float: right; }
.wish-compare-buttons .compare a { font-size: 0; line-height: 0; display: inline-block; cursor: pointer; width: 100%; height: 100%; vertical-align: top; text-align: center; vertical-align: middle; color: transparent; }
.wish-compare-buttons .compare a:hover, .wish-compare-buttons .compare a:focus, .wish-compare-buttons .compare a.remove { background: #919191; }
.wish-compare-buttons .compare a:after { content: ""; display: inline-block; vertical-align: middle; background-position: 0 -347px; width: 21px; height: 10px; margin-top: 12px; }
.wish-compare-buttons .compare a.remove:before { content: "Remove Compare"; display: inline-block; vertical-align: middle; font-size: 12px; bottom: 50px; position: absolute; width: 110px; right: 0; height: 20px; background-color: #b6b6b6; padding: 12px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wish-compare-buttons .wishlist { width: 34px; height: 35px; background: #b6b6b6; float: left; margin-left: 2px; }
.wish-compare-buttons .wishlist a.icon { font-size: 0; line-height: 0; display: inline-block; cursor: pointer; width: 100%; height: 100%; vertical-align: top; text-align: center; vertical-align: middle; color: transparent; }
.wish-compare-buttons .wishlist a.icon:hover, .wish-compare-buttons .wishlist a.icon:focus { background: #919191; }
.wish-compare-buttons .wishlist a.icon:after { content: ""; display: inline-block; vertical-align: middle; background-position: 0 -616px; width: 19px; height: 16px; margin-top: 10px; }

.add-to-cart.disabled { display: none; }
.add-to-cart .wish-compare-buttons { margin-top: 0; }

.tomauri-home-carousel .jcarousel-item { width: auto; height: auto; border: none; min-height: 300px; }
.tomauri-home-carousel .jcarousel-container-horizontal { width: auto !important; height: auto; }
.tomauri-home-carousel .jcarousel-clip-horizontal { width: auto !important; }
.tomauri-home-carousel img { width: auto; height: auto; }
.tomauri-home-carousel .lazyloader-icon { margin: auto; top: 130px !important; left: 0 !important; right: 0; bottom: 0; }
.tomauri-home-carousel .views-field-addtocartlink { width: 70%; float: left; }
.tomauri-home-carousel .jcarousel-skin-default .jcarousel-container-horizontal { padding: 0; margin-right: -15px; margin-left: -15px; }
.tomauri-home-carousel .jcarousel-skin-default .jcarousel-item-horizontal { width: 245px; margin: 0 24px; text-align: left; position: relative; }
.tomauri-home-carousel .jcarousel-skin-default .jcarousel-item-horizontal .views-field-uc-product-image { min-height: 230px; max-height: 230px; text-align: center; }
.tomauri-home-carousel .jcarousel-skin-default .jcarousel-item-horizontal .views-field-title { height: 80px; overflow: hidden; }
.tomauri-home-carousel .jcarousel-skin-default .jcarousel-item-horizontal span { font-family: 'robotobold'; }
.tomauri-home-carousel .jcarousel-skin-default .jcarousel-prev-horizontal { left: 14px; top: 160px; background-position: 0 -714px; width: 25px; height: 35px; display: inline-block; vertical-align: middle; }
.tomauri-home-carousel .jcarousel-skin-default .jcarousel-next-horizontal { right: 14px; top: 160px; background-position: 0 -539px; width: 25px; height: 35px; display: inline-block; vertical-align: bottom; }

.add-to-cart .form-actions { background-color: #04435c; padding-left: 10px; max-width: 170px; }
.add-to-cart .form-actions:before { content: ""; display: inline-block; background-position: 0 -208px; width: 17px; height: 11px; padding-right: 20px; background-color: #04435c; vertical-align: middle; margin-right: 7px; }
.add-to-cart .form-actions .node-add-to-cart { position: relative; background-color: #046890; color: #fff; display: block; border: none; height: 35px; display: inline-block; width: 133px; margin-right: 0; font-size: 13px; text-align: left; }
.add-to-cart .form-actions .node-add-to-cart:hover, .add-to-cart .form-actions .node-add-to-cart:active, .add-to-cart .form-actions .node-add-to-cart:focus { text-decoration: none; color: #fff; background-color: #005476; }
.add-to-cart .form-actions .node-add-to-cart span { width: 45px; height: 100%; display: inline-block; background: #04435c; }
.add-to-cart .form-actions .node-add-to-cart span:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

#block-views-categories-block h2, #block-views-categories-block .page-node-43 #page-title, .page-node-43 #block-views-categories-block #page-title, #block-views-categories-block .page-node-51 #page-title, .page-node-51 #block-views-categories-block #page-title { margin-top: 0; margin-bottom: 15px; }

.home-categories { border-top: 1px solid #ececec; padding-top: 20px; }
.home-categories ul.cat-list-item { padding-left: 0; margin-bottom: 0; padding-bottom: 0; }
.home-categories ul.cat-list-item li { list-style: none; display: inline-block; text-align: center; width: 19.6%; margin: 0 auto; margin-bottom: 45px; }
.home-categories ul.cat-list-item li .views-field-uc-catalog-image { min-height: 150px; }
.home-categories ul.cat-list-item li .views-field-uc-catalog-image img { max-height: 135px; width: auto; }

.category-land-wrapper .view-grouping { margin-top: 25px; width: 22%; margin-right: 4%; display: inline-block; vertical-align: top; margin-bottom: 90px; }
.category-land-wrapper .view-grouping:nth-child(4n) { margin-right: 0; }
.category-land-wrapper .view-grouping-header { min-height: 150px; text-align: center; }
.category-land-wrapper .view-grouping-header img { max-height: 135px; width: auto; text-align: center; }
.category-land-wrapper .views-limit-grouping-group { height: 196px; }
.category-land-wrapper .views-limit-grouping-group h3 { margin-bottom: 15px; }
.category-land-wrapper .views-row { padding: 10px 0; border-top: 1px solid #ececec; }

a.view-more { padding: 10px; }

.view-more { margin-top: 10px; position: relative; background-color: #046890; color: #fff; display: block; padding: 9px 10px; }
.view-more:hover, .view-more:active, .view-more:focus { text-decoration: none; color: #fff; background-color: #005476; }
.view-more span { width: 35px; height: 100%; display: inline-block; background: #04435c; }
.view-more span:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.view-more a { color: #fff; display: block; text-transform: capitalize; }
.view-more span { padding: 8px 10px; position: absolute; right: 0; top: 0; }
.view-more .arrow-right { background-position: 0 -946px; width: 34px; height: 38px; display: inline-block; margin-left: 5px; }
.view-more .arrow-right:hover, .view-more .arrow-right.icon-right-start-hover { background-position: 0 -908px; }
.view-more:hover, .view-more:active, .view-more:focus { color: #fff; background: #014865; }
.view-more:hover .arrow-right, .view-more:active .arrow-right, .view-more:focus .arrow-right { background-position: 0 -908px; text-decoration: none; }

.home-ourbrand { background: #deeef5; padding: 20px 0 20px 0; margin-bottom: 0; }
.home-ourbrand ul { text-align: center; padding-top: 12px; padding-left: 0; margin-bottom: 0; }
.home-ourbrand ul li { list-style: none; display: inline-block; text-align: center; padding: 0 15px; width: 22%; margin: auto; }
.home-ourbrand ul li .image-style-uc-category { max-height: 125px; width: auto; }
.home-ourbrand ul li a { display: inline-block; vertical-align: middle; text-align: center; width: 100%; }

.partner-hombrand { padding: 25px 0 38px; }
.partner-hombrand .two-row-jcarousel { position: relative; }
.partner-hombrand .two-row-jcarousel .view-header { padding-bottom: 40px; }
.partner-hombrand .two-row-jcarousel .item-list { margin: auto; }
.partner-hombrand .two-row-jcarousel .partner-brands { padding: 0; }
.partner-hombrand .two-row-jcarousel .partner-brands .owl-item { border-right: 1px solid #ececec; }
.partner-hombrand .two-row-jcarousel .partner-brands .owl-item:last-child { border-right: none; }
.partner-hombrand .two-row-jcarousel .partner-brands li { margin: 0; border: none; list-style: none; text-align: center; display: table; width: 100%; }
.partner-hombrand .two-row-jcarousel .partner-brands li a { height: 150px; display: table-cell; vertical-align: middle; text-align: center; }

/* Modal Style */
a#youtubevideos_pop:after { content: ''; display: inline-block; background: url("images/youtube_big.png"); width: 64px; height: 60px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }

.ekko-lightbox .modal-header { padding: 0; border-bottom: none; }

.featured-homebrand { background: #f5f5f5; padding: 20px 0 35px 0; }
.featured-homebrand .youtube-article { max-height: 390px; }
.featured-homebrand .view-content { overflow: hidden; background: #fff; margin-top: 25px; }
.featured-homebrand .hombrand-video { position: relative; overflow: hidden; padding-left: 0; padding-right: 0; min-height: 390px; }
.featured-homebrand .hombrand-video img { width: 100%; }
.featured-homebrand .hombrand-video .no-video { height: 390px; overflow: hidden; width: 100%; }
.featured-homebrand .hombrand-video .no-video img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 20px auto; }
.featured-homebrand .hombrand-video .fluid-width-video-wrapper { min-height: 380px; }
.featured-homebrand .hombrand-video .media-youtube-player { height: 400px; }
@media only screen and (max-width: 991px) { .featured-homebrand .hombrand-video .media-youtube-player { height: 100%; } }
.featured-homebrand .homebrand-description { position: absolute; bottom: 0; background: rgba(254, 254, 254, 0.8); padding: 15px; width: 100%; max-height: 130px; }
.featured-homebrand .homebrand-description .shop-brand-image { height: 100px; width: auto; }
.featured-homebrand .homebrand-description .col-xs-8 { padding-left: 30px; }
.featured-homebrand .homebrand-description a { font-family: 'robotobold'; font-size: 15px; }
.featured-homebrand .homebrand-products { padding-left: 0; padding-right: 0; /* THis will be Delete  */ /*  */ }
.featured-homebrand .homebrand-products .product-image { float: none; }
.featured-homebrand .homebrand-products .rand-prd { list-style: none; float: left; max-width: 245px; width: 245px; margin: 0 20px; font-family: 'robotobold'; }
.featured-homebrand .homebrand-products .rand-prd h3 { height: 70px; overflow: hidden; margin-bottom: 0; }
.featured-homebrand .homebrand-products .rand-prd img { height: 200px; }
.featured-homebrand .homebrand-products ul { padding-left: 0; }
.featured-homebrand .homebrand-products ul li { list-style: none; float: left; max-width: 245px; width: 245px; margin: 0 20px; }
.featured-homebrand .homebrand-products ul li .views-field-title { height: 80px; overflow: hidden; }
.featured-homebrand .homebrand-products ul li img { height: 200px; }

.product-item img { width: 230px; height: 230px; }

/* Brand Details page  Our Brand */
.our-brand-listing { background: #f5f5f5; padding-bottom: 12px; margin-bottom: 27px; }
.our-brand-listing .container { margin-top: 30px; }
.our-brand-listing .each-brand { width: 48.6%; margin: 0 1.4% 30px 1.4%; float: left; }
.our-brand-listing .each-brand:first-child { margin-left: 0; }
.our-brand-listing .each-brand:nth-child(3n) { margin-left: 0; }
.our-brand-listing .each-brand:nth-child(2n) { margin-right: 0; }
.our-brand-listing ul { padding-left: 0; margin: 0; }
.our-brand-listing ul li { list-style: none; background: #fff; }

.each-brand { font-family: 'robotomedium'; }
.each-brand .term { padding-left: 0; }
.each-brand .term li { margin-left: 0; text-align: left; display: inline-block; line-height: 24px; width: 100%; }
.each-brand .term li.selected { font-weight: normal; }
.each-brand .views-field-field-brandimage { width: 49%; display: inline-block; height: 225px; padding: 25px; border-right: 1px solid #ececec; vertical-align: middle; }
.each-brand .our-field-term-referance { width: 50%; display: inline-block; height: 225px; padding: 30px 52px 15px 27px; vertical-align: top; }
.each-brand .our-field-term-referance .views-field-nid { margin-top: 25px; }
.each-brand .our-field-term-referance .views-field-field-term-referance { min-height: 72px; }
@media only screen and (min-width: 768px) and (max-width: 991px) { .each-brand .our-field-term-referance { padding: 30px 15px 15px 15px; } }
.each-brand .views-field-field-brand-bundle-image { padding: 5px; border-top: 1px solid #ececec; min-height: 242px; }
.each-brand .views-field-field-brand-bundle-image .field-content { text-align: center; }

/*  Partner Brand  */
.partner-brand-listing { margin-left: -20px; margin-right: -20px; clear: both; overflow: hidden; margin-bottom: 10px; font-family: 'robotomedium'; }
.partner-brand-listing .view-more { padding: 8px 10px; }
.partner-brand-listing ul { padding-left: 0; margin-left: 0; }
.partner-brand-listing ul li.views-row { list-style: none; padding: 0 20px; min-height: 385px; overflow: hidden; margin-bottom: 45px; margin-left: 0; }
.partner-brand-listing .views-field-field-term-referance { min-height: 120px; }
.partner-brand-listing .views-field-field-brandimage { padding: 20px 0; vertical-align: top; text-align: center; }
.partner-brand-listing .term { padding-left: 0; margin-bottom: 0; }
.partner-brand-listing .term li { margin-left: 0; text-align: left; padding-left: 0; padding-right: 0; display: block; margin-bottom: 0; }
.partner-brand-listing .term li.selected { font-weight: normal; }
.partner-brand-listing .term li a { display: block; border-top: 1px solid #ececec; padding: 10px 0 9px 4px; width: 100%; }

/* Landing Page style  */
.homeslide-wrapper { background: url("images/homebanner.png") no-repeat; min-height: 512px; width: auto; background-size: 100% 512px; height: 512px; }
.homeslide-wrapper .block-block { height: 100%; }
.homeslide-wrapper .home-banner { width: 810px; margin: 144px auto 70px auto; color: #fff; text-align: center; }
.homeslide-wrapper .intro-text { font-size: 28px; line-height: 35px; font-family: 'robotolight'; }

.log-button { background: rgba(3, 91, 128, 0.8); height: 88px; width: 245px; display: inline-block; border: 1px solid #ececec; margin: 40px 12px 38px 12px; text-transform: uppercase; font-size: 17px; font-family: 'robotomedium'; }
.log-button:hover, .log-button:focus { background: #035b80; }
.log-button .log-customer { padding-top: 16px; }
.log-button a { display: block; width: 100%; color: #6eafc9; }
.log-button a:hover, .log-button a:focus { text-decoration: none; color: #6eafc9; }
.log-button .login { font-size: 22px; }
.log-button .login a { color: #fff; }

.blog-home-land { padding-top: 43px; padding-bottom: 3px; }
.blog-home-land ul { overflow: hidden; }
.blog-home-land ul li { color: #626262; list-style: none; margin: 0; padding-right: 15px; padding-left: 15px; }
.blog-home-land ul li.views-row-first { padding-left: 0; padding-right: 30px; }
.blog-home-land ul li.views-row-last { padding-right: 0; padding-left: 30px; }
.blog-home-land ul li .blog-title a { color: #046890; text-transform: capitalize; }

.secondary-content-wrapper { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTE3MCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA3OGEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBiMGU3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #005170), color-stop(50%, #0078a3), color-stop(100%, #00b0e7)); background-image: -moz-linear-gradient(#005170, #0078a3, #00b0e7); background-image: -webkit-linear-gradient(#005170, #0078a3, #00b0e7); background-image: linear-gradient(#005170, #0078a3, #00b0e7); }
.secondary-content-wrapper .join-our-network { padding: 68px 0 0 0; text-align: center; color: #fff; font-size: 19px; }
.secondary-content-wrapper .join-our-network .block-inner { width: 84%; margin: 0 auto; }
.secondary-content-wrapper .join-our-network p { color: #a8d7e9; line-height: 30px; font-family: 'robotolight'; }
.secondary-content-wrapper .join-our-network h2, .secondary-content-wrapper .join-our-network .page-node-43 #page-title, .page-node-43 .secondary-content-wrapper .join-our-network #page-title, .secondary-content-wrapper .join-our-network .page-node-51 #page-title, .page-node-51 .secondary-content-wrapper .join-our-network #page-title { font-size: 34px; line-height: 40px; width: 54%; margin: auto; margin-bottom: 30px; font-family: 'robotolight'; }
.secondary-content-wrapper .join-our-network button { margin-top: 28px; padding: 8px 25px; height: auto; background: transparent; border: 2px solid #fff; color: #fff; font-family: 'robotomedium'; text-transform: uppercase; font-size: 18px; margin-right: 0; }
.secondary-content-wrapper .join-our-network button:hover { background: #fff; color: #046890; }

.home-testimonial { padding-bottom: 24px; }
.home-testimonial .view-home-page-blocks { margin: 0 auto; }
.home-testimonial .view-home-page-blocks ul { padding-left: 0; width: 100%; margin: 0 auto; }
.home-testimonial .view-home-page-blocks ul li { list-style: none; text-align: center; color: #fff; min-height: 300px; padding-left: 10px; padding-right: 10px; margin: 25px 0 40px 0; }
.home-testimonial .view-home-page-blocks ul li h2, .home-testimonial .view-home-page-blocks ul li .page-node-43 #page-title, .page-node-43 .home-testimonial .view-home-page-blocks ul li #page-title, .home-testimonial .view-home-page-blocks ul li .page-node-51 #page-title, .page-node-51 .home-testimonial .view-home-page-blocks ul li #page-title { height: 55px; }
.home-testimonial .view-home-page-blocks ul li a { color: #fff; }
.home-testimonial .view-home-page-blocks ul li .more-button a { font-size: 14px; font-family: 'robotolight'; }
.home-testimonial .view-home-page-blocks ul li .views-field-title { margin-top: 14px; }
.home-testimonial .view-home-page-blocks ul li .views-field-body { margin-bottom: 28px; font-size: 14px; line-height: 16px; font-family: 'robotolight'; min-height: 48px; line-height: 18px; }

.list-nostyle ul { list-style: none; padding-left: 0; }
.list-nostyle ul li { padding: 0 15px; margin: 0 auto; text-align: center; display: table; }
.list-nostyle ul li .field-content { height: 100px; display: table-cell; vertical-align: middle; }

/* Brand Specific Design */
.node-type-brand .brand-content { overflow: hidden; background: #deeef5; padding: 30px 0; min-height: 230px; }
.node-type-brand .brand-content .col-sm-9 { padding-left: 0; line-height: 25px; font-size: 15px; }
.node-type-brand #page-title { width: 100%; max-width: 1170px; padding: 0 0 15px 0; margin-top: 0; position: relative; }
.node-type-brand .field-type-text-with-summary { width: 70%; float: left; padding-right: 2%; }
.node-type-brand .field-name-field-brand-video { width: 25%; float: right; padding: 0 15px; position: absolute; right: 0; top: -30px; }

.brand-list { border-top: 1px solid #ececec; padding-top: 20px; }
.brand-list h2, .brand-list .page-node-43 #page-title, .page-node-43 .brand-list #page-title, .brand-list .page-node-51 #page-title, .page-node-51 .brand-list #page-title { margin-bottom: 0; }
.brand-list ul { padding-left: 0; }
.brand-list ul > li { list-style: none; display: inline-block; text-align: center; margin: 0 auto; vertical-align: top; margin-bottom: 20px; font-family: 'robotobold'; font-size: 15px; }
.brand-list ul > li .views-field-uc-catalog-image { min-height: 180px; }
.brand-list ul > li .selected { font-family: 'robotobold'; }

/* Hide Page Title */
.page-node-51 #page-title { padding-bottom: 24px; border-bottom: 1px solid #ececec; }
.page-node-51 #node-51 { display: none; }
.page-node-51 #block-views-categories-block-14 { margin-bottom: 0; }

.button-with-icon { position: relative; height: 38px; display: inline-block; }

.icon-cart { background-position: 0 -208px; width: 17px; height: 11px; display: inline-block; position: absolute; top: 13px; left: 10px; }

.icon-save { background-position: 0 -1043px; width: 15px; height: 16px; display: inline-block; position: absolute; top: 10px; left: 8px; }

/* Icon Name is different */
.icon-undo { background-position: 0 -893px; width: 16px; height: 15px; display: inline-block; position: absolute; top: 10px; left: 10px; }

.icon-reset { background-position: 0 -1158px; width: 18px; height: 16px; display: inline-block; position: absolute; top: 10px; left: 10px; }

.remove-gray { background-position: 0 -1331px; width: 37px; height: 34px; display: inline-block; position: absolute; top: 3px; }

.close { background-position: 0 -357px; width: 10px; height: 10px; cursor: pointer; opacity: 1.0; position: absolute; right: 30px; font-size: 0; z-index: 99; }
.close:hover, .close:focus { opacity: 0.7; }

.dyw-filter-btn { margin: 10px 0; }

.filter-section { margin-bottom: 10px; }
.filter-section select { width: 47%; }

/* Hide Titles  */
.node-type-product #page-title { display: none; }

/* Customer Support Page */
.csupport-wrapper { background: #f9f9f9; padding-top: 36px; }
.csupport-wrapper ul { padding-left: 0; }
.csupport-wrapper ul li { list-style-image: none; list-style: none; width: 48.5%; margin-right: 2%; margin-bottom: 30px; display: inline-block; vertical-align: top; }
.csupport-wrapper ul li:nth-child(2n) { margin-right: 0; }
.csupport-wrapper .csupport-block { padding: 5px 20px; -moz-box-shadow: 0 2px 1px 1px #ececec; -webkit-box-shadow: 0 2px 1px 1px #ececec; box-shadow: 0 2px 1px 1px #ececec; border: 1px solid #ececec; background: #fff; height: 135px; max-height: 160px; }
.csupport-wrapper .csupport-block h3 { font-size: 16px; margin-bottom: 5px; }
.csupport-wrapper .csupport-block a { font-family: 'robotobold'; }

.subscription-blue { background: #deeef5; }
.subscription-blue .block-inner { width: 1140px; }

.item-list-pager { overflow: hidden; clear: both; }

.tooltip.top .tooltip-arrow { border-top-color: #046890; }
.tooltip .tooltip-inner { background-color: #046890; }

.help-tooltip h2, .help-tooltip .page-node-43 #page-title, .page-node-43 .help-tooltip #page-title, .help-tooltip .page-node-51 #page-title, .page-node-51 .help-tooltip #page-title { display: inline-block; margin-right: 20px; }
.help-tooltip a { background-position: 0 -85px; width: 26px; height: 26px; opacity: 1.0; margin-bottom: 12px; display: inline-block; vertical-align: middle; }
.help-tooltip a .tooltip-block { z-index: 10; padding: 14px 20px; margin-top: -10px; margin-left: 35px; width: 300px; line-height: 16px; position: absolute; color: #363636; border: 1px solid #deeef5; background: #deeef5; border-radius: 4px; box-shadow: 5px 5px 8px #CCC; border: 3px solid transparent; }
.help-tooltip a .tooltip-block .close { position: absolute; top: 2px; right: 2px; }
.help-tooltip a .tooltip-block:before { content: ""; display: inline-block; border-right: 10px solid #deeef5; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid transparent; position: absolute; left: -20px; vertical-align: middle; }
.help-tooltip a.right .tooltip-block { margin-left: 0; margin-right: 50%; margin-top: -70px; right: -40%; }
.help-tooltip a.right .tooltip-block:before { border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid #deeef5; border-left: 10px solid transparent; right: 50%; left: auto; bottom: -22px; }
.help-tooltip a.right.lower .tooltip-block:before { right: 1%; }
.help-tooltip a:hover, .help-tooltip a:focus { opacity: 0.9; }

/* Report Section */
.report-block-wrapper { clear: both; display: none; position: fixed; right: 1px; bottom: 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #363636; background: #ececec; padding: 15px; width: 290px; }
.report-block-wrapper .webform-client-form { width: 100%; }

.show-report-button { position: fixed; right: 0; bottom: 5px; z-index: 999; }
.show-report-button button { margin-right: 0; }

/*  Contact Page */
.contact-el p > span { font-family: 'robotobold'; }

.contact-us-form .form-item-submitted-preferred-language label { display: inline-block; }
.contact-us-form .webform-component--preferred-language .option { display: inline-block; }

/* ============================================================================= Products and Related Pages ========================================================================== */
.view-stock-level { display: none; }

.coming-soon-tag { background-position: 0 -259px; display: inline-block; width: 22px; height: 20px; top: 5px; left: -4px; position: absolute; }
.coming-soon-tag > span, .coming-soon-tag > div { font-size: 0; }

.p-new { color: transparent; font-size: 0; line-height: 0; position: absolute; display: inline-block; }
.p-new.new-tag { background-position: 0 -499px; width: 22px; height: 20px; top: 5px; right: 0; }

.p-promo { background-position: 0 -767px; width: 22px; height: 17px; top: 35px; right: 0; font-size: 0; line-height: 0; position: absolute; display: inline-block; }

.product-list { clear: both; overflow: hidden; }
.product-list .add-to-cart { display: inline-block; }
#comparison-table .product-list a { color: #046890; }
#comparison-table .product-list a:hover, #comparison-table .product-list a:active, #comparison-table .product-list a:focus { color: #005476; }
.product-list .views-field-addtocartlink { float: left; width: 70%; }
.product-list .views-field-title { height: 80px; overflow: hidden; }
.product-list .product-list-item { width: 245px; }
.product-list .field-name-uc-product-image { text-align: center; min-height: 220px; }
.product-list ul { margin-left: 0; margin-right: -4%; padding-left: 0; }
.product-list ul li { display: inline-block; position: relative; min-width: 242px; max-width: 245px; width: 31%; min-height: 380px; margin-top: 10px; margin-right: 2.5%; margin-bottom: 30px; margin-left: 2.5%; list-style: none; vertical-align: top; }
.product-list ul li span { font-family: 'robotobold'; }
.product-list ul li .views-field-uc-product-image { text-align: center; min-height: 220px; }

.shop-slide-show { position: relative; }
.page-taxonomy-term .shop-slide-show { margin-bottom: 0; }
.shop-slide-show .view-home-slider, .shop-slide-show .view-categories-sliders, .shop-slide-show .view-brand { overflow: hidden; }
.shop-slide-show ul { padding-left: 0; margin-bottom: 0; }
.shop-slide-show ul.swiper-wrapper img.lazyloader-icon { width: auto; height: auto; right: 0; bottom: 0; margin: auto; left: 0 !important; top: 0 !important; }
.shop-slide-show ul li { list-style: none; }

/* Product List Filter  */
.prod-filter-wrapper, .block-menu-block { padding-right: 40px; }
.prod-filter-wrapper .block-title, .block-menu-block .block-title { padding-bottom: 10px; border-bottom: 2px solid #b6b6b6; text-transform: uppercase; }

/* Top Sorting */
.product-sorting-wrapper { float: right; width: 50%; position: relative; right: 0; margin-bottom: 0; }
.product-sorting-wrapper form { position: absolute; right: 0; }
.product-sorting-wrapper.search-sort form { position: relative; clear: both; float: right; }
.product-sorting-wrapper .views-widget-filter-field_product_colour_value, .product-sorting-wrapper .views-widget-filter-field_products_brand_target_id, .product-sorting-wrapper .views-widget-filter-sell_price, .product-sorting-wrapper .views-widget-filter-list_price { display: none; }

/* ============================================================================= Product Listing Page Filter ========================================================================== */
.views-exposed-form { position: relative; }
.views-exposed-form .views-widget-sort-order { padding-right: 3px; }
.views-exposed-form .form-item-sell-price-max label.webform-label-processed { font-weight: normal; }
.views-exposed-form .views-widget-filter-field_rating_rating, .views-exposed-form .views-widget-filter-sell_price, .views-exposed-form .views-widget-filter-sell_price_1, .views-exposed-form .views-widget-filter-field_product_colour_value, .views-exposed-form .views-widget-filter-field_products_brand_target_id, .views-exposed-form .views-widget-filter-field_current_rating_value, .views-exposed-form .views-widget-filter-list_price { float: none; clear: both; padding: 20px 0; margin-bottom: 10px; border-bottom: 1px solid #ececec; }
.views-exposed-form .views-widget-filter-field_rating_rating .form-item, .views-exposed-form .views-widget-filter-sell_price .form-item, .views-exposed-form .views-widget-filter-sell_price_1 .form-item, .views-exposed-form .views-widget-filter-field_product_colour_value .form-item, .views-exposed-form .views-widget-filter-field_products_brand_target_id .form-item, .views-exposed-form .views-widget-filter-field_current_rating_value .form-item, .views-exposed-form .views-widget-filter-list_price .form-item { margin-bottom: 5px; }
.views-exposed-form .views-widget-filter-field_rating_rating > label, .views-exposed-form .views-widget-filter-sell_price > label, .views-exposed-form .views-widget-filter-sell_price_1 > label, .views-exposed-form .views-widget-filter-field_product_colour_value > label, .views-exposed-form .views-widget-filter-field_products_brand_target_id > label, .views-exposed-form .views-widget-filter-field_current_rating_value > label, .views-exposed-form .views-widget-filter-list_price > label { font-family: 'robotobold'; display: block; margin-bottom: 15px; }
.views-exposed-form .views-widget-filter-field_rating_rating > label:after, .views-exposed-form .views-widget-filter-sell_price > label:after, .views-exposed-form .views-widget-filter-sell_price_1 > label:after, .views-exposed-form .views-widget-filter-field_product_colour_value > label:after, .views-exposed-form .views-widget-filter-field_products_brand_target_id > label:after, .views-exposed-form .views-widget-filter-field_current_rating_value > label:after, .views-exposed-form .views-widget-filter-list_price > label:after { content: ''; display: inline-block; vertical-align: middle; margin-top: 5px; background-position: 0 -497px; width: 11px; height: 2px; float: right; }
.views-exposed-form .views-widget-filter-field_rating_rating > label.plus:after, .views-exposed-form .views-widget-filter-sell_price > label.plus:after, .views-exposed-form .views-widget-filter-sell_price_1 > label.plus:after, .views-exposed-form .views-widget-filter-field_product_colour_value > label.plus:after, .views-exposed-form .views-widget-filter-field_products_brand_target_id > label.plus:after, .views-exposed-form .views-widget-filter-field_current_rating_value > label.plus:after, .views-exposed-form .views-widget-filter-list_price > label.plus:after { margin-top: 0; background-position: 0 -704px; width: 11px; height: 10px; }
.views-exposed-form .views-widget-filter-sell_price .form-item, .views-exposed-form .views-widget-filter-list_price .form-item { display: inline-block; }
.views-exposed-form .views-widget-filter-sell_price .form-item:first-child:before, .views-exposed-form .views-widget-filter-list_price .form-item:first-child:before { content: '$'; display: inline-block; }
.views-exposed-form .views-widget-filter-sell_price .form-item label:after, .views-exposed-form .views-widget-filter-list_price .form-item label:after { content: '$'; display: inline-block; }
.views-exposed-form .views-widget-filter-sell_price input[type="text"], .views-exposed-form .views-widget-filter-list_price input[type="text"] { width: 75px; height: 32px; padding: 0 10px; }
.views-exposed-form .views-widget-filter-field_product_colour_value .form-type-radio { display: inline-block; }
.views-exposed-form .views-widget-filter-field_product_colour_value .form-type-radio:first-child input[type="radio"] + label { /* display: none !important;  */ }
.views-exposed-form .views-widget-filter-field_product_colour_value input[type="radio"] { width: 22px; height: 22px; position: absolute; opacity: 0; -moz-opacity: 0; cursor: pointer; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.views-exposed-form .views-widget-filter-field_product_colour_value input[type="radio"]:-moz-placeholder { border: 1px solid red; }
.views-exposed-form .views-widget-filter-field_product_colour_value input[type="radio"] + label { display: inline-block; width: 23px; height: 23px; font-size: 0 !important; line-height: 0; margin: 0 4px 4px 0; border: 1px solid #ececec; vertical-align: top; cursor: pointer; }
.views-exposed-form .views-widget-filter-field_product_colour_value input[type="radio"]:checked + label { width: 23px; height: 23px; border: 2px solid #b6b6b6; -moz-box-shadow: inset 0 0 0px 1px #fff; -webkit-box-shadow: inset 0 0 0px 1px #fff; box-shadow: inset 0 0 0px 1px #fff; }
.views-exposed-form .views-widget-filter-field_product_colour_value .search-color-filter input[type="radio"]:checked + label { border: none; }
.views-exposed-form .views-widget-filter-field_product_colour_value .search-color-filter input[type="radio"].choosed + label { width: 23px; height: 23px; border: 2px solid #b6b6b6; -moz-box-shadow: inset 0 0 0px 1px #fff; -webkit-box-shadow: inset 0 0 0px 1px #fff; box-shadow: inset 0 0 0px 1px #fff; }
.views-exposed-form .views-submit-button { float: right; padding: 0; position: absolute; top: 53px; right: 0; }
.views-exposed-form .views-submit-button input[type="submit"] { margin: 0; background: #046890; height: 32px; padding: 0 10px; }

.views-widget-filter-field_products_brand_target_id input[type="checkbox"]:not(:checked), .views-widget-filter-field_products_brand_target_id input[type="checkbox"]:checked { position: absolute; left: -9999px; }
.views-widget-filter-field_products_brand_target_id input[type="checkbox"]:not(:checked) + label, .views-widget-filter-field_products_brand_target_id input[type="checkbox"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; font-weight: normal; }
.views-widget-filter-field_products_brand_target_id input[type="checkbox"]:not(:checked) + label:hover, .views-widget-filter-field_products_brand_target_id input[type="checkbox"]:checked + label:hover { cursor: pointer; }
.views-widget-filter-field_products_brand_target_id input[type="checkbox"]:not(:checked) + label:before, .views-widget-filter-field_products_brand_target_id input[type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; background-position: 0 -247px; }
.views-widget-filter-field_products_brand_target_id input[type="checkbox"]:not(:checked) + label:after, .views-widget-filter-field_products_brand_target_id input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 0; left: 4px; font-size: 14px; transition: all .2s; color: #36758d; }
.views-widget-filter-field_products_brand_target_id input[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.views-widget-filter-field_products_brand_target_id input[type="checkbox"]:checked + label { font-family: 'robotobold'; }
.views-widget-filter-field_products_brand_target_id input[type="checkbox"]:checked + label:before { background-position: 0 -235px; }
.views-widget-filter-field_products_brand_target_id input[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }

#edit-field-product-colour-value-all + label { display: inline-block !important; background: url(images/no-color.png); background-position: center center; background-repeat: no-repeat; border: 3px solid #000; }

.views-widget-filter-field_rating_rating input[type="radio"]:not(:checked), .views-widget-filter-field_rating_rating input[type="radio"]:checked, .views-widget-filter-sell_price input[type="radio"]:not(:checked), .views-widget-filter-sell_price input[type="radio"]:checked, .views-widget-filter-field_current_rating_value input[type="radio"]:not(:checked), .views-widget-filter-field_current_rating_value input[type="radio"]:checked { position: absolute; left: -9999px; }
.views-widget-filter-field_rating_rating input[type="radio"]:not(:checked) + label, .views-widget-filter-field_rating_rating input[type="radio"]:checked + label, .views-widget-filter-sell_price input[type="radio"]:not(:checked) + label, .views-widget-filter-sell_price input[type="radio"]:checked + label, .views-widget-filter-field_current_rating_value input[type="radio"]:not(:checked) + label, .views-widget-filter-field_current_rating_value input[type="radio"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; font-weight: normal; }
.views-widget-filter-field_rating_rating input[type="radio"]:not(:checked) + label:before, .views-widget-filter-field_rating_rating input[type="radio"]:checked + label:before, .views-widget-filter-sell_price input[type="radio"]:not(:checked) + label:before, .views-widget-filter-sell_price input[type="radio"]:checked + label:before, .views-widget-filter-field_current_rating_value input[type="radio"]:not(:checked) + label:before, .views-widget-filter-field_current_rating_value input[type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 4px; width: 12px; height: 12px; background-position: 0 -813px; }
.views-widget-filter-field_rating_rating input[type="radio"]:not(:checked) + label:after, .views-widget-filter-field_rating_rating input[type="radio"]:checked + label:after, .views-widget-filter-sell_price input[type="radio"]:not(:checked) + label:after, .views-widget-filter-sell_price input[type="radio"]:checked + label:after, .views-widget-filter-field_current_rating_value input[type="radio"]:not(:checked) + label:after, .views-widget-filter-field_current_rating_value input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 0; left: 4px; font-size: 14px; transition: all .2s; color: #36758d; }
.views-widget-filter-field_rating_rating input[type="radio"]:not(:checked) + label:after, .views-widget-filter-sell_price input[type="radio"]:not(:checked) + label:after, .views-widget-filter-field_current_rating_value input[type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.views-widget-filter-field_rating_rating input[type="radio"]:checked + label, .views-widget-filter-sell_price input[type="radio"]:checked + label, .views-widget-filter-field_current_rating_value input[type="radio"]:checked + label { font-family: 'robotobold'; }
.views-widget-filter-field_rating_rating input[type="radio"]:checked + label:before, .views-widget-filter-sell_price input[type="radio"]:checked + label:before, .views-widget-filter-field_current_rating_value input[type="radio"]:checked + label:before { background-position: 0 -801px; }
.views-widget-filter-field_rating_rating input[type="radio"]:checked + label:after, .views-widget-filter-sell_price input[type="radio"]:checked + label:after, .views-widget-filter-field_current_rating_value input[type="radio"]:checked + label:after { opacity: 1; transform: scale(1); }

.view-id-taxonomy_term .view-header { padding-bottom: 15px; border-bottom: 1px solid #ececec; overflow: hidden; font-family: 'robotoregular'; padding-top: 10px; }
.view-id-taxonomy_term .view-header strong { padding: 7px 15px; display: inline-block; border-right: 1px solid #ececec; font-weight: normal; }
.view-id-taxonomy_term .view-header strong:first-child { padding-left: 0; }
.view-id-taxonomy_term .top-filter { float: right; display: block; }
.view-id-taxonomy_term .top-filter .form-item { margin: 0; }

/* ============================================================================= Left Category Menu ========================================================================== */
.left-category-menu .block-title { margin-bottom: 0; }
.left-category-menu ul.menu { padding-left: 0; }
.left-category-menu ul.menu li { list-style: none; }
.left-category-menu ul.menu li a { padding: 7px 10px; display: block; border-bottom: 1px solid #ececec; color: #363636; font-family: 'robotoregular'; text-decoration: none; }
.left-category-menu ul.menu li a.active, .left-category-menu ul.menu li a:active, .left-category-menu ul.menu li a:hover, .left-category-menu ul.menu li a:focus, .left-category-menu ul.menu li a.active-trail { color: #046890; font-family: 'robotobold'; }
.left-category-menu ul.menu li.collapsed > ul { display: none; }
.left-category-menu ul.menu li.expanded > ul { display: block; }
.left-category-menu ul.menu li.menu-depth-2 a { padding-left: 20px; }
.left-category-menu ul.menu li.menu-depth-3 a { padding-left: 30px; }
.left-category-menu ul.menu li.menu-depth-4 a { padding-left: 40px; }
.left-category-menu ul.menu li.menu-depth-5 a { padding-left: 50px; }
.left-category-menu ul.menu li.expanded { list-style: none !important; }

/* ============================================================================= Product Details Page ========================================================================== */
/* Gallery  */
.zoomWindow { margin-left: 20px; }

.rebate_offer { padding: 10px 0; color: #c39364; font-weight: bold; }

.product-image-wrapper { min-height: 370px; text-align: center; }
.product-image-wrapper:before { content: ''; display: block; width: 94%; height: 395px; border: 1px solid #ececec; position: absolute; }
.product-image-wrapper .btn { line-height: 35px; width: 125px; text-align: left; position: absolute; right: 10px; top: 0px; }
.product-image-wrapper .btn:nth-child(2n) { top: 45px; }
.product-image-wrapper .imagezoom-image { margin-bottom: 10px; min-height: 395px; width: auto; max-height: 395px; padding: 0; }
.product-image-wrapper .imagezoom-image + div.loading { top: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 5px; }
.product-image-wrapper .next { font-size: 0; display: inline-block; position: absolute; right: 15px; bottom: 35px; z-index: 99; cursor: pointer; }
.product-image-wrapper .next.disabled { display: none; }
.product-image-wrapper .next:before { content: ''; display: inline-block; width: 17px; height: 24px; background-position: 0 -1283px; }
.product-image-wrapper .prev { font-size: 0; display: inline-block; position: absolute; left: 15px; bottom: 35px; z-index: 99; cursor: pointer; }
.product-image-wrapper .prev.disabled { display: none; }
.product-image-wrapper .prev:before { content: ''; display: inline-block; width: 17px; height: 24px; background-position: 0 -1307px; }
.product-image-wrapper #imagezoom-thumb-wrapper { width: 100%; overflow: hidden; text-align: left; margin: 0 auto; }
.product-image-wrapper #imagezoom-thumb-wrapper .imagezoom-thumbs { padding-left: 0; list-style: none; width: 100%; text-align: center; }
.product-image-wrapper #imagezoom-thumb-wrapper .imagezoom-thumbs .imagezoom-thumb { list-style: none; margin-right: 10px; height: 80px; display: inline-block; }
.product-image-wrapper #imagezoom-thumb-wrapper .imagezoom-thumbs .imagezoom-thumb:last-child { margin-right: 0; }
.product-image-wrapper #imagezoom-thumb-wrapper a { padding: 0 2px; display: inline-block; width: 78px; border: 1px solid #ececec; text-align: center; }
.product-image-wrapper #imagezoom-thumb-wrapper a.zoomGalleryActive { border: 1px solid #36758d; }

.icon-minus { float: right; font-size: 0; background-position: 0 -494px; width: 15px; height: 3px; display: inline-block; vertical-align: middle; margin-top: 15px; margin-right: 15px; cursor: pointer; }
.icon-minus.add { background-position: 0 -689px; width: 15px; height: 15px; margin-top: 10px; }

.node-type-product .product-info-label { font-weight: bold; }
.node-type-product .product-add { position: relative; }
.node-type-product .file:before { content: ''; display: inline-block; background-position: 0 -72px; width: 12px; height: 13px; margin-right: 5px; vertical-align: middle; }
.node-type-product .add-planogram-link, .node-type-product .product-add .compare-toggle, .node-type-product .share-button { padding: 8px 14px; background: #b6b6b6; display: inline-block; color: #fff; font-family: 'robotoregular'; padding-left: 45px; position: relative; margin-right: 10px; font-size: 13px; line-height: 19px; }
.node-type-product .add-planogram-link:hover, .node-type-product .add-planogram-link:focus, .node-type-product .product-add .compare-toggle:hover, .node-type-product .product-add .compare-toggle:focus, .node-type-product .share-button:hover, .node-type-product .share-button:focus { text-decoration: none; color: #fff; }
.node-type-product .add-planogram-link:after, .node-type-product .product-add .compare-toggle:after, .node-type-product .share-button:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 37px; height: 34px; }
.node-type-product #share-block { display: none; position: absolute; top: -25px; width: 200px; right: 0; }
.node-type-product .goto-share-wrapper { display: inline-block; vertical-align: top; }
.node-type-product .goto-share-wrapper.fixed-top { vertical-align: middle; margin-top: -12px; }
.node-type-product .goto-share { margin-top: 0; }
.node-type-product .share-button { padding: 0; vertical-align: top; }
.node-type-product .share-button:after { background-position: 0 -1092px; }
.node-type-product .add-planogram-link:after { background-position: 0 -655px; }
.node-type-product .compare-toggle:after { background-position: 0 -299px; }
.node-type-product .details-icon, .node-type-product .p-new-title, .node-type-product .p-coming-title, .node-type-product .p-promo-title { width: 22px; height: 20px; display: inline-block; margin-left: 0; margin-right: 10px; vertical-align: middle; }
.node-type-product .p-new-title { background-position: 0 -519px; }
.node-type-product .btn.less-left { padding-left: 8px; }
.node-type-product .p-coming-title { background-position: 0 -279px; width: 22px; height: 18px; margin-right: 5px; }
.node-type-product .p-promo-title { background-position: 0 -784px; width: 18px; height: 20px; }
.node-type-product .p-qnty-input { width: 32px; height: 32px; display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px; text-align: center; padding: 0; }
.node-type-product .minus-qnty, .node-type-product .plus-qnty { width: 32px; height: 32px; text-align: center; display: inline-block; border: 1px solid #36758d; font-size: 20px; font-size: 2rem; line-height: 30px; line-height: 3rem; color: #046890; cursor: pointer; }

.rate-5, .rate-4, .rate-3, .rate-2, .rate-1, .rate-0 { width: 96px; height: 14px; display: inline-block; margin-bottom: 5px; }

.rate-5 { background-position: 0 -1435px; }

.rate-4 { background-position: 0 -1421px; }

.rate-3 { background-position: 0 -1407px; }

.rate-2 { background-position: 0 -1393px; }

.rate-1 { background-position: 0 -1379px; }

.rate-0 { background-position: 0 -1365px; }

.node-type-product .product-content { padding: 22px 0; font-size: 14px; font-size: 1.4rem; }

.product-add .add-to-cart { display: inline-block; margin-right: 10px; }
.product-add .add-to-cart.disabled { display: none; }
.product-add .planogram { display: inline-block; }

/* Description  */
.product-desc-wrapper .product-content { font-size: 16px; font-size: 1.6rem; }
.product-desc-wrapper .product-video { padding-right: 30px; }

.product-features-wrapper .product-content { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; }

.product-tech-specs ul, .product-specs ul, .product-downloads ul { padding-left: 0; }
.product-tech-specs ul li, .product-specs ul li, .product-downloads ul li { list-style: none; width: 32%; display: inline-block; vertical-align: middle; margin-bottom: 1px; }

.ques-ans-wrapper .form-item-ask-question { display: inline-block; margin-top: 0; }
.ques-ans-wrapper .form-item-ask-question input[type="text"] { margin-right: -2px; }
.ques-ans-wrapper #edit-ask-submit { display: inline-block; vertical-align: top; padding-left: 15px; padding-right: 15px; }
.ques-ans-wrapper .ques-grid .question { font-family: 'robotobold'; font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; }
.ques-ans-wrapper .ques-grid ul { padding-left: 0; }
.ques-ans-wrapper .ques-grid ul li { list-style: none; padding: 15px 0; border-bottom: 1px solid #ececec; }

.review-views-wrapper .views-row { padding: 15px 0; border-bottom: 1px solid #ececec; display: none; }
.review-views-wrapper .views-row:first-child, .review-views-wrapper .views-row:nth-child(2), .review-views-wrapper .views-row:nth-child(3) { display: block !important; }
.review-views-wrapper .see-all { margin-top: 10px; padding: 5px; }
.review-views-wrapper .see-all:before { content: '^'; display: inline-block; }

.comment-wrapper > h2.comment-title, .page-node-43 .comment-wrapper > .comment-title#page-title, .page-node-51 .comment-wrapper > .comment-title#page-title { display: none; }
.comment-wrapper .comment { display: none; }

.comment-block-wrapper { display: none; margin-bottom: 10px; }

.review-wrapper { position: relative; }
.review-wrapper .product-content { border-bottom: 1px solid #ececec; }
.review-wrapper .node-review-wraper { display: inline-block; margin-right: 20px; vertical-align: top; }
.review-wrapper .node-review-wraper:hover ~ .rating-grid-wrapper { display: block; }
.review-wrapper button.blue { display: inline-block; vertical-align: top; }
.review-wrapper .full-rating { display: block; }
.review-wrapper .rating-grid-wrapper { margin-top: 15px; display: none; padding: 30px 20px; width: 280px; height: 250px; -moz-box-shadow: 0 0 3px 3px #b6b6b6; -webkit-box-shadow: 0 0 3px 3px #b6b6b6; box-shadow: 0 0 3px 3px #b6b6b6; background: #fff; z-index: 99; position: absolute; }
.review-wrapper .rating-grid-wrapper:hover { display: block; }

.rating-grid { display: block; vertical-align: top; margin-bottom: 20px; }

span.review-star { display: inline-block; width: 16px; height: 14px; margin-right: 2px; }
span.review-star.inactive { background-position: 0 -839px; }
span.review-star.active { background-position: 0 -825px; }

/* ============================================================================= Left Sidebar ========================================================================== */
.generic-left-block { padding-right: 40px; }
.generic-left-block .block-inner { padding: 15px 0; border-bottom: 1px solid #ececec; }
.generic-left-block .block-title { padding-bottom: 10px; border-bottom: 2px solid #b6b6b6; }
.generic-left-block.promotion-s .block-inner { border-bottom: none; }
.generic-left-block.promotion-s .views-row { clear: both; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #ececec; }
.generic-left-block.promotion-s .views-row h4, .generic-left-block.promotion-s .views-row .prod-filter-wrapper .block-title, .prod-filter-wrapper .generic-left-block.promotion-s .views-row .block-title, .generic-left-block.promotion-s .views-row .block-menu-block .block-title, .block-menu-block .generic-left-block.promotion-s .views-row .block-title { margin-top: 0; }
.generic-left-block.promotion-s .views-field-uc-product-image { width: 42%; float: left; padding-right: 12px; min-height: 100px; }
.generic-left-block.promotion-s .views-field-uc-product-image img { border: 1px solid #ececec; }

.product-top-with { padding-top: 16px; margin-bottom: 25px; }

.product-summary-wrapper { font-size: 15px; line-height: 24px; }
.product-summary-wrapper .node-title { margin-top: 0; line-height: 22px; margin-bottom: 10px; font-family: 'robotobold'; }
.product-summary-wrapper .product-price label { margin-bottom: 0; }
.product-summary-wrapper .product-summary { margin-bottom: 10px; }
.product-summary-wrapper .price { font-size: 18px; font-weight: bold; color: #c39364; }
.product-summary-wrapper .product-qnty { margin: 5px 0; }
.product-summary-wrapper .product-qnty label { margin-right: 20px; }
.product-summary-wrapper .add-to-cart .node-add-to-cart { width: 100px; }

/* file icon  */
.file-icon { display: none; }

/*  Share This ReWrite */
.stButton .stMainServices { height: 25px !important; }

.stButton .stButton_gradient { height: 22px !important; }

.st_fblike_hcount span { margin-top: 0 !important; }

#compare-only-diff { margin-top: 0; }

#compare-view-mode-box { margin-bottom: 30px; border-bottom: 1px solid #ececec; }
#compare-view-mode-box .form-type-checkbox { margin-top: 0; }

#comparison-table .properties-title { display: none; }
#comparison-table th, #comparison-table td { width: 290px !important; }
#comparison-table thead tr { border-bottom: none; }
#comparison-table a.compare-item { display: none; }
#comparison-table .remove-col { display: inline-block; text-transform: capitalize; color: #363636; float: left; font-weight: bold; }
#comparison-table .remove-col:before { content: ''; display: inline-block; background-position: 0 -873px; width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; }

#dyw, #premade-dyw { border: 2px solid #ececec; background: url("images/grid.jpg"); }

/* Order Pages */
.order-review-table { width: 100%; }

.comparison-table-product { display: none; }
.comparison-table-product tr td { width: 290px; }

#get-question-box label { display: none; }

/* ============================================================================= Bundle Product ========================================================================== */
ul.bundle-list { margin-left: 0; padding-left: 0; }
ul.bundle-list li { display: inline-block; min-width: 248px; max-width: 250px; width: 31%; min-height: 180px; margin-top: 10px; margin-right: 1.5%; margin-bottom: 20px; margin-left: 1.5%; list-style: none; vertical-align: top; }
ul.bundle-list li .bundle_image { text-align: center; min-height: 100px; }

.owl-theme .owl-controls .owl-buttons { font-size: 0; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: 0; position: absolute; top: 40%; background-position: 0 -714px; width: 25px; height: 35px; display: inline-block; vertical-align: middle; color: transparent; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: 0; position: absolute; top: 40%; background-position: 0 -539px; width: 25px; height: 35px; display: inline-block; vertical-align: bottom; color: transparent; }

.family-product-list.owl-theme .owl-controls .owl-buttons { font-size: 0; }
.family-product-list.owl-theme .owl-controls .owl-buttons .owl-prev { left: 0; position: absolute; top: 40%; background-position: 0 -1307px; width: 17px; height: 24px; display: inline-block; vertical-align: middle; }
.family-product-list.owl-theme .owl-controls .owl-buttons .owl-next { right: 0; position: absolute; top: 40%; background-position: 0 -1283px; width: 17px; height: 24px; display: inline-block; vertical-align: bottom; }

.views-field-nothing-1 { display: inline-block; margin-left: 10px; }

.views-field-sell-price > span { text-decoration: none; }

/*  Out Of Stock  */
.uc_out_of_stock_html { display: inline-block; }
.uc_out_of_stock_html p { display: inline-block; vertical-align: middle; color: white; line-height: 24px; background: #b6b6b6; height: 35px; margin-bottom: 0; padding: 5px 20px; width: 133px; }

.ekko-lightbox .modal-header .close { background-position: 0 -853px; width: 20px; height: 20px; display: inline-block; position: absolute; right: -10px; top: 0; background-color: transparent; }
.ekko-lightbox .modal-header .close:hover, .ekko-lightbox .modal-header .close:focus { opacity: 0.9; }

/* ============================================================================= Search Section ========================================================================== */
.block-search { margin-bottom: 0; padding-right: 0; }
.block-search input[type="search"] { height: 38px; background-color: #ececec; border: none; padding: 0 12px; width: 422px; margin-right: 8px; color: #8b8b8b; }
.block-search .form-type-select { display: inline-block; margin-top: 0; margin-right: 6px; margin-bottom: 0; }
.block-search .form-actions { height: 38px; background-color: #046890; width: 38px; display: inline-block; vertical-align: top; text-align: center; position: relative; }
.block-search .form-actions:hover { background-color: #005476; }
.block-search .form-actions:before { content: ""; background-position: 0 -1078px; display: inline-block; vertical-align: middle; width: 15px; height: 14px; position: absolute; left: 13px; top: 14px; }
.block-search .form-submit { border: none; font-size: 0px; line-height: 0; text-align: center; display: block; background-color: transparent; height: 100%; width: 100%; }
.block-search select { background: url("images/down-arrow.png") no-repeat 95% center #ececec; }

ul.search_auto_com_list { z-index: 9999; position: absolute; padding: 0px; margin-right: 18px; text-decoration: none; list-style: none; width: 416px; background: #ececec; max-height: 325px; overflow: auto; box-sizing: border-box; }
ul.search_auto_com_list li { list-style: none; cursor: pointer; padding: 10px; }
ul.search_auto_com_list li div { color: #046890; }
ul.search_auto_com_list li div strong { color: #363636; }
ul.search_auto_com_list li:hover { background: #b6b6b6; cursor: pointer; }
ul.search_auto_com_list span { color: #005476; }

/* ============================================================================= Form Elements ========================================================================== */
input[type='text'], input[type="search"], input[type="email"], input[type="password"] { height: 38px; background-color: #f5f5f5; border: none; padding: 0 12px; margin-right: 5px; color: #8b8b8b; -moz-box-shadow: inset 0 0 1px 1px #ececec; -webkit-box-shadow: inset 0 0 1px 1px #ececec; box-shadow: inset 0 0 1px 1px #ececec; }
.dyw-dimension input[type='text'], .dyw-dimension input[type="search"], .dyw-dimension input[type="email"], .dyw-dimension input[type="password"] { background: #ececec; }

.form-type-uc-quantity { text-align: left; }

input[type="button"], input[type="submit"], button, .btn, .add-address-link { height: 38px; background-color: #046890; border: none; padding: 0 12px; margin-right: 5px; color: #fff; }
input[type="button"].btn-default, input[type="button"].btn-primary, input[type="submit"].btn-default, input[type="submit"].btn-primary, button.btn-default, button.btn-primary, .btn.btn-default, .btn.btn-primary, .add-address-link.btn-default, .add-address-link.btn-primary { line-height: 36px; }
input[type="button"].btn-default:hover, input[type="button"].btn-default:focus, input[type="button"].btn-default:active, input[type="button"].btn-primary:hover, input[type="button"].btn-primary:focus, input[type="button"].btn-primary:active, input[type="submit"].btn-default:hover, input[type="submit"].btn-default:focus, input[type="submit"].btn-default:active, input[type="submit"].btn-primary:hover, input[type="submit"].btn-primary:focus, input[type="submit"].btn-primary:active, button.btn-default:hover, button.btn-default:focus, button.btn-default:active, button.btn-primary:hover, button.btn-primary:focus, button.btn-primary:active, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .add-address-link.btn-default:hover, .add-address-link.btn-default:focus, .add-address-link.btn-default:active, .add-address-link.btn-primary:hover, .add-address-link.btn-primary:focus, .add-address-link.btn-primary:active { color: #fff; }
input[type="button"].gray, input[type="submit"].gray, button.gray, .btn.gray, .add-address-link.gray { background-color: #b6b6b6; }
input[type="button"].gray:hover, input[type="button"].gray:active, input[type="button"].gray:focus, input[type="submit"].gray:hover, input[type="submit"].gray:active, input[type="submit"].gray:focus, button.gray:hover, button.gray:active, button.gray:focus, .btn.gray:hover, .btn.gray:active, .btn.gray:focus, .add-address-link.gray:hover, .add-address-link.gray:active, .add-address-link.gray:focus { background-color: #919191; }
input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, button:hover, button:active, button:focus, .btn:hover, .btn:active, .btn:focus, .add-address-link:hover, .add-address-link:active, .add-address-link:focus { background-color: #005476; color: #fff; text-decoration: none; }
.dyw-wrapper form input[type="button"], .dyw-wrapper .table-footer-checkout input[type="button"], .dyw-wrapper .remove-selected-item input[type="button"], .dyw-wrapper form input[type="submit"], .dyw-wrapper .table-footer-checkout input[type="submit"], .dyw-wrapper .remove-selected-item input[type="submit"], .dyw-wrapper form button, .dyw-wrapper .table-footer-checkout button, .dyw-wrapper .remove-selected-item button, .dyw-wrapper form .btn, .dyw-wrapper .table-footer-checkout .btn, .dyw-wrapper .remove-selected-item .btn, .dyw-wrapper form .add-address-link, .dyw-wrapper .table-footer-checkout .add-address-link, .dyw-wrapper .remove-selected-item .add-address-link { background-color: #b6b6b6; }
.dyw-wrapper form input[type="button"]:hover, .dyw-wrapper form input[type="button"]:active, .dyw-wrapper form input[type="button"]:focus, .dyw-wrapper .table-footer-checkout input[type="button"]:hover, .dyw-wrapper .table-footer-checkout input[type="button"]:active, .dyw-wrapper .table-footer-checkout input[type="button"]:focus, .dyw-wrapper .remove-selected-item input[type="button"]:hover, .dyw-wrapper .remove-selected-item input[type="button"]:active, .dyw-wrapper .remove-selected-item input[type="button"]:focus, .dyw-wrapper form input[type="submit"]:hover, .dyw-wrapper form input[type="submit"]:active, .dyw-wrapper form input[type="submit"]:focus, .dyw-wrapper .table-footer-checkout input[type="submit"]:hover, .dyw-wrapper .table-footer-checkout input[type="submit"]:active, .dyw-wrapper .table-footer-checkout input[type="submit"]:focus, .dyw-wrapper .remove-selected-item input[type="submit"]:hover, .dyw-wrapper .remove-selected-item input[type="submit"]:active, .dyw-wrapper .remove-selected-item input[type="submit"]:focus, .dyw-wrapper form button:hover, .dyw-wrapper form button:active, .dyw-wrapper form button:focus, .dyw-wrapper .table-footer-checkout button:hover, .dyw-wrapper .table-footer-checkout button:active, .dyw-wrapper .table-footer-checkout button:focus, .dyw-wrapper .remove-selected-item button:hover, .dyw-wrapper .remove-selected-item button:active, .dyw-wrapper .remove-selected-item button:focus, .dyw-wrapper form .btn:hover, .dyw-wrapper form .btn:active, .dyw-wrapper form .btn:focus, .dyw-wrapper .table-footer-checkout .btn:hover, .dyw-wrapper .table-footer-checkout .btn:active, .dyw-wrapper .table-footer-checkout .btn:focus, .dyw-wrapper .remove-selected-item .btn:hover, .dyw-wrapper .remove-selected-item .btn:active, .dyw-wrapper .remove-selected-item .btn:focus, .dyw-wrapper form .add-address-link:hover, .dyw-wrapper form .add-address-link:active, .dyw-wrapper form .add-address-link:focus, .dyw-wrapper .table-footer-checkout .add-address-link:hover, .dyw-wrapper .table-footer-checkout .add-address-link:active, .dyw-wrapper .table-footer-checkout .add-address-link:focus, .dyw-wrapper .remove-selected-item .add-address-link:hover, .dyw-wrapper .remove-selected-item .add-address-link:active, .dyw-wrapper .remove-selected-item .add-address-link:focus { background-color: #919191; }

select { height: 38px; overflow: hidden; border: none; padding: 5px 20px 5px 10px; color: #8b8b8b; background: url("images/down-arrow.png") no-repeat 95% center #f5f5f5; -moz-appearance: none; -webkit-appearance: none; -moz-appearance: none; -moz-box-shadow: inset 0 0 1px 1px #ececec; -webkit-box-shadow: inset 0 0 1px 1px #ececec; box-shadow: inset 0 0 1px 1px #ececec; }
select::-ms-expand { display: none; }

textarea { resize: none; -moz-box-shadow: inset 0 0 1px 1px #ececec; -webkit-box-shadow: inset 0 0 1px 1px #ececec; box-shadow: inset 0 0 1px 1px #ececec; border: 1px solid #f5f5f5; }

.form-control, .btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.form-item-panes-coupon-code label, .form-item-code label { display: block; }

.webform-client-form, #user-pass, #user-profile-form, .node-rma-form, .node-become_reseller-form { width: 70%; }
@media only screen and (max-width: 767px) { .webform-client-form, #user-pass, #user-profile-form, .node-rma-form, .node-become_reseller-form { width: 100%; } }
.webform-client-form input[type='text'], .webform-client-form input[type="search"], .webform-client-form input[type="email"], .webform-client-form input[type="password"], #user-pass input[type='text'], #user-pass input[type="search"], #user-pass input[type="email"], #user-pass input[type="password"], #user-profile-form input[type='text'], #user-profile-form input[type="search"], #user-profile-form input[type="email"], #user-profile-form input[type="password"], .node-rma-form input[type='text'], .node-rma-form input[type="search"], .node-rma-form input[type="email"], .node-rma-form input[type="password"], .node-become_reseller-form input[type='text'], .node-become_reseller-form input[type="search"], .node-become_reseller-form input[type="email"], .node-become_reseller-form input[type="password"] { width: 100%; }
.webform-client-form fieldset, #user-pass fieldset, #user-profile-form fieldset, .node-rma-form fieldset, .node-become_reseller-form fieldset { padding-top: 0; padding-bottom: 0; }
.webform-client-form .form-item, #user-pass .form-item, #user-profile-form .form-item, .node-rma-form .form-item, .node-become_reseller-form .form-item { display: block; position: relative; width: 100%; margin-bottom: 25px; }
.webform-client-form .form-item label, #user-pass .form-item label, #user-profile-form .form-item label, .node-rma-form .form-item label, .node-become_reseller-form .form-item label { display: block; margin-right: 5px; }
.webform-client-form .form-item .description, #user-pass .form-item .description, #user-profile-form .form-item .description, .node-rma-form .form-item .description, .node-become_reseller-form .form-item .description { margin-top: 3px; color: #b6b6b6; }
.webform-client-form .form-item .form-managed-file, #user-pass .form-item .form-managed-file, #user-profile-form .form-item .form-managed-file, .node-rma-form .form-item .form-managed-file, .node-become_reseller-form .form-item .form-managed-file { display: inline-block; }
.webform-client-form .form-item .form-managed-file .form-file, .webform-client-form .form-item .form-managed-file .form-submit, #user-pass .form-item .form-managed-file .form-file, #user-pass .form-item .form-managed-file .form-submit, #user-profile-form .form-item .form-managed-file .form-file, #user-profile-form .form-item .form-managed-file .form-submit, .node-rma-form .form-item .form-managed-file .form-file, .node-rma-form .form-item .form-managed-file .form-submit, .node-become_reseller-form .form-item .form-managed-file .form-file, .node-become_reseller-form .form-item .form-managed-file .form-submit { display: inline-block; }
.webform-client-form .form-type-checkbox .form-checkbox, #user-pass .form-type-checkbox .form-checkbox, #user-profile-form .form-type-checkbox .form-checkbox, .node-rma-form .form-type-checkbox .form-checkbox, .node-become_reseller-form .form-type-checkbox .form-checkbox { margin-top: 0; margin-right: 10px; }
.webform-client-form .form-type-checkbox label, #user-pass .form-type-checkbox label, #user-profile-form .form-type-checkbox label, .node-rma-form .form-type-checkbox label, .node-become_reseller-form .form-type-checkbox label { display: inline-block; vertical-align: middle; margin-bottom: 2px; }
.webform-client-form input[type="file"], #user-pass input[type="file"], #user-profile-form input[type="file"], .node-rma-form input[type="file"], .node-become_reseller-form input[type="file"] { height: 38px; background: #f5f5f5; margin-right: 10px; -moz-box-shadow: inset 0 0 1px 1px #ececec; -webkit-box-shadow: inset 0 0 1px 1px #ececec; box-shadow: inset 0 0 1px 1px #ececec; cursor: pointer; max-width: 185px; }
.webform-client-form input[type="file"]::-webkit-file-upload-button, #user-pass input[type="file"]::-webkit-file-upload-button, #user-profile-form input[type="file"]::-webkit-file-upload-button, .node-rma-form input[type="file"]::-webkit-file-upload-button, .node-become_reseller-form input[type="file"]::-webkit-file-upload-button { padding: 10px; border: none; background: #ececec; height: 38px; }
.webform-client-form input[type="file"]::file-upload-button, #user-pass input[type="file"]::file-upload-button, #user-profile-form input[type="file"]::file-upload-button, .node-rma-form input[type="file"]::file-upload-button, .node-become_reseller-form input[type="file"]::file-upload-button { padding: 10px; border: none; background: #ececec; height: 38px; }
.webform-client-form .form-type-password input[type="password"], #user-pass .form-type-password input[type="password"], #user-profile-form .form-type-password input[type="password"], .node-rma-form .form-type-password input[type="password"], .node-become_reseller-form .form-type-password input[type="password"] { width: 100%; }
.webform-client-form .form-type-password .password-confirm, #user-pass .form-type-password .password-confirm, #user-profile-form .form-type-password .password-confirm, .node-rma-form .form-type-password .password-confirm, .node-become_reseller-form .form-type-password .password-confirm { margin-top: 0; font-size: 11px; font-size: 1.1rem; color: #b6b6b6; }
.webform-client-form .form-type-password .password-strength, #user-pass .form-type-password .password-strength, #user-profile-form .form-type-password .password-strength, .node-rma-form .form-type-password .password-strength, .node-become_reseller-form .form-type-password .password-strength { position: absolute; bottom: 0; width: 100%; font-size: 11px; font-size: 1.1rem; color: #b6b6b6; }
.webform-client-form .form-type-password .password-strength .password-indicator, #user-pass .form-type-password .password-strength .password-indicator, #user-profile-form .form-type-password .password-strength .password-indicator, .node-rma-form .form-type-password .password-strength .password-indicator, .node-become_reseller-form .form-type-password .password-strength .password-indicator { margin-top: 2px; }
.webform-client-form .form-type-password.password-parent, #user-pass .form-type-password.password-parent, #user-profile-form .form-type-password.password-parent, .node-rma-form .form-type-password.password-parent, .node-become_reseller-form .form-type-password.password-parent { padding-bottom: 20px; }
.webform-client-form .form-type-password.confirm-parent, #user-pass .form-type-password.confirm-parent, #user-profile-form .form-type-password.confirm-parent, .node-rma-form .form-type-password.confirm-parent, .node-become_reseller-form .form-type-password.confirm-parent { margin-bottom: 0; }
.webform-client-form .form-type-file input[type="file"], .webform-client-form .form-type-file label, #user-pass .form-type-file input[type="file"], #user-pass .form-type-file label, #user-profile-form .form-type-file input[type="file"], #user-profile-form .form-type-file label, .node-rma-form .form-type-file input[type="file"], .node-rma-form .form-type-file label, .node-become_reseller-form .form-type-file input[type="file"], .node-become_reseller-form .form-type-file label { display: inline-block; }
.webform-client-form .form-submit, #user-pass .form-submit, #user-profile-form .form-submit, .node-rma-form .form-submit, .node-become_reseller-form .form-submit { min-width: 150px; }

.uc-order-action img { top: -1px; }

/* Captcha */
.tertiary-content-wrapper .captcha.form-wrapper .fieldset-legend { color: #fff; }
.captcha.form-wrapper .fieldset-description { display: none; }

/* ============================================================================= Poll ========================================================================== */
.block-poll .links { padding-left: 0; }

.poll .vote-form { text-align: left; margin-bottom: 10px; }
.poll .vote-form .choices { display: block; }

.tb-megamenu .nav li.level-1.dropdown > a > span.caret { border: none; background-position: 0 -1238px; width: 12px; height: 13px; }

.tb-megamenu .nav li.level-1.dropdown.open > a > span.caret { border: none; background-position: 0 -1225px; width: 12px; height: 13px; }

.tb-megamenu .nav li.level-2.dropdown-submenu > a > span.caret { border: none; background-position: 0 -1238px; width: 12px; height: 13px; }

.tb-megamenu .nav li.level-2.dropdown-submenu.open > a > span.caret { border: none; background-position: 0 -1225px; width: 12px; height: 13px; }

.tb-megamenu .nav li.level-2.mega-group > a > span.caret { border: none; background-position: 0 -1238px; width: 12px; height: 13px; }

.tb-megamenu .nav li.level-2.mega-group.open > a > span.caret { border: none; background-position: 0 -1225px; width: 12px; height: 13px; }

/* ============================================================================= Account Manage Section ========================================================================== */
#user-login .form-item { margin-bottom: 20px; }
#user-login .form-item label { display: block; }

#order_credit-pane .fieldset-wrapper > span { display: inline-block; font-size: 17px; margin-right: 10px; float: left; position: relative; top: 6px; }
#order_credit-pane > legend { display: none; }

.form-item-panes-order-credit-order-credit-pane-credit-amount { float: left; margin: 0; padding: 0; }

#edit-panes-order-credit-order-credit-pane-btn-apply-credit { height: 35px; line-height: 35px; margin-top: 2px; }

#edit-panes-order-credit-order-credit-pane-credit-amount { color: #000; display: inline-block !important; float: left; font-size: 17px; font-weight: bold; height: 35px; line-height: 35px; vertical-align: top !important; width: 80px; border: 2px solid gray; }

.form-item-panes-order-credit-order-credit-pane-txt-credit { display: none; }

/* css ended by k*** */
.user-name h1 { text-transform: capitalize; font-size: 24px; font-size: 2.4rem; margin-top: 7px; }

.account-overview-block { margin-bottom: 0; }

.account-overview-wrapper { background: #f5f5f5; margin-top: 10px; padding: 20px 0 45px 0; }
.account-overview-wrapper .account-overview { padding-top: 15px; }
.account-overview-wrapper .account-overview a { text-decoration: none; }
.account-overview-wrapper .account-overview a:hover, .account-overview-wrapper .account-overview a:focus, .account-overview-wrapper .account-overview a:active { text-decoration: none; }

.account-box { position: relative; padding: 5px 20px; margin-bottom: 20px; -moz-box-shadow: 0 1px 2px 1px #ececec; -webkit-box-shadow: 0 1px 2px 1px #ececec; box-shadow: 0 1px 2px 1px #ececec; border: 1px solid #ececec; background: #fff; display: block; cursor: pointer; }
.account-box:hover, .account-box:focus, .account-box:active { border: 1px solid #046890; -moz-box-shadow: 0 0 2px 1px #046890; -webkit-box-shadow: 0 0 2px 1px #046890; box-shadow: 0 0 2px 1px #046890; }
.account-box h2, .account-box .page-node-43 #page-title, .page-node-43 .account-box #page-title, .account-box .page-node-51 #page-title, .page-node-51 .account-box #page-title { color: #363636; }
.account-box .h3 { display: block; }
.account-box p { color: #363636; }
.account-box.order-box { background: #046890; color: #fff; }
.account-box.order-box .h3 { color: #fff; }
.account-box.order-box:hover, .account-box.order-box:focus, .account-box.order-box:active { border: 1px solid #fff; -moz-box-shadow: 0 1px 2px 1px #fff; -webkit-box-shadow: 0 1px 2px 1px #fff; box-shadow: 0 1px 2px 1px #fff; }
.account-box.order-box p { color: #fff; }
.account-box a { font-family: 'robotobold'; display: block; }
.account-box .acc-info { display: block; }
.account-box .acc-icon { position: absolute; right: 20px; top: 25px; }
.account-box .acc-icon span { display: inline-block; }

.icon-settings { background-position: 0 -749px; width: 18px; height: 18px; }

.icon-pay { background-position: 0 -597px; width: 30px; height: 19px; }

.icon-planogram { background-position: 0 -632px; width: 23px; height: 24px; }

.icon-address { background-position: 0 -431px; width: 17px; height: 26px; }

.icon-terms { background-position: 0 -1025px; width: 23px; height: 18px; }

.icon-bulk { background-position: 0 -42px; width: 24px; height: 30px; }

.icon-rma { background-position: 0 -994px; width: 30px; height: 31px; }

.icon-order { background-position: 0 -574px; width: 14px; height: 23px; }

#simple-subscription-form { margin-top: -17px; }

.news-letter { background: #deeef5; padding: 20px 0 35px 0; color: #363636; }
.news-letter h2, .news-letter .page-node-43 #page-title, .page-node-43 .news-letter #page-title, .news-letter .page-node-51 #page-title, .page-node-51 .news-letter #page-title { color: #363636; margin-bottom: 0; }
.news-letter .simple_subscription_header { display: inline-block; margin-right: 5%; margin-bottom: 0; vertical-align: bottom; }
.news-letter .form-item-mail { display: inline-block; margin-top: 0; margin-bottom: 0; }
.news-letter .form-item-mail input { width: 395px; margin-right: 10px; }
.news-letter .form-submit { display: inline-block; background: #046890; font-size: 15px; font-size: 1.5rem; padding-right: 20px; padding-left: 20px; }
.news-letter .form-submit:hover, .news-letter .form-submit:active { background: #045271; }

.page-user #page-title { text-transform: capitalize; }
.page-user .user-profile.profile { display: none; }
.page-user #tasks { display: none; }

/* ============================================================================= Address Book ========================================================================== */
.address-book { border-top: 1px solid #ececec; }
.address-book .default-addresses, .address-book .additional-addresses { width: 100%; float: none; clear: both; overflow: hidden; }
.address-book .default-addresses tbody, .address-book .additional-addresses tbody { border: none; }
.address-book .default-addresses .address-item, .address-book .additional-addresses .address-item { width: 48%; float: left; margin-right: 3%; min-height: 200px; }
.address-book .default-addresses .address-item.even, .address-book .additional-addresses .address-item.even { margin-right: 0; }
@media only screen and (max-width: 480px) { .address-book .default-addresses .address-item, .address-book .additional-addresses .address-item { width: 100%; margin-right: 0; } }
.address-book .default-addresses .address-item:last-child, .address-book .additional-addresses .address-item:last-child { margin-right: 0; }

.list-address-wrapper { padding: 0 !important; border: 1px solid #ccc; }
.list-address-wrapper .list-address { width: 100%; margin-bottom: 0; }
.list-address-wrapper .title-col { text-align: right; }
.list-address-wrapper .address-field-phone td { padding-bottom: 30px; }
.list-address-wrapper tr { border: none; }
.list-address-wrapper tr.address-links { border-top: 1px solid #ccc; }
.list-address-wrapper tr.address-links td { padding: 0; text-align: left; }
.list-address-wrapper tr.address-links a { display: inline-block; padding: 10px 10px; }
.list-address-wrapper tr td { padding: 5px 15px; }

/* For login Page  */
.not-logged-in.no-sidebars.page-user #main-content, .not-logged-in.page-node-2248.no-sidebars #main-content, .page-user-password.no-sidebars.page-user #main-content { width: 40%; margin: 0 auto; border: 1px solid #ececec; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 20px 35px; }
@media only screen and (max-width: 480px) { .not-logged-in.no-sidebars.page-user #main-content, .not-logged-in.page-node-2248.no-sidebars #main-content, .page-user-password.no-sidebars.page-user #main-content { width: 100%; } }
@media only screen and (min-width: 481px) and (max-width: 768px) { .not-logged-in.no-sidebars.page-user #main-content, .not-logged-in.page-node-2248.no-sidebars #main-content, .page-user-password.no-sidebars.page-user #main-content { width: 70%; } }

.page-node-2248 #main-content-header { display: none; }
.page-node-2248 #main-content #block-illusivedesign-impl-become-reseller-node-form.col-md-4 { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }

#user-login, .webform-client-form-7, #user-pass, .node-become_reseller-form { width: 100%; }
#user-login input, .webform-client-form-7 input, #user-pass input, .node-become_reseller-form input { width: 100%; }

.page-user.no-sidebars.page-user-password.logged-in #user-pass { width: 40%; }
.page-user.no-sidebars.page-user-password.logged-in #user-pass #edit-submit { max-width: 150px; }

/* ============================================================================= Order Details Section ========================================================================== */
.page-user-orders #content { position: relative; }
.page-user-orders #order-pane-print_button { border: none; background: none; position: absolute; left: 0; top: 0; padding: 0; top: 12px; }
.page-user-orders #order-pane-print_button a { background: #046890; border: none; padding: 10px; margin-right: 10px; color: #fff; font-size: 0; }
.page-user-orders #order-pane-print_button a:after { content: 'Print'; display: inline-block; font-size: 13px; vertical-align: middle; padding: 10px; }
.page-user-orders #order-pane-print_button a:hover, .page-user-orders #order-pane-print_button a:active, .page-user-orders #order-pane-print_button a:focus { background-color: #005476; color: #fff; text-decoration: none; }
.page-user-orders .order-pane { margin-top: 0; }
.page-user-orders .order-pane thead { background-color: transparent; }
.page-user-orders .order-pane.pos-left { width: 28%; min-height: 150px; border-color: #ececec; }
.page-user-orders .order-pane-table th, .page-user-orders .order-pane-table td { padding: 15px; }
.page-user-orders .line-item-table tbody tr { background: #ececec; border-bottom: 1px solid #fff; }
.page-user-orders .line-item-table td { padding: 10px; }
.page-user-orders .re-order-button { margin-bottom: 10px; }

/* Back Button is placed in Highlighed block  */
.back-button-block { position: relative; }
.back-button-block .back-button { position: absolute; right: 0; top: 30px; z-index: 99; }

/* Add Account button  */
.address-links .add-address-link { padding: 10px 20px; }

.order-status-row { border-bottom: 1px solid #ececec; display: block; padding: 5px 0; width: 100%; }
.view-header .order-status-row.views-row-1 > .order-status-cont { display: none; }
.order-status-row > div { display: inline-block; text-align: left; padding: 0; width: 15%; }
.order-status-row > div.views-field-actions { width: 13%; }
.order-status-row > div.status-cont { padding-top: 15px; width: 100%; }
.order-status-row .ucorder-status { background: #046890; color: #ffffff; display: inline-block; height: 25px; line-height: 25px; padding: 0 5px; cursor: pointer; }
.order-status-row .ucorder-status:hover, .order-status-row .ucorder-status:focus { background: #005476; }

.order-history-action > a:first-child > img, .order-history-action > a:nth-child(2) > img { display: none; }
.order-history-action > a:first-child:hover:before, .order-history-action > a:first-child:focus:before, .order-history-action > a:nth-child(2):hover:before, .order-history-action > a:nth-child(2):focus:before { background: #005476; }
.order-history-action > a:first-child:before { content: "View"; background: #046890 none repeat scroll 0 0; color: #ffffff; display: inline-block; height: 25px; line-height: 25px; text-align: center; width: 40px; margin-right: 10px; }
.order-history-action > a:nth-child(2):before { content: "Invoice"; background: #046890 none repeat scroll 0 0; color: #ffffff; display: inline-block; height: 25px; line-height: 25px; text-align: center; width: 50px; margin-right: 10px; }
.order-history-action > a:nth-child(3), .order-history-action > a:nth-child(4), .order-history-action > a:nth-child(5) { display: none; }

.stat-items { background: transparent url("./../images/arrow_02.png") no-repeat scroll left top; color: #ffffff; display: inline-block; font-weight: bold; height: 35px; line-height: 33px; margin-right: 10px; margin-bottom: 10px; text-align: center; width: 145px; cursor: pointer; }
.stat-items.active { background: transparent url("./../images/arrow_01.png") no-repeat scroll left top; }

/*  */
/* Checkout page  */
#edit-panes-order-credit-order-credit-pane-credit-limit { display: none; }

.form-type-uc-addresses-address-select { width: 70%; }
@media only screen and (max-width: 480px) { .form-type-uc-addresses-address-select { width: 100%; } }
.form-type-uc-addresses-address-select select { width: 100%; }
.form-type-uc-addresses-address-select label { display: block; }

/* Table td  in one Row */
/* .address-pane-table{
	table {
		width: 70%;
		input,select{
			width: 100%;
		}
		@media only screen and (max-width: 480px){
			width: 100%;
		}
		tr {
			border-bottom: none;
		}
		td {
			width: 100%;
			display: block;
			text-align: left;
			&.field-label{
				text-align: left;
				margin-top: 10px;
			}
		}
	}
} */
.form-type-radio input[type="radio"], .form-type-radio input[type="checkbox"], .form-type-checkbox input[type="radio"], .form-type-checkbox input[type="checkbox"] { margin-top: 0; }
.form-type-radio label, .form-type-checkbox label { display: inline-block; }

/* Coupon */
#uc-cart-pane-coupon { padding: 15px; }

#coupon_automatic-pane { display: none; }

/*  Design YOur Wall Tooltip */
.filter-tooltip h5 { display: inline-block; margin-right: 10px; vertical-align: top; margin-top: 5px; }

.views-field.views-field-sell-price { display: inline-block; }

.views-field-nothing-1 { display: inline-block; margin-left: 10px; }

.views-field-nothing-1 > span { font-size: 14px; font-weight: bold; }

.rebate-price > strong, .promo-price { color: #c39364; }

.product-list-search ul { padding-left: 0; }

.product-grid-view { list-style: none; float: left; width: 33%; padding: 0 15px; position: relative; }
.product-grid-view .s-field-addtocartlink { width: 50%; float: left; min-width: 130px; }
.product-grid-view .wish-compare-buttons { width: 40%; }

.product-row-view { list-style: none; overflow: hidden; border-bottom: 1px solid silver; }
.product-row-view .s-field { font-size: 15px; font-weight: bold; }
.product-row-view .s-uc-product-image { float: left; margin-right: 20px; }
.product-row-view .s-info { float: left; width: 45%; }
.product-row-view .s-buttons { width: 25%; float: right; }
.product-row-view .wish-compare-buttons { width: 50%; float: right; clear: both; }
.product-row-view .form-actions { float: right; }
.product-row-view .form-actions input[type="submit"] { margin-right: 0; }

.display-change-filter { font-size: 13px; border-bottom: 1px solid silver; }
.display-change-filter a { margin: 10px 15px; display: inline-block; }
.display-change-filter a.list-btn, .display-change-filter a.grid-btn { font-size: 22px; }
.display-change-filter .sort-filter-container { padding-top: 5px; padding-right: 20px; }

.views-exposed-form .views-exposed-widget .price-filter-submit { height: 32px; padding: 6px 9px; margin-top: 0; display: inline-block; margin-right: 0; }

.back-to-top { position: fixed; right: 20px; bottom: 70px; }

.add-to-cart.add-to-cart-s .form-actions .node-add-to-cart { max-width: 92px; }

.s-loading-gif { width: 100%; clear: both; float: none; text-align: center; padding: 40px 15px; }
.s-loading-gif.hide-gif { visibility: hidden; }

.s-center-loader { width: 100%; height: 100%; clear: both; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; background-color: rgba(250, 250, 250, 0.5); vertical-align: middle; }
.s-center-loader.hide-gif { visibility: hidden; }
.s-center-loader img { vertical-align: middle; }

@media (min-width: 992px) { .product-grid-view { width: 33.33333%; } }
@media (max-width: 768px) { .product-grid-view { width: 50%; max-width: 250px; }
  .product-list-search ul { width: 540px; margin: 10px auto; }
  .display-change-filter a.list-btn { display: none; } }
@media (max-width: 540px) { .product-grid-view { width: 100%; max-width: 250px; }
  .product-list-search ul { width: 260px; margin: 10px auto; } }