@charset "UTF-8"; @font-face { font-family: 'SquadaOne-Regular'; src: url("../font/SquadaOne-Regular.eot"); src: url("../font/SquadaOne-Regular.eot?#iefix") format("embedded-opentype"), url("../font/SquadaOne-Regular.woff") format("woff"), url("../font/SquadaOne-Regular.ttf") format("truetype"), url("../font/SquadaOne-Regular.svg") format("svg"); } @font-face { font-family: 'Roboto-Regular'; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; font-style: regular; } @font-face { font-family: 'Roboto-Bold'; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto-Medium'; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto-Light'; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } #directwholesaleBody #page #content > .span-24 .facetNavigation { width: 23.8%; margin-right: 2%; border: 1px solid #e5e5e5; } #directwholesaleBody #page #content > .span-24 .facetNavigation .headline { display: none; } #directwholesaleBody #page #content > .span-24 .facetNavigation .facet .facetHead { border: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation .facet .facetValues { padding: 15px; } #directwholesaleBody #page #content > .span-24 .facetNavigation .facet .facetValues ul li:nth-of-type(odd) { background: #ededed; } #directwholesaleBody #page #content > .span-24 .facetNavigation .facet .facetValues ul li:nth-of-type(even) { background: #fff; } #directwholesaleBody #page #content > .span-24 .facetNavigation .facet .facetValues ul li { border: 0px; padding: 10px 7px; } #directwholesaleBody #page #content > .span-24 .facetNavigation .facet .facetHead > a { color: #ff5000; background: url(../images/Down_Arrow.png) no-repeat; background-position: 94% 15px; background-size: 20px; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .span-24 .facetNavigation .facet .facetHead > a.close { color: #ff5000; background: url(../images/UP_Arrow.png) no-repeat; background-position: 94% 15px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last { width: 74%; position: relative; /*top: -44px;*/ margin: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar { margin: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar .totalResults { display: none; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar ul li strong, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar a, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar input, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar button, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar .next a, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar .prev a { padding: 10px 0px 0px 0px; margin: 5px; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar .next a { background: url(../images/pagination-next.png) no-repeat center 11px; color: transparent !important; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar .prev a { background: url("../images/pagination-prev.png") no-repeat center 11px !important; color: transparent !important; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form2 + .pageSizeSelection { display: none; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 { width: 30%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 .pagination_dw .totalResults { width: 100%; float: left; padding-top: 10px; text-align: right; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection { width: 70%; float: left; padding-top: 10px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .pagination_product_found { display: block !important; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .pagination_product_found .totalResults { width: 50%; float: right; text-align: right; padding: 7px 0px; font-size: 12px !important; font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination { width: 50%; float: left; padding-top: 10px; position: relative; padding-right: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination > span { display: block !important; width: 60%; float: left; text-align: right; font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination .dropdown-menuser { width: 35%; text-align: center; float: left; background: #fff; border: 1px solid #ededed; /* padding: 5px; */ margin-left: 5px; position: absolute; top: 1px; right: 5px; z-index: 99; padding: 10px 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination .dropdown-menuser a { font-family: 'Roboto-Bold'; width: 100%; display: none; float: left; text-align: left; text-indent: 10px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination .dropdown-menuser a:hover { color: #ff5100; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination .dropdown-menuser span { font-family: 'Roboto-Bold'; font-size: 12px; color: #111111; padding: 0px 23px 0px 10px; background-size: 8px; background: url(../images/selectarrow.png) no-repeat 90% 0px; display: block; text-align: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination .dropdown-menuser span b { font-size: 16px; position: relative; top: -5px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 label[for="sortOptions1"] { text-transform: uppercase; color: #000; line-height: 28px; padding: 8px 1px; font-size: 12px !important; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 #sortOptions1 { padding: 10px 25px 10px 10px; font-family: 'Roboto-Regular'; background: url(../images/selectarrow.png) no-repeat 94% 13px; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ text-indent: 0.01px; text-overflow: ''; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .results h1 { font-family: 'Roboto-Bold'; font-size: 1.5rem; margin: 10px 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .searchSpellingSuggestionPrompt { font-family: 'Roboto-Bold'; font-size: 0.75rem; margin: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .searchSpellingSuggestionPrompt a { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList { width: 100%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 { width: 33%; float: left; margin-right: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem { padding: 40px 10px 40px; margin: 0px; display: block; border: 0px; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .thumbnail-product, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .thumb, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .thumbnail-product, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .thumb, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .thumbnail-product, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .thumb, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .thumbnail-product, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .thumb { border: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .thumbnail-product img, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .thumb img, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .thumbnail-product img, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .thumb img, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .thumbnail-product img, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .thumb img, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .thumbnail-product img, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .thumb img { width: 100%;height: inherit!important; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .thumbnail-product h3, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .thumb h3, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .thumbnail-product h3, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .thumb h3, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .thumbnail-product h3, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .thumb h3, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .thumbnail-product h3, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .thumb h3 { height: auto; margin: 15px 0px; font-size: 12px !important; font-family: 'Roboto-Bold'; font-weight: normal; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .overlay, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .overlay, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .overlay, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .overlay { width: 100%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .overlay .promo, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .overlay .sale, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .overlay .new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .overlay .promo, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .overlay .sale, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .overlay .new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .overlay .promo, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .overlay .sale, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .overlay .new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .overlay .promo, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .overlay .sale, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .overlay .new { position: relative; top: 0; left: 0; width: auto; /*max-width: 45px;*/ } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .overlay .new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .overlay .sale, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .overlay .new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .overlay .sale, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .overlay .new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .overlay .sale, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .overlay .new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .overlay .sale { left: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .head, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .head, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .head, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .head { width: 100%; float: left; margin: 0px; text-align: center; height: auto; margin: 15px 0px; font-size: 12px !important; font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .price, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .price, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .price, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .price { height: auto !important; margin: 0px 0px 10px 0px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; color: #000; padding: 10px 0px; font-family: 'Roboto-Regular'; text-align: center; width: 100%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .price .rrPrice22, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .price .rrPrice22 span, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .price .rrPrice22, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .price .rrPrice22 span, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .price .rrPrice22, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .price .rrPrice22 span, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .price .rrPrice22, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .price .rrPrice22 span { font-size: 12px !important; font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .details, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .details, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .details, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .details { height: auto !important; margin: 0px; color: #000; padding: 10px 0px; font-family: 'Roboto-Regular'; text-align: center; width: 100%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .stars, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .stars, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .stars, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .stars { width: 48px; margin: 10px 0px 10px 40%; margin-top: 10px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .priceContainer, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .priceContainer, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .priceContainer, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .priceContainer { margin-bottom: 10px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .priceContainer .price, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .priceContainer .price, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .priceContainer .price, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .priceContainer .price { padding: 10px 0px; border-bottom: 1px solid #e5e5e5; font-family: 'Roboto-Regular'; padding: 10px 0px; font-size: 14px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .priceContainer .price .cart-baseprice, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .priceContainer .price .cart-baseprice, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .priceContainer .price .cart-baseprice, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .priceContainer .price .cart-baseprice { font-family: 'Roboto-Bold'; font-style: normal; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .priceContainer .price.new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .priceContainer .price.new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .priceContainer .price.new, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .priceContainer .price.new { border-bottom: 0px solid #e5e5e5; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .cart, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 > .productGridItem .cart form, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .cart, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .productListItem .cart form, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .cart, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 > .productGridItem .cart form, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .cart, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .productListItem .cart form { width: 100%; float: left; text-align: center; margin: 0px; padding: 0px 0px 12px 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart > form > #addToCartButton, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart > form > #addToCartButton { margin-top: 10px; left: 0; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart #addToCartForm, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart #addToCartForm { float: left; width: 100%; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty1 .span-2, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty1 .span-2 { position: relative; left: 0px !important; margin: 0px 15px 0px 0px; padding: 12px 0px; font-family: 'Roboto-Regular'; color: #111111; font-size: 0.75rem; width: auto; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty1 .Empty_qty, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty1 .Empty_qty { width: auto; left: 0px !important; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty1 .span-3, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty1 .span-3 { width: auto; float: right; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty1 .span-3 button, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty1 .span-3 button { margin-top: 5px !important; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty { margin: 0px; float: left; width: 100%; padding: 10px 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty > label, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty > label { top: 0; margin: 0px 15px 0px 0px; padding: 12px 0px; font-family: 'Roboto-Regular'; color: #111111; font-size: 0.75rem; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty p > a.inc, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty p > a.inc { background: url(../images/increase.gif) #f4f3f1 no-repeat; width: 15px; height: 22px; left: -30px; top: 0px; background-position: center; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty p > a.dec, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty p > a.dec { background: url(../images/decrease.gif) no-repeat #f4f3f1; width: 15px; height: 20px; top: 20px; left: -15px; background-position: center; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty p input.qty, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty p input.qty { border: 1px solid #eaeaea; width: auto !important; padding: 12px 15px; border-radius: 0px; height: auto; text-align: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty button.addToCartButton, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6 .cart .Empty_qty button.button-red, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty button.addToCartButton, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6 .cart .Empty_qty button.button-red { top: 0px; left: 0px; margin: 0px; border: 0px; background: #ff5000; border-radius: 0px; width: 92px !important; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid > .span-6.last, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList > .span-6.last { margin-right: 0px; /*.productGridItem { padding: 40px 10px 40px 0px; }*/ } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid + .paginationBar.bottom, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form2 { display: none; } @media (min-width: 768px) and (max-width: 1000px) { #directwholesaleBody #page #content > .span-24 { width: 100%; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last { width: 69%; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 { width: 50%; float: left; margin-right: 0px; clear: none; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6 .productGridItem .productMainLink, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 .productGridItem .productMainLink { min-height: inherit; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 { width: 40%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 #sortOptions1 { padding: 7px; background: url(../images/selectarrow.png) no-repeat 90% 9px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection { width: 60%; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination { width: 60%; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination .dropdown-menuser { padding: 7px 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination > span { text-align: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .pagination_product_found .totalResults { width: 40%; } #directwholesaleBody #page #content > .span-24 .facetNavigation { width: 28%; } } @media (min-width: 999px) and (max-width: 1190px) { #directwholesaleBody #page #content > .span-24 { width: 100%; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last { width: 73%; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 { width: 33%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection { width: 66%; } #directwholesaleBody #page #content > .span-24 .facetNavigation { width: 24%; } } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody .scroller .jcarousel-skin ul li a div:nth-of-type(2){height: 5.5em;} #directwholesaleBody #page #content > .span-24 { width: 96%; margin: 0 2%; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last { width: 100%; top: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar .button-print { display: none !important; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .pagination_product_found { width: 40%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .pagination_product_found .totalResults { width: 100%; float: right; text-align: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar.top { border: 0px !important; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar.top .right { width: 100%; text-align: center; margin: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar.top .right .pagination { float: none; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar.top .right .pagination li { float: none; display: inline-block; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar.top .right .pagination .first, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar.top .right .pagination .last { display: none; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar.top .right .pagination .prev, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .paginationBar.top .right .pagination .next { position: relative; top: 11px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 { padding: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 label[for="sortOptions1"] { display: none; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last #sort_form1 #sortOptions1 { display: none; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection { width: 100%; padding-top: 0px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .pageSizeSelection .dw_pagination { width: 60%; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 { width: 50%; float: left; margin-right: 0px; clear: none; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6 .productGridItem, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 .productGridItem { padding: 30px 5px 40px; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6 .productGridItem .productMainLink, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 .productGridItem .productMainLink { min-height: inherit; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6 .productGridItem .cart, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 .productGridItem .cart { width: 100%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6 .productGridItem .cart .add_to_cart_form, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 .productGridItem .cart .add_to_cart_form { width: 100%; float: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6 .productGridItem .cart .add_to_cart_form .Empty_qty > label, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 .productGridItem .cart .add_to_cart_form .Empty_qty > label { top: 0; margin: 0px; padding: 12px 0px; width: 100%; text-align: left; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6 .productGridItem .cart .add_to_cart_form .Empty_qty p input.qty, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 .productGridItem .cart .add_to_cart_form .Empty_qty p input.qty { padding: 11px 7px; border-radius: 0px; height: auto; text-align: center; } #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .productGrid .span-6 .productGridItem .cart .add_to_cart_form .Empty_qty .addToCartButton, #directwholesaleBody #page #content > .span-24 .facetNavigation + .last .search-results-pList .span-6 .productGridItem .cart .add_to_cart_form .Empty_qty .addToCartButton { top: 0px; left: 0px; margin: 0px; border: 0px; background: #ff5000; border-radius: 0px; height: auto; padding: 11px 5px !important; font-size: 0.75rem; } #directwholesaleBody #page #content > .span-24 .dw_filter { display: block !important; width: 100%; float: left; padding: 10px 0px; } #directwholesaleBody #page #content > .span-24 .dw_filter #dw_refine { cursor: pointer; background: #111; color: #fff; border: 0px; border-radius: 0px; padding: 11px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; float: right; } #directwholesaleBody #page #content > .span-24 .facetNavigation { width: 100%; display: none; } } #directwholesaleBody { width: 100%; float: left; overflow-x: hidden; margin: 0px; } #directwholesaleBody #page { width: 100%; padding: 0px; } #directwholesaleBody #page #header { width: 100%; float: left; position: relative; } #directwholesaleBody #page #header .topnav { width: 100%; float: left; background: #5d5d5d; padding: 10px 0px; } #directwholesaleBody #page #header .topnav .content { width: 1180px; margin: 0 auto; text-align: center; color: #fff; text-transform: capitalize; /*text-indent: 20px;*/ font-size: 22px; font-family: 'SquadaOne-Regular'; } #directwholesaleBody #page #header .topnav .content > span{width:38px;height:38px; background:url(../images/topnav-arrow.png) no-repeat; background-size:100%;} #directwholesaleBody #page #header .toplinks { width: 100%; float: left; padding-bottom: 0px; } #directwholesaleBody #page #header .toplinks .header-section_1 { width: 100%; float: left; padding-bottom: 4px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container { width: 1180px; margin: 0 auto; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo { display: block !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo > .wc_msg { width: auto; margin: 0px; float: right; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo > .wc_msg ul { float: left; width: 100%; margin: 0px; padding: 0px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo > .wc_msg ul .dw_notguest { display: none; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo > .wc_msg .welcome-user-header { border-right: 1px solid #000; font-family: Roboto, "Roboto-Regular", Arial, Helvetica, sans-serif; font-size: 12px; float: right; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo > .wc_msg .log_name { display: none; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo > .wc_msg li a.pulldown-changestore { background: transparent !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo { width: calc(100% / 2 ); float: left; margin: 0px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last > ul, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo > ul { width: 50%; float: left; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .dw_logo, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .dw_logo { display: none; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .nav.welcomeMsg, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .nav.welcomeMsg { width: 100%; float: left; text-align: right; margin-top: 0px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .nav.welcomeMsg a .do-login, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .nav.welcomeMsg a .do-login { position: relative; top: -2px; margin-right: 10px; font-size: 14px; font-family: 'Roboto-Regular'; font-weight: normal; color: #111111; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .nav.welcomeMsg .my_acc, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .nav.welcomeMsg .my_sign, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .nav.welcomeMsg .my_com, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .nav.welcomeMsg .my_acc, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .nav.welcomeMsg .my_sign, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .nav.welcomeMsg .my_com { float: left; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .nav.welcomeMsg .my_acc a, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .nav.welcomeMsg .my_sign a, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .nav.welcomeMsg .my_com a, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .nav.welcomeMsg .my_acc a, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .nav.welcomeMsg .my_sign a, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .nav.welcomeMsg .my_com a { border-right: 1px solid #000; padding: 0px 8px 0px 5px; font-family: 'Roboto-Regular'; color: #111111; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer { width: 390px; border: 1px solid #eaeaea; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer .legend, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer .legend { border-bottom: 1px solid #eaeaea; font-size: 11px; font-family: 'Roboto-Regular'; text-align: left; padding: 5px 5px 10px 5px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li { border-bottom: 1px solid #eaeaea; padding-bottom: 13px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemThumb, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemThumb { width: 25%; text-align: left; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemDesc, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemDesc { width: 75%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemDesc > div, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemDesc > div { text-align: left; /*padding-left: 20px;*/ padding-bottom: 10px; color: #000 !important; width: 60% !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemDesc > div .prod-code-minicart, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemDesc > div .prod-description, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemDesc > div .itemQuantity span, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemDesc > div .prod-code-minicart, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemDesc > div .prod-description, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemDesc > div .itemQuantity span { font-size: 12px; font-family: "Roboto-Bold"; margin-bottom: 2px; color: #000 !important; font-weight: normal; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemDesc > div .prod-description, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemDesc > div .prod-description { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemDesc > div .itemQuantity, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemDesc > div .itemQuantity { font-family: 'Roboto-Regular' !important; font-weight: normal; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemDesc > div .prod-code-minicart, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemDesc > div .prod-code-minicart { font-weight: bold; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer ul.itemList li .itemDesc > .priceOfCart, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer ul.itemList li .itemDesc > .priceOfCart { width: 25% !important; font-style: normal; text-align: right; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer .total, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer .total { display: block; /* color: #ff5001; */ background: none; padding: 5px 0 5px 0; font-size: 22px !important; font-family: 'Roboto-Bold'; text-align: left; margin-bottom: 20px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer .right, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer .right { font-size: 22px !important; font-family: Roboto; color: #ff5001 !important; font-weight: 400; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer .banner, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer .banner { display: none; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .miniCart #miniCartLayer .links a, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .miniCart #miniCartLayer .links a { float: none !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .nav.welcomeMsg .my_sign a, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .nav.welcomeMsg .my_sign a { border-right: 0px solid #000; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .welcomeMsg li, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .welcomeMsg li { color: #111111; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .welcomeMsg li a span, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .welcomeMsg li a span { color: #111111 !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .welcomeMsg li.miniCart, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .welcomeMsg li.miniCart { background-image: url(../images/cart.png); background-repeat: no-repeat; padding-left: 50px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .welcomeMsg li.miniCart a span, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .welcomeMsg li.miniCart a span { position: relative; top: -6px; font-family: 'Roboto-Regular'; color: #111111 !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .welcomeMsg li.miniCart .country-flag, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .welcomeMsg li.miniCart .country-flag { background-image: url(../images/map.png); background-repeat: no-repeat; padding: 10px 14px; width: auto; height: auto; margin-left: 35px; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .callTitle, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .callTitle { display: none; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .number, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .number { display: block !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container > .span-12.last .number .content, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .number .content { font-weight: bold; color: #505050; background: url(../images/callus.png) no-repeat; font-size: 14px; background-position: 2px -1px; font-family: 'Roboto-Regular'; font-weight: normal; color: #111111; } #directwholesaleBody #page #header .toplinks + #addToCartLayer { position: absolute; top: 38px; z-index: 200; right: 0px; background: #fff; width: 358px; border: 1px solid #ededed; border-width: 1px; padding: 15px; margin: 0; } #directwholesaleBody #page #header .toplinks + #addToCartLayer .headline, #directwholesaleBody #page #header .toplinks + #addToCartLayer .popupCartItem { border-bottom: 1px solid #ededed; } #directwholesaleBody #page #header .toplinks + #addToCartLayer .headline .itemThumb, #directwholesaleBody #page #header .toplinks + #addToCartLayer .popupCartItem .itemThumb { width: 25%; } #directwholesaleBody #page #header .toplinks + #addToCartLayer .headline .itemDesc, #directwholesaleBody #page #header .toplinks + #addToCartLayer .popupCartItem .itemDesc { width: 75%; } #directwholesaleBody #page #header .toplinks + #addToCartLayer .headline .itemDesc .itemName, #directwholesaleBody #page #header .toplinks + #addToCartLayer .headline .itemDesc .itemName, #directwholesaleBody #page #header .toplinks + #addToCartLayer .headline .itemDesc .itemQuantity, #directwholesaleBody #page #header .toplinks + #addToCartLayer .popupCartItem .itemDesc .itemName, #directwholesaleBody #page #header .toplinks + #addToCartLayer .popupCartItem .itemDesc .itemName, #directwholesaleBody #page #header .toplinks + #addToCartLayer .popupCartItem .itemDesc .itemQuantity { width: 60%; color: #000 !important; } #directwholesaleBody #page #header .toplinks + #addToCartLayer .headline .itemDesc .itemPrice, #directwholesaleBody #page #header .toplinks + #addToCartLayer .popupCartItem .itemDesc .itemPrice { width: 40%; font-weight: bold; font-size: 18px; } #directwholesaleBody #page #header .headerContent { width: 100%; float: left; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; padding: 0px; } #directwholesaleBody #page #header .headerContent .custom-container { display: block; margin: 0 auto; padding-top: 0px; width: 1180px; } #directwholesaleBody #page #header .headerContent .custom-container .findstore, #directwholesaleBody #page #header .headerContent .custom-container .callInfo { display: none; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(3) { width: 31%; display: inline-block; margin: 0px; padding: 0px; float: left; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(3) > div { width: 100%; float: left; padding: 0px; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(3) .simple_disp-img { padding: 18px 3px; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) { width: 69%; display: inline-block; margin: 0px; padding: 0px; float: left; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .siteSearch { width: 65%; float: left !important; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .siteSearch form { margin: 0px; width: 100%; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .siteSearch form .control-group { width: 100%; float: left; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .siteSearch form .control-group .controls { padding: 14.5px; max-width: 480px; width: 100%; float: left; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .siteSearch form .control-group .controls #search { width: 80%; float: left; border: 1px solid #e5e5e5; height: auto; margin: 0px; padding: 9px 10px; color: #3e3e3e !important; background: #fff; font-family: 'Roboto-Regular'; border-radius: 0; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .siteSearch form .control-group .controls .siteSearchSubmit { border: 1px solid #ff5001; display: block; float: right; margin: 1px 1px 1px -30px; padding: 0; width: 19%; padding: 9px 0px !important; -webkit-box-shadow: none; box-shadow: none; background: #ff5000; text-align: center; margin: 0px; height: auto; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .siteSearch form .control-group .controls .siteSearchSubmit span { display: block !important; color: #fff !important; font-size: 0.75rem !important; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .siteSearch form .control-group .controls .siteSearchSubmit:hover { background: transparent !important; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .siteSearch form .control-group .controls .siteSearchSubmit:hover span { color: #ff5001 !important; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder { position: relative; width: 30%; float: left; padding: 0px; border: 0px !important; list-style: none; background: url(../images/order_pad.png) no-repeat #eaeaea; background-position: 99% 24%; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder a { color: #111111 !important; padding: 26px 15px; display: block; text-indent: 0px; background: transparent; font-size: 0.75rem !important; font-family: 'Roboto-Bold'; background: url(../images/selectarrow.png) no-repeat; background-position: 45% 40px; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent { top: 60px; width: auto; display: block; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .prod_add_to_cart, #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .prod_add_to_cart .quickorder_scroller { display: block; width: 100%; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .prod_add_to_cart tr th, #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .prod_add_to_cart .quickorder_scroller tr th { font-family: 'Roboto-Bold'; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .errors { left: 10px; top: 5px; display: none; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .prod_add_to_cart .actions { display: block; padding: 15px; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .prod_add_to_cart .actions div { padding-right: 2%; width: 98%; float: left; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .prod_add_to_cart .actions .addToCart, #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .prod_add_to_cart .actions .newItem { background: #ff5000 !important; } #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent .close-hide-modal { right: -50px; font-family: 'Roboto-Bold'; top: -1px; } #directwholesaleBody #page .stick { position: fixed !important; background: #fff; } #directwholesaleBody #page #nav_main.stick { top:142px; } #directwholesaleBody #page #nav_main.stick.bulk{top: 167px;} #directwholesaleBody #page #nav_main { width: 100%; border-top: 0px; float: left; } #directwholesaleBody #page #nav_main > ul { width: 1180px; margin: 0 auto; } #directwholesaleBody #page #nav_main > ul > .simple_disp-img { display: none; } #directwholesaleBody #page #nav_main > ul > li:hover, #directwholesaleBody #page #nav_main > ul li.parent:hover { border-bottom: 0px solid #e5e5e5; } #directwholesaleBody #page #nav_main > ul > li:hover > a, #directwholesaleBody #page #nav_main > ul li.parent:hover > a { color: #ff5000; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-decoration: underline; } #directwholesaleBody #page #nav_main > ul li.La:last-child { float: left !important; } #directwholesaleBody #page #nav_main > ul > li.active { background-color: #5d5d5d; } #directwholesaleBody #page #nav_main > ul > li.active > a { color: #fff; } #directwholesaleBody #page #nav_main > ul li a { font-family: 'Roboto-Regular'; padding: 3.5px 12px; color: #111111 !important; font-size: 14px; } #directwholesaleBody #page #nav_main > ul li ul.Lb { position: absolute; background: transparent; left: 0; right: auto; text-align: left; padding: 0px; z-index: 99; border: 0; top: 47px; width: 100%; float: left; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs { max-width: 1180px; margin: 0 auto; width: 100%; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb { background: #fff; width: 100%; margin: 0px; padding: 0px 0px 20px 0px; display: block; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .left_col { width: 14%; margin: 2%; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .left_col .nav-submenu-title { display: block; padding: 5px 0px 0px 13px; font-family: 'Roboto-Bold'; font-size: 13px; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .left_col li.Lc { width: 100%; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .left_col li.Lc a { font-family: 'Roboto-Regular'; color: #111111 !important; font-size: 12px; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .left_col li.Lc:nth-of-type(odd) { background-color: #ededed; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .megaNav_title { width: 60%; float: left; text-align: right; font-family: 'SquadaOne-Regular'; font-size: 24px; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .nav_images { width: 60%; float: left; margin: 2% 0px 0px 3%; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .nav_images .prod_cat { width: calc(100% / 4); float: left; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .nav_images .prod_cat .thumb { width: 85%; float: left; padding-right: 40%; padding-top: 15%; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .nav_images .prod_cat .thumb a { padding: 0px; width: 100%; float: left; } #directwholesaleBody #page #nav_main > ul li ul.Lb .sub_navs li.Lb .nav_images .prod_cat .thumb a img { width: 100%; float: left; } #directwholesaleBody #page #nav_main > ul > .bulk-order-form .quickorder_scroller { width: 100%; } #directwholesaleBody #page #nav_main > ul > .bulk-order-form:hover #quickorder_directwholesaleQuickOrderComponent { display: block !important; } #directwholesaleBody #page .nav_overlay { display: none; height: 100vh; position: fixed; top: 0; background-color: #000; opacity: .5; width: 100%; z-index: 9999; bottom: 0; } #directwholesaleBody #page #content { width: 100%; position: relative; margin-bottom: 20px; } #directwholesaleBody #page #content #breadcrumb { width: 1180px; margin: 0 auto; float: none; padding: 12px 0px 12px 0px; } #directwholesaleBody #page #content #breadcrumb ul li a { color: #000000; font-weight: bold; font-family: 'Roboto-Bold'; font-size: 11px; } #directwholesaleBody #page #content .pdp_header_layout { display: none; } #directwholesaleBody #page #content .productDetailsPanel { width: 1180px; margin: 0 auto; } #directwholesaleBody #page #content #globalMessages, #directwholesaleBody #page #content > .span-24, #directwholesaleBody #page #content .dw_carts, #directwholesaleBody #page #content .forgot_password, #directwholesaleBody #page #content .search_store, #directwholesaleBody #page #content .paginationBar.bottom, .featuredCollections ul { width: 1180px; margin: 0 auto; float: none; border: 0px; } .productGridPage{padding-bottom: 30px;} #directwholesaleBody #page #content #globalMessages + .banner_section { width: 100% !important;position:relative; } #directwholesaleBody #page #content .non_catalog { width: 1180px !important; margin: 0 auto !important; float: none !important; } #directwholesaleBody #page #content .span-24 .wide-content-slot { width: 100%; float: left; } #directwholesaleBody .prodReview .stars { background: transparent; } /*homepage slider*/ #directwholesaleBody.page-homepage .slider_component, .yCmsContentSlot.span-24.section3.cms_disp-img_slot div.content:nth-of-type(3), #directwholesaleBody.page-homepage .hme-bt-left img{float:left;max-width:49.5%} #directwholesaleBody.page-homepage .slider_component:nth-of-type(1){margin-right:1%;clear:left;} #directwholesaleBody.page-homepage .slider_component:nth-of-type(2){float:right} /* #directwholesaleBody.page-homepage .section3 .content{margin:10px 0!important} */ #directwholesaleBody.page-homepage .section3 .log-reg img{margin-left:1%} #directwholesaleBody.page-homepage .hme-bt-left{position:relative;z-index:10;} #directwholesaleBody .footer-social .fa{line-height:40px!important;} #directwholesaleBody .footer-wrap { height: auto; position: relative; margin-top: 40px; } #directwholesaleBody .footer-wrap .footer { background: #231f20; padding: 25px 0; } #directwholesaleBody .footer-wrap .footer .content { width: 1180px; height: auto; } #directwholesaleBody .footer-wrap .footer .content #navNodes { } #directwholesaleBody .footer-wrap .footer .content .links { width: 20%; margin-right: 0px; } #directwholesaleBody .footer-wrap .footer .content .links:last-of-type{width:40%;overflow: hidden;} #directwholesaleBody .footer-wrap .footer .content .links .title h3 { font-weight: 700; color: #fff; } #directwholesaleBody .footer-wrap .footer .content .links ul li { border-top: 0px; border-bottom: 0px; margin: 0px; } #directwholesaleBody .footer-wrap .footer .content .links ul li a { color: #fff; font-family: 'Roboto-Bold'; font-size: 0.875rem; text-transform:uppercase;} #directwholesaleBody .footer-wrap .footer .content .links ul li:hover { background: transparent !important; margin: 0px; } #directwholesaleBody .footer-wrap .footer .content .links:last-child > .title { position: relative; top: 25px; font-size: 0.875rem; width: 100%; text-align: right; } #directwholesaleBody .footer-wrap .footer .content .links:last-child > .title h3 { font-size: 0.875rem; } #directwholesaleBody .footer-wrap .footer .content .links:last-child ul li { text-align: right; width: auto; } #directwholesaleBody .footer-wrap .footer .content .links:last-child ul li .disp-img { display: inline-block; margin-left: 10px; padding-right: 0px !important; margin-top: 0px; position: relative; top: 20px; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer { position: relative; bottom: 0px; background: #231f20; height: auto; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul { width: 1180px; padding: 15px 0px; display: block; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li:nth-of-type(2), #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li:nth-of-type(3), #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li:nth-of-type(4) { float: right; margin: 0px; padding-right: 0px; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li:nth-of-type(2) a, #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li:nth-of-type(3) a, #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li:nth-of-type(4) a { border-left: 1px solid #666; padding-left: 5px; /* padding-right: 0px;*/ border-right: 0px; line-height: normal; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li:nth-of-type(3) a { border-left: none; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li:nth-of-type(5) a { border-left: 0px solid #666; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li { line-height: initial !important; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li .disp-img { display: none; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li .tabBody, #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li a { color: #FFF !important; font-size: 12px; font-family: 'Roboto-Regular'; } #directwholesaleBody select { -webkit-appearance: none; -moz-appearance: none; background: url(../images/selectarrow.png) no-repeat 97% 14px #fff; line-height: 20px; } #directwholesaleBody select, #directwholesaleBody input { border: 1px solid #ccc; } #directwholesaleBody .button-red, #directwholesaleBody button[type="submit"], #directwholesaleBody button.submitDelete, #directwholesaleBody button.submitSetDefault, #directwholesaleBody button.addToCartButton, #directwholesaleBody a.button, #directwholesaleBody a.button.positive, #directwholesaleBody button.positive, #directwholesaleBody button[type="button"], #directwholesaleBody #addressform_button_panel button { background: #ff5001 !important; color: #fff !important; border: 0px; border-radius: 0px; padding: 10px 14px !important; width: auto; font-family: 'Roboto-Bold'; font-size: 12px; font-weight: normal; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; } #directwholesaleBody .button-red:hover, #directwholesaleBody button[type="submit"]:hover, #directwholesaleBody button.submitDelete:hover, #directwholesaleBody button.submitSetDefault:hover, #directwholesaleBody button.addToCartButton:hover, #directwholesaleBody a.button:hover, #directwholesaleBody a.button.positive:hover, #directwholesaleBody button.positive:hover, #directwholesaleBody button[type="button"]:hover, #directwholesaleBody #addressform_button_panel button:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important;} #directwholesaleBody button.addToCartButton:hover { padding: 10px 12px !important; } .quick_view { padding: 10px; display: block; } .quick_view .productImage { width: 35% !important; float: left; margin: 0 2% 0 0 !important; } .quick_view .productDescription { width: 63% !important; float: left; } .quick_view .productDescription div { width: 100% !important; float: left; padding: 0px; margin: 4px 0px; font-family: 'Roboto-Regular'; font-weight: normal; font-style: normal; } .quick_view .productDescription div a, .quick_view .productDescription div span, .quick_view .productDescription div b, .quick_view .productDescription div .productDet-price { font-family: 'Roboto-Regular'; font-weight: normal; font-style: normal; color: #111 !important; } .quick_view .productDescription div span { font-family: 'Roboto-Bold'; color: #111111; } .quick_view .productDescription div h5 { font-family: 'Roboto-Bold'; font-style: normal !important; color: #111 !important; } .quick_view .productDescription div span.price { float: left; } .quick_view .productDescription div form#addToCartForm { width: 60%; float: left; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec { left: 0px !important; margin-top: 15px !important; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .span-2, .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .Empty_qty { left: 0px !important; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .span-2 { width: 20% !important; font-family: 'Roboto-Bold'; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .Empty_qty { width: 20% !important; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .Empty_qty p { position: relative; /* top: 0px; */ margin-right: 15px !important; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .Empty_qty p input { width: auto; height: auto; font-family: 'Roboto-Regular'; padding: 12px 12px; border-radius: 0px; border: 1px solid #eaeaea; text-align: left; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .Empty_qty p .inc { background: url(../images/increase.gif) no-repeat #f4f3f1 !important; width: 15px !important; left: inherit !important; height: 20px; display: inline-block !important; border-bottom: 1px solid #dcdadb !important; vertical-align: top !important; position: absolute !important; top: 1px !important; float: right !important; right: 1px !important; background-position: center !important; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .Empty_qty p .dec { background: url(../images/decrease.gif) no-repeat #f4f3f1 !important; width: 15px !important; height: 20px !important; display: inline-block !important; vertical-align: top !important; position: absolute !important; top: 20px !important; left: initial !important; float: right !important; right: 1px !important; background-position: center !important; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .span-3 { width: auto !important; float: right; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .span-3 button { opacity: 1; } .quick_view .productDescription div .dw_addtocartbutton { width: auto !important; float: left; margin-top: 27px; margin-left: 10px; } .quick_view .productDescription div .dw_addtocartbutton a.favorites { background: url(../images/wish.png) #ebe7e7 no-repeat; border: 0px; border-radius: 0px; padding: 10px 40px 10px 15px !important; width: auto !important; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ebe7e7; height: auto !important; transition: all 0.3s; float: left !important; text-transform: uppercase; background-position: 90% 9px; } .quick_view .productDescription div .dw_addtocartbutton a.favorites:hover { color: #ff5001 !important; border: 1px solid #ff5001; background: url(../images/wish.png) #ffffff no-repeat; background-position: 90% 9px; } .quick_view .productDescription .productDetailsPrices .grid { width: 50% !important; float: left; } .quick_view .productDescription .productDetailsPrices .grid .grid_header { display: block !important; width: 100%; float: left; background: #5d5d5d !important; color: #fff; } .quick_view .productDescription .productDetailsPrices .grid div:nth-of-type(odd) { display: block !important; width: 100%; float: left; background: #e5e5e5; } .quick_view .productDescription .productDetailsPrices .grid div:nth-of-type(odd) { display: block !important; width: 100%; float: left; background: #e5e5e5; } .quick_view .productDescription .productDetailsPrices .grid span { width: 42%; float: left; padding: 8px 10px; font-family: 'Roboto-Bold'; } .quick_view .productDescription .cart_panel_right { top: -10px !important; } .quick_view .productDescription .bundle { background: #01b2a0; margin-top: 10px; } .quick_view .productDescription .bundle .dwpromo_header { background: transparent; color: #fff; width: 90% !important; padding: 10px 5%; } .quick_view .productDescription .bundle .dwpromo_header .pomo { padding-bottom: 5px; margin-bottom: 10px; background: transparent; border-bottom: 1px solid #00f0d5; color: #fff; font-family: 'Roboto-Bold'; font-size: 15px; } .quick_view .productDescription .bundle .dwpromo_header p { background: transparent; border: 0px; color: #fff; padding: 0px; color: #fff; font-family: 'Roboto-Regular'; } .quick_view .productDescription .qty .stockMsg span:first-child { font-family: 'Roboto-Bold'; color: #111111; } .quick_view .productDescription .qty .stockMsg .no-stock { padding-left: 20px; color: red !important; background-image: url(../images/right.png); font-size: 14px; font-family: 'Roboto-Medium'; background-repeat: no-repeat; } .quick_view .productDescription h1 { font-family: 'Roboto-Bold'; border: 0px; } .quick_view .productDescription .not_login_product { position: relative !important; } @media (min-width: 768px) and (max-width: 1190px) { #directwholesaleBody #page #header .topnav .content { width: 100%; float: left; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container { width: 98%; margin: 0 1%; } #directwholesaleBody #page #header .headerContent .custom-container { width: 98%; margin: 0 1%; } #directwholesaleBody #page #nav_main > ul { width: 98%; margin: 0 auto; } #directwholesaleBody #page #nav_main > ul li ul.Lb { width: 98%; margin: 0 1%; } #directwholesaleBody #page #content #breadcrumb, #directwholesaleBody #page #content #globalMessages, #directwholesaleBody #page #content > .span-24, #directwholesaleBody #page #content .forgot_password, #directwholesaleBody #page #content .search_store, #directwholesaleBody #page #content .paginationBar.bottom, .featuredCollections ul { width: 98%; margin: 0 auto; } #directwholesaleBody #page #content #breadcrumb ul li a, #directwholesaleBody #page #content #globalMessages ul li a, #directwholesaleBody #page #content > .span-24 ul li a, #directwholesaleBody #page #content .forgot_password ul li a, #directwholesaleBody #page #content .search_store ul li a, #directwholesaleBody #page #content .paginationBar.bottom ul li a { color: #000000; font-weight: bold; } #directwholesaleBody .footer-wrap .footer .content { width: 98%; margin: 0 auto; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul { width: 98%; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1000px) { #directwholesaleBody #page #header .topnav .content { width: 100%; float: left; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container { width: 98%; margin: 0 1%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .toggle_icon { display: block !important; padding: 8px 0px 8px 0px; cursor: pointer; /* width: 50%; */ float: left; color: transparent; margin-right: 5px; float: left; background-image: url(../images/Hamburger-Menu.png); background-repeat: no-repeat; background-position: 0px -1px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo .number { width: auto; float: left; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart { padding-left: 30px; } #directwholesaleBody #page #header .headerContent .custom-container { width: 98%; margin: 0 1%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(3) { width: 35%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(3) .simple_disp-img { padding: 18px 0px; width: 100%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(3) .simple_disp-img img { width: 100%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) { width: 65%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls { max-width: 90%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls #search { width: 75%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls .siteSearchSubmit { width: 23%; } #directwholesaleBody #page .stick { position: fixed !important; background: #fff; } #directwholesaleBody #page #nav_main.stick { top: 0px; } #directwholesaleBody #page .toggle { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; } #directwholesaleBody #page #nav_main { z-index: 9999; border: 0px; overflow: overlay; overflow-x: hidden; z-index: 99999; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all .5s ease; transition: all .5s ease; height: 100vh; position: fixed; top: 0; bottom: 0; width: 50%; float: left; border: 1px solid #ccc; background: #fff; } #directwholesaleBody #page #nav_main ul { width: 100%; float: left; background: #fff; } #directwholesaleBody #page #nav_main ul li.La { float: left; width: 100%; border-bottom: 1px solid #eaeaea !important; text-align: left; } #directwholesaleBody #page #nav_main ul li.La a { width: 75%; float: left; border: 0px !important; padding: 0px; margin: 0 0 0 15px; } #directwholesaleBody #page #nav_main ul li.La .nav_drop_downs { display: block !important; width: 15%; float: left; background: url(../images/Down_Arrow.png) no-repeat; background-position: 94% 15px; background-position: 50% 15px; color: transparent; padding: 10px 0px; } #directwholesaleBody #page #nav_main ul li.La ul.Lb { position: relative; top: 0px; display: none; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs { max-width: 100%; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb { display: block; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb .left_col { width: 100%; margin: 0%; display: block; clear: both; border: 0px; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb .nav_images { display: none; } #directwholesaleBody #page #nav_main ul li.La:hover ul.Lb { display: none; } } @media (min-width: 300px) and (max-width: 767px) { #directwholesaleBody #page { min-height: 79vh; } #directwholesaleBody.page-homepage #content{padding-top:90px;} #directwholesaleBody #page #header .topnav .content { width: 100%; float: left; } #directwholesaleBody #page #header .topnav .content #breadcrumb { width: 100%; float: left; } #directwholesaleBody #page #header .topnav .content{font-size:18px;} #directwholesaleBody #page #header .toplinks { padding-top: 0px; } #directwholesaleBody #page #header .toplinks .header-section_1 { padding-bottom: 0px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container { width: 100%; margin: 0%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo { width: 70%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo > ul { width: 22%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .dw_logo { width: 78%; display: block !important; float: left; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .dw_logo .siteLogo { float: left; padding: 8px 0px; max-width: 250px; width: 100%; } #directwholesaleBody.page-homepage .slider_component, .yCmsContentSlot.span-24.section3.cms_disp-img_slot div.content:nth-of-type(3), #directwholesaleBody.page-homepage .hme-bt-left img{float: none;max-width: 100%;margin-bottom: 10px;} #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .dw_logo .siteLogo img { width: 100%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .toggle_icon { display: block !important; padding: 15px; cursor: pointer; /* width: 50%; */ float: left; color: transparent; margin-right: 0px; float: left; background-image: url(../images/Hamburger-Menu.png); background-repeat: no-repeat; background-position: 15px; background-size: 30px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .number { width: auto; float: left; display: none !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .wc_msg { display: none; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last { width: 30%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart { padding-left: 40px; width: auto; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; background: url(../images/cart.png) #111; background-repeat: no-repeat; background-position: 15px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart span:nth-of-type(2), #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart .price, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart .country-flag { display: none; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart > a > span { top: 0px; background: #fe4f00; padding: 2px 5px; color: #fff !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg .my_acc, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg .my_sign, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg .do-login { display: none; } #directwholesaleBody #page #header .headerContent .custom-container { width: 98%; margin: 0 1%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(3) { width: 35%; display: none; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(3) .simple_disp-img { padding: 18px 0px; width: 100%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(3) .simple_disp-img img { width: 100%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) { width: 100%; position: absolute; top: 0px; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .mobile_search { display: block !important; width: 15%; float: left; padding: 20px 0px; color: transparent; background: url(../images/search.png); background-repeat: no-repeat; background-position: center; border:none; text-indent: -999999px; cursor: pointer; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(10%, 0, 0); -webkit-transition: all .5s ease; position: relative; top: 10px; left: -80%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .quickorder { display: none !important; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch { width: 80%; float: left !important; -webkit-transform: translate3d(-102%, 0, 0); transform: translate3d(-102%, 0, 0); -webkit-transition: all .5s ease; transition: all .5s ease; position: relative; top: 10px; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls { max-width: 100%; padding: 0px; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls #search { width: 80%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls .siteSearchSubmit { width: 19%; background: url(../images/search.png) #fff; background-repeat: no-repeat; background-position: center; border: 1px solid #ff5001; padding: 9px 0px !important; margin-left: 1%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls .siteSearchSubmit span { } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .searchslide { -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); position: relative; top: 14px; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .searchslide + .mobile_search { background: url(../images/ui-icons_222222_256x240.png); background-repeat: no-repeat; background-position: center; border: 0px; cursor: pointer; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(10%, 0, 0); -webkit-transition: all .5s ease; position: relative; left: 0%; top: 12px; padding: 20px 0; } #directwholesaleBody #page .toggle { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; } #directwholesaleBody #page .stick { position: fixed !important; background: #fff; } #directwholesaleBody #page .stick .toplinks .headerContent .custom-container .dw_search .siteSearch, #directwholesaleBody #page .stick .toplinks .headerContent .custom-container .dw_search .mobile_search { top: 0px !important; } #directwholesaleBody #page #nav_main.stick { top: 0px; } #directwholesaleBody #page #nav_main { z-index: 9999; border: 0px; overflow: overlay; overflow-x: hidden; z-index: 99999; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all .5s ease; transition: all .5s ease; height: 100vh; position: fixed; top: 0; bottom: 0; width: 85%; float: left; border: 1px solid #ccc; background: #fff; } #directwholesaleBody #page #nav_main .login_section { display: block !important; width: 100%; float: left; background: #fff; } #directwholesaleBody #page #nav_main .login_section li { float: left; width: 100%; border-bottom: 1px solid #eaeaea !important; text-align: left; } #directwholesaleBody #page #nav_main .login_section li a { width: 85%; float: left; border: 0px !important; padding: 0px; text-indent: 15px; font-family: 'Roboto-Regular'; color: #111111 !important; font-size: 14px; line-height: 2.750em; } #directwholesaleBody #page #nav_main ul { width: 100%; float: left; background: #fff; } #directwholesaleBody #page #nav_main ul li.La { float: left; width: 100%; border-bottom: 1px solid #eaeaea !important; text-align: left; } #directwholesaleBody #page #nav_main ul li.La a { width: 75%; float: left; border: 0px !important; padding: 0px; margin: 0 0 0 15px; } #directwholesaleBody #page #nav_main ul li.La .nav_drop_downs { display: block !important; width: 15%; float: left; background: url(../images/Down_Arrow.png) no-repeat; background-position: 94% 15px; background-position: 50% 15px; color: transparent; padding: 10px 0px; } #directwholesaleBody #page #nav_main ul li.La ul.Lb { position: relative; top: 0px; display: none; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs { max-width: 100%; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb { display: block; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb .left_col { width: 100%; margin: 0%; display: block; clear: both; border: 0px; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb .left_col li.Lc { width: 100%; padding: 10px 0px; border-bottom: 1px solid #ededed; background: transparent !important; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb .nav_images { display: none; } #directwholesaleBody #page #nav_main ul li.La:hover ul.Lb { display: none; } #directwholesaleBody .footer-wrap .footer .content { width: 98%; margin: 0 auto; } #directwholesaleBody .footer-wrap .footer .content #navNodes .footer_nav { background-position: 20% !important; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul { width: 98%; margin: 0 auto; } } @media (min-width: 1px) and (max-width: 400px) { #directwholesaleBody #page { min-height: 71vh;padding-bottom:50px; } #directwholesaleBody #page #header .topnav .content { width: 100%; float: left; } #directwholesaleBody #page #header .toplinks { padding-top: 0px; } #directwholesaleBody #page #header .toplinks .header-section_1 { padding-bottom: 0px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container { width: 100%; margin: 0%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo { width: 70%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo > ul { width: 25%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .dw_logo { width: 75%; display: block !important; float: left; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .dw_logo .siteLogo { float: left; padding: 13px 0px; max-width: 250px; width: 100%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .dw_logo .siteLogo img { max-width: 100%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .toggle_icon { display: block !important; padding: 15px; cursor: pointer; /* width: 50%; */ float: left; color: transparent; margin-right: 0px; float: left; background-image: url(../images/Hamburger-Menu.png); background-repeat: no-repeat; background-position: 15px; background-size: 30px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .number { width: auto; float: left; display: none !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .dw_callinfo .wc_msg { display: none; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last { width: 30%; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart { padding-left: 30px; width: auto; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; background: url(../images/cart.png) #111; background-repeat: no-repeat; background-position: 5px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart span:nth-of-type(2), #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart .price, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart .country-flag { display: none; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart > a > span { top: 0px; background: #fe4f00; padding: 1px 3px; color: #fff !important; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg li.miniCart #miniCartLayer { max-width: 290px; } #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg .my_acc, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg .my_sign, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg .do-login, #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .span-12.last .nav.welcomeMsg .my_com a { display: none; } #directwholesaleBody #page #header .headerContent .custom-container { width: 98%; margin: 0 1%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(3) { width: 35%; display: none; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(3) .simple_disp-img { padding: 18px 0px; width: 100%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(3) .simple_disp-img img { width: 100%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) { width: 100%; position: absolute; top: 5px; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .mobile_search { display: block !important; width: 18%; float: left; padding: 20px 0px; color: transparent; background: url(../images/search.png); background-repeat: no-repeat; background-position: left center; border: none; text-indent: -999999px; cursor: pointer; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(10%, 0, 0); -webkit-transition: all .5s ease; position: relative; left: -80%; top: 10px; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .bulk-order-form { display: none !important; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch { width: 80%; float: left !important; -webkit-transform: translate3d(-102%, 0, 0); transform: translate3d(-102%, 0, 0); -webkit-transition: all .5s ease; transition: all .5s ease; position: relative; top: 10px; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls { max-width: 100%; padding: 0px; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls #search { width: 75%; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls .siteSearchSubmit { width: 23%; color: transparent !important; color: transparent; background: url(../images/search.png) no-repeat center !important; border: none; padding: 9px 0px !important; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .siteSearch form .control-group .controls .siteSearchSubmit span { color: transparent !important; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .searchslide { -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); position: relative; top: 10px; } #directwholesaleBody #page #header .headerContent .custom-container div:nth-of-type(4) .searchslide + .mobile_search { background: url(../images/ui-icons_222222_256x240.png); background-repeat: no-repeat; background-position: center; border:none; padding: 20px 0px; cursor: pointer; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(10%, 0, 0); -webkit-transition: all .5s ease; position: relative; left: -2%; top: 10px; } #directwholesaleBody #page .toggle { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; } #directwholesaleBody #page .stick { position: fixed !important; background: #fff; } #directwholesaleBody #page .stick .toplinks .headerContent .custom-container .dw_search .siteSearch, #directwholesaleBody #page .stick .toplinks .headerContent .custom-container .dw_search .mobile_search { top: 0px !important; } #directwholesaleBody #page #nav_main.stick { top: 0px; } #directwholesaleBody #page #nav_main { z-index: 9999; border: 0px; overflow: overlay; overflow-x: hidden; z-index: 99999; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all .5s ease; transition: all .5s ease; height: 100vh; position: fixed; top: 0; bottom: 0; width: 75%; float: left; border: 1px solid #ccc; background: #fff; } #directwholesaleBody #page #nav_main .login_section { display: block !important; width: 100%; float: left; background: #fff; } #directwholesaleBody #page #nav_main .login_section li { float: left; width: 100%; border-bottom: 1px solid #eaeaea !important; text-align: left; } #directwholesaleBody #page #nav_main .login_section li a { width: 85%; float: left; border: 0px !important; padding: 0px; text-indent: 15px; font-family: 'Roboto-Regular'; color: #111111 !important; font-size: 14px; line-height: 2.750em; } #directwholesaleBody #page #nav_main ul { width: 100%; float: left; background: #fff; } #directwholesaleBody #page #nav_main ul li.La { float: left; width: 100%; border-bottom: 1px solid #eaeaea !important; text-align: left; } #directwholesaleBody #page #nav_main ul li.La a { width: 75%; float: left; border: 0px !important; padding: 0px; margin: 0 0 0 15px; } #directwholesaleBody #page #nav_main ul li.La .nav_drop_downs { display: block !important; width: 15%; float: left; background: url(../images/Down_Arrow.png) no-repeat; background-position: 94% 15px; background-position: 50% 15px; color: transparent; padding: 10px 0px; } #directwholesaleBody #page #nav_main ul li.La ul.Lb { position: relative; top: 0px; display: none; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs { max-width: 100%; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb { display: block; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb .left_col { width: 100%; margin: 0%; display: block; clear: both; border: 0px; } #directwholesaleBody #page #nav_main ul li.La ul.Lb .sub_navs li.Lb .nav_images { display: none; } #directwholesaleBody #page #nav_main ul li.La:hover ul.Lb { display: none; } #directwholesaleBody .footer-wrap .footer .content { width: 98%; margin: 0 auto; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer, #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul { width: 98%; margin: 0 auto; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer li, #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li { width: 100%; margin: 0px; padding: 0px; text-align: center; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer li a, #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li a { border-left: 0px !important; } } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody #page #content #breadcrumb, #directwholesaleBody #page #content #globalMessages, #directwholesaleBody #page #content > .span-24, #directwholesaleBody #page #content #breadcrumb, #directwholesaleBody #page #content #globalMessages, #directwholesaleBody #page #content > .dw_carts, #directwholesaleBody #page #content > .forgot_password, #directwholesaleBody #page #content .search_store, #directwholesaleBody #page #content .paginationBar.bottom, .featuredCollections ul { width: 96%; margin: 0 2%; } #directwholesaleBody .footer-wrap .footer .content #navNodes .footer_nav { display: block !important; color: #fff; background-repeat: no-repeat; font-family: 'Roboto-Bold'; font-size: 14px; background-position: 35%; width: auto; float: none; margin-left: 0px; border: 1px solid #fff; padding: 10px 0; text-align: center; margin-bottom: 10px; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li{text-align:center;margin:10px 0;} .footer-social{text-align: center; margin-bottom: 10px;} .footer-social > h6{margin-bottom:5px!important;text-align:center!important} #directwholesaleBody .footer-wrap .footer .content #navNodes #navNodes { width: 50%; float: left; } #directwholesaleBody .footer-wrap .footer .content #navNodes .links { width: 100%; margin: 0px; } #directwholesaleBody .footer-wrap .footer .content #navNodes .links { display: none; } #directwholesaleBody .footer-wrap .footer .content #navNodes .links > ul { clear: none; } #directwholesaleBody .footer-wrap .footer .content #navNodes .links:last-child {display:block!important } #directwholesaleBody .footer-wrap .footer .content #navNodes .links:last-child li { display: block !important; } #directwholesaleBody #page #content #breadcrumb { padding: 120px 0px 10px 0px; } #directwholesaleBody .footer-wrap { height: auto; } .categoryBanner{float:none;width:auto;margin: 0 0 3em 0;} .categoryBanner p{float:none;width:auto;} .categoryBanner a.button{display: block;margin: 1em 0;width: auto;text-align: center;float: none;max-width: initial;} #directwholesaleBody .scroller .jcarousel-skin .jcarousel-prev, #directwholesaleBody .scroller .jcarousel-skin .jcarousel-next { background-image: url(../images/icon-arrow-product-category.png); background-color: #00b29f !important; display: block; } #directwholesaleBody .scroller .jcarousel-skin .jcarousel-prev, #directwholesaleBody .scroller .jcarousel-skin .jcarousel-next { background-image: url(../images/icon-arrow-product-category.png); background-color: #00b29f !important; display: block; } } @media (min-width: 767px) and (max-width: 1190px) { #directwholesaleBody #page #header .headerContent .custom-container > div:nth-of-type(4) .quickorder #quickorder_directwholesaleQuickOrderComponent { top: 60px; display: block; right: 0px; } .featuredCollections ul li img { max-width: 90%;} .featuredCollections h2{font-size: 28px!important;padding: 1.3em 0!important;} #directwholesaleBody #page #header .toplinks .header-section_1 .custom-container .callInfo > ul{width:auto!important} } #directwholesaleBody #page #content .productDetailsPanel .productImage { width: 40%; float: left; margin-right: 20px; position: relative; padding-bottom: 110px; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery { display: block; width: 100%; height: auto; position: absolute; bottom: 0px; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container { margin: 10px 0px; /*padding: 0px 30px;*/ } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container .jcarousel-clip, #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container .jcarousel-clip > ul { height: auto !important; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container .jcarousel-clip li, #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container .jcarousel-clip > ul li { margin: 0px 2% 0px 0px !important; position: relative; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container ul { width: 1180px; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container .jcarousel-prev, #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container .jcarousel-next { display: none !important; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container span.prev { position: absolute; left: 0px; top: 35%; cursor: pointer; background: url(../images/icon-scroller-prev-horizontal.png); background-size: 106px; color: transparent; background-position: 78% -16px; display: block; text-indent: -9999; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImageGallery .jcarousel-skin .jcarousel-container span.next { position: absolute; right: 0px; top: 35%; cursor: pointer; background: url(../images/icon-scroller-next-horizontal.png); background-size: 106px; background-position: 78% -16px; color: transparent; display: block; text-indent: -9999; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImagePrimary { margin: 0px; width: 100%; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImagePrimary a { width: 100%; float: left; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImagePrimary a > img { max-width: none; } #directwholesaleBody #page #content .productDetailsPanel .productImage .productImagePrimary .productImageZoomLink { display: none; } #directwholesaleBody #page #content .productDetailsPanel .productImage .overlay .promo, #directwholesaleBody #page #content .productDetailsPanel .productImage .overlay .sale, #directwholesaleBody #page #content .productDetailsPanel .productImage .overlay .new { width: auto; float: left; margin-right: 20px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription { width: 58%; float: left; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .pdp_header { border-bottom: 1px solid #efefef; width: 100%; float: left; padding: 0 0 15px 0; margin-bottom: 10px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .pdp_header h1#showproductCode { padding: 0; margin: 0px; font-size: 20px; width: 70%; float: left; border: 0px; font-family: 'Roboto-Regular'; color: #111111; font-size: 32px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .pdp_header .LoveShare { text-align: right; margin-bottom: 0px; float: right; margin-top: 5px; width: 30%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .pdp_header .LoveShare a { font-size: 12px; color: #000; background: url(../images/share.png) no-repeat right center; background-size: 20px; font-family: 'Roboto-Bold'; padding: 0px 25px 0px 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .summary { width: 50%; float: left; font-family: 'Roboto-Medium'; font-size: 13px; color: #111111; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .summary span { font-family: 'Roboto-Regular'; font-size: 0.875rem; } #directwholesaleBody #page #content .productDetailsPanel .productDescription h1#showproductCode + .summary, #directwholesaleBody #page #content .productDetailsPanel .productDescription .tradePrice { text-transform: capitalize; font-weight: 500; color: #000; width: 50%; float: left; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .tradePrice { text-align: right; margin: 0 0 10px 0; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .tradePrice span { font-size: 18px; color: #ff5000; text-transform: none; font-family: 'Roboto-Medium'; font-size: 20px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .tradePrice span b { color: #000; font-style: initial; font-size: 14px; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .avail { width: 100%; float: left; margin: 0 0 10px 0; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .avail span:first-child { font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .avail span:last-child { padding-left: 20px; color: green; background-image: url(../images/right.png); font-size: 14px; font-family: 'Roboto-Medium'; background-repeat: no-repeat; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .before_login { width: 100%; float: left; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .avail + .summary { display: none; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices { display: block; border-bottom: 0px; margin: 10px 20px 30px 0px; float: left; width: 43%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices + .tradePrice_sec { display: none; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .bundle { width: 54%; float: right; background: #01b2a0; margin-top: 10px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .bundle .dwpromo_header { display: block; margin: 20px; background: transparent; color: #fff; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .bundle .dwpromo_header .pomo { display: block !important; padding-bottom: 5px; margin-bottom: 10px; background: transparent; border-bottom: 1px solid #00f0d5; color: #fff; font-family: 'Roboto-Bold'; font-size: 15px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .bundle .dwpromo_header p { background: transparent; border: 0px; color: #fff; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .qty, #directwholesaleBody #page #content .productDetailsPanel .productDescription .qty .change_store_content { width: 100%; float: left; margin-right: 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .qty label, #directwholesaleBody #page #content .productDetailsPanel .productDescription .qty .change_store_content label { width: auto; margin-right: 20px; font-weight: bold; color: #111; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .qty select, #directwholesaleBody #page #content .productDetailsPanel .productDescription .qty .change_store_content select { float: none !important; padding: 7px 25px 7px 10px; margin-left: 0px !important; width: auto; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices h5 { display: none; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid { width: 100%; float: left; display: block; position: relative; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid .grid_header { display: block !important; width: 100%; float: left; background: #5d5d5d !important; color: #fff; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid .grid_header span { width: 43%; float: left; padding: 8px 10px; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid div:nth-of-type(odd) { display: block !important; width: 100%; float: left; background: #e5e5e5; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid div span { width: 43%; float: left; font-family: 'Roboto-Bold'; padding: 8px 10px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid div span:nth-of-type(2) { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel { width: 100%; top: 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form { width: 42%; text-align: left; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area { width: 100%; float: left; margin: 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec { width: 100%; float: left; left: 0px; padding-top: 10px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > div.Empty_qty, #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > .span-2 { left: 0px !important; top: 0px !important; margin: 0px !important; width: auto; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > .Empty_qty .inc, #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec .Empty_qty .dec { position: absolute; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > .Empty_qty > p { position: relative; top: 0px; margin-right: 15px !important; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > .Empty_qty > p > input { width: auto; height: auto; font-family: 'Roboto-Regular'; padding: 12px 12px; border-radius: 0px; border: 1px solid #eaeaea; text-align: left; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > .Empty_qty > p .inc { background: url(../images/increase.gif) no-repeat #f4f3f1; width: 15px; left: inherit; height: 20px; display: inline-block; border-bottom: 1px solid #dcdadb; vertical-align: top; position: absolute; top: 1px; float: right; right: 1px; background-position: center; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > .Empty_qty > p .dec { background: url(../images/decrease.gif) no-repeat #f4f3f1; width: 15px; height: 20px; display: inline-block; vertical-align: top; position: absolute; top: 20px; left: initial; float: right; right: 1px; background-position: center; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > .span-2 { font-size: 12px; font-weight: bold; color: #000; margin-right: 15px !important; top: 5px !important; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > .span-3 { top: -6px !important; position: relative; margin-top: 0px; width: auto; margin-right: 20px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel > .add_to_cart_form .cart_area > .number-inc-dec > .span-3 .addToCartButton { padding: 12px 30px !important; height: 40px; width: 100%; margin: 0px; max-width: none; font-family: 'Roboto-Bold'; font-size: 12px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel .dw_addtocartbutton { width: 58%; float: left; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel .dw_addtocartbutton #addToFavourites { display: block; padding-top: 10px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel .dw_addtocartbutton #addToFavourites .dw_site { background: url(../images/wish.png) #ebe7e7 no-repeat; border: 0px; background-position: 90% 9px; border-radius: 0px; padding: 10px 40px 10px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ebe7e7; height: auto !important; transition: all 0.3s; float: left !important; text-transform: uppercase; } #directwholesaleBody #page #content .productDetailsPanel .productDescription > .productAddToCartPanel .dw_addtocartbutton #addToFavourites .dw_site:hover { color: #ff5001 !important; border: 1px solid #ff5001; background: url(../images/wish.png) #ffffff no-repeat; background-position: 90% 9px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .prodReview a { font-family: 'Roboto-Regular'; font-size: 12px; color: #111; text-decoration: underline; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .prodReview .stars┬á { background: transparent !important; } #directwholesaleBody #page .pdp_third_section { max-width: 1180px; margin: 0 auto; width: 100%; clear: both; padding-top: 50px; } #directwholesaleBody #page .pdp_third_section .pdp-deliveryfast { width: 26%; float: right; text-align: right; } #directwholesaleBody #page .pdp_third_section .pdp-deliveryfast .simple_disp-img { width: 100%; float: left; margin: 0px; } #directwholesaleBody #page .pdp_third_section .pdp-deliveryfast .simple_disp-img img { float: left; width: 100%; margin-bottom: 20px; position: relative; } #directwholesaleBody #page .pdp_third_section #productTabs { width: 72.1% !important; float: left; clear: none !important; border: 1px solid #e5e5e5; margin: 0px 20px 20px 0px; overflow-y: overlay; } #directwholesaleBody #page .pdp_third_section #productTabs > ul { padding: 0px; width: 30%; float: left; clear: none; } #directwholesaleBody #page .pdp_third_section #productTabs > ul li { width: 100%; margin: 0px; position: relative; } #directwholesaleBody #page .pdp_third_section #productTabs > ul li a { font-family: 'Roboto-Bold'; font-size: 14px; padding: 20px 20px 20px 20px; border-bottom: 1px solid #c4c4c4; } #directwholesaleBody #page .pdp_third_section #productTabs ul .current a { background: #5d5d5d; color: #fff; } #directwholesaleBody #page .pdp_third_section #productTabs ul .current::before { content: ""; width: 0; height: 0; position: absolute; right: -29px; border-top: 32px solid transparent; border-left: 30px solid #5d5d5d; border-bottom: 32px solid transparent; z-index: 9; } #directwholesaleBody #page .pdp_third_section #productTabs .content { width: 67%; float: left; padding: 5px 10px; border: 0px; } #directwholesaleBody #page .pdp_third_section #productTabs .content .tabBody { font-family: 'Roboto-Light'; font-size: 16px; padding: 15px 25px; } #directwholesaleBody #page .pdp_third_section #productTabs .content .tabBody #reviews #read_reviews .left a, #directwholesaleBody #page .pdp_third_section #productTabs .content .tabBody #reviews #read_reviews .left a.right { font-family: 'Roboto-Bold'; text-transform: capitalize; color: #111111; } #directwholesaleBody #page .pdp_third_section #productTabs .content .tabBody #reviews #read_reviews .right { font-family: 'Roboto-Bold'; text-transform: capitalize; color: #111; } #directwholesaleBody #page .pdp_third_section #productTabs .content .tabBody #write_reviews .write_review .headline { font-family: 'Roboto-Bold'; text-transform: capitalize; color: #111111; } #directwholesaleBody #page .pdp_third_section #productTabs .content .tabBody #write_reviews .write_review .required, #directwholesaleBody #page .pdp_third_section #productTabs .content .tabBody #write_reviews .write_review .description { font-family: 'Roboto-Regular'; font-weight: normal; font-size: 12px; } #directwholesaleBody #page .pdp_third_section #productTabs .content .tabBody #write_reviews .write_review .write_review_container .control-group label { font-family: 'Roboto-Bold'; text-transform: capitalize; color: #111111; } #directwholesaleBody #page .pdp_third_section #productTabs .content .tabBody #write_reviews .actionBar a { font-family: 'Roboto-Bold'; text-transform: capitalize; color: #111111; } #directwholesaleBody #page .pdp_third_section #productTabs + div #printProdDetails { display: none; } @media (min-width: 999px) and (max-width: 1190px) { #directwholesaleBody #page #content .productDetailsPanel { width: 98%; margin: 0 1%; } #directwholesaleBody #page #content .productDetailsPanel .productImage { width: 36%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription { width: 61%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices { width: 40%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid .grid_header span, #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid div span { width: 50%; float: left; padding: 8px 0px; text-indent: 15px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .bundle { width: 56%; } #directwholesaleBody #page #content .pdp_third_section { max-width: 100%; margin: 0 auto; width: 98%; clear: both; padding-top: 50px; } #directwholesaleBody #page #content .pdp_third_section #productTabs { width: 72% !important; margin: 0px 15px 20px 0px; height: auto; } } @media (min-width: 768px) and (max-width: 998px) { #directwholesaleBody #page #content .productDetailsPanel { width: 98%; margin: 0 1%; } #directwholesaleBody #page #content .productDetailsPanel .productImage { width: 36%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription { width: 61%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices { width: 50%; margin: 10px 15px 30px 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid .grid_header span, #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid div span { width: 50%; float: left; padding: 8px 0px; text-indent: 15px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .bundle { width: 46%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel { width: 100%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form { width: 63%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel .dw_addtocartbutton { width: 37%; } #directwholesaleBody #page #content .pdp_third_section { max-width: 100%; margin: 0 auto; width: 98%; clear: both; padding-top: 20px; } #directwholesaleBody #page #content .pdp_third_section #productTabs { width: 70% !important; margin: 0px 15px 20px 0px; height: auto; } #directwholesaleBody #page #content .pdp_third_section #productTabs > ul { width: 35%; } #directwholesaleBody #page #content .pdp_third_section #productTabs .content { width: 63%; float: left; padding: 5px; border: 0px; } #directwholesaleBody #page #content .pdp_third_section .pdp-deliveryfast .simple_disp-img img { top: -7px; } } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody .footer-wrap .footer { background: #231f20; float: none; padding: 25px 10px; width: auto!important; } .featuredCollections h2{line-height: 28px; font-size: 24px!important; padding: 1em!important;} .featuredCollections ul li{width:50%!important;} .featuredCollections ul li img {max-width: 90%!important;max-height: 13em;} .featuredCollections ul li .image {height: 14.125em!important;} .featuredCollections ul li h4{width:auto!important; float:none!important;padding-left:0!important;text-align:center;} .featuredCollections .button{ float: none!important; margin: 1em auto!important; margin-left: auto!important; width: 40%!important; display: block; text-align: center;} .pageType-ContentPage h2 { font-family: 'SquadaOne-Regular'; font-size: 24px!important; text-align:center; } #directwholesaleBody .scroller{padding:0!important} #directwholesaleBody .scroller .title{display:none;} .homeBannerlabel{padding:1.5em 0!important; font-size:1em!important;} #directwholesaleBody .scroller .jcarousel-skin ul li{width:170px!important;} #homepage_slider.stripViewer ul li { float: left; max-width:100%!important; } #homepage_slider.stripViewer{width:auto!important;} #homepage_slider.stripViewer ul li a{width:100%;display:block} #homepage_slider.stripViewer ul{} #directwholesaleBody #page #content #globalMessages + .banner_section, .section1.banner_section{margin:0!important} #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li .tabBody, #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul li a { color: #FFF !important; text-transform: capitalize; font-size: 12px; font-family: 'Roboto-Regular'; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; /* padding: 0px; */ } #directwholesaleBody #page #content .productDetailsPanel { width: 96%; margin: 0 2%; } #directwholesaleBody #page #content .productDetailsPanel .productImage { width: 100%; margin: 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription { width: 100%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .pdp_header h1#showproductCode { display: none; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .pdp_header { border-bottom: 0px solid #efefef; width: 100%; float: left; padding: 0; margin-bottom: 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .pdp_header .LoveShare { text-align: right; margin-bottom: 0px; float: right; margin-top: 5px; width: 30%; position: relative; top: 20px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices { width: 100%; margin: 10px 0px 10px 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid .grid_header span, #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices .grid div span { width: 50%; float: left; padding: 8px 0px; text-indent: 15px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .summary + .tradePrice { display: none; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .summary { width: 70%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices + .tradePrice_sec { display: block; width: 100%; float: left; text-align: center; margin-bottom: 10px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices + .tradePrice_sec span { color: #ff5000; text-transform: none; font-family: 'Roboto-Medium'; font-size: 1.25rem; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productDetailsPrices + .tradePrice_sec span b { color: #000; font-style: initial; font-size: 0.875rem; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .bundle { width: 100%; display: none; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel { width: 100%; padding-bottom: 10px; border-bottom: 0px solid #ededed; margin-bottom: 10px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form { width: 100%; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form .cart_area { width: 100%; float: left; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form .cart_area .number-inc-dec .Empty_qty { width: 100%; max-width: 95px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form .cart_area .number-inc-dec .Empty_qty p > input { padding: 12px 18px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form .cart_area .number-inc-dec .Empty_qty .inc, #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form .cart_area .number-inc-dec .Empty_qty .dec { display: block; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form .cart_area .number-inc-dec .Empty_qty .inc { background: url(../images/increase.gif) no-repeat #eeeeee; width: 14px; height: 19px; display: inline-block; border-bottom: 1px solid #dcdadb; vertical-align: top; position: relative; left: -21px; top: 0px; float: right; background-position: 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form .cart_area .number-inc-dec .Empty_qty .dec { background: url(../images/decrease.gif) no-repeat #eeeeee; width: 14px; height: 19px; display: inline-block; vertical-align: top; position: relative; top: 0px; left: -21px; float: right; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form .cart_area .number-inc-dec .span-3 { float: right; margin-right: 0px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .productAddToCartPanel > .add_to_cart_form .cart_area .number-inc-dec .span-3 .addToCartButton { padding: 12px 20px !important; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .prodReview { width: 40%; float: right; position: relative; top: -50px; } #directwholesaleBody #page #content .productDetailsPanel .productDescription .avail { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; } #directwholesaleBody #page #content .pdp_header_layout { max-width: 100%; margin: 0 2%; width: 96%; } #directwholesaleBody #page #content .pdp_header_layout h1 { font-size: 11px; font-family: 'Roboto-Bold'; color: #fd4f00; } #directwholesaleBody #page #content .pdp_third_section { max-width: 100%; margin: 0 auto; width: 98%; clear: both; padding-top: 20px; } #directwholesaleBody #page #content .pdp_third_section .pdp-deliveryfast { display: none; } #directwholesaleBody #page #content .pdp_third_section #productTabs { width: 100% !important; margin: 0px 0px 0px 0px; height: auto; border: 0px; overflow: hidden; } #directwholesaleBody #page #content .pdp_third_section #productTabs > ul { display: none; } #directwholesaleBody #page #content .pdp_third_section #productTabs .content { width: 100%; float: left; padding: 0px; border: 0px; } #directwholesaleBody #page #content .pdp_third_section #productTabs .content .tabhead { display: block; color: #ff5001; padding: 8px; font-family: 'Roboto-Medium'; border-top: 1px solid #ededed; border-right: 1px solid #ededed; border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; background: url(../images/Down_Arrow.png) no-repeat; background-position: 94% 10px; background-size: 20px; cursor: pointer; } #directwholesaleBody #page #content .pdp_third_section #productTabs .content .tabhead.active { background: url(../images/UP_Arrow.png) no-repeat; background-position: 94% 10px; background-size: 20px; } #directwholesaleBody #page #content .pdp_third_section #productTabs .content .tabBody { display: none; padding: 8px; font-family: 'Roboto-Medium'; border-top: 1px solid #ededed; border-right: 1px solid #ededed; border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; } #directwholesaleBody #page #content .pdp_third_section .pdp-deliveryfast .simple_disp-img img { top: -7px; } } #directwholesaleBody #page #content > .span-24 > .dw_login { max-width: 66%; width: 100%; float: left; margin-right: 2%; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page { width: 100%; float: left; margin: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister { border: 1px solid #e5e5e5; border-radius: 0px; padding: 0px; width: 100%; float: left; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .user_register_title { background: #eaeaea; color: #000; font-weight: bold; font-size: 14px; position: relative; top: 0px; padding: 15px 0px 15px 0p margin: 0px; text-align: left; width: 100%; float: left; text-indent: 15px; font-family: 'Roboto-Bold'; font-weight: normal; color: #111111; border-radius: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container { display: block; margin: 0px; padding: 10px; clear: both; float: left; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > p { margin-bottom: 10px; margin-top: 0px; padding: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > p.required { margin-bottom: 20px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group { width: 47%; margin-right: 3%; float: left; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group > .control-label, #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group .form_field-label label { font-family: 'Roboto-Bold'; font-size: 12px; font-weight: normal; color: #111111; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group .controls > select, #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group .controls input { border: 1px solid #e5e5e5; background-color: #fff; height: auto; padding: 10px; border-radius: 0px; font-family: 'Roboto-Medium'; line-height: 18px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group .form_field-input input { border: 1px solid #e5e5e5; background-color: #fff; height: auto; padding: 10px; border-radius: 0px; font-family: 'Roboto-Medium'; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group:nth-of-type(even) { width: 47%; margin-left: 3%; float: left; margin-right: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form #captcha_widget { width: 47%; margin-right: 3%; float: left; clear: both; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form #captcha_widget #recaptcha_widget { margin: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form .form-actions { width: 47%; margin-left: 3%; float: left; margin-right: 0px; clear: none !important; text-align: right; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form .form-actions button { padding: 12px 30px !important; max-width: 130px; height: 40px; width: 100%; margin: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last { width: 32%; float: left; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last .userLogin { border: 1px solid #eaeaea; border-radius: 0px; padding: 0 0px 10px 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last .userLogin .user_register_title { background: #eaeaea; color: #000; font-weight: bold; font-size: 14px; position: relative; top: 0px; padding: 15px 0px 15px 0px; margin: 0px; text-align: left; width: 100%; float: left; text-indent: 15px; font-family: 'Roboto-Bold'; font-weight: normal; color: #111111; border-radius: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last .userLogin #loginForm { padding: 10px 10px 35px 10px; clear: both; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last .userLogin #loginForm > .form_field-elements .control-group .control-label { font-family: 'Roboto-Bold'; font-size: 12px; font-weight: normal; color: #111111; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last .userLogin #loginForm > .form_field-elements .control-group > .controls input { border: 1px solid #eaeaea; background-color: #fff; height: auto; padding: 10px; border-radius: 0px; font-family: 'Roboto-Medium'; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last .userLogin #loginForm .password-forgotten { font-family: 'Roboto-Bold'; font-size: 12px; color: #111111; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last .userLogin #loginForm > .form-actions button { padding: 12px 30px !important; max-width: 130px; height: 40px; width: 100%; margin: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last .dw_singup { display: none; } @media (min-width: 401px) and (max-width: 767px) { #directwholesaleBody #page #content > .span-24 > .dw_login { max-width: 100%; margin-right: 0px; margin-bottom: 10px; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last { width: 100%; margin: 0px; } } @media (min-width: 1px) and (max-width: 401px) { #directwholesaleBody #page #content > .span-24 > .dw_login { max-width: 100%; margin-bottom: 20px; margin-right: 0%; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container { display: block; margin: 0px; padding: 10px; clear: both; float: left; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > p { margin-bottom: 10px; margin-top: 0px; padding: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > p.required { margin-bottom: 20px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group { width: 100%; margin-right: 0%; float: left; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group .controls > select, #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group .controls input { border: 1px solid #eaeaea; background-color: #fff; height: auto; padding: 10px; border-radius: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group .form_field-input input { border: 1px solid #eaeaea; background-color: #fff; height: auto; padding: 10px; border-radius: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form > .control-group:nth-of-type(even) { width: 100%; margin-left: 0%; float: left; margin-right: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form #captcha_widget { width: 100%; margin-right: 0%; float: left; clear: both; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form #captcha_widget #recaptcha_widget { margin: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form .form-actions { width: 100%; margin-left: 0%; float: left; margin-right: 0px; clear: none !important; text-align: right; } #directwholesaleBody #page #content > .span-24 > .dw_login > .registration_page > .userRegister > .item_container > form .form-actions button { padding: 12px 30px !important; max-width: 130px; height: 40px; width: 100%; margin: 0px; } #directwholesaleBody #page #content > .span-24 > .dw_login + .last { width: 100%; margin: 0px; } } #directwholesaleBody #page #content > .cartItems_dw { width: 1180px; margin: 0 auto; } #directwholesaleBody #page #content > .cartItems_dw #checkoutButton1 { display: none; } #directwholesaleBody #page #content > .cartItems_dw .cartPageButtons { border-top: 0px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems { width: 76%; margin-bottom: 30px; margin-right: 20PX; float: left; } #directwholesaleBody #page #content > .cartItems_dw #cartItems > .headline { background: none; text-indent: 0; color: #111; font-size: 22px; width: 100%; font-family: 'Roboto-Bold'; margin-bottom: 0px; border-bottom: 1px solid #ededed; padding: 0 2px 0 0; } #directwholesaleBody #page #content > .cartItems_dw #cartItems > .headline > .cartId { color: #a0a0a0; margin: 0px; font-size: 12px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .button-print { display: none; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container { border-right: 1px solid #ededed; border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container { width: 100%; float: left; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .thumb { max-width: 30%; width: 100%; float: left; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .thumb > a img { width: auto; padding: 30px 5% 10px; margin: 0 auto; display: block; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details { width: 50%; float: left; padding: 15px 0px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .itemName > a:first-child { font-family: 'Roboto-Bold'; font-size: 12px !important; font-weight: normal !important; width: 100%; float: left; margin: 10px 0px; line-height: 18px !important; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .itemName > a:last-child { font-family: 'Roboto-Light'; font-size: 12px !important; font-weight: normal !important; width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .appliedPromotions { display: block; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .itemPrice, #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity { font-family: 'Roboto-Regular'; font-size: 12px !important; color: #111111; width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .itemPrice > span, #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity > span { font-family: 'Roboto-Bold'; font-size: 12px !important; font-weight: normal !important; color: #111111; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .itemPrice strike, #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity strike { margin: 5px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity > div { width: 100%; margin: 0px !important; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity > div > form { width: 100%; float: left; margin: 0px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity > div > form .skip { position: relative; top: 10px; left: 0px; float: left; font-family: 'Roboto-Bold'; font-size: 12px; padding-right: 10px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity > div > form .qty { float: left !important; padding: 10px 4px; text-align: center; border: 1px solid #eaeaea; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity > div > form .update_section { width: 100%; float: left; text-align: left; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity > div .submitRemoveProduct, #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .quantity > div .updateQuantityProduct { background: #f3f3f3 !important; width: auto; height: auto; padding: 10px 30px; border: 1px solid #ededed; margin: 10px 5px 0px 0px !important; font-family: 'Roboto-Bold'; font-size: 12px !important; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .promo_section { width: 100%; float: left; background: #f3f3f3; padding: 10px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .promo_section .appliedPromotions, #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .promo_section .potentialPromotions { width: 100%; float: left; text-align: left; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .promo_section .appliedPromotions li, #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .promo_section .potentialPromotions li { font-family: 'Roboto-Regular'; font-size: 12px !important; color: #111111; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .promo_section .appliedPromotions li:first-child, #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .details .promo_section .potentialPromotions li:first-child { font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .total { width: 16%; float: left; padding: 15px 2%; text-align: right; font-family: 'Roboto-Bold'; font-size: 14px !important; font-weight: normal !important; color: #ff5000; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .promo_top { width: 100%; float: left; margin-top: 30px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .promo_top .promo { width: 50%; float: left; background: #00b29f; padding: 10px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .promo_top .promo .headline { font-family: 'Roboto-Bold'; font-size: 12px !important; color: #fff; height: auto; margin: 0px; padding: 0px; border-bottom: 1px solid #00f0d5; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .promo_top .promo .marginBottom { margin-top: 15px; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .promo_top .promo .marginBottom ul li { font-family: 'Roboto-Regular'; font-size: 12px; color: #fff; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals { width: 22%; float: left; margin-right: 0px; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea { width: 100%; float: left; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalheader { background: none; text-indent: 0px; color: #111; margin-bottom: 0px; /*margin-top: 10px;*/ height: 40px; line-height: 40px; text-transform: uppercase; font-weight: bold; font-size: 22px; width: 100%; font-family: 'Roboto-Bold'; display: block; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer { display: block; border: 1px solid #ededed; margin-bottom: 20px; float: left; width: 100%; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer .row { display: block; padding: 10px 0px; font-family: 'Roboto-Bold'; width: 90%; margin: 0 5%; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer .row span:first-child { font-family: 'Roboto-Bold'; font-size: 12px; width: 50%; float: left; display: inline-block; text-indent: 15px; color: #111111; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer .row span:last-child { font-family: 'Roboto-Regular'; font-size: 12px; width: 50%; display: inline; color: #111111; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer .row:nth-of-type(even) { background: #ededed; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer #chkout { float: left; width: 90% !important; margin: 10px 5%; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer #chkout > button, #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer #chkout a.button-red { width: 100%; padding: 12px 0px !important; margin-top: 10px; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer .last_row { margin-top: 10PX; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer .last_row span:first-child { font-size: 16px; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .order_totalarea .order_totalcontainer .last_row span:last-child { color: #ff5000; font-size: 16px; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .dw_voucherarea { display: block; padding: 15px; border: 1px solid #ededed; position: relative; clear: both; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .dw_voucherarea > span { font-size: 16px; font-family: 'Roboto-Bold'; color: #111111; margin-bottom: 10px; display: block; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .dw_voucherarea #DirectWholeSaleVoucherForm { width: 100%; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .dw_voucherarea #DirectWholeSaleVoucherForm input:first-child { padding: 10px 0px; width: 70%; margin: 0px; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals .dw_voucherarea #DirectWholeSaleVoucherForm input:last-child { background: #ff5001; color: #fff; padding: 12.5px 0px; border: 0px; width: 28%; font-family: 'Roboto-Bold'; font-size: 12px; position: relative; left: -4px; top: -2px; } #directwholesaleBody #page #content > .cartItems_dw .no_products + .cartPageButtons { width: 100%; float: left; } #directwholesaleBody #page #content > .cartItems_dw .no_products + .cartPageButtons #reqQuoteBtn { opacity: 1 !important; border: 0px; } #directwholesaleBody #page #content > .cartItems_dw .no_products .non-catalogue-item, #directwholesaleBody #page #content > .cartItems_dw .no_products .label-quote-req, #directwholesaleBody #page #content > .cartItems_dw .no_products .add-catalogue-item, #directwholesaleBody #page #content > .cartItems_dw .no_products #addQuoteBtn, #directwholesaleBody #page #content > .cartItems_dw .no_products .noteBlock { font-family: 'Roboto-Bold'; color: #111111; font-style: normal; } #directwholesaleBody #page #content > .cartItems_dw .no_products .catBg .catalogue-item, #directwholesaleBody #page #content > .cartItems_dw .no_products .catBg .catalogue-item label { font-family: 'Roboto-Bold'; color: #111111; font-style: normal; } #directwholesaleBody #page #content > .cartItems_dw .no_products .catBg .catalogue-item input-catalogue-mfn { font-family: 'Roboto-Regular'; color: #111111; font-style: normal; } #directwholesaleBody #page #content > .cartItems_dw .no_products #addQuoteBtn { opacity: 1 !important; background: #ededed; border: 0px; } #directwholesaleBody #page #content > .cartItems_dw + .last, #directwholesaleBody #page #content #checkoutContentPanel, #directwholesaleBody #page #content #checkoutContentPanel + #placeOrder, #directwholesaleBody #page #content #checkoutOrderDetails { width: 1180px; margin: 0 auto; float: none !important; } @media (min-width: 768px) and (max-width: 1190px) { #directwholesaleBody #page #content > .cartItems_dw { width: 98%; margin: 0 auto; } #directwholesaleBody #page #content > .cartItems_dw #cartItems { width: 70%; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals { width: 27%; } } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody #page #content > .cartItems_dw { width: 98%; margin: 0 auto; } #directwholesaleBody #page #content > .cartItems_dw #cartItems { width: 100%; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .dw_container .thumb { max-width: 50%; } #directwholesaleBody #page #content > .cartItems_dw #cartItems .total { width: 50% !important; float: right !important; padding: 5px 0% 15px 0% !important; text-align: left !important; } #directwholesaleBody #page #content > .cartItems_dw .dw_carttotals { width: 100%; float: left; } #directwholesaleBody #page #content > .cartItems_dw .no_products { width: 100% !important; float: left; } } #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form { display: block; } #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .control-group { float: left; width: 48%; margin-right: 2%; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .control-group select, #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .control-group input { border: 1px solid #ededed; background-color: #fff; padding: 10px; height: auto; font-family: 'Roboto-Regular'; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .control-group label { font-family: 'Roboto-Bold'; font-weight: normal; font-size: 0.75rem; color: #111111 !important; } #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .cardDate { float: left; width: 48%; margin-right: 2%; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .cardDate .invoice_month .control-group, #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .cardDate .invoice_year .control-group { width: 100%; } #directwholesaleBody #page #content > .dw_myaccount .payment_details { margin: 0px 0px 0px 0px !important; } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form { display: block; float: left; } #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .cardDate { float: left; width: 100%; margin-right: 0%; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .cardDate .invoice_month .control-group, #directwholesaleBody #page #content > .dw_myaccount .accountContentPane form .cardDate .invoice_year .control-group { width: 100%; } } #directwholesaleBody #page #content > .dw_myaccount { width: 1180px; margin: 0 auto; } #directwholesaleBody #page #content > .dw_myaccount > .span-4 { width: 25%; margin-right: 23px; } #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column { width: 100%; margin-right: 0px; } #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column .title_holder h2 { font-size: 14px; font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column .item ul.facet_block li:nth-of-type(odd) { background: #ededed; border: 0px; } #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column .item ul.facet_block li a { text-decoration: none; font-size: 12px !important; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column .item ul.facet_block li:hover, #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column .item ul.facet_block .nav_selected { background: #5d5d5d !important; } #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column .item ul.facet_block li:hover a, #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column .item ul.facet_block .nav_selected a { color: #fff; } #directwholesaleBody #page #content > .dw_myaccount > .span_contact { width: 25% !important; margin-right: 2% !important; } #directwholesaleBody #page #content > .dw_myaccount > .span_contact .aboutNav { width: 100% !important; margin-right: 0px !important; } #directwholesaleBody #page #content > .dw_myaccount > .span_contact .aboutNav h3 { font-size: 14px; font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount > .span_contact .aboutNav ul li:nth-of-type(odd) { background: #ededed; border: 0px; } #directwholesaleBody #page #content > .dw_myaccount > .span_contact .aboutNav ul li { padding: 7px 5px; } #directwholesaleBody #page #content > .dw_myaccount > .span_contact .aboutNav ul li a { text-decoration: none; font-size: 12px !important; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .dw_myaccount > .span_contact .aboutNav ul li:hover, #directwholesaleBody #page #content > .dw_myaccount > .span_contact .aboutNav ul .nav_selected { background: #5d5d5d !important; } #directwholesaleBody #page #content > .dw_myaccount > .span_contact .aboutNav ul li:hover a, #directwholesaleBody #page #content > .dw_myaccount > .span_contact .aboutNav ul .nav_selected a { color: #fff; } #directwholesaleBody #page #content > .dw_myaccount .zoneB { margin-left: 0px !important; } #directwholesaleBody #page #content > .dw_myaccount #companyNav .headline { font-size: 14px; font-family: 'Roboto-Bold'; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content > .dw_myaccount #companyNav ul li:nth-of-type(odd) { background: #ededed; border: 0px; } #directwholesaleBody #page #content > .dw_myaccount #companyNav ul li a { text-decoration: none; font-size: 12px !important; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .dw_myaccount #companyNav ul li.active { background: #5d5d5d !important; } #directwholesaleBody #page #content > .dw_myaccount #companyNav ul li.active a { color: #fff; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button { width: 100%; padding: 0px; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list { width: 100%; float: left; display: block; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody { width: 100%; float: left; display: block; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead tr, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody tr { display: block; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead tr th, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody tr th { padding: 5px 0px; width: 48%; padding: 1%; float: left !important; font-family: 'Roboto-Bold'; font-size: 12px; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead tr td, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody tr td { font-family: 'Roboto-Bold'; font-size: 12px; background: #fff; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead tr td .move_hide, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody tr td .move_hide { display: none; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead tr td .move, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody tr td .move { display: block !important; clear: both; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead tr td.favListName, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody tr td.favListName { width: 50%; float: left !important; padding: 10px 0px; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .toggleFavContent > td, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .toggleFavContent > td { width: 100%; float: left !important; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid { width: 100%; padding: 0px !important; margin: 0px !important; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid .fav-prodImage, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .fav-prodImage { width: 25%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default { width: 100%; float: left; margin: 0px; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val { width: auto; float: left; top: 0px; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .lblQuantity, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .lblQuantity { top: 5px; font-family: 'Roboto-Bold'; font-size: 12px; color: #111111; float: left; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .stepper, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .stepper { top: 5px; float: left; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .stepper input, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .stepper input { font-family: 'Roboto-Regular'; font-size: 12px; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val #destWishlist_f1p1, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val #destWishlist_f1p1 { padding: 7px 20px 7px 7px; font-family: 'Roboto-Regular'; font-size: 12px; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .addToCartButton-57, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .fav-removeFav, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val button, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .addToCartButton-57, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .fav-removeFav, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val button { background: #ff5001 !important; color: #fff !important; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; cursor: pointer; opacity: 1; text-transform: capitalize !important; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .addToCartButton-57:hover, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .fav-removeFav:hover, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val button:hover, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .addToCartButton-57:hover, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .fav-removeFav:hover, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val button:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val:nth-of-type(4), #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val:nth-of-type(5), #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val:nth-of-type(4), #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val:nth-of-type(5) { width: auto; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc { width: 75%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .procode, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .procode { font-family: 'Roboto-Bold'; font-size: 12px !important; font-weight: normal !important; width: 100%; float: left; margin: 10px 0px; line-height: 18px !important; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodName, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodName { font-family: 'Roboto-Light'; font-size: 12px !important; font-weight: normal !important; width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice { font-family: 'Roboto-Bold'; font-size: 14px !important; font-weight: normal !important; /* color: #ff5000; */ width: 100%; float: left; font-style: normal; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice .fav-prodPriceLbl, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice .fav-prodPriceLbl { margin-left: 0px; font-family: 'Roboto-Bold'; font-weight: normal; font-size: 0.75rem; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice .price.updated, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice .price.updated { float: none !important; margin-left: 44px !important; margin-right: 0px !important; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice .price.updated .productDet-yourprice, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice .price.updated .productDet-yourprice { font-style: normal; font-family: 'Roboto-Bold'; font-size: 12px !important; color: #111111 !important; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice .price.updated .productDet-price, #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice .price.updated .productDet-price { font-style: normal; font-family: 'Roboto-Bold'; font-size: 12px !important; } #directwholesaleBody #page #content > .dw_myaccount .shipments .shipmentTable { overflow-x: overlay; width: 100%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .shipments .shipmentTable .shipmentLinesTable thead tr th { text-align: left; padding: 5px; background: #5d5d5d !important; color: #fff; text-transform: capitalize; border: 0px; font-weight: bold; line-height: 18px; } #directwholesaleBody #page #content > .dw_myaccount .shipments .shipmentTable .shipmentLinesTable tr td, #directwholesaleBody #page #content > .dw_myaccount .shipments .shipmentTable .shipmentLinesTable tr td ul li { font-family: 'Roboto-Regular'; font-size: 0.875rem; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content > .dw_myaccount .pay_content_info .paymentItemNew { width: 45%; margin-right: 5%; } #directwholesaleBody #page #content > .dw_myaccount .pay_content_info .paymentItemNew .paymentItemHeading { font-family: 'Roboto-Bold'; font-size: 0.875rem; color: #111; } #directwholesaleBody #page #content > .dw_myaccount .pay_content_info .paymentItemNew ul { width: 100%; margin-top: 5px; margin-right: 0px; } #directwholesaleBody #page #content > .dw_myaccount .pay_content_info .paymentItemNew ul li { font-family: 'Roboto-Regular'; font-size: 0.875rem; } #directwholesaleBody #page #content > .dw_myaccount .pay_content_info .paymentItemNew ul li span { font-family: 'Roboto-Bold'; font-size: 0.875rem; color: #111; } #directwholesaleBody #page #content > .dw_myaccount .pay_content_info .paymentItemNew ul button { margin-right: 10px; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .pay_content_info .paymentItemNew:nth-of-type(odd) { width: 44%; margin-right: 0; margin-left: 5%; } #directwholesaleBody #page #content > .dw_myaccount .account_info .account-profile-data { width: 100%; } #directwholesaleBody #page #content > .dw_myaccount .account_info .account-profile-data tbody tr { background: transparent; border: 1PX SOLID #EDEDED; width: 49%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .account_info .account-profile-data tbody tr td:first-child { font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .dw_myaccount .account_info .account-profile-data tbody tr td { font-family: 'Roboto-Regular'; background: transparent; } #directwholesaleBody #page #content > .dw_myaccount .account_info > a { float: right; background: #f3f3f3 !important; color: #111 !important; border: 1px solid #ededed !important; width: 20%; margin: 0px 0px 0px 10px; } #directwholesaleBody #page #content > .dw_myaccount .account_info a + .headline { font-size: 14px; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .dw_myaccount .account_info #preferenceform table { width: 100%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .account_info #preferenceform .control-group { width: 90%; } #directwholesaleBody #page #content > .dw_myaccount .account_info #preferenceform .terms label { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button { width: 100%; float: left; padding: 0px; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area { width: 100%; margin: 0px; padding: 0px; float: left; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area { width: 49%; float: left; margin-left: 1%; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area .clear_two, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area .button-right, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area .clear_two, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area .button-right { width: 100%; margin: 0px; padding: 0px; float: left; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area .clear_two label, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area .button-right label, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area .clear_two label, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area .button-right label { color: #111111; width: 100% !important; padding: 7px 0px !important; margin-bottom: 10px; font-family: 'Roboto-Bold'; font-weight: normal; font-size: 0.75rem; float: left; text-align: left; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area .clear_two input, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area .button-right input, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area .clear_two input, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area .button-right input { color: #111111; width: 94% !important; padding: 9px 3% !important; margin-bottom: 10px; font-family: 'Roboto-Regular'; font-weight: normal; font-size: 0.75rem; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .bottomRoom, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .bottomRoom { width: 49%; float: left; margin-right: 1%; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .bottomRoom label, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .bottomRoom label { color: #111111; width: 100% !important; padding: 7px 0px !important; margin-bottom: 10px; font-family: 'Roboto-Bold'; font-weight: normal; font-size: 0.75rem; float: left; text-align: left; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .bottomRoom input, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .bottomRoom input { width: 94% !important; color: #111111; padding: 10px 3% !important; margin-bottom: 10px; font-family: 'Roboto-Regular'; font-weight: normal; font-size: 0.75rem; display: block !important; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .create_fav, #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .create_fav { width: 100%; margin: 0px; padding-left: 0px !important; margin-bottom: 15px; } #directwholesaleBody #page #content > .dw_myaccount .my_fav_button #changeWish { width: 100%; float: left; padding: 0px; } #directwholesaleBody #page #content > .dw_myaccount .my_fav_button #changeWish #newDefaultwishlistName { width: 100% !important; padding: 7px 0px !important; margin-bottom: 10px; text-indent: 5px; font-family: 'Roboto-Regular'; font-weight: normal; font-size: 0.75rem; } #directwholesaleBody #page #content > .dw_myaccount .my_fav_button #changeWish .button-red { width: auto; margin-bottom: 15px; } #directwholesaleBody #page #content > .dw_myaccount .my_fav_button #changeWish .button-right, #directwholesaleBody #page #content > .dw_myaccount .my_fav_button #changeWish .clearfix { width: 50%; float: left; margin: 0px; clear: none !important; text-align: right; padding-top: 0px !important; } #directwholesaleBody #page #content > .dw_myaccount > .span-20, #directwholesaleBody #page #content > .dw_myaccount > .column { margin-right: 0px; width: 73% !important; padding: 0px; margin: 0px; border: 0px; font-family: 'Roboto-Regular'; clear: none; margin-top: -50px; } #directwholesaleBody #page #content > .dw_myaccount > .span-20 > .headline, #directwholesaleBody #page #content > .dw_myaccount > .span-20 .item_container_holder .item_container .headline, #directwholesaleBody #page #content > .dw_myaccount > .span-20 h1, #directwholesaleBody #page #content > .dw_myaccount > .column > .headline, #directwholesaleBody #page #content > .dw_myaccount > .column .item_container_holder .item_container .headline, #directwholesaleBody #page #content > .dw_myaccount > .column h1 { border-bottom: 1px solid #eaeaea; line-height: 18px; height: auto; font-weight: bold; text-transform: none; margin: 0 0 15px 0px; padding: 15px 0px; float: left; width: 100%; font-size: 2rem; color: #111111; word-break: break-all; font-family: 'SquadaOne-Regular'; } #directwholesaleBody #page #content > .dw_myaccount > .span-20 p, #directwholesaleBody #page #content > .dw_myaccount > .column p { padding: 10PX; display: block; font-family: 'Roboto-Regular'; font-size: 0.875rem; color: #111111; margin: 0px; } #directwholesaleBody #page #content > .dw_myaccount > .span-20 > .description, #directwholesaleBody #page #content > .dw_myaccount > .span-20 .required, #directwholesaleBody #page #content > .dw_myaccount > .column > .description, #directwholesaleBody #page #content > .dw_myaccount > .column .required { padding: 0px 0px 15px 0px; display: block; font-family: 'Roboto-Medium'; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount > .span-20 .my_account_blocks, #directwholesaleBody #page #content > .dw_myaccount > .column .my_account_blocks { display: block; float: left; width: 100%; } #directwholesaleBody #page #content > .dw_myaccount > .span-20 .my_account_blocks .tile, #directwholesaleBody #page #content > .dw_myaccount > .column .my_account_blocks .tile { border: 1px solid #e4e4e4; padding: 0 20px 20px; width: calc(96% / 2); margin: 0 20px 20px 0; height: 100px; margin: 0px; padding: 0px; margin-right: 1.5%; margin-bottom: 20px; } #directwholesaleBody #page #content > .dw_myaccount > .span-20 .my_account_blocks .tile:nth-of-type(even), #directwholesaleBody #page #content > .dw_myaccount > .column .my_account_blocks .tile:nth-of-type(even) { margin-right: 0px; margin-left: 1.5%; } #directwholesaleBody #page #content > .dw_myaccount > .span-20 .my_account_blocks .content_slots, #directwholesaleBody #page #content > .dw_myaccount > .column .my_account_blocks .content_slots { display: block; padding: 0 15px 15px 10px; } #directwholesaleBody #page #content > .dw_myaccount .disable_button .no-confirm { width: auto; float: left; margin-right: 20px; } #directwholesaleBody #page #content > .dw_myaccount .disable_button .no-confirm + form { width: auto; margin-top: 4px; } #directwholesaleBody #page #content > .dw_myaccount .address_book .addressItem { width: 100%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .address_book .addressItem .info_area, #directwholesaleBody #page #content > .dw_myaccount .address_book .addressItem .buttons { width: 40% !important; float: left; position: relative; } #directwholesaleBody #page #content > .dw_myaccount .address_book .addressItem ul li { padding: 0px 15px 5px 15px; display: block; font-family: 'Roboto-Medium'; font-size: 0.75rem; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content > .dw_myaccount .address_book .addressItem .buttons { text-align: right; font-family: 'Roboto-Regular'; font-size: 0.75rem; color: #111111; text-transform: capitalize; width: 60% !important; } #directwholesaleBody #page #content > .dw_myaccount .address_book .addressItem .buttons .button { margin-left: 10px; } #directwholesaleBody #page #content > .dw_myaccount .address_book .addressItem .is-default-address { font-family: 'Roboto-Medium'; font-size: 0.75rem; color: #111111; text-transform: capitalize; float: none; } #directwholesaleBody #page #content > .dw_myaccount .address_book .emptyMessage { font-family: 'Roboto-Medium'; font-size: 0.75rem; color: #111111; text-transform: capitalize; font-weight: 500; } #directwholesaleBody #page #content > .dw_myaccount .address_book .positive { float: left; } #directwholesaleBody #page #content > .dw_myaccount .my_profile > table { margin-bottom: 20px; width: 80%; float: left; border: 1px solid #ededed; } #directwholesaleBody #page #content > .dw_myaccount .my_profile > table tbody tr { width: 49.2%; float: left; padding: 5px 0px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } #directwholesaleBody #page #content > .dw_myaccount .my_profile > table tbody tr td { background: transparent !important; } #directwholesaleBody #page #content > .dw_myaccount .my_profile > table tbody tr td:first-child { font-family: 'Roboto-Bold'; font-size: 0.75rem; } #directwholesaleBody #page #content > .dw_myaccount .my_profile > table tbody tr td:last-child { font-family: 'Roboto-Regular'; font-size: 0.75rem; } #directwholesaleBody #page #content > .dw_myaccount .my_profile .update_section { width: 100%; float: left; clear: both; } #directwholesaleBody #page #content > .dw_myaccount .my_profile .update_section > a { background: #f3f3f3 !important; color: #111111 !important; } #directwholesaleBody #page #content > .dw_myaccount .accountContentPane #updatePasswordForm .control-group { float: left; width: 46%; margin-bottom: 10px; margin-bottom: 10px; margin-right: 20px; } #directwholesaleBody #page #content .manage_invoice_conatiner { width: 100%; margin: 0px; border: 0px; } #directwholesaleBody #page #content .manage_invoice_conatiner .manage_invoice_delivery { width: 48%; float: left; padding: 0px; margin: 0px 2% 0px 0px; border: 0px; } #directwholesaleBody #page #content .manage_invoice_conatiner .manage_invoice_delivery .invoice_info { display: block; border: 1px solid #ededed; } #directwholesaleBody #page #content .manage_invoice_conatiner .manage_invoice_delivery .invoice_info .headline-deliveryaddr { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .manage_invoice_conatiner .manage_invoice_delivery .invoice_info .delivery-addr { font-family: 'Roboto-Regular'; color: #111111; } #directwholesaleBody #page #content .manage_invoice_conatiner .order-totals { width: 48%; float: left; padding: 0px; margin: 0px 0px 0px 2%; } #directwholesaleBody #page #content .manage_invoice_conatiner .order-totals #orderTotals { margin-top: 0px; } #directwholesaleBody #page #content .manage_invoice_conatiner .order-totals #orderTotals tr td { font-family: 'Roboto-Regular'; color: #111111; } #directwholesaleBody #page #content .manage_invoice_conatiner .order-totals #orderTotals tr td a { color: #ff5001; text-decoration: underline; } #directwholesaleBody #page #content .manage_invoice_conatiner .item_container { width: 100%; margin-left: 0px; overflow-x: overlay; } #directwholesaleBody #page #content .manage_invoice_conatiner .item_container table thead th { font-family: 'Roboto-Regular'; background: #5d5d5d; color: #fff; text-transform: capitalize; } #directwholesaleBody #page #content .manage_invoice_conatiner .item_container table tr td { font-family: 'Roboto-Regular'; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content .manage_invoice_conatiner .buttons button { margin-left: 10px; } #directwholesaleBody #page #content .manage_invoice_conatiner .buttons form { display: inline; } #directwholesaleBody #page #content .companyContentPane .all_budget { width: 100%; overflow-x: overlay; } #directwholesaleBody #page #content .companyContentPane .all_budget table thead th { color: white; font-family: Roboto-Bold; text-transform: capitalize; background: #5d5d5d !important; border: 0px; } #directwholesaleBody #page #content .companyContentPane .all_budget table tr td a, #directwholesaleBody #page #content .companyContentPane .all_budget table tr td { font-family: 'Roboto-Medium'; color: #111111; } #directwholesaleBody #page #content .companyContentPane .last .back_button button { float: left; background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin-right: 20px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; float: left; } #directwholesaleBody #page #content .companyContentPane .last .back_button button:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } #directwholesaleBody #page #content .companyContentPane .paginationBar { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #ededed; } #directwholesaleBody #page #content .companyContentPane .paginationBar .totalResults { font-family: Roboto-Bold; text-transform: capitalize; } #directwholesaleBody #page #content .companyContentPane #sort_form1 label, #directwholesaleBody #page #content .companyContentPane #sort_form2 label { font-family: Roboto-Bold; text-transform: capitalize; } #directwholesaleBody #page #content .companyContentPane #sort_form1 #sortOptions1, #directwholesaleBody #page #content .companyContentPane #sort_form1 #sortOptions2, #directwholesaleBody #page #content .companyContentPane #sort_form2 #sortOptions1, #directwholesaleBody #page #content .companyContentPane #sort_form2 #sortOptions2 { padding: 7px 20px 7px 7px; margin-bottom: 10px; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .companyContentPane #sort_form1 #sortOptions1 option, #directwholesaleBody #page #content .companyContentPane #sort_form1 #sortOptions2 option, #directwholesaleBody #page #content .companyContentPane #sort_form2 #sortOptions1 option, #directwholesaleBody #page #content .companyContentPane #sort_form2 #sortOptions2 option { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .companyContentPane .manage_user { width: 100%; overflow-x: overlay; } #directwholesaleBody #page #content .companyContentPane .manage_user table { margin: 10px 0px; } #directwholesaleBody #page #content .companyContentPane .manage_user table thead th { color: white; font-family: Roboto-Bold; text-transform: capitalize; background: #5d5d5d !important; border: 0px; text-indent: 15px; } #directwholesaleBody #page #content .companyContentPane .manage_user tr td a { font-family: 'Roboto-Regular'; color: #ff5001; background: transparent; border: 0px; padding: 0px; text-decoration: underline; text-indent: 15px; } #directwholesaleBody #page #content .companyContentPane .manage_user tbody tr td { font-family: 'Roboto-Regular'; margin: 10px 0px; } #directwholesaleBody #page #content .companyContentPane .manage_user tr td a:hover { border: 0px !important; text-decoration: underline; } #directwholesaleBody #page #content .companyContentPane table thead th { color: white; font-family: Roboto-Bold; text-transform: capitalize; background: #5d5d5d !important; border: 0px; text-indent: 15px; } #directwholesaleBody #page #content .companyContentPane tr td a { font-family: 'Roboto-Medium'; color: #ff5001; background: transparent; border: 0px; padding: 0px; text-decoration: underline; text-indent: 15px; } #directwholesaleBody #page #content .companyContentPane tr td a:hover { border: 0px !important; text-decoration: underline; color: #111111; } #directwholesaleBody #page #content .cost_center_add form, #directwholesaleBody #page #content .companyContentPane form { width: 100%; float: left; } #directwholesaleBody #page #content .cost_center_add form .control-group, #directwholesaleBody #page #content .companyContentPane form .control-group { float: left; width: 48%; margin-right: 2%; margin-bottom: 10px; } #directwholesaleBody #page #content .cost_center_add form .control-group label, #directwholesaleBody #page #content .companyContentPane form .control-group label { font-family: 'Roboto-Bold'; font-weight: normal; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content .cost_center_add form .control-group .controls select, #directwholesaleBody #page #content .cost_center_add form .control-group .controls input, #directwholesaleBody #page #content .companyContentPane form .control-group .controls select, #directwholesaleBody #page #content .companyContentPane form .control-group .controls input { border: 1px solid #ccc; background-color: #fff; padding: 10px; height: auto; font-family: 'Roboto-Regular'; color: #111111; } #directwholesaleBody #page #content .cost_center_add form a, #directwholesaleBody #page #content .companyContentPane form a { width: auto; float: left; margin-right: 10px; clear: both; } #directwholesaleBody #page #content .cost_center_add form button, #directwholesaleBody #page #content .companyContentPane form button { float: left; background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin-right: 20px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; float: left; } #directwholesaleBody #page #content .cost_center_add form button:hover, #directwholesaleBody #page #content .companyContentPane form button:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } #directwholesaleBody #page #content .cost_center_add form .required, #directwholesaleBody #page #content .companyContentPane form .required { width: 100%; text-align: right; } #directwholesaleBody #page #content .cost_center_add form + .last .back_button button, #directwholesaleBody #page #content .companyContentPane form + .last .back_button button { background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; position: relative; top: -20px; float: left; } #directwholesaleBody #page #content .cost_center_add form + .last .back_button button:hover, #directwholesaleBody #page #content .companyContentPane form + .last .back_button button:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } #directwholesaleBody #page #content .cost_center_add form .b2BCustomerFormList, #directwholesaleBody #page #content .companyContentPane form .b2BCustomerFormList { width: 100%; float: left; margin-bottom: 10px; padding: 0px; } #directwholesaleBody #page #content .cost_center_add form .b2BCustomerFormList .control-group:last-child fieldset legend, #directwholesaleBody #page #content .companyContentPane form .b2BCustomerFormList .control-group:last-child fieldset legend { font-family: 'Roboto-Bold'; font-weight: normal; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content .cost_center_add form a, #directwholesaleBody #page #content .companyContentPane form a { background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin-right: 20px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; float: left; clear: both; top: 0px; } #directwholesaleBody #page #content .cost_center_add form a:hover, #directwholesaleBody #page #content .companyContentPane form a:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } #directwholesaleBody #page #content .cost_center_add form button, #directwholesaleBody #page #content .companyContentPane form button { float: left; background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin-right: 20px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; float: left; margin: 0px 20px 0px 0px; top: 0px; } #directwholesaleBody #page #content .cost_center_add form button:hover, #directwholesaleBody #page #content .companyContentPane form button:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } #directwholesaleBody #page #content .cost_center .cost_cnt { width: 100%; float: left; overflow-x: overlay; } #directwholesaleBody #page #content .cost_center .cost_cnt #order_history thead th { background: #5d5d5d !important; color: #fff; font-family: 'Roboto-Bold'; text-transform: capitalize; } #directwholesaleBody #page #content .cost_center .cost_cnt #order_history tr td a, #directwholesaleBody #page #content .cost_center .cost_cnt #order_history tr td { font-family: 'Roboto-Medium'; color: #111111; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane .newEmailIdForSelectBox .new_send_email { background: #ff5000; text-align: center; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane .newEmailIdForSelectBox .email_id { font-family: 'Roboto-Regular'; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate .searchInvoiceDateContent div { width: 45%; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate .searchInvoiceDateContent div span { font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate #searchInvoicesHistory .control-group { width: auto; margin-right: 0px; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate #searchInvoicesHistory .control-group input { margin-right: 0px; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate #searchInvoicesHistory .control-group button { background: #ff5000; text-align: center; height: auto; padding: 9px !important; font-family: 'Roboto-Bold'; font-size: 12px; border-radius: 0px; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate #searchInvoicesHistory .control-group button:hover { color: #ff5000; background: transparent; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate #searchInvoicesHistory .control-group .placeholder { font-family: 'Roboto-Regular'; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane .paginationBar { width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane .paginationBar ul li strong, #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane .paginationBar ul li a { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #myInvoicesForm { width: 100%; overflow-x: overlay; padding: 0px; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #myInvoicesForm table thead th { font-family: 'Roboto-Regular'; background: #5d5d5d; color: #fff; text-transform: capitalize; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #myInvoicesForm table tr td { font-family: 'Roboto-Regular'; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #myInvoicesForm table tr td a { color: #ff5001; text-decoration: underline; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .title_holder { width: 30%; float: right; margin-top: 10px; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .title_holder .newMakeInvoicePayment { margin-top: 0px !important; margin-right: 0px !important; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .title_holder .newMakeInvoicePayment table { float: left; width: 40%; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .new_table_invoice_details { width: 70%; float: left; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .new_table_invoice_details table { width: 48%; margin-right: 2%; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .new_table_invoice_details table tr td { font-family: 'Roboto-Regular'; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .accountContentPane { width: 100% !important; float: left; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .accountContentPane .paginationBar { margin-bottom: 10px; width: 100%; float: left; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .accountContentPane .paginationBar ul li a, #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .accountContentPane .paginationBar ul li strong { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .accountContentPane #myInvoicesForm { padding: 0px; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .accountContentPane #myInvoicesForm #invoice_list thead th { font-family: 'Roboto-Regular'; background: #5d5d5d; color: #fff; text-transform: capitalize; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .accountContentPane #myInvoicesForm #invoice_list tr td { font-family: 'Roboto-Regular'; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .accountContentPane #myInvoicesForm #invoice_list tr td a { color: #ff5001; text-decoration: underline; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .accountContentPane #myInvoicesForm #invoice_list tr td a:hover { color: #111111; text-decoration: underline; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .button-red { margin-right: 0px !important; } #directwholesaleBody #page #content .my_replenishments .accountContentPane { width: 100%; float: left; margin: 0px; padding: 0px; } #directwholesaleBody #page #content .my_replenishments .accountContentPane .headline { border-bottom: 1px solid #eaeaea; line-height: 18px; height: auto; font-weight: bold; text-transform: none; margin: 0 0 10px 0px; padding: 10px 0px; float: left; width: 100%; font-size: 2rem; color: #111111; word-break: break-all; } #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form1, #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form2, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.bottom, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.top { width: 100%; float: left; padding: 0px; margin: 10px 0px; } #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form1 label, #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form1 .totalResults, #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form2 label, #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form2 .totalResults, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.bottom label, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.bottom .totalResults, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.top label, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.top .totalResults { font-family: Roboto-Bold; text-transform: capitalize; color: #111111; } #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form1 #sortOptions2, #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form1 #sortOptions1, #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form2 #sortOptions2, #directwholesaleBody #page #content .my_replenishments .accountContentPane #sort_form2 #sortOptions1, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.bottom #sortOptions2, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.bottom #sortOptions1, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.top #sortOptions2, #directwholesaleBody #page #content .my_replenishments .accountContentPane .paginationBar.top #sortOptions1 { padding: 10px 20px; } #directwholesaleBody #page #content .my_replenishments .accountContentPane .Replenishment_order { width: 100%; overflow-x: overlay; } #directwholesaleBody #page #content .my_replenishments .accountContentPane .Replenishment_order #order_history thead th { font-family: 'Roboto-Bold'; background: #5d5d5d; color: #fff; text-transform: capitalize; padding: 5px; } #directwholesaleBody #page #content .my_replenishments .accountContentPane .Replenishment_order #order_history tr td { font-family: 'Roboto-Regular'; color: #111111; text-transform: capitalize; padding: 5px; } #directwholesaleBody #page #content .pay_deatils .pay_info { width: 100%; float: left; } #directwholesaleBody #page #content .pay_deatils .pay_info .invoice_buttons { clear: both; margin-top: 0px; margin-right: 0px; float: left; } #directwholesaleBody #page #content .pay_deatils .pay_info .invoice_buttons form { width: auto !important; } #directwholesaleBody #page #content .pay_deatils .pay_info .invoice_buttons form p { width: auto !important; margin: 10px 0px; padding: 0px; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec { float: left; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec .sortSearch .sort .txt, #directwholesaleBody #page #content .my_quotes .my_quotes_sec .sortSearch .sort .paginationBar ul li { font-family: 'Roboto-Bold'; color: #111111 !important; position: relative; top: 5px; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec .sortSearch .sort .paginationBar ul li strong, #directwholesaleBody #page #content .my_quotes .my_quotes_sec .sortSearch .sort a { font-family: 'Roboto-Regular'; color: #111111 !important; font-weight: 500; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec .sortSearch .sort select { padding: 7px 8px; background: url(../images/selectarrow.png) no-repeat 94% 10px #fff; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec .quoteList #order_history { margin: 10px 0px; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec .quoteList #order_history thead th { background: #5d5d5d !important; color: #fff; font-family: 'Roboto-Bold'; text-transform: capitalize; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec .quoteList #order_history tr td, #directwholesaleBody #page #content .my_quotes .my_quotes_sec .quoteList #order_history tr td a { font-family: 'Roboto-Medium'; color: #111111; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec .item_container_holder .my-quotes { width: 100%; float: left; padding: 0px; } #directwholesaleBody #page #content .my_quotes .quote_status { width: 100% !important; float: left !important; } #directwholesaleBody #page #content .my_quotes .quote_status .left { width: 30%; } #directwholesaleBody #page #content .my_quotes .quote_status .left .orderBox .headline { font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content .my_quotes .quote_status .table-budget-container { width: 66% !important; } #directwholesaleBody #page #content .my_quotes .quote_status .table-budget-container table tbody tr td.label { font-family: 'Roboto-Medium'; color: #111111; } #directwholesaleBody #page #content .my_quotes .quote_status .orderListTable { overflow-x: scroll; } #directwholesaleBody #page #content .my_quotes .quote_status .orderListTable tr th { font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content .my_quotes .quote_status .quoteItems .orderList .headline { font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content .my_quotes .quote_status .quote_total #orderTotals tbody > tr > td { font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content .account_statement .accountContentPane .normal_header { font-size: 14px; border: 0px; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth { width: calc(100%/3); margin: 0px; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account .control-group, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account .control-group .form_field-input, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth .control-group, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth .control-group .form_field-input { width: 100%; margin: 0px; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account .control-group .form_field-input #newExpiryMonth, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account .control-group .form_field-input #newExpiryYear, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth .control-group .form_field-input #newExpiryMonth, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth .control-group .form_field-input #newExpiryYear { width: 90%; margin: 0 5%; padding: 10px; height: auto; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group { width: 100%; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .form_field-input, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .control-group .form_field-input { width: 30%; margin: 0px; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .form_field-input #account_statements_email, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .control-group .form_field-input #account_statements_email { padding: 15px; height: auto; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .form_field-label, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .form_field-label { width: 10%; } #directwholesaleBody #page #content .account_statement .accountContentPane .currentMonthDownload { width: 100%; float: left; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .account_statement .accountContentPane .currentMonthDownload .newDownloadButton { background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; } #directwholesaleBody #page #content .account_statement .accountContentPane .currentMonthDownload .newDownloadButton:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } #directwholesaleBody #page #content .historical_invoice .accountContentPane { width: 100%; margin: 0px; padding: 0px; } #directwholesaleBody #page #content .search_store > label { color: #111111; font-family: 'Roboto-Bold'; font-size: 12px; width: 100%; float: left; } #directwholesaleBody #page #content .search_store .search-store { width: 100%; float: left; } #directwholesaleBody #page #content .search_store .search-store #storeFinderForm, #directwholesaleBody #page #content .search_store .search-store #nearMeStorefinderForm { width: 35%; float: left; } #directwholesaleBody #page #content .search_store .search-store #storeFinderForm .postcode-lbl, #directwholesaleBody #page #content .search_store .search-store #nearMeStorefinderForm .postcode-lbl { width: 60%; margin-right: 10%; } #directwholesaleBody #page #content .search_store .search-store #storeFinderForm .postcode-lbl #storelocator-query, #directwholesaleBody #page #content .search_store .search-store #nearMeStorefinderForm .postcode-lbl #storelocator-query { width: 100%; float: left; padding: 6px; padding: 6px 0px; text-indent: 15px; } #directwholesaleBody #page #content .search_store .search-store #storeFinderForm .findStoresNearMe, #directwholesaleBody #page #content .search_store .search-store #nearMeStorefinderForm .findStoresNearMe { background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; } #directwholesaleBody #page #content .search_store .search-store-results { margin-top: 10px; width: 100%; float: left; } #directwholesaleBody #page #content .search_store .search-store-results #storeFinderForm .search-store-details { border-bottom: 1px solid #e3e3e3; margin: 10px 3%; margin-left: 0px; padding: 0px; width: 30% !important; height: 90px; } @media (min-width: 768px) and (max-width: 1190px) { #directwholesaleBody #page #content .dw_myaccount { width: 98%; margin: 0 auto; } #directwholesaleBody #page #content .dw_myaccount .my_profile > table { margin-bottom: 20px; width: 100%; float: left; border: 0px solid #ededed; } #directwholesaleBody #page #content .dw_myaccount .my_profile > table tbody tr { border: 1px solid #ededed; } #directwholesaleBody #page #content .dw_myaccount > .span-4 { width: 26%; margin-right: 20px; } #directwholesaleBody #page #content .dw_myaccount > .accountContentPane, #directwholesaleBody #page #content .dw_myaccount .return_form, #directwholesaleBody #page #content .dw_myaccount .customAccount, #directwholesaleBody #page #content .dw_myaccount .my_favorite, #directwholesaleBody #page #content .dw_myaccount > .companyContentPane { width: 71% !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button { width: 100%; padding: 0px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list { width: 100%; float: left; display: block; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody { width: 100%; float: left; display: block; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead tr, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody tr { display: block; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead tr th, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody tr th { padding: 5px 0px; width: 48%; padding: 1%; float: left !important; font-family: 'Roboto-Bold'; font-size: 12px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead tr td, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody tr td { font-family: 'Roboto-Bold'; font-size: 12px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead tr .toggleFavContent td, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody tr .toggleFavContent td { width: 100%; float: left !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid { width: 100%; padding: 0px !important; margin: 0px !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .fav-prodImage, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .fav-prodImage { width: 25%; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default { width: 100%; float: left; margin: 0px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val { width: 50%; margin: 0px; float: left; top: 0px; margin-bottom: 10px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .lblQuantity, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .lblQuantity { top: 5px; font-family: 'Roboto-Bold'; font-size: 12px; color: #111111; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .stepper, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .stepper { top: 5px; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val #destWishlist_f1p1, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val #destWishlist_f1p1 { padding: 9px 15px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .addToCartButton-57, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .fav-removeFav, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .addToCartButton-57, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .fav-removeFav { background: #ff5001 !important; color: #fff !important; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; cursor: pointer; opacity: 1; text-transform: capitalize !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .addToCartButton-57:hover, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .val .fav-removeFav:hover, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .addToCartButton-57:hover, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .val .fav-removeFav:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .move, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .add, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid #div_default .rem, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .move, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .add, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid #div_default .rem { width: 30%; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc { width: 75%; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .procode, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .procode { font-family: 'Roboto-Bold'; font-size: 12px !important; font-weight: normal !important; width: 100%; float: left; margin: 10px 0px; line-height: 18px !important; color: #111111; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodName, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodName { font-family: 'Roboto-Light'; font-size: 12px !important; font-weight: normal !important; width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice { font-family: 'Roboto-Bold'; font-size: 14px !important; font-weight: normal !important; /* color: #ff5000; */ width: 100%; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice .price.updated, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice .price.updated { float: none !important; margin-left: 44px !important; margin-right: 0px !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice .price.updated .productDet-yourprice, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice .price.updated .productDet-yourprice { font-style: normal; font-family: 'Roboto-Bold'; font-size: 12px !important; color: #111111 !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice .price.updated .productDet-price, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice .price.updated .productDet-price { font-style: normal; font-family: 'Roboto-Bold'; font-size: 12px !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button { width: 100%; float: left; padding: 0px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area { width: 100%; margin: 0px; padding: 0px; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area { width: 49%; float: left; margin-left: 1%; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area .clear_two, #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area .button-right, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area .clear_two, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area .button-right { width: 100%; margin: 0px; padding: 0px; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .bottomRoom, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .bottomRoom { width: 49%; float: left; margin-right: 1%; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .create_fav, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .create_fav { width: 100%; margin: 0px; padding-left: 0px !important; margin-bottom: 15px; } #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish { width: 100%; float: left; padding: 0px; } #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish #newDefaultwishlistName { width: 100% !important; padding: 7px 0px !important; margin-bottom: 10px; text-indent: 5px; } #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .button-red { width: auto; margin-bottom: 15px; } #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .button-right, #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .clearfix { width: 50%; float: left; margin: 0px; clear: none !important; text-align: right; padding-top: 0px !important; } #directwholesaleBody #page #content .dw_myaccount .accountContentPane #updatePasswordForm .control-group { width: 100%; margin-right: 0px; } } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody #page #content .dw_myaccount { width: 96%; margin: 0 2%; } #directwholesaleBody #page #content .dw_myaccount .my_profile > table { margin-bottom: 20px; width: 100%; float: left; border: 0px solid #ededed; } #directwholesaleBody #page #content .dw_myaccount .my_profile > table tbody tr { width: 100%; border: 1px solid #ededed; } #directwholesaleBody #page #content .dw_myaccount > .span-4 { width: 100%; margin-right: 0px; } #directwholesaleBody #page #content .dw_myaccount > .accountContentPane, #directwholesaleBody #page #content .dw_myaccount .column, #directwholesaleBody #page #content .dw_myaccount .customAccount, #directwholesaleBody #page #content .dw_myaccount .my_favorite { width: 100% !important; margin-top: 0; } #directwholesaleBody #page #content .dw_myaccount .address_book .addressItem { width: 100%; float: left; } #directwholesaleBody #page #content .dw_myaccount .address_book .addressItem .info_area, #directwholesaleBody #page #content .dw_myaccount .address_book .addressItem .buttons { width: 100% !important; } #directwholesaleBody #page #content .dw_myaccount .address_book .addressItem .buttons { width: 100% !important; top: 0px; margin-bottom: 20px; text-align: left; } #directwholesaleBody #page #content .dw_myaccount .address_book .addressItem .is-default-address { padding-left: 11px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list { width: 100%; float: left; display: block; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody { width: 100%; float: left; display: block; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead tr, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody tr { display: block; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead tr th, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody tr th { padding: 5px 0px; width: 48%; padding: 1%; float: left !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .fav-prodImage, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .fav-prodImage { width: 40%; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc { width: 60%; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc #div_default, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc #div_default { width: 100%; float: left; margin: 0px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc #div_default .val, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc #div_default .val { width: 100%; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodName, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodName { margin-top: 5px !important; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice { margin: 5px 0px 0px 0px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc .fav-prodPrice .price.updated, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc .fav-prodPrice .price.updated { float: left !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 10px; margin-bottom: 5px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc #div_default .move, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc #div_default .add, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc #div_default .rem, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc #div_default .move, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc #div_default .add, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc #div_default .rem { width: 90%; margin-right: 10%; margin-bottom: 10px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc #div_default .move button, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc #div_default .add button, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list thead .fav_grid .desc #div_default .rem button, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc #div_default .move button, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc #div_default .add button, #directwholesaleBody #page #content .dw_myaccount .my_favorite #favourite_list tbody .fav_grid .desc #div_default .rem button { width: 100%; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button { width: 100%; float: left; padding: 0px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area { width: 100%; margin: 0px; padding: 0px; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area label, #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area input, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area label, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area input { font-family: 'Roboto-Regular'; font-size: 13px; color: #111111; width: 100% !important; padding: 7px 0px !important; margin-bottom: 10px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .bottomRoom, #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .inner_btn_area, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .bottomRoom, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .inner_btn_area { width: 100%; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .clear_two, #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .button-right, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .clear_two, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .button-right { width: 100%; margin: 0px; padding: 0px; float: left; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .clear_two label, #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .clear_two input, #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .button-right label, #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .button-right input, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .clear_two label, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .clear_two input, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .button-right label, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .button-right input { font-family: 'Roboto-Regular'; font-size: 13px; color: #111111; width: 100% !important; padding: 7px 0px !important; margin-bottom: 10px; } #directwholesaleBody #page #content .dw_myaccount .my_favorite .accountContentPane .inner_btn_area .create_fav, #directwholesaleBody #page #content .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .create_fav { width: 100%; margin: 0px; padding-left: 0px !important; margin-bottom: 15px; } #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish, #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .button-right, #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .clearfix { width: 100%; float: left; padding: 0px; } #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish #newDefaultwishlistName, #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .button-right #newDefaultwishlistName, #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .clearfix #newDefaultwishlistName { width: 100% !important; padding: 7px 0px !important; margin-bottom: 10px; text-indent: 5px; } #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .button-red, #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .button-right .button-red, #directwholesaleBody #page #content .dw_myaccount .my_fav_button #changeWish .clearfix .button-red { width: 100%; margin-bottom: 15px; } #directwholesaleBody #page #content .dw_myaccount > .span-20 .my_account_blocks, #directwholesaleBody #page #content .dw_myaccount > .column .my_account_blocks { display: block; float: left; width: 100%; margin-top: 10px; } #directwholesaleBody #page #content .dw_myaccount > .span-20 .my_account_blocks .tile, #directwholesaleBody #page #content .dw_myaccount > .column .my_account_blocks .tile { border: 1px solid #e4e4e4; padding: 0 20px 20px; width: 100%; height: 100px; padding: 0px; margin-right: 0px; margin-bottom: 20px; } #directwholesaleBody #page #content .dw_myaccount > .span-20 .my_account_blocks .tile:nth-of-type(even), #directwholesaleBody #page #content .dw_myaccount > .column .my_account_blocks .tile:nth-of-type(even) { margin-right: 0px; margin-left: 0px; } #directwholesaleBody #page #content .dw_myaccount > .span-20 .my_account_blocks .content_slots, #directwholesaleBody #page #content .dw_myaccount > .column .my_account_blocks .content_slots { display: block; padding: 15px; } #directwholesaleBody #page #content .dw_myaccount .accountContentPane form .control-group { width: 100%; margin-right: 0px; } #directwholesaleBody #page #content .dw_myaccount .accountContentPane form { display: block; float: none; } #directwholesaleBody #page #content .dw_myaccount .accountContentPane form .control-group { float: left; width: 100%; margin-right: 0px; } #directwholesaleBody #page #content .account_info .account-profile-data { width: 100% !important; } #directwholesaleBody #page #content .account_info .account-profile-data tbody tr { width: 100% !important; } #directwholesaleBody #page #content .account_info > a { float: left !important; width: 20% !important; } #directwholesaleBody #page #content .account_info #preferenceform table { width: 100%; float: left; } #directwholesaleBody #page #content .account_info #preferenceform table tr td, #directwholesaleBody #page #content .account_info #preferenceform table tr td .control-group { width: 100%; float: left !important; } #directwholesaleBody #page #content .account_info #preferenceform .control-group { width: 90%; } #directwholesaleBody #page #content .account_info #preferenceform .terms label { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .manage_invoice_conatiner .manage_invoice_delivery { width: 100%; margin: 10px 0px 0px 0px; } #directwholesaleBody #page #content .manage_invoice_conatiner .order-totals { width: 100%; margin: 10px 0px 0px 0px; } #directwholesaleBody #page #content .manage_invoice_conatiner .item_container .buttons button { margin-left: 0px; width: 100%; margin-bottom: 10px; } #directwholesaleBody #page #content .companyContentPane form, #directwholesaleBody #page #content .cost_center_add form { width: 100%; float: left; } #directwholesaleBody #page #content .companyContentPane form .control-group, #directwholesaleBody #page #content .cost_center_add form .control-group { width: 100%; margin-bottom: 10px; } #directwholesaleBody #page #content .companyContentPane form .no-confirm, #directwholesaleBody #page #content .companyContentPane form #SubmitBudget_button, #directwholesaleBody #page #content .cost_center_add form .no-confirm, #directwholesaleBody #page #content .cost_center_add form #SubmitBudget_button { width: auto; float: left; margin-right: 10px; } #directwholesaleBody #page #content .companyContentPane form .required, #directwholesaleBody #page #content .cost_center_add form .required { width: 100%; text-align: right; } #directwholesaleBody #page #content .companyContentPane form + .last, #directwholesaleBody #page #content .cost_center_add form + .last { margin-top: -40px; } #directwholesaleBody #page #content .companyContentPane form + .last .back_button #backButton, #directwholesaleBody #page #content .cost_center_add form + .last .back_button #backButton { background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; } #directwholesaleBody #page #content .companyContentPane form + .last .back_button #backButton:hover, #directwholesaleBody #page #content .cost_center_add form + .last .back_button #backButton:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } #directwholesaleBody #page #content .companyContentPane .paginationBar .totalResults, #directwholesaleBody #page #content .cost_center_add .paginationBar .totalResults { font-family: Roboto-Bold; text-transform: capitalize; width: 100%; text-align: center; } #directwholesaleBody #page #content .companyContentPane .paginationBar .right, #directwholesaleBody #page #content .cost_center_add .paginationBar .right { width: 100%; margin: 0px; } #directwholesaleBody #page #content .companyContentPane .paginationBar .right .pagination, #directwholesaleBody #page #content .cost_center_add .paginationBar .right .pagination { width: 100%; text-align: center; } #directwholesaleBody #page #content .companyContentPane .paginationBar .right .pagination li, #directwholesaleBody #page #content .cost_center_add .paginationBar .right .pagination li { float: none; display: inline-block; } #directwholesaleBody #page #content .companyContentPane .paginationBar .right .pagination .last, #directwholesaleBody #page #content .companyContentPane .paginationBar .right .pagination .first, #directwholesaleBody #page #content .cost_center_add .paginationBar .right .pagination .last, #directwholesaleBody #page #content .cost_center_add .paginationBar .right .pagination .first { display: none; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane .newEmailIdForSelectBox .new_send_email { background: #ff5000; text-align: center; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate .searchInvoiceDateContent, #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate #searchInvoicesHistory { width: 100%; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate .searchInvoiceDateContent div, #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate #searchInvoicesHistory div { width: 100%; margin-right: 0px; margin-bottom: 10px; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate .searchInvoiceDateContent div span, #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane #searchInoviceDate #searchInvoicesHistory div span { font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content .historical_invoice .item_container_holder .accountContentPane .newEmailIdForSelectBox { width: 100%; float: left; margin: 10px 0px; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .title_holder { width: 100%; float: right; font-size: 12px; margin-top: 10px; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .new_table_invoice_details { width: 100%; float: left; } #directwholesaleBody #page #content .pay_invoice .accountContentPane .item_container_holder .new_table_invoice_details table { width: 100%; margin-right: 0px; } #directwholesaleBody #page #content .pay_deatils .pay_info .invoice_buttons { clear: both; margin-top: 10px; margin-right: 0px; float: left; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec { float: left; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec form { width: 100%; overflow-x: scroll; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec form .quoteList #order_history { margin: 10px 0px; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec form .quoteList #order_history thead th { background: #5d5d5d !important; color: #fff; font-family: 'Roboto-Bold'; text-transform: capitalize; } #directwholesaleBody #page #content .my_quotes .my_quotes_sec form .quoteList #order_history tr td, #directwholesaleBody #page #content .my_quotes .my_quotes_sec form .quoteList #order_history tr td a { font-family: 'Roboto-Medium'; color: #111111; } #directwholesaleBody #page #content .my_quotes .quote_status { width: 100% !important; float: left !important; } #directwholesaleBody #page #content .my_quotes .quote_status .left { width: 100%; margin-bottom: 10px; } #directwholesaleBody #page #content .my_quotes .quote_status .left .orderBox { width: 100%; } #directwholesaleBody #page #content .my_quotes .quote_status .table-budget-container { width: 100% !important; margin-bottom: 10px; } #directwholesaleBody #page #content .my_quotes .quote_status .quote_total #orderTotals tbody > tr > td { font-family: 'Roboto-Bold'; color: #111111; } #directwholesaleBody #page #content .my_quotes .quote_status .orderList_tab { width: 100%; overflow-x: overlay; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth { width: 100%; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account .control-group, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account .control-group .form_field-input, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth .control-group, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth .control-group .form_field-input { width: 100%; margin: 0px; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account .control-group .form_field-input #newExpiryMonth, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .label_for_account .control-group .form_field-input #newExpiryYear, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth .control-group .form_field-input #newExpiryMonth, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .newinoviceMonth .control-group .form_field-input #newExpiryYear { width: 100%; margin: 0px 0px 10px 0px; padding: 10px; height: auto; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group { width: 100%; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .form_field-input, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .control-group .form_field-input { width: 100%; margin: 0px; font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .form_field-input #account_statements_email, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .control-group .form_field-input #account_statements_email { padding: 15px; height: auto; } #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .form_field-label, #directwholesaleBody #page #content .account_statement .accountContentPane #accountStatementForm .account_email_form .control-group .form_field-label { width: 100%; } #directwholesaleBody #page #content .search_store > label { color: #111111; font-family: 'Roboto-Bold'; font-size: 12px; width: 100%; float: left; } #directwholesaleBody #page #content .search_store .search-store { width: 100%; float: left; } #directwholesaleBody #page #content .search_store .search-store #storeFinderForm, #directwholesaleBody #page #content .search_store .search-store #nearMeStorefinderForm { width: 100%; float: left; margin: 0px; } #directwholesaleBody #page #content .search_store .search-store #storeFinderForm .postcode-lbl, #directwholesaleBody #page #content .search_store .search-store #nearMeStorefinderForm .postcode-lbl { width: 60%; margin-right: 10%; } #directwholesaleBody #page #content .search_store .search-store #storeFinderForm .postcode-lbl #storelocator-query, #directwholesaleBody #page #content .search_store .search-store #nearMeStorefinderForm .postcode-lbl #storelocator-query { width: 100%; float: left; padding: 6px; padding: 6px 0px; text-indent: 15px; } #directwholesaleBody #page #content .search_store .search-store #storeFinderForm .findStoresNearMe, #directwholesaleBody #page #content .search_store .search-store #nearMeStorefinderForm .findStoresNearMe { background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; margin: 10px 10px 0px 0px !important; } #directwholesaleBody #page #content .search_store .search-store-results { margin-top: 10px; width: 100%; float: left; } #directwholesaleBody #page #content .search_store .search-store-results #storeFinderForm .search-store-details { border-bottom: 1px solid #e3e3e3; margin: 10px 3%; margin-left: 0px; padding: 0px; width: 100% !important; height: 90px; } } #directwholesaleBody #page #content #dwcheckoutContentPanel, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder { width: 1180px; margin: 0 auto; } #directwholesaleBody #page #content #dwcheckoutContentPanel #placeOrder, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder #placeOrder { display: none; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter + .deliveryModeDetail + .deliveryDetail_area, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter + .deliveryModeDetail + .deliveryDetail_area { width: 100%; float: left; margin-right: 0%; margin-bottom: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail { width: 100%; float: left; margin-bottom: 20px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .headline { background: #eaeaea; color: #111; font-size: 16px; display: block; font-family: 'Roboto-Bold'; margin-bottom: 0px; padding: 15px 20px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .content_slots, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .content_slots, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .content_slots, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .content_slots { float: left; width: 100%; padding: 10px 0; border: 1px solid #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .content_slots .content_block, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .content_slots .content_block, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .content_slots .content_block, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .content_slots .content_block { width: 30%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .content_slots .content_block select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .content_slots .content_block input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .content_slots .content_block select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .content_slots .content_block input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .content_slots .content_block select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .content_slots .content_block input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .content_slots .content_block select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .content_slots .content_block input { border: 1px solid #ededed; background-color: #fff; padding: 10px; height: auto; font-family: 'Roboto-Regular'; color: #111111; margin-left: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .content_slots .content_block label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .content_slots .content_block label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .content_slots .content_block label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .content_slots .content_block label { margin-left: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail { border: 1px solid #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .control-group .form_field-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .control-group .form_field-label { margin-left: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule { float: left; width: 100%; border: 1px solid #ededed; padding: 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .headline { background: #eaeaea; text-indent: 15px; border: 0px; color: #111; font-size: 16px; width: 100%; font-family: 'Roboto-Bold'; margin-bottom: 0px; padding: 15px 0px; margin: 0px; text-transform: capitalize; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform { width: calc(100% / 4); border: 0; margin: 0px; padding: 0px; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .replenishmentFrequency, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .replenishmentFrequency { border-bottom: 1px solid #ededed; display: block; padding: 10px 10px; font-family: 'Roboto-Regular'; font-size: 14px !important; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .replenishmentFrequency input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .replenishmentFrequency input { margin: 0 5px; position: relative; top: 2px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform #nDays, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform #nWeeks, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform #nthDayOfMonth, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform #nDays, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform #nWeeks, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform #nthDayOfMonth { padding: 10px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .content_clock, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .content_clock { display: block; padding: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .content_clock label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .content_clock select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .content_clock label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .content_clock select { font-family: 'Roboto-Regular'; font-size: 12px !important; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .replenishmentFrequency label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .replenishmentFrequency label { font-family: 'Roboto-Regular'; font-size: 12px !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .form-actions, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .form-actions { display: block; padding: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .form-actions a, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .form-actions button, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .form-actions a, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .form-actions button { margin-top: 0px; margin-left: 10px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule + .terms .control-group label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule + .terms .control-group label { font-family: 'Roboto-Bold'; font-weight: normal; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule + .terms .control-group input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule + .terms .control-group input { position: relative; top: 3px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail { width: 66%; float: left; box-sizing: border-box; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .description, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .description { display: none; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .control-group { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .control-group .form_field-input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .control-group .form_field-input { width: auto; padding: 10px 0px; text-align: center; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .control-group .form_field-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .control-group .form_field-label { width: auto; float: left; padding: 10px 0px; font-family: 'Roboto-Bold'; font-size: 0.75rem !important; display: inline; color: #111111 !important; text-transform: capitalize; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .control-group .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .control-group .form_field-label label { font-family: 'Roboto-Bold'; font-size: 0.75rem !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area { width: 66%; float: left; margin-right: 2%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail { width: 100%; float: left; margin-bottom: 20px; border: 1px solid #ededed; box-sizing: border-box; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail > .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail > .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail > .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail > .headline { background: #eaeaea; text-indent: 15px; color: #111; font-size: 16px; width: 100%; font-family: 'Roboto-Bold'; margin-bottom: 0px; padding: 15px 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm { padding: 15px 0px; float: left; width: 100%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm label.addressInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm #existingAddressContainer, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm label.addressInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm #existingAddressContainer, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm label.addressInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm #existingAddressContainer, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm label.addressInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm #existingAddressContainer { padding: 0px 15px 15px 15px; display: block; font-family: 'Roboto-Regular'; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm #existingAddressContainer select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm #existingAddressContainer select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm #existingAddressContainer select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm #existingAddressContainer select { border: 1px solid #ededed; background-color: #fff; padding: 10px; height: auto; font-family: 'Roboto-Regular'; color: #111111; padding: 10px 30px 10px 10px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left { padding: 0px 15px 15px 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group { float: left; width: 48%; margin-right: 2%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group .control-label { font-family: 'Roboto-Bold'; font-weight: normal; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group .controls input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group .controls select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group .controls input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group .controls select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group .controls input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group .controls select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group .controls input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group .controls select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group .controls input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group .controls select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group .controls input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group .controls select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group .controls input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group .controls select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group .controls input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group .controls select { border: 1px solid #ededed; background-color: #fff; padding: 10px; height: auto; font-family: 'Roboto-Regular'; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left input { position: relative; top: 2px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress { float: left; width: 50%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress .control-group .control-label { margin-top: 5px; padding: 0px; font-family: 'Roboto-Regular'; font-size: 0.75rem; text-transform: capitalize; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress input { position: relative; top: 2px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB { float: left; width: 50%; display: block; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB .control-group .control-label { margin-top: 20px; padding: 0px; text-transform: capitalize; font-family: 'Roboto-Regular'; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB .control-group .control-label { margin-top: 5px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB .control-group input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB .control-group input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB .control-group input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB .control-group input { position: relative; top: 2px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-additionals .control-group label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-additionals .control-group label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-additionals .control-group label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-additionals .control-group label { font-family: 'Roboto-Regular'; font-size: 0.75rem; color: #111111; text-transform: capitalize; margin: 20px 0 0 0; padding: 0; } .form-additionals.saveToAddressBook { display: inline-block; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart { width: 100%; float: left; border: 1px solid #ededed; box-sizing: border-box; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .headline { background: #eaeaea; text-indent: 15px; color: #111; font-size: 16px; width: 100%; font-family: 'Roboto-Bold'; margin-bottom: 0px; padding: 15px 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .thumb, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .thumb { max-width: 30%; width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .thumb > a img, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .thumb > a img { width: 96px; padding: 15px 5%; margin: auto; display: block;} #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details { width: 50%; float: left; padding: 15px 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .summary_moprocode a, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .summary_moprocode a { font-family: 'Roboto-Bold'; font-size: 12px !important; font-weight: normal !important; width: 100%; float: left; /*margin: 10px 0px;*/ line-height: 18px !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .summary_productName a, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .summary_productName a { font-family: 'Roboto-Light'; font-size: 12px !important; font-weight: normal !important; width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .cart-promotions, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .cart-promotions { display: none; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .itemPrice, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .quantity, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .itemPrice, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .quantity { font-family: 'Roboto-Regular'; font-size: 12px !important; color: #111111; width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .itemPrice > span, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .quantity > span, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .itemPrice > span, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details .quantity > span { font-family: 'Roboto-Bold'; font-size: 12px !important; font-weight: normal !important; color: #111111 !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .total, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .total { width: 16%; float: left; padding: 15px 2%; text-align: right; font-family: 'Roboto-Bold'; font-size: 14px !important; font-weight: normal !important; color: #ff5000; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment { width: 31%; float: left; border: 1px solid #ededed; box-sizing: border-box; margin-top: -127px;} #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .headline { background: #eaeaea; text-indent: 15px; color: #111; font-size: 16px; width: 100%; font-family: 'Roboto-Bold'; margin-bottom: 0px; padding: 15px 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .payment_container, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .payment_container, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .payment_container .sec_logo, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .sec_logo, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .payment_container .sec_logo, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .sec_logo { /* padding: 30px 0px; display: block; */ margin-bottom: 25px; /*background: url(../images/security.png);*/ background-repeat: no-repeat; background-position: center; width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .dwplaceOrderButton, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .dwplaceOrderButton { width: 90%; margin: 0 5%; } button.positive.right.dwplaceOrderButton:focus { border: solid 2px black !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #savedCardsContainer p, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #savedCardsContainer p { font-family: 'Roboto-Regular'; font-size: 0.75rem; text-align: center; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #savedCardsContainer #savedCardId, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #savedCardsContainer #savedCardId { padding: 10px 25px; margin: 0 auto; border: 1px solid #ededed; float: none; display: block; } .page-singleStepCheckoutSummaryPage div#breadcrumb { display: none; } .page-singleStepCheckoutSummaryPage .alert.negative { width: 98%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .payment_icons, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .payment_icons { width: 100%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .payment_icons p, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .payment_icons p { margin: 5%; font-family: 'Roboto-Regular'; font-size: 0.75rem; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .payment_icons span, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .payment_icons span { padding: 29px 20px; width: auto; margin: 0 auto; background: url(../images/payu-new.jpg) no-repeat; margin-right: 0px; background-position: 54% 0; display: block; margin-bottom: 20px; background-size: 60%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails #startDate, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .cardDate, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails #startDate, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .cardDate { width: 90%; margin: 0 5%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group legend, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a legend, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails #startDate .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails #startDate .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails #startDate legend, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .cardDate .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .cardDate .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .cardDate legend, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group legend, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a legend, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails #startDate .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails #startDate .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails #startDate legend, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .cardDate .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .cardDate .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .cardDate legend { font-family: 'Roboto-Bold'; font-size: 0.75rem; color: #111111; width: auto; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails #startDate .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails #startDate .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .cardDate .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .cardDate .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails #startDate .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails #startDate .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .cardDate .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .cardDate .form_field-input input { border: 1px solid #ededed !important; background-color: #fff; padding: 10px; height: auto !important; font-family: 'Roboto-Regular'; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .cardDate .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .cardDate .control-group { width: 100%; margin: 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-block-b legend, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-block-b legend { font-family: 'Roboto-Bold'; font-size: 0.75rem; color: #111111; border: 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-block-b, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-block-b { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-block-b .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-block-b .control-group { width: 100%; margin: 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a #cvv2Description, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-block-b #cvv2Description, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a #cvv2Description, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-block-b #cvv2Description { display: none; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .save_payment_details #SaveDetails, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .save_payment_details #SaveDetails { position: relative; top: 4px; left: -4px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .save_payment_details, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .save_payment_details { width: 90%; margin: 0 calc(5% + 5px); float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .save_payment_details label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .save_payment_details label { font-family: 'Roboto-Bold'; font-size: 0.75rem; color: #111111; width: auto; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .terms, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .terms { width: auto; margin: 0 calc(4% + 5px); } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .terms .checkbox-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .terms .checkbox-label { padding: 10px 2px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .terms .form_field-input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .terms .form_field-input { width: auto; float: left; position: relative; top: -62px; left: -15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .dwplaceOrderButton, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .dwplaceOrderButton { width: 90%; float: left; margin-bottom: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-block-b .security, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-block-b .security { box-sizing: border-box; border: 1px solid #ededed !important; background-color: #fff; padding: 10px; height: auto !important; font-family: 'Roboto-Regular'; color: #111111; display: block; width: 100%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .required, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .required { display: none; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer { display: block; padding-top: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .row, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .row, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row { display: block; padding: 10px 0px; font-family: 'Roboto-Bold'; width: 86%; margin: 0 5%; float: left; padding: 10px 2%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row span:first-child { font-family: 'Roboto-Bold'; font-size: 0.75rem !important; width: 50%; float: left; display: inline-block; color: #111111 !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row span:last-child { font-family: 'Roboto-Regular'; font-size: 0.75rem !important; width: 50%; display: inline; color: #111111 !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .last_row, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .last_row, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row { margin-top: 10PX; margin-bottom: 20px; background: transparent !important; border-bottom: 1px solid #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .last_row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .last_row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row span:first-child { font-size: 1rem !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .last_row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .last_row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row span:last-child { color: #ff5000 !important; font-size: 1rem !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .row:nth-of-type(odd), #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row:nth-of-type(odd), #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .row:nth-of-type(odd), #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row:nth-of-type(odd) { background: #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder button { margin-left: 15px; display: none; } #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .dwplaceOrderButton, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .scheduleReplenishmentButton { display: block; margin-top: 15px; } @media (min-width: 768px) and (max-width: 1190px) { #directwholesaleBody #page #content #dwcheckoutContentPanel, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder { width: 98%; margin: 0 1%; } } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody #page #content #dwcheckoutContentPanel, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder { width: 96%; margin: 0 2%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter + .deliveryModeDetail + .deliveryDetail_area, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter + .deliveryModeDetail + .deliveryDetail_area { width: 100%; float: left; margin-right: 0%; margin-bottom: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail { width: 100%; float: left; margin-bottom: 20px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .content_slots .content_block, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .content_slots .content_block, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .content_slots .content_block, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .content_slots .content_block { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .content_slots .content_block select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .content_slots .content_block input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .content_slots .content_block select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .content_slots .content_block input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .content_slots .content_block select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .content_slots .content_block input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .content_slots .content_block select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .content_slots .content_block input { padding: 10px 0; width: 90%; display: block; margin: 0px 5%; text-indent: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .summaryCostCenter .content_slots .content_block label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .content_slots .content_block label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .summaryCostCenter .content_slots .content_block label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .content_slots .content_block label { width: 90%; display: block; margin: 10px 5% 0 5%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail { border: 1px solid #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .control-group .form_field-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .control-group .form_field-label { margin-left: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform { width: 100%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .replenishmentFrequency, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .replenishmentFrequency { border-bottom: 0px solid #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .div_nWeeks1, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .div_nWeeks2, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .div_nWeeks1, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .div_nWeeks2 { padding: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform #nDays, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform #nWeeks, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform #nthDayOfMonth, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform #nDays, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform #nWeeks, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform #nthDayOfMonth { padding: 10px 20px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform label { padding-left: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform input#replenishmentStartDate, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform input#replenishmentStartDate { margin-left: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .scheduleform .content_clock, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .scheduleform .content_clock { border-bottom: 1px solid #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .form-actions, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .form-actions { display: block; padding: 10px 7px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .form-actions a, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule .form-actions button, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .form-actions a, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule .form-actions button { margin-top: 0px; margin-left: 10px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule + .terms .control-group label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule + .terms .control-group label { font-family: 'Roboto-Bold'; font-weight: normal; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form #replenishmentSchedule + .terms .control-group input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form #replenishmentSchedule + .terms .control-group input { position: relative; top: 3px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryModeDetail .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryModeDetail .control-group { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area { width: 100%; float: left; margin-right: 2%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail { width: 100%; float: left; margin-bottom: 10px; border: 1px solid #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm { padding: 15px 0px; float: left; width: 100%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm label.addressInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm label.addressInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm label.addressInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm label.addressInvoice, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingInvoice { padding: 0px 15px 15px 15px; display: block; font-family: 'Roboto-Regular'; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-essentials .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .addressField_left .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-essentials .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .addressField_left .control-group { float: left; width: 100%; margin-right: 0%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress { float: left; width: 100%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .billingAddress .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .billingAddress .control-group .control-label { text-indent: 15px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-additionals, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-additionals, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-additionals, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-additionals, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB { width: 100%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-additionals .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-additionals .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .form-additionals .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .deliveryDetail .cardForm .useBillingAddressCB .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .form-additionals .control-group .control-label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area #billingDetail .cardForm .useBillingAddressCB .control-group .control-label { text-indent: 15px; color: #111111; font-family: 'Roboto-Regular'; font-size: 0.75rem; text-transform: capitalize; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart { width: 100%; float: left; border: 1px solid #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .headline { background: #eaeaea; text-indent: 15px; color: #111; font-size: 16px; width: 100%; font-family: 'Roboto-Bold'; margin-bottom: 0px; padding: 15px 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .thumb, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .thumb { max-width: 50%; width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .details { width: 50%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .total, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .deliveryDetail_area .checkou_cart .cartItem .total { width: 50%; float: right; padding: 0px; text-align: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment { width: 100%; float: left; border: 1px solid #ededed; margin-top: 10px; margin-bottom: 10px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .headline, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .headline { background: #eaeaea; text-indent: 15px; color: #111; font-size: 16px; width: 100%; font-family: 'Roboto-Bold'; margin-bottom: 0px; padding: 15px 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .payment_container, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .payment_container, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .payment_icons, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .payment_icons { text-align: center; display: block; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .payment_icons p, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .payment_icons p { margin: 5px 0px 10px 0px; font-family: 'Roboto-Regular'; font-size: 0.75rem; text-align: center; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .payment_icons span, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .payment_icons span { padding: 29px 20px; width: auto; margin: 0 auto; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a { width: 90%; margin: 0 5%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-label label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-grid-a label { font-family: 'Roboto-Bold'; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .control-group .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .control-group .form_field-input input, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-input select, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .form_field-input input { border: 1px solid #ededed !important; background-color: #fff; padding: 10px; height: auto !important; font-family: 'Roboto-Regular'; color: #111111; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-block-b legend, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a label, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-block-b legend { font-family: 'Roboto-Bold'; font-size: 0.75rem; color: #111111; border: 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-block-b, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-block-b { width: 100%; float: left; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-block-b .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-grid-a .ui-block-a .control-group, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-block-b .control-group { width: 100%; margin: 0px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .save_payment_details #SaveDetails, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .save_payment_details #SaveDetails { position: relative; top: 4px; left: -4px; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .save_payment_details, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .save_payment_details { width: 100%; float: left; margin-bottom: 20px; display: block !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .dwplaceOrderButton, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .dwplaceOrderButton { /* width: 100%; float:left; margin-bottom: 15px; */ } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment #cardDetails .ui-block-b .security, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment #cardDetails .ui-block-b .security { border: 1px solid #ededed !important; background-color: #fff; padding: 10px 0px; height: auto !important; font-family: 'Roboto-Regular'; color: #111111; display: block; width: 100%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .required, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .required { display: none; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer { display: block; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .row, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .row, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row { display: block; padding: 10px 0px; font-family: 'Roboto-Bold'; width: 90%; margin: 0 5%; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row span:first-child { font-family: 'Roboto-Bold'; font-size: 0.75rem !important; width: 50%; float: left; display: inline-block; text-indent: 15px; color: #111111 !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row span:last-child { font-family: 'Roboto-Regular'; font-size: 0.75rem !important; width: 50%; display: inline; color: #111111 !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .last_row, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .last_row, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row { margin-top: 10PX; margin-bottom: 20px; background: transparent !important; border-bottom: 1px solid #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .last_row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .last_row span:first-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row span:first-child { font-size: 1rem !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .last_row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .last_row span:last-child, #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .last_row span:last-child { color: #ff5000 !important; font-size: 1rem !important; } #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .row:nth-of-type(even), #directwholesaleBody #page #content #dwcheckoutContentPanel .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row:nth-of-type(even), #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .row:nth-of-type(even), #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder .create_update_payment_form .Payment .order_totalarea .order_totalcontainer .row:nth-of-type(even) { background: #ededed; } #directwholesaleBody #page #content #dwcheckoutContentPanel + #placeOrder button { margin-left: 10px; } } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory { display: block; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .paginationBar, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .pageSizeSelection { border: 0px; margin: 0px; width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .paginationBar .dw_pagination, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .pageSizeSelection .dw_pagination { text-align: right; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .paginationBar .dw_pagination a, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .pageSizeSelection .dw_pagination a { color: #000; padding: 10px; background: #eaeaea; margin-left: 5px; font-family: 'Roboto-Bold'; top: 5px; position: relative; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .description, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory #sort_form1, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory #searchOrderHistory, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable + .paginationBar, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory #sort_form2, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory #sort_form2 + .pageSizeSelection { display: none; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable { border: 1px solid #ededed; position: relative; top: 10px; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable thead tr th { background: #5d5d5d; font-family: 'Roboto-Bold'; color: #fff; text-transform: capitalize; border: 0px; font-weight: normal; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td { border: 0px; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td span, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td a, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td span p { font-family: 'Roboto-Regular'; font-size: 0.75rem; text-transform: capitalize; color: #111111; border: 0px; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td a, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td span p { padding: 10px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section { width: 100%; margin: 0px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one { width: Calc(100% / 2) !important; margin: 0px; float: left; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one table { width: 98%; margin-right: 2%; margin-top: 10px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one table tr td:first-child, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one table tr th:first-child { color: #111111; font-family: 'Roboto-Bold'; font-size: 0.75rem !important; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one table tr td:last-child { color: #111111; font-family: 'Roboto-Regular'; font-size: 0.75rem !important; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one #orderTotals { width: 98%; margin-right: 0%; margin-left: 2%; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one #orderTotals tr td:first-child { color: #111111; font-family: 'Roboto-Bold'; font-size: 0.75rem !important; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one #orderTotals tr td:last-child { color: #111111; font-family: 'Roboto-Regular'; font-size: 0.75rem !important; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons { width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons .return_button { display: block !important; width: 15%; border: 0px; margin: 0px; padding: 0px !important; overflow: inherit; float: left; background: transparent; text-align: left; position: relative; top: 13px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons .return_button > a { background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 13px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; height: auto !important; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons .return_button > a:hover { background: transparent; border: 1px solid #ff5001; color: #ff5001; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons #reorderForm { width: 15%; border: 0px; margin: 0px; padding: 0px !important; overflow: inherit; float: left; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons #reorderForm button { float: none !important; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .payment, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery { width: 48.7%; margin-right: 1%; float: left; padding: 0px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .payment .order_content, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address .order_content, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery .order_content { dispaly: block; padding: 15px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .payment .order_content .headline, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address .order_content .headline, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery .order_content .headline { width: 96%; padding: 2%; font-family: 'Roboto-Bold'; font-size: 0.75rem !important; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .payment .order_content ul li, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address .order_content ul li, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery .order_content ul li { font-family: 'Roboto-Regular'; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery:last-child { margin-right: 0px; margin-left: 1%; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes { display: block; margin: 0px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderList { display: block; margin: 0px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderList #delivery_product_details thead tr th, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderList #delivery_product_details tbody tr td .summary_moprocode a { font-family: 'Roboto-Bold'; font-size: 12px !important; font-weight: normal !important; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderList #delivery_product_details tbody tr td .summary_productName a, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderList #delivery_product_details tbody tr td.quantity, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderList #delivery_product_details tbody tr td.total { font-family: 'Roboto-Light'; font-size: 12px !important; font-weight: normal !important; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderList #delivery_product_details tr.item ul li span { font-family: 'Roboto-Regular'; font-size: 12px !important; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderList #delivery_product_details thead tr th { text-align: left; padding: 5px; background: #5d5d5d !important; color: #fff; text-transform: capitalize; border: 0px; font-weight: bold; line-height: 18px; } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory { dispaly: block; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .paginationBar, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .pageSizeSelection { border: 0px; margin: 0px; width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .paginationBar .dw_pagination, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .pageSizeSelection .dw_pagination { text-align: left; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .paginationBar .dw_pagination a, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .pageSizeSelection .dw_pagination a { color: #000; padding: 10px; background: #eaeaea; margin-left: 0px; margin-bottom: 15px; font-family: 'Roboto-Bold'; top: 0px; position: relative; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable { border: 1px solid #ededed; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable thead { display: none; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td { width: 100%; border: 0px; display: block; background: transparent; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td span, #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td a { font-family: 'Roboto-Light'; text-transform: capitalize; border: 0px; text-align: left; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td span { width: 50%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr td span:first-child { text-align: left; display: block !important; } #directwholesaleBody #page #content > .dw_myaccount .dw_orderhistory .orderListTable tbody tr:nth-of-type(even) { background: #ededed; } } #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area { width: 100%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area > div { width: calc(100%/2); margin-bottom: 20px; float: left; } #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area > div label { width: 100%; float: left; font-family: 'Roboto-Light'; font-weight: bold; } #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area > div input, #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area > div select { background: transparent; border: 1px solid #ededed; padding: 10px; font-family: 'Roboto-Light'; width: 70%; font-weight: bold; } #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area > div input#return_submit { background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; height: auto !important; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details { width: 100%; float: left; border: 1px solid #ededed; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details thead th { text-align: left; font-size: 12px !important; padding: 5px; background: #5d5d5d !important; font-family: 'Roboto-Light'; color: #fff; text-transform: capitalize; border: 0px; font-weight: bold; line-height: 18px; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td { border: 0px; background: #fff; font-family: 'Roboto-Light'; font-weight: bold; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td a, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td input, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td select, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span { font-family: 'Roboto-Light'; font-weight: bold; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td .stepper, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td select, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td .comment { top: 0px; margin: 0px 5px; width: auto; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td select { padding: 10px 25px; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td:last-child input { padding: 10px; } @media (min-width: 768px) and (max-width: 998px) { #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area { width: 100%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area > div input, #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area > div select { width: 80%; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details { width: 100%; float: left; border: 1px solid #ededed; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr { background: #fff !important; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details thead th { display: none; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td { display: block; width: 100%; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td > span, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td div span { width: 50%; float: left; display: block !important; padding: 0px 0px; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td > span .comment, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td div span .comment { max-width: 100%; width: 100px; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td > span .stepper-arrow, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td div span .stepper-arrow { text-indent: -99999px !important; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span a, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span input, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span select { text-align: left; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td a, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td input, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td select, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span { margin-bottom: 5px; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td ul li { width: 100%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td ul li span { width: 96%; padding: 2%; text-indent: initial; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .payment, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery { width: 48%; margin-right: 1%; float: left; padding: 0px; } } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section { width: 100%; margin: 0px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one { width: 100% !important; margin: 0px; float: left; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one table { width: 100%; margin-right: 0%; margin-top: 10px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_one #orderTotals { width: 100%; margin-right: 0%; margin-left: 0%; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons { width: 100%; float: left; margin-bottom: 10px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons .return_button { display: block !important; width: 15%; border: 0px; margin: 0px; padding: 0px !important; overflow: inherit; float: left; background: transparent; text-align: left; position: relative; top: 12px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons #reorderForm { width: auto; float: left; margin-right: 15px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .order_history_section .row_buttons #reorderForm button { float: none !important; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .payment, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery { width: 100%; margin-right: 0%; float: left; padding: 0px; height: auto; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .payment .order_content, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address .order_content, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery .order_content { dispaly: block; padding: 15px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .payment .order_content .headline, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address .order_content .headline, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery .order_content .headline { width: 96%; padding: 2%; font-family: 'Roboto-Bold'; font-size: 0.75rem !important; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .payment .order_content ul li, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address .order_content ul li, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery .order_content ul li { font-family: 'Roboto-Regular'; font-size: 0.75rem; color: #111111; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .address, #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes .delivery:last-child { margin-right: 0px; margin-left: 1%; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderBoxes { display: block; margin: 0px; } #directwholesaleBody #page #content > .dw_myaccount .dw_order_history .orderList { display: block; margin: 0px; overflow-x: scroll; } #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area { width: 100%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area > div input, #directwholesaleBody #page #content > .dw_myaccount .return_form .order_area > div select { width: 80%; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details { width: 100%; float: left; border: 1px solid #ededed; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr { background: #fff !important; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details thead th { display: none; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td { display: block; width: 100%; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td > span, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td div span { width: 50%; float: left; display: block !important; padding: 0px 0px; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td > span .comment, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td div span .comment { max-width: 100%; width: 100px; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td > span .stepper-arrow, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td div span .stepper-arrow { text-indent: -99999px !important; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span a, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span input, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span select { text-indent: 15px; text-align: left; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td a, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td input, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td select, #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td span { margin-bottom: 5px; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td ul li { width: 100%; float: left; } #directwholesaleBody #page #content > .dw_myaccount .return_form #delivery_product_details tr td ul li span { width: 96%; padding: 2%; text-indent: initial; } } #directwholesaleBody #page #content > .forgot_password .section { width: 50%; float: left; border: 1px solid #e5e5e5; border-radius: 0px; padding: 0px; } #directwholesaleBody #page #content > .forgot_password .section .item_container_holder { width: 100%; float: left; } #directwholesaleBody #page #content > .forgot_password .section .item_container_holder .title_holder { background: #eaeaea; color: #000; font-weight: bold; font-size: 14px; position: relative; top: 0px; padding: 15px 0px 15px 0px; margin: 0px; text-align: left; width: 100%; float: left; text-indent: 15px; border-radius: 0px; } #directwholesaleBody #page #content > .forgot_password .section .item_container_holder .title_holder h2 { font-family: 'Roboto-Bold'; color: #111111; font-size: 14px; } #directwholesaleBody #page #content > .forgot_password .section .item_container { width: 96%; float: left; display: block; padding: 0 2%; } #directwholesaleBody #page #content > .forgot_password .section .item_container p, #directwholesaleBody #page #content > .forgot_password .section .item_container .pstrength-minchar { font-family: 'Roboto-Regular'; } #directwholesaleBody #page #content > .forgot_password .section .item_container #updatePwdForm { width: 100%; float: left; } #directwholesaleBody #page #content > .forgot_password .section .item_container #updatePwdForm .form_field-input label { font-family: 'Roboto-Bold'; font-size: 12px; color: #111111; } #directwholesaleBody #page #content > .forgot_password .section .item_container #updatePwdForm .form-field-button button { background: #ff5001; color: #fff; border: 0px; border-radius: 0px; padding: 12px 15px !important; width: auto; margin: 0px; font-family: 'Roboto-Bold'; font-size: 12px; border: 1px solid #ff5001; height: auto !important; transition: all 0.3s; margin-bottom: 10px; } #directwholesaleBody #page #content > .forgot_password .section .item_container #updatePwdForm .form-field-button button:hover { background: transparent !important; border: 1px solid #ff5001 !important; color: #ff5001 !important; } @media (min-width: 1px) and (max-width: 767px) { .span-20 { width: 790px; max-width: 100%; } #directwholesaleBody #page #content > .forgot_password .section { width: 100%; } } #directwholesaleBody #page #content > .order_confirmationpage .orderHead { width: 100%; } #directwholesaleBody #page #content > .order_confirmationpage .orderHead > div { width: auto; float: none; padding: 10px; border: 1px solid #C8DCB9; background: #EEFFE1; color: #497527; margin: 0px 0px 10px 0px; display: block; text-transform: uppercase; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .order_confirmationpage .orderHead > div span { text-transform: lowercase; font-family: 'Roboto-Bold'; } #directwholesaleBody #page #content > .order_confirmationpage .orderBox { width: 31%; margin-right: 2%; padding: 0px; min-height: 240px; border: 0px; border: 1px solid #ededed; } #directwholesaleBody #page #content > .order_confirmationpage .orderBox ul li { font-family: 'Roboto-Regular'; font-size: 0.875rem; color: #111111; } #directwholesaleBody #page #content > .order_confirmationpage .orderBox .headline { border-bottom: 1px solid #e3e3e3; font-size: 13px; font-weight: bold; text-transform: capitalize; font-family: 'Roboto-Bold'; margin: 0 0 10px 0; padding: 5px 0; background: #eaeaea; color: #111111; padding: 10px; } #directwholesaleBody #page #content > .order_confirmationpage .orderBox .left { width: 46%; padding: 2%; float: left; margin: 0px; } #directwholesaleBody #page #content > .order_confirmationpage .orderBox ul { display: block; padding: 15px; } #directwholesaleBody #page #content > .order_confirmationpage .orderBox:last-child { margin-right: 0px; } #directwholesaleBody #page #content .orderList .headline { font-family: 'Roboto-Bold'; border-bottom: 1px solid #e5e5e5; color: #111111; } #directwholesaleBody #page #content .orderList .orderList_area { width: 100%; float: left; overflow-x: overlay; } #directwholesaleBody #page #content .orderList .orderList_area .orderListTable thead th { background: #5d5d5d !important; font-family: 'Roboto-Bold'; color: #fff; text-transform: capitalize; border: 0px; } #directwholesaleBody #page #content .orderList .orderList_area .orderListTable tr td { font-family: 'Roboto-Regular'; font-size: 0.875rem; color: #111111; } #directwholesaleBody #page #content .orderList .orderList_area .orderListTable tr td .summary_moprocode a { font-family: 'Roboto-Regular'; font-size: 0.875rem; } #directwholesaleBody #page #content .orderList .orderList_area .orderListTable tr td .summary_productName a, #directwholesaleBody #page #content .orderList .orderList_area .orderListTable tr td .summary_productName li, #directwholesaleBody #page #content .orderList .orderList_area .orderListTable tr td .summary_productName li span, #directwholesaleBody #page #content .orderList .orderList_area .orderListTable tr td ul a, #directwholesaleBody #page #content .orderList .orderList_area .orderListTable tr td ul li, #directwholesaleBody #page #content .orderList .orderList_area .orderListTable tr td ul li span { font-family: 'Roboto-Regular'; font-size: 0.875rem; text-transform: capitalize; } #directwholesaleBody #page #content .order_totals { width: 50%; float: left; } #directwholesaleBody #page #content .order_totals table { width: 100%; } #directwholesaleBody #page #content .order_totals table thead td { font-family: 'Roboto-Bold'; color: #111111; text-transform: capitalize; } #directwholesaleBody #page #content .order_totals table tbody td { font-family: 'Roboto-Regular'; font-size: 0.875rem; text-transform: capitalize; color: #111111; } @media (min-width: 1px) and (max-width: 767px) { #directwholesaleBody #page #content > .order_confirmationpage .orderBox { width: 100%; margin-right: 0%; padding: 0px; min-height: 240px; border: 0px; border: 1px solid #ededed; margin-bottom: 15px; } #directwholesaleBody #page #content > .order_confirmationpage .orderBox:last-child { margin-right: 0px; } #directwholesaleBody #page #content .order_totals { width: 100%; float: left; } } #directwholesaleBody .scroller { width: 100%; padding: 20px 0;clear:both; } #directwholesaleBody .scroller .title { text-transform: uppercase; font-family: 'SquadaOne-Regular'; color: #111; font-size: 26px; border: 0px; margin-bottom: 20px; font-weight: normal;} #directwholesaleBody .scroller .jcarousel-skin { width: 100%; } #directwholesaleBody .scroller .jcarousel-skin ul { width: 100%; } #directwholesaleBody .scroller .jcarousel-skin ul li { width: 270px; float: left; border: 0px !important; } #directwholesaleBody .scroller .jcarousel-skin ul li .thumb { width: 100%; float: left; } #directwholesaleBody .scroller .jcarousel-skin ul li .thumb img { margin: 0 auto; display: block; } #directwholesaleBody .scroller .jcarousel-skin ul li div { width: 100%; float: left; text-align: center; font-family: 'SquadaOne-Regular'; font-size: 18px; line-height: 24px; } #directwholesaleBody .scroller .jcarousel-skin ul li .cart { width: 100%; float: left; } #directwholesaleBody .scroller .jcarousel-skin ul li .cart .Empty_qty { margin-right: 0px; } #directwholesaleBody .scroller .jcarousel-skin ul li .cart .Empty_qty label { font-family: 'Roboto-Regular'; font-size: 16px; color: #111; } #directwholesaleBody .scroller .jcarousel-skin ul li .cart .Empty_qty .qty { padding: 0px; height: 41px; width: 70px; } #directwholesaleBody .scroller .jcarousel-skin ul li .cart .Empty_qty p { position: relative; margin-right: 20px; float: left; } #directwholesaleBody .scroller .jcarousel-skin ul li .cart .Empty_qty p .inc { background: url(../images/increase.gif) no-repeat #f4f3f1; width: 15px; left: inherit; height: 20px; display: inline-block; border-bottom: 1px solid #dcdadb; vertical-align: top; position: absolute; top: 1px; float: right; right: 1px; background-position: center; } #directwholesaleBody .scroller .jcarousel-skin ul li .cart .Empty_qty p .dec { background: url(../images/decrease.gif) no-repeat #f4f3f1; width: 15px; height: 20px; display: inline-block; vertical-align: top; position: absolute; top: 20px; left: initial; float: right; right: 1px; background-position: center; } #directwholesaleBody .scroller .jcarousel-skin ul li .cart form button#addToCartButton { left: inherit !important; } #directwholesaleBody .scroller .jcarousel-skin ul li .thumbnail-details-carousel, #directwholesaleBody .scroller .jcarousel-skin ul li .priceContainer { width: 100%; float: left; font-family: 'Roboto-Light'; font-size: 16px; text-align: center; } #directwholesaleBody .scroller .jcarousel-skin ul li .priceContainer .price { font-family: 'Roboto-Regular'; font-weight: normal; } #directwholesaleBody .scroller .jcarousel-skin ul li .priceContainer .price .cart-baseprice { font-family: 'Roboto-Bold'; font-style: initial; } #directwholesaleBody .scroller .jcarousel-skin ul li .priceContainer { padding: 10px 0px; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; margin: 0px 0px 10px 0px; } #directwholesaleBody .scroller .jcarousel-skin .jcarousel-prev, #directwholesaleBody .scroller .jcarousel-skin .jcarousel-next { background-image: url(../images/icon-arrow-product-category.png); background-color: transparent !important; display: none !important; } #directwholesaleBody .scroller .jcarousel-skin .jcarousel-prev { background-color: transparent !important; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(180deg); } #directwholesaleBody .scroller .jcarousel-skin:hover .jcarousel-prev, #directwholesaleBody .scroller .jcarousel-skin :hover .jcarousel-next { display: block !important; } #directwholesaleBody #cboxLoadedContent .scroller .jcarousel-skin ul li { width: 96px; } #directwholesaleBody #cboxLoadedContent .scroller .jcarousel-skin ul li img { margin: 10px auto; display: block; width: 80%; } #directwholesaleBody #cboxLoadedContent .scroller .jcarousel-skin .jcarousel-prev { display: block !important; transform: rotate(270deg); } #directwholesaleBody #cboxLoadedContent .scroller .jcarousel-skin .jcarousel-next { display: block !important; transform: rotate(92deg); } /*# sourceMappingURL=changes.css.map */ /* Kevs additions********************************************/ @media (min-width: 768px) { #directwholesaleBody.page-contactUsPage #page #content { width: 100%; float: none; position: relative; margin-bottom: 20px; max-width: 1180px; margin: auto; /* clear: both; */ /* margin-top: 168px; */ padding-top: 0px; padding-bottom:200px; } .categoryBanner{float: left;width: 48%;margin: 1em 1%;} .categoryBanner p{width: 80%;float: left;} .categoryBanner .button{max-width:20%;float:right;} } #homepage_slider{width:100%!important} .pageType-ContentPage .content{max-width:1180px} .pageType-ContentPage h2{font-family: 'SquadaOne-Regular';font-size: 32px;} .pageType-ContentPage h4{font-family: 'SquadaOne-Regular';font-size: 26px;margin: 0.3em 0;} .categoryBanner img{max-width:100%;} .msie .footer-wrap, .msie1 .footer-wrap, .win.unknown.unknownX .footer-wrap {position:relative!important;} .supplierCost .price.new{display:none;} .paginationBar.bottom{float: right!important;display: block!important;border-top: 1px solid #e5e5e5!important;width: 100%!important;} .template-pages-AccountPageTemplate .paginationBar.bottom{margin-top: 20px!important;padding-top: 5px;} .miniCartPopup .button-red{display:inline-block!important;} /*Footer style********************************************/ .single-footer.big { margin-right: 0;text-align: right; } .footer-social > h6 { color: #fff; font-size: 15px; font-weight: 700; margin-bottom: 12px; text-align: right; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .footer-social > a { border: none; box-shadow: 0 0 0 20px #ff5000 inset; color: #231f20!important; font-size: 16px!important; height: 40px; line-height: 40px; margin: 10px 0; padding: 0; text-align: center; width: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; box-sizing: border-box; display: inline-block!important; } .footer-social a i.fa-google-plus { width: 16px; } .links a { color: #fff; font-size: 14px; text-decoration: none; transition: all 0.3s ease 0s; text-transform: uppercase; } .footer-form > h2 { display: inline-block; float: left; font-size: 23px; line-height: 1; max-width: 46%; text-align: left; vertical-align: top; width: 100%; color:#fff; font-family: 'Roboto', sans-serif; font-weight:bold; } .footer-form span { display: block; font-weight: 300; line-height: 1.3; } .footer-form #mc_embed_signup { background: none; display: inline-block; max-width: 54%; position: relative; vertical-align: top; width: 100%; clear: left; font: 14px Helvetica,Arial,sans-serif; overflow: hidden; } .footer-social > a:hover { border: none; box-shadow: 0 0 0 2px #ff5000 inset !important; color: #ff5000; -webkit-box-shadow: 0 0 0 0 #231f20 inset; -moz-box-shadow: 0 0 0 0 #231f20 inset; } .links a:hover, .links a:focus { text-decoration: none; outline: none; color: #fc6d1e!important; } #mc-embedded-subscribe-form > div { position: relative; } .footer-form #mc_embed_signup .mc-field-group { min-height: 0; padding-bottom: 0; text-align: left; } .footer-form #mc_embed_signup .mc-field-group > input { background: #424242 none repeat scroll 0 0; border: medium none !important; border-radius: 0 !important; color: #fff; margin-top: 0; padding: 13px 15px; max-width: 100%; width: 100%; font-weight: 700; height: 18px; } #mc_embed_signup .mc-field-group > input { background: #fafafa none repeat scroll 0 0; border: 1px solid #278df2 !important; border-radius: 3px !important; color: #111; font-family: arial; font-size: 12px; font-weight: normal; } .footer-form #mc_embed_signup .clear { margin-top: 0; text-align: right; } #mc_embed_signup div.clear #mc-embedded-subscribe.button[type="submit"]:hover { background: #FC6D1E!important; border: 2px solid #FC6D1E !important; } .footer-form #mc_embed_signup div.clear #mc-embedded-subscribe.button[type="submit"] { background: #ff5000 none repeat scroll 0 0; border: medium none; border-radius: 0 !important; color: #ffffff; display: inline-block; font-family: "Roboto",sans-serif; font-size: 13px !important; font-weight: bold; height: 44px; line-height: 1; margin: 0 0 0 !important; position: relative; right: 0; text-transform: capitalize; position: absolute; top: 0; } #mc_embed_signup div.clear #mc-embedded-subscribe.button[type="submit"] { border: 2px solid #fd4f00 !important; border-radius: 3px !important; font-family: arial; font-size: 18px !important; margin-left: 25% !important; transition: all 0.5s ease 0s; } .footer .links a { padding: 0px 0px 5px 0px; } .footer .links .content{width:auto!important} @media screen and (max-width: 1051px) { #directwholesaleBody .footer-wrap .footer .content .links:last-of-type { float: none; width: 100%; } #directwholesaleBody .footer-wrap .footer .content .links{width:29%;} #directwholesaleBody .footer-wrap .footer .content .links:last-child ul li,.single-footer.big { text-align: right; width: auto; display: block; float: none; } #directwholesaleBody .footer-wrap, .footer-wrap { height: 460px!important; } #directwholesaleBody { margin: 0; } .featuredCollections ul li h4{font-size: 20px;} } @media screen and (max-width: 1299px) { .footer-form > h2 { max-width: 100%; width: 100%; } .footer-form #mc_embed_signup { max-width: 100%; width: 100%; } #directwholesaleBody .footer-wrap, .footer-wrap { height:auto!important; } .footer #navNodes { float: none; width: 90%; margin: auto; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer { width:98%; float:none; margin:auto; } #mc_embed_signup form { padding:0 0 15px 0 !important; } #directwholesaleBody .footer-wrap .footer #CopyRightsComponentContainer > ul { width:90%!important; } } .gecko .Horizontal > ul { white-space: initial; } /*David's content changes*************************************************/ *{margin:0; padding:0} .fix{overflow: hidden} .clear{ clear: both; } h1, h2, h3, h4, h5, h6{ font-family: 'Roboto', sans-serif; } p{ font-family: 'Roboto', sans-serif; } a{ font-family: 'Roboto', sans-serif; } .total-header { margin-bottom: 30px; } .top-hader { background: #5d5d5d none repeat scroll 0 0; color: #fff; font-size: 20px; padding: 8px 0; text-align: center; } .top-hader h6 { font-weight: 500; } .top-hader h6 a{ color: #ffffff; text-decoration: none; outline: none; } .top-hader h6 a:hover, .top-hader h6 a:focus{ color: #f05423; text-decoration: none; outline: none; } .box { background:none; margin: 0 auto; width: 80%; } .header-call-left { float: left; width: 50%; } .header-call-right { float: right; width: 50%; } .header-call-left i { color: #959595; display: block; float: left; font-size: 22px; margin-right: 5px; margin-top: 2px; } .header-call-left p { color: #777777; font-size: 18px; margin-top: 6px; } .header-call-left span { color: #555; font-weight: 600; } .header-call-right > ul { float: right; list-style: outside none none; margin-top: 5px; } .header-call-right li { display: inline-block; padding: 0 10px; } .header-call-right a { color: #9a9a9a; text-decoration: none; transition: all 0.5s ease 0s; } .header-call-right img { display: inline-block; margin-bottom: -4px; } .header-call-right a:hover { color: #ff5000; } .header-call-area { border-bottom: 1.5px solid #ddd; padding: 5px 0; } .header-logo { float: left; margin-right: 4%; width: 30%; } .header-main-area { border-bottom: 1.5px solid #ddd; padding: 20px 0; } .header-subcribe input { border: 1px solid #ddd; color: #333; font-family: roboto; font-weight: 300; padding: 9px 10px; width: 25%; } .header-subcribe a, body .sumome-smartbar-button.sumome-smartbar-button-bg.sumome-smartbar-button-text { background: #ff5000 none repeat scroll 0 0; border: 2px solid #ff5000; color: #fff; display: inline-block; font-weight: 600; margin-left: 5px; padding: 7px 16px; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s; } .header-subcribe a:hover, .sumome-smartbar-button.sumome-smartbar-button-bg.sumome-smartbar-button-text:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ff5000; } .header-menu-area { border-bottom: 1.5px solid #ddd; } .header-menu > ul { list-style: outside none none; } .header-menu li { display: inline-block; } .header-menu a { color: #555; display: inline-block; padding: 15px 10px; text-decoration: none; transition: all 0.5s ease 0s; } .header-menu a:hover { background: #5d5d5d none repeat scroll 0 0; color: #fff; } .header-menu a.active { background: #5d5d5d none repeat scroll 0 0; color: #fff; } .content-left { float: left; overflow: hidden; line-height: 3.5em; } .content-right { overflow: hidden; text-align: right; line-height: 2.3em; float: right; } .page-privacyPolicyPage .zoneA, .page-termsConditionsPage .zoneA, .page-blog-posts-3 .zoneA, .page-blog-posts-2 .zoneA, .page-blog-posts .zoneA, .page-blogStory1 .zoneA, .page-blogStory2 .zoneA, .page-blogStory3 .zoneA, .page-blogStory4 .zoneA, .page-blogStory5 .zoneA, .page-blogStory6 .zoneA, .page-blogStory7 .zoneA, .page-blogStory8 .zoneA, .page-blogStory9 .zoneA, .page-blogStory10 .zoneA, .page-blogStory11 .zoneA, .page-faqOrHelpPage .zoneA { float: left; overflow: hidden; width: 68%!important; } .page-privacyPolicyPage .zoneB, .page-termsConditionsPage .zoneB, .page-blog-posts-3 .zoneB, .page-blog-posts-2 .zoneB, .page-blog-posts .zoneB, .page-blogStory1 .zoneB, .page-blogStory2 .zoneB, .page-blogStory3 .zoneB, .page-blogStory4 .zoneB, .page-blogStory5 .zoneB, .page-blogStory6 .zoneB, .page-blogStory7 .zoneB, .page-blogStory8 .zoneB, .page-blogStory9 .zoneB, .page-blogStory10 .zoneB, .page-blogStory11 .zoneB, .page-faqOrHelpPage .zoneB { overflow: hidden; text-align: right; width: 30%!important; float: right; } .page-aboutUsPage .zoneB { float:left; overflow:hidden; width:100%!important; padding: 0!important; margin-left: 0!important; } .content-area { padding: 0 0 60px; overflow: hidden; } .content-left > h2 { color: #fd4f00; font-size: 40px; margin-bottom: 25px; position: relative; } .content-left > h2::after { background: #eee none repeat scroll 0 0; content: ""; height: 10px; margin-left: 5%; position: absolute; bottom: 12%; width: 99999px; } .content-left > p { color: #555; font-size: 15px; font-weight: 300; line-height: 20px; margin: 10px 0; text-align: justify; } .content-style > p { border-left: 4px solid #fd4f00; color: #555; font-size: 15px; margin-bottom: 40px; margin-left: 100px; margin-top: 40px; padding-left: 25px; text-align: justify; } .single-sidebar { border: 1px solid #ddd; border-radius: 0px; margin-bottom: 20px; padding: 15px; text-align: left; } .single-sidebar > h2 { border-bottom: 1px dotted #999; color: #fd4f00; font-weight: 400; margin-bottom: 10px; } .single-sidebar-content h4 { color: #222; font-size: 14px; line-height: 15px; } .single-sidebar-content > p { color: #555; font-size: 13px; margin-top: 6px; text-align: justify; } .single-sidebar-content > a { background: #fd4f00 none repeat scroll 0 0; color: #fff !important; display: inline-block; float: right; font-size: 13px; margin: 6px 0; padding: 5px 7px; text-decoration: none; } .single-sidebar-content { border-bottom: 1px dashed #999; margin-bottom: 10px; overflow: hidden; } .single-sidebar > ul { list-style: outside none none; margin-left: 11px; } .single-sidebar a { color: #444; text-decoration: none; } .single-sidebar li { border-bottom: 1px dotted #ccc; padding: 6px 0; transition: all 0.5s ease 0s; } .single-sidebar li:last-child { border-bottom: 0 none; } .single-sidebar li:hover { background: #fd4f00 none repeat scroll 0 0; padding-left: 10px; } .single-sidebar li:hover a { color: #fff; } .about-image { overflow: hidden; } .about-image > img { transition: all 0.5s ease 0s; } .about-image > img:hover { opacity: 0.82; transform: scale(1.05); } .contact-info p i { color: #fd4f00; display: block; float: left; font-size: 18px; height: 30px; margin-right: 10px; } .contact-info > p { border-bottom: 1px dotted #ccc; color: #555; font-size: 14px; font-weight: 300; margin-bottom: 10px; padding-bottom: 4px; } .blog-img { height: 300px; margin-bottom: 10px; overflow: hidden; } .blog-img > img { transition: all 0.5s ease 0s; } .single-blog:hover .blog-img img { opacity: 0.8; transform: scale(1.1); } .blog-heading > h2 { color: #fd4f00; cursor: pointer; font-size: 27px; margin-bottom: 5px; transition: all 0.5s ease 0s; } .blog-heading > h2:hover { color: #555; } .blog-info > p { border-right: 1px solid #555; color: #666; float: left; font-weight: 300; padding: 0 8px; } .blog-info { overflow: hidden; } .blog-info > p:last-child { border-right: 0 none; } .blog-info p i { color: #da2c00; margin-right: 7px; } .blog-info span { color: #fd4f00; cursor: pointer; } .blog-content > p { color: #555; font-family: arial; font-size: 15px; font-weight: normal; line-height: 23px; margin: 15px 0; text-align: justify; } .blog-more > a { background: #fd4f00 none repeat scroll 0 0; border-radius: 2px; color: #fff; display: inline-block; float: right; font-size: 13px; padding: 5px 10px; text-decoration: none; transition: all 0.4s ease 0s; } .single-blog { border-bottom: 1px dashed #999; margin-bottom: 35px; overflow: hidden; padding-bottom: 20px; } .blog-more > a:hover { background: #ed3f00 none repeat scroll 0 0; } .previous { float: left; } .next > a, .previous > a { background: #f05423 none repeat scroll 0 0; border-radius: 1px; color: #fff; display: inline-block; padding: 5px 14px; text-decoration: none; } .next > a { float: right; margin-top: -5px; } .service-area h3 { color: #555; font-weight: 400; margin-top: 20px; position: relative; margin-bottom: 20px; } .service-area h3::after { background: #ddd none repeat scroll 0 0; content: ""; height: 1px; position: absolute; right: 0; top: 7px; width: 78%; } .service-area h3::before { background: #ddd none repeat scroll 0 0; bottom: 6px; content: ""; height: 1px; position: absolute; right: 0; width: 78%; } .content-area.service .content-left.servicebox { width: 100%; } .content-left.servicebox .about-image > img { margin-left: 8%; width: 100%; } .service-content { } .single-service { float: left; margin: 0 17px; width: 30%; } .single-service > img { max-width: 100%; transition: all 0.5s ease 0s; } .single-service h4 { color: #fd4f00; font-size: 18px; margin: 10px 0; } .single-service > p { color: #555; font-size: 14px; font-weight: 300; text-align: justify; } .single-service.single-service:hover > img { box-shadow: 0 0 4px #555; transform: scale(1.03); } .service-area > p { color: #444; font-weight: 300; margin-bottom: 25px; } .about-heading { color: #fd4f00; font-size: 26px; font-weight: 400; margin: 30px 0 15px; } .contact-info > p:last-child { color: #d85b00; } /*index style begin*/ .clearall{ clear: both; } .header-logo { min-width: 235px; } .header-logo a{ display: block; } .header-logo img{ max-width: 100%; } .menu-toggle{ background: none; border: medium none; box-shadow: none; display: none; float: right; font-size: 20px; margin: 10px 0; z-index: 2; } .home-banner{ position: relative; width: 100%; overflow: hidden; } .home-banner > img { transition: all 0.5s ease 0s; } .home-banner > img:hover { opacity: 0.82; transform: scale(1.05); transition: all 0.5s ease 0s; } .home-content{ margin: 0 auto; max-width: 100%; position: relative; } .home-content h1 { background-image: url("../img/logo-home.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; display: block; height: 5em; max-width: 682px; text-indent: -9999em; width: 100%; } .home-content h1 { font-size: 1em; line-height: 1em; margin-bottom: 2em; padding-top: 3em; } .home-content p { font-family: "Roboto"; font-size: 1.375em; font-weight: 300; line-height: 1.4em; margin-bottom: 20px; } .home-content p { font-family: "Roboto"; font-size: 1.375em; font-weight: 300; line-height: 1.4em; } .home-banner .box{ overflow: hidden; background:none; max-width:100%!important; } .home-banner img{ width: 100%!important; } .mailchimp-form label{ display: none; } .about-left{ max-width: 47%; float: left; padding: 0 30px 20px 15px; } .content-left.servicebox .about-image.about-left > img{ margin-left: 0; } .about-right{ max-width: 47%; float: right; padding: 0 15px; } .content-left.servicebox .about-right .about-heading { margin: 0 0 15px; } .content-left.servicebox .blog-img > img{ width: 100%; } .content-left.servicebox:not(:first-child){ margin-top: 30px; } .sidebar-banner{ margin-top: 20px; position: relative; width: 100%; } .sidebar-banner img{ max-width: 100%; margin-bottom: 5px; height: auto; padding-bottom: 2em; } .home-content > p { text-align: center; } .home-content > p + p { border-top: 1px dotted #ccc; color: #fc602f; font-size: 20px !important; margin-bottom: 50px; padding-top: 14px; position: relative; text-transform: capitalize; } .home-content > p + p::after { background: #f05423 none repeat scroll 0 0; bottom: -16px; content: ""; height: 2px; left: 46%; position: absolute; width: 58px; } .home-content > p + p::before { background: #fff none repeat scroll 0 0; border: 1px solid #f05423; bottom: -18px; content: ""; height: 5px; left: 49%; margin-left: 4px; position: absolute; transform: rotate(45deg); width: 5px; z-index: 5; } .thank-you-page{ position: relative; width: 100%; text-align: center; } .thank-you-page p{ /*text-align: left;*/ } .download-link{ display: inline-block; margin: 20px 0; position: relative; background: #fd4f00; border-radius: 3px; color: #fff; font-family: roboto; font-weight: 700; margin: 65px 0 85px; padding: 18px 28px; text-decoration: none; text-transform: uppercase; transition: all 0.4s ease 0s; } .download-link:hover{ background: #FD4F35; } .slider{ overflow: hidden; position: relative; width: 100%; text-align: center; } .slider > a { background: #3399ff none repeat scroll 0 0; border-radius: 3px; color: #fff; display: inline-block; font-family: roboto; font-weight: 700; margin: 65px 0 85px; padding: 18px 28px; text-decoration: none; text-transform: uppercase; transition: all 0.4s ease 0s; } .slider > img { height: auto; max-width: 100%; } .single-blog.profitable-bussiness { border-bottom: 0px; margin-top: 20px; margin-bottom: 0; } .single-blog.profitable-bussiness img { width: 100%; height: 100%; } .content-left > h2.title::after{ /* top: 68px;*/ } .content-left p, .content-left ul li { color: #555; font-size: 15px; font-weight: 300; line-height: 20px; margin: 10px 0; text-align: justify; font-family: 'Roboto', sans-serif; } .content-left p{ margin: 10px 0 0; } .buying-selling p.p-left { width: 60%; float: left; } .buying-selling p.p-right { width: 35%; float: right; padding: 6px 10px; text-align: right; } .buying-selling img { width: auto; height: 145px; } .buying-selling.be-part-plumber img { width: 100%; height: auto; } .electrical-area {overflow: hidden;} .buying-selling { overflow: hidden; } .electrical-area p.p-left { width: 30%; float: left; margin-top: 0; padding: 5px 10px 0 0; } .electrical-area img { width: 100%; height: 292px; } .electrical-area.be-part-plumber img { height: auto; } p.p-right {} .electrical-area p.p-right { width: 68%; float: left; } ul.content-list li { list-style: inherit; list-style-type: disc; margin-left: 18px!important; } .content-left > h2.title2::after{ /* top: 120px;*/ } .blog-heading > h2 a { color: #fd4f00; cursor: pointer; font-size: 27px; text-decoration: none; margin-bottom: 0; } .blog-img > img { width: 100%; height: auto; } .blog-heading > h2 a:hover { color: #555; } .single-blog.profitable-bussiness .blog-img { height: auto; } @media screen and (max-width: 767px){ .header-call-left { float: none; text-align: center; width: 100%; } .header-call-left i { display: inline-block; float: none; } .header-call-right { float: none; width: 100%; text-align: center; } .header-call-right > ul { float: none; } .header-logo { max-width: 235px; float: none; width: 100%; margin: 0 auto; } .header-subcribe{ text-align: center; } .menu-toggle{ display: block; cursor: pointer; } .header-menu{ display: none; } .header-menu li { display: block; } .header-menu a { display: block; } .content-right { float: none; text-align: left; width: 100%; } .blog-img { height: auto; } .single-blog.profitable-bussiness img { height: auto; } .single-sidebar { margin-left: 0; } .sidebar-banner { text-align: center; } .sidebar-banner img { width: 100%; height: auto; } .content-left { float: none; width: 100%; } .about-left{ max-width: 97%; float: none; } .about-right{ max-width: 97%; float: none; } .single-service { width: 50%; margin-bottom: 15px; } } @media screen and (max-width: 749px){ } @media screen and (max-width: 631px){ .content-area .box .content-right{ display: none; } .content-left > h2::after{ display: none; } .content-left > h2 { font-size: 23px; text-align: center; }h2.title2 {} .content-left > h2 { font-size: 23px; text-align: center; } .buying-selling p.p-left { width: 100%; float: none; } .buying-selling p.p-right { float: none; width: 100%; padding: 0; } .electrical-area img { width: 100%; } .electrical-area p.p-left { width: 100%; float: none; } .buying-selling img { width: 100%; height: auto; } .electrical-area img { width: 100%; height: auto; } .electrical-area p.p-right { float: none; width: 100%; } } @media screen and (max-width: 480px){ .header-call-right li { display: block; margin: 5px 0; } .header-subcribe input { display: block; margin: 10px 0; max-width: 92%; width: 93%; } .home-content > p + p::after { left: 42%; margin-left: -2px; } .header-subcribe a { display: block; margin-left: 0; } .single-service { width: 100%; margin: 0 0 15px; } } .content-left .thank-you-page.subscribing-thanks p { text-align: center; } .read-more { background: #ff5000 none repeat scroll 0 0; border: 2px solid #ff5000; color: #fff; display: inline-block; font-weight: 600; margin: 15px 0 0; padding: 7px 16px; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s; } .read-more:hover, .read-more:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ff5000; } .not-found-page{ text-align: center; } .not-found-page .read-more { display: table; margin: 15px auto; } .not-found-page img { border: 2px solid #ff5000; border-radius: 100%; height: 300px; width: 300px; } .left-image-section img{ float: left; max-width: 30%; } .content-left strong{ font-weight: 700; } /*pagination .pagination { position: relative; width: 100%; } .pagination > ul { list-style: outside none none; margin: 0; padding: 0; } .content-left .pagination li { display: inline-block; line-height: 30px; text-align: center; width: 30px; } .pagination a { color: #333333; display: block; font-weight: 700; height: 100%; text-decoration: none; } .pagination a.active-page, .pagination a:hover { background: #fd4f00; color: #ffffff; }*/ .page-thankYouForSubscribing .zoneA { float: left; overflow: hidden; width: 68%!important; } .page-thankYouForSubscribing .zoneB { overflow: hidden; text-align: right; width: 30%!important; float: right; } .page-login .footer-form #mc_embed_signup .mc-field-group > input, .template-pages-CartPageTemplate .footer-form #mc_embed_signup .mc-field-group > input{padding: 22px 15px;} .vcard{display: inline-block;margin-left: 40px;margin-top: 20px;} .stripTransmitter { overflow: hidden; padding: 0px; width: 17px !important; height: auto!important; position: absolute!important; top: 40%!important; right: 2em!important; z-index: 10; } .stripTransmitter ul{float:none!important} .stripTransmitter ul li { width: auto!important; float: none!important; height: 15px!important; margin-left: 0!important; margin-bottom:10px; } .stripTransmitter a { height: 15px!important; border-radius: 15px; background-color:#f0f0f0!important; border:1px solid #b1b1b1; } .stripTransmitter a.current{background-color:#ff5000!important; border:1px solid #fff!important;} #homepage_slider.stripViewer ul li a img{max-width:100%;width:100%} .featuredCollections{ padding: 1em 0 3em 0;} .featuredCollections h2, .page-homepage .content h2{font-family: 'Roboto-Light';text-transform: uppercase;padding: 1.5em 0;text-align: center;margin-bottom:0;line-height: 1.4em;clear:both;} .featuredCollections ul{max-width: 1180px;margin: 0 auto;} .featuredCollections ul li{float:left;width:25%;list-style:none} .featuredCollections ul li .image{height:18.125em;align-items: center;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .featuredCollections ul li img{margin:auto;display: block;max-width: 100%;} .featuredCollections ul li h4{width:50%; float:left;padding-left: 1em; box-sizing: border-box; position: relative;bottom: 7px;left: 5px;} .featuredCollections .button{float:left;margin-left:1em} .homeBannerlabel{background:#ff5001;text-align:center;text-transform:uppercase;font-weight:bold;display:block;font-size:1.125em; padding:1em 0;color:#fff;margin-bottom: 3em;} .section1.banner_section.cms_disp-img_slot .content, .section1.banner_section{width:auto!important;max-width:inherit} #homepage_slider.stripViewer{padding-top:0px!important} #homepage_slider.stripViewer { border-bottom:none!important; } .page-homepage #content .section2 .span-12{width:auto!important} #header { min-height: 90px!important;} .page-productGrid .section1{margin:0} .page-productGrid .section1 h1{font-family: 'SquadaOne-Regular';font-size: 32px;} .tooltip { display: none; } .productGridItem .productMainLink .thumbnail-product .product_name { height: 2em; } /* Responsive Product Lightbox Fix*/ @media(max-width: 850px) { #colorbox { width: 100% !important; height: 90vh !important; margin-top: 5vh !important; overflow: scroll !important; } #cboxContent, #cboxWrapper { width: auto !important; max-width: 100% !important; } #quickviewLightbox .productDescription { width: auto !important; } #cboxContent .productImage { float: none !important; margin: 0 30px 0 0 !important; width: 100% !important; } #quickviewLightbox .productImage .productImagePrimary .productImagePrimaryLink { width: 100% !important; } #cboxLoadedContent { width: 100% !important; } .productImageZoomLink { display: none !important; } .quick_view .productDescription .productDetailsPrices .grid { width: 100% !important; } .quick_view .productDescription div form#addToCartForm { width: 100% !important; } .quick_view .productDescription div form#addToCartForm .cart_area .number-inc-dec .span-3 { width: 100% !important; margin-top: 20px !important; } .quick_view .productDescription div .dw_addtocartbutton { margin: 4px 0; } } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .svw ul{left:0!important} .newproducts{background: #00b29f;transition: all 0.3s;} .newproducts:hover{background: #F13325;transition: all 0.3s;} #directwholesaleBody #page #nav_main > ul li.newproducts a{color:#fff!important} #nav_main li.La{border-bottom:0!important} /****** Mobile Menu Style ******/ @media(max-width: 1000px) { #directwholesaleBody #page #nav_main > ul li.La a { font-family: SquadaOne-Regular; font-size: 1.4em; } #directwholesaleBody #page #nav_main li.La.AUTO:nth-child(even), #directwholesaleBody #page #nav_main li.La.AUTO:nth-child(even):hover, #directwholesaleBody #page #nav_main li.La.AUTO:nth-child(even):hover > a { background: #eaeaea; text-decoration: none; } #nav_main li.parent:hover > a { background: #fff; text-decoration: none !important; } #directwholesaleBody #page #nav_main ul li.La .nav_drop_downs { margin-top: 5px; } .megaNav_title { display: none; } } @media(min-width: 1000px) { #directwholesaleBody #page #nav_main > ul li a { border-left: solid 1px transparent; border-right: solid 1px transparent; } } #directwholesaleBody #cboxContent .scroller { padding: 0px; } @media(max-width: 768px) { #directwholesaleBody button.addToCartButton { margin-top: 10px; } } /* fix page jumping due to fixed header */ #directwholesaleBody #page #header { position: fixed; background: white; } #directwholesaleBody #page #content { top: 13vh; } @media(max-width: 768px) { #directwholesaleBody #page #nav_main.stick.bulk { top: 0; } } @media(min-width: 768px) { #directwholesaleBody #page #content { margin-bottom: 250px; top: 157px; } } @media(min-width: 1000px) { #directwholesaleBody #page #nav_main.stick { top: 144px !important; } #directwholesaleBody #page #nav_main.bulk, #directwholesaleBody #page #nav_main.stick.bulk { top: 167px !important; } #directwholesaleBody #page #nav_main { position: fixed; top: 144px; background: white; } #directwholesaleBody #page #content { top: 195px; } } .icon-download img{width:60px} /* footer social alignments */ i.fa.fa-facebook { position: relative; left: -2px; top: 1px; } i.fa.fa-twitter { position: relative; top: 1px; right: 1px; } i.fa.fa-google-plus { position: relative; left: -3px; top: 1px; } /* checkout changes */ label[for="cardNumber"], label[for="dwCardType"], label[for="nameOnCard"], .cardDate legend { text-transform: capitalize; } #placeOrderForm1 .headline { background: none !important; font-size: 22px !important; border: none; } .deliveryModeDetail .headline { padding-left: 15px !important; } /* error message */ .alert.negative, .serverError { float: none; width: 960px; margin: auto; } textarea#addressForm-instructions { border: 1px solid #ededed; } /*Blog Footer**********************************/ /*new footer style*/ #page > .row-fluid-wrapper{} .row-fluid-wrapper.row-depth-1.row-number-9, .row-fluid-wrapper.row-depth-1.row-number-10 {max-width: 1180px;margin: 15px auto; width: 90%;} #CopyRightsComponentContainer, #navNodes{float:none!important} .hs_email label.placeholder{display:none} .footer-top-section { padding-bottom: 20px; } .custom-social-icons h2 { color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: left; } .custom-social-icons ul { display: block; text-align: left; } .custom-social-icons .footer-payment-logo { margin-top: 42px; } .custom-social-icons .footer-payment-logo ul li a { border: none; border-radius: 0; box-shadow: none; padding: 0 10px 0 0; vertical-align: middle; line-height: 1; height: auto; display: inline-block; } .subscribe-section { background: #ececec; padding: 30px 0; } .subscribe-content-section { background: #f5f5f5; padding: 15px 20px; } .subscribe-content-section h2 { color: #a59999; font-size: 22px; margin: 0 0 20px; } .subscribe-content-section h4{ color: #a59999; font-size: 15px; margin: 25px 0 20px; } .subscribe-content-section p{ font-size: 12px; color: #a59999; margin: 0 0 15px; } .custom-footer-form .cell-wrapper.layout-widget-wrapper { text-align: center; } .layout-widget-wrapper h3, .layout-widget-wrapper h4{ font-size: 20px; text-transform: uppercase; text-align: left; } .custom-footer-form h3 > strong { position: relative; } .custom-footer-form h3 > strong::after { background-image: url("https://cdn2.hubspot.net/hubfs/2798553/img/envelope-logo.png?t=1504804239969"); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; content: ""; height: 37px; left: -60px; position: absolute; top: -5px; width: 50px; } .custom-footer-form h3 { color: #a59999; display: inline-block; float: none; font-size: 25px; font-weight: 100; margin: 15px 0 0; max-width: 46%; width: 100%; } .custom-footer-div { /* border-bottom: 1px solid #fff; margin-bottom: 10px;*/ padding:0 0 20px; } .custom-footer-form #hs_form_target_module_1488367756887549 { display: inline-block; float: none; max-width: 33%; padding: 0 0 16px 7px; vertical-align: top; width: 100%; } .custom-footer-form form { position: relative; width: 100%; display: block; text-align: left; } .custom-footer-form span{ width: 100%; } .custom-footer-form .hs-form-required{ display:none; } .custom-footer-form .hs-input { background: #424242 none repeat scroll 0 0; border: 0; border-radius: 0; color: #fff; padding: 15px 16px; width: 100%; font-weight: 700; font-size: 12px; display: inline-block; box-sizing: border-box; } .custom-footer-form form .hs-form-field { margin:0px; } .custom-footer-form form .hs-button { background: #ff5000 none repeat scroll 0 0; border-radius: 0; color: #ffffff; display: inline-block; font-size: 13px !important; font-weight: 400; text-transform: uppercase; position: absolute; top: 0; right: 0; border: 2px solid #ff5000!important; height: 100%; padding: 0 20px; cursor: pointer; font-family: "Roboto",sans-serif; } .custom-footer-form form .hs-button:hover { background: #FC6D1E; border: 2px solid #FC6D1E; color:#fff; } .custom-footer-form .hs-input:focus{ outline: none; } .custom-footer-form ul.hs-error-msgs { position:absolute; } .custom-footer-copyright p{ color: #fff; font-size: 12px; font-weight: 700; margin: 0; text-transform: uppercase; } .custom-footer-menu ul { float: right; margin: 0; } .custom-footer-menu ul li{ display:inline-block; } .custom-footer-menu ul{ float:right; } .custom-footer-menu ul li{ display: inline-block; position: relative; line-height:22px; margin-left: -4px; } .custom-footer-menu ul li a { border-right: 1px solid #fff; color: #fff; font-size: 12px; font-weight: 700; padding: 0 10px; text-decoration: none; } .custom-footer-menu ul li:last-child a{ border-right:none; } .footer-bottom-area { padding: 40px 0 0; } .footer-bottom-menu h5 { color: #ffffff; font-size: 14px; line-height: 1.5; margin: 0; text-transform: uppercase; } .footer-bottom-menu ul li a { text-transform: inherit; } .container-fluid .row-fluid .page-center.footer-copyright-content{ border-top: 1px solid #ffffff; margin-top: 25px; padding-top: 35px; } .widget-tab-section .widget-module a{ border: none; } .widget-tab-section .widget-module a::after { display: none; } .sidebar-title h4{ font-size: 20px; margin: 24px 0; } .blog-subscribe-form { text-align: left; } .blog-subscribe-form .field label { font-size: 14px; } .blog-subscribe-form .field input { border-color: #dddddd; border-radius: 0; text-align: left; } .popular-post .widget-module li { clear: both; margin-bottom: 10px; } .popular-post .widget-module li img { border-radius: 4px; display: inline-block; height: auto; width: 40%; } .popular-post .widget-module li a{ float: right; padding: 0 0 0 15px; width: 60%; color: #555555; font-family: Roboto,sans-serif; font-size: 15px; line-height: 20px; } .blog-logo { display: inline-block; line-height: 1; margin-top: 15px; } .blog .footer-container-wrapper { } .footer-bottom-section h3 { font-size: 24px; margin: 30px 0; } .footer-bottom-section .footer-social-link{ list-style: none; margin: 30px 0; padding: 0; text-align: right; } .footer-bottom-section .footer-social-link li{ display: inline-block; padding: 0 5px; vertical-align: top; margin-bottom: 0; } .footer-bottom-section .footer-social-link li a{ border: 1px solid #ffffff; color: #fff; display: block; font-size: 14px; font-weight: 700; padding: 0 10px; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s; width: 35px; line-height: 30px; } .blog-title-area{ background-color: #f5f5f5; padding: 0; } .blog-title-area h2{ font-size: 36px; font-family: "Montserrat",sans-serif; color: #666666; margin: 15px 0; padding: 0 15px; } /* ========================================================================== Footer ========================================================================== */ .row-number-12 { background: #231f20 none repeat scroll 0 0; color: #fff; } .row-number-12 ul { margin:0; padding:0 } .row-number-12 ul li{ margin-bottom: 2px; list-style:none; } .row-number-12 ul li a{ color: #fff; font-size: 14px; text-decoration: none; transition: all 0.3s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; text-transform: uppercase; font-weight: 700; } .noDecor{ color: #fff !important; text-decoration: none !important; } .row-fluid-wrapper.row-depth-2.row-number-2 { margin-top: 0; } .row-fluid-wrapper.row-depth-2.row-number-4 { margin-top: 20px; } .row-number-12 ul li a:focus{ outline:none; } .row-number-12 ul li:hover a{ color: #fc6d1e; } .custom-social-icons h6{ margin:0; color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 10px; text-align: left; text-transform: uppercase; /* display:inline-block;*/ margin-right:15px; } .custom-social-icons ul{ display:inline-block; } .custom-social-icons ul li{ display:inline; } .custom-social-icons ul li a{ border: none; box-shadow: 0 0 0 20px #ff5000 inset; color: #231f20; display: inline-block; font-size: 16px; height: 40px; line-height: 40px; margin: 10px 0; padding: 0; text-align: center; width: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .custom-social-icons ul li .fa-facebook{ padding:0 2px !important; } .custom-social-icons ul li a:hover{ border: none; box-shadow: 0 0 0 2px #ff5000 inset !important; color: #ff5000; -webkit-box-shadow:0 0 0 0 #231f20 inset; -moz-box-shadow:0 0 0 0 #231f20 inset; } .custom-social-icons ul li .fa-google-plus { width: 16px; } .custom-footer-form h3 { color: #a59999; display: inline-block; float: none; font-size: 25px; font-weight: 100; margin: 15px 0 0; max-width: 46%; width: 100%; } body .blog-section .post-body h2, body .blog-section .post-body h3, body .blog-section .post-body h4, body .blog-section .post-body p strong{ font-family: "Roboto",sans-serif; } .hs-blog-post .hs-blog-social-share { border-bottom: medium none; border-top: medium none; height: auto; padding: 0; } .custom-footer-div { /* border-bottom: 1px solid #fff; margin-bottom: 10px;*/ padding:0 0 20px; } .custom-footer-form #hs_form_target_module_1488367756887549 { display: inline-block; float: none; max-width: 33%; padding: 0 0 16px 7px; vertical-align: top; width: 100%; } .custom-footer-form form { position: relative; width: 100%; display: block; text-align: left; } .custom-footer-form span{ width: 100%; } .custom-footer-form .hs-form-required{ display:none; } .custom-footer-form .hs-input { background: #424242 none repeat scroll 0 0; border: 0; border-radius: 0; color: #fff; padding: 15px 16px; width: 100%; font-weight: 700; font-size: 12px; display: inline-block; } .custom-footer-form form .hs-form-field { margin:0px; } .custom-footer-form form .hs-button { background: #ff5000 none repeat scroll 0 0; border-radius: 0; color: #ffffff; display: inline-block; font-size: 13px !important; font-weight: 400; text-transform: uppercase; position: absolute; top: 0; right: 0; border: 2px solid #ff5000; height: 100%; padding: 0 20px; cursor: pointer; font-family: "Roboto",sans-serif; } .custom-footer-form form .hs-button:hover { background: #FC6D1E!important; border: 2px solid #FC6D1E; color:#fff; } .custom-footer-form .hs-input:focus{ outline: none; } .custom-footer-form ul.hs-error-msgs { position:absolute; } .custom-footer-copyright p{ color: #fff; font-size: 12px; font-weight: 700; margin: 0; text-transform: uppercase; } .custom-footer-menu ul { float: right; margin: 0; } .custom-footer-menu ul li{ display:inline-block; } .custom-footer-menu ul{ float:right; } .custom-footer-menu ul li{ display: inline-block; position: relative; line-height:22px; margin-left: -4px; } .custom-footer-menu ul li a { border-right: 1px solid #fff; color: #fff; font-size: 12px; font-weight: 700; padding: 0 10px; text-decoration: none; } .custom-footer-menu ul li:last-child a{ border-right:none; } .row-fluid-wrapper.row-depth-1.row-number-12 {background:#231f20} /* @import url('http://example.com/example_style.css'); */ @import url('https://fonts.googleapis.com/css?family=Lato|Montserrat'); @import url('https://fonts.googleapis.com/css?family=Lato'); @import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css); @import url('//fonts.googleapis.com/css?family=Roboto:100,100i,300,400,400i,500,700'); @import url('https://fonts.googleapis.com/css?family=Squada+One'); /** * CSS @imports must be at the top of the file. * Add them above this section. */ /* ========================================================================== HS COS Boilerplate v1.5.3 ========================================================================== */ /* This responsive framework is required for all styles. */ /* Responsive Grid */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 28px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } } /* Images */ img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } img.alignRight{ margin: 0 0 5px 15px; } img.alignLeft{ margin: 0 15px 5px 0; } /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } /* Blog Social Sharing */ .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{ vertical-align: top !important; /* Aligns Facebook icon with other social media icons */ } /* Captcha */ #recaptcha_response_field { width: auto !important; display: inline-block !important; } /* Videos */ video { max-width: 100%; height: auto; } /* Date Picker */ #calroot { width: 202px !important; line-height: normal; } #calroot, #calroot *, #calroot *:before, #calroot *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #calroot select { min-height: 0 !important; padding: 1px 2px !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: normal !important; } #caldays { margin-bottom: 4px; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: 0; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 56.25%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] select { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* System Template Forms */ #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } #hs-pwd-widget-password { height: auto !important; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } /* Horizontal Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; } /* Vertical Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } @media (max-width: 767px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper { visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* Fix for CTA border box issue */ .hs-cta-wrapper a { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0 5% 0 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } @media all and (max-width: 400px) { /* beat recaptcha into being responsive, !importants and specificity are necessary */ #captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: auto !important; overflow: hidden; } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; } #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; } } /* These includes are optional, but helpful. */ /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /* ========================================================================== Index: 1. BASE STYLES - Variables - Macros - Base - Typography 2. COS STRUCTURE - Structure - Header - Content - Footer 3. MAIN NAVIGATION - Custom Menu Primary - Mobile Menu 4. TEMPLATE MODULE CLASSES - Common Template Classes - Site Pages - Landing Pages - System Pages 5. COS COMPONENTS - Blog - Forms - Buttons 6. MISCELLANEOUS 7. MOBILE MEDIA QUERIES ========================================================================== */ /* ========================================================================== 1. BASE STYLES ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /** * Find the most consistently used font styles, colors, and container widths * for your site and assign them to the jinja variables below for easy use * and reference. * * Apply the variable as shown below. Ignore the jingja comment tags. * * */ /* Colors */ /* */ /* */ /* */ /* */ /* */ /* */ /* Typography */ /* */ /* */ /* */ /* */ /* Containers */ /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */ /* ========================================================================== Macros ========================================================================== */ /** * Create jinja macros for CSS3 properties that need browser prefixes. * * Apply the style as shown below on it's own CSS property line. * Ignore the jinja comment tags. * * */ /** * Example of how to apply the above macro (ignore the jinja comment tags): * * a { * color: red; * font-size: 12px; * * } */ /* ========================================================================== Base ========================================================================== */ /** * Box Sizing * * Applies a natural box layout model to all elements so that width and padding * are essentially combined, making responsive styles easier to manage. */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /** * Page Center * * Apply .page-center to full-width modules. */ .container-fluid .row-fluid .page-center { float: none; max-width: 100%; margin: 0 auto; width:88%; } .custom-footer-copyright p a { color: #FFF !important; font-size: 12px; font-family: 'Roboto-Regular'; text-decoration:none !important; } a:hover, a:focus { color: ; } hr { color: #ccc; background-color: #ccc; height: 1px; border: none; } /* Highlighted Text ::-moz-selection { color: #fff; background: #555; text-shadow: none; } ::selection { color: #fff; background: #555; text-shadow: none; }*/ /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img {     max-width: initial; } /* ========================================================================== Typography ========================================================================== */ /* Basic text */ p { color: #666666; font-size: 16px; font-weight: 300; line-height: 20px; } small {} strong {} em {} cite {} code {} pre {} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #666666; line-height:1; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { color: #666666; margin: 0 0 25px; position: relative; width: 100%; overflow: hidden; margin-top:0; font-size: 40px; line-height:1.2; } h1::after { content: ""; height: 10px; margin-left: 2.5%; position: absolute; top: 50%; width: 100%; margin-top: -2px; } h2{ font-size:26px; } h3{ font-size:24px; } h4{ font-size:20px; } h5{ font-size:18px; } h6{ font-size:16px; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } .body-container .hs_cos_wrapper_type_rich_text ul { list-style-type: circle; list-style: inherit; padding-left: 20px; } .body-container .hs_cos_wrapper_type_rich_text ul li { color: #555; font-size: 15px; font-weight: 300; line-height: 20px; margin: 10px 0; text-align: justify; } /* Quotes */ blockquote {} blockquote p {} blockquote small {} blockquote small:before {} q:before, q:after, blockquote:before, blockquote:after {} /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ /* color: #555; opacity: 1; */ } :-moz-placeholder { /* Firefox 18- */ /* color: #555; opacity: 1; */ } ::-moz-placeholder { /* Firefox 19+ */ /* color: #555; opacity: 1; */ } :-ms-input-placeholder { /* IE10 */ /* color: #555; opacity: 1; */ } /* ========================================================================== 2. COS STRUCTURE ========================================================================== */ /* ========================================================================== Structure ========================================================================== */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper { } /* The inner wrappers of your website */ .header-container, .body-container, .footer-container {} /* ========================================================================== Header ========================================================================== */ .header-container-wrapper {} .header-container {} /* Logo styling */ .header-container .hs_cos_wrapper_type_logo {} .header-container .hs_cos_wrapper_type_logo a {} .header-container .hs_cos_wrapper_type_logo a img {} .custom-top-header { text-align: center; background: #5d5d5d none repeat scroll 0 0; font-size: 20px; padding: 6px 0 5px; } img.header-img { height: 20px; } .custom-top-header a { color: #ffffff; font-size: 13px; font-weight: 500; } .custom-top-header p{ margin:0;} .custom-top-header a:hover{ color: #f05423; } .header-call-area{ padding: 5px 0; border-bottom: 1.5px solid #ddd; border-top: 1.5px solid #ddd; } .header-call-left p { margin: 0; color: #777777; font-size: 18px; font-weight: 400; margin-top: 6px; } .header-call-left .fa { color: #959595; display: block; float: left; font-size: 22px; margin-right: 5px; margin-top: 1px; } .header-call-left a { font-weight: 600; text-decoration: underline; font-size: 18px; color: #551a8b; } .header-call-right ul { float: right; margin: 4px 0 0; padding: 0 10px 0 0; } .header-call-right ul li{ display:inline-block; } .header-call-right ul li{ margin-left:20px; padding:0; } .header-call-right ul li:first-child{ margin-left:0px; } .header-call-right ul li a { color: #9a9a9a; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; text-decoration:none; font-size: 16px; } .header-call-right ul li a:hover{ color: #ff5000; } .custom-header-main { padding: 20px 0px 23px; border-bottom: 1.5px solid #ddd; } .custom-header-main h3{ margin:0;} .custom-header-main form { position: relative; max-width: 416px; display: block; } .custom-header-main .hs-form-required{ display:none; } .custom-header-main form input.hs-input{ border: 1px solid #ddd; color: #333; font-weight: 300; padding: 9px 10px; max-width: 291.8px; font-size: 11px; position: relative; top: 1px; font-family: roboto; width: 100%; height: 36px; } .custom-header-main form input.hs-button { background: #ff5000 none repeat scroll 0 0; border: 2px solid #ff5000; color: #fff; padding: 7px 16px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; text-transform: uppercase; position: absolute; top: 0; right: 0; cursor:pointer; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 600; line-height: normal; height: 37px; margin: 0px; -webkit-margin-end: 6px; } .custom-header-main form input.hs-button:hover{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ff5000; } .custom-header-main form input.hs-button:focus{ outline:none; } .custom-menu-wrapper{ border-bottom: 1.5px solid #ddd; } .header-menu li a:hover{ background: #5d5d5d none repeat scroll 0 0; color: #fff; } .header-menu a.active{ background: #5d5d5d none repeat scroll 0 0; color: #fff; } .custom-signin-form { padding: 30px; width: 80% !important; margin: 0 auto !important; float: none !important; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; } .custom-signin-form form label{ color: #595959; font-weight: bold; display: block; padding-bottom: 6px; font-size: 15px; line-height: 18px; } .custom-signin-form form .hs-form-required { display:none; } .custom-signin-form form .hs-input { background-color: #fff; border: 2px solid #c9c9c9; border-radius: 3px; display: inline-block; min-height: 36px; min-width: 50px; padding: 0 0.4em; vertical-align: middle; width: 100%; font-size:15px; line-height:18px; } .custom-signin-form form .hs_email.field.hs-form-field{ margin: 0 0 24px; } .custom-signin-form form .hs-button { background-color: #ee836e; font-family: "Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 13px; padding: 0 18px; text-align: center; line-height: 36px; text-transform: capitalize; color: #fff; border: none; border-radius: 3px; cursor:pointer; } .custom-signin-form form .hs-button:hover { background-color: #e85c41; color: #FFFFFF; } .custom-signin-form form .hs-input:focus,.custom-signin-form form .hs-input:hover { border-color: #838383; } .custom-signup-form { max-width: 980px; margin: 0 auto !important; float: none !important; opacity: 0; visibility: hidden; position: fixed; top: 20%; left: 50%; transform: translateX(-50%); z-index: 999; } .mc-modal-bg { position: fixed; left: 0; top: 0; z-index: 9; height: 100%; width: 100%; background: #000; background-color: #000; opacity: 0; visibility: hidden; } .popup-open .custom-signup-form{ opacity: 1; visibility: visible; } .popup-open .mc-modal-bg{ opacity:0.1; visibility: visible; } .mc-closeModal { background: #d84b1f none repeat scroll 0 0 !important; border-radius: 0 5px 0 16px !important; font-family: arial !important; font-size: 14px !important; font-weight: normal !important; height: 29px !important; padding: 6px 15px !important; position: absolute !important; right: 0; text-transform: capitalize !important; top: 0; z-index: 99999 !important; color: #fff; cursor: pointer; } .border_bottom{ border-bottom:1px dashed #999; } video { width: 100%; height: auto; padding-bottom: 20px; visibility:visible; display:block; border-bottom: 1px dashed #999; margin-bottom: 35px; } video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ } /* ========================================================================== Content ========================================================================== */ .body-container-wrapper {} .body-container {} /* Unique Pages ========================================================================== */ /* Homepage */ /* Contact Us */ /* About Us */ /* Modular & Reusable Components ========================================================================== */ /* Callouts */ /* Social Media Custom Icons */ /* Additional Menus aside from the Main Nav */ /* ========================================================================== Footer ========================================================================== */ .footer-container-wrapper { background: #231f20 none repeat scroll 0 0; color: #fff; padding: 50px 0px 0; } .footer-container-wrapper ul { margin:0; padding:0 } .footer-container-wrapper ul li{ margin-bottom: 2px; list-style:none; } .footer-container-wrapper ul li a{ color: #fff; font-size: 14px; text-decoration: none; transition: all 0.3s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; text-transform: uppercase; font-weight: 700; } .noDecor{ color: #fff !important; text-decoration: none !important; } .row-fluid-wrapper.row-depth-2.row-number-2 { margin-top: 0; } .row-fluid-wrapper.row-depth-2.row-number-4 { margin-top: 20px; } .footer-container-wrapper ul li a:focus{ outline:none; } .footer-container-wrapper ul li:hover a{ color: #fc6d1e; } .custom-social-icons h6{ margin:0; color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 10px; text-align: left; text-transform: uppercase; /* display:inline-block;*/ margin-right:15px; } .custom-social-icons ul{ display:inline-block; } .custom-social-icons ul li{ display:inline; } .custom-social-icons ul li a{ border: none; box-shadow: 0 0 0 20px #ff5000 inset; color: #231f20; display: inline-block; font-size: 16px; height: 40px; line-height: 40px; margin: 10px 0; padding: 0; text-align: center; width: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .custom-social-icons ul li .fa-facebook{ padding:0 2px !important; } .custom-social-icons ul li a:hover{ border: none; box-shadow: 0 0 0 2px #ff5000 inset !important; color: #ff5000; -webkit-box-shadow:0 0 0 0 #231f20 inset; -moz-box-shadow:0 0 0 0 #231f20 inset; } .custom-social-icons ul li .fa-google-plus { width: 16px; } .custom-footer-form h3 { color: #a59999; display: inline-block; float: none; font-size: 25px; font-weight: 100; margin: 15px 0 0; max-width: 46%; width: 100%; } body .blog-section .post-body h2, body .blog-section .post-body h3, body .blog-section .post-body h4, body .blog-section .post-body p strong{ font-family: "Roboto",sans-serif; } .hs-blog-post .hs-blog-social-share { border-bottom: medium none; border-top: medium none; height: auto; padding: 0; } .custom-footer-div { /* border-bottom: 1px solid #fff; margin-bottom: 10px;*/ padding:0 0 20px; } .custom-footer-form #hs_form_target_module_1488367756887549 { display: inline-block; float: none; max-width: 33%; padding: 0 0 16px 7px; vertical-align: top; width: 100%; } .custom-footer-form form { position: relative; width: 100%; display: block; text-align: left; } .custom-footer-form span{ width: 100%; } .custom-footer-form .hs-form-required{ display:none; } .custom-footer-form .hs-input { background: #424242 none repeat scroll 0 0; border: 0; border-radius: 0; color: #fff; padding: 15px 16px; width: 100%; font-weight: 700; font-size: 12px; display: inline-block; } .custom-footer-form form .hs-form-field { margin:0px; } .custom-footer-form form .hs-button { background: #ff5000 none repeat scroll 0 0; border-radius: 0; color: #ffffff; display: inline-block; font-size: 13px !important; font-weight: 400; text-transform: uppercase; position: absolute; top: 0; right: 0; border: 2px solid #ff5000; height: 100%; padding: 0 20px; cursor: pointer; font-family: "Roboto",sans-serif; } .custom-footer-form form .hs-button:hover { background: #FC6D1E!important; border: 2px solid #FC6D1E; color:#fff; } .custom-footer-form .hs-input:focus{ outline: none; } .custom-footer-form ul.hs-error-msgs { position:absolute; } .custom-footer-copyright p{ color: #fff; font-size: 12px; font-weight: 700; margin: 0; text-transform: uppercase; } .custom-footer-menu ul { float: right; margin: 0; } .custom-footer-menu ul li{ display:inline-block; } .custom-footer-menu ul{ float:right; } .custom-footer-menu ul li{ display: inline-block; position: relative; line-height:22px; margin-left: -4px; } .custom-footer-menu ul li a { border-right: 1px solid #fff; color: #fff; font-size: 12px; font-weight: 700; padding: 0 10px; text-decoration: none; } .custom-footer-menu ul li:last-child a{ border-right:none; } /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /* ========================================================================== Custom Menu Primary ========================================================================== */ /* Set ul background color */ /* Set li background Color */ /* Set link Color */ /* Set link Hover Color */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ background:transparent; } .custom-menu-primary .hs-menu-wrapper > ul > li{ background:transparent; margin-right:5px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a { color:#555; display: inline-block; padding: 15px 10px; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 19px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:#fff; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul{ display:block;} .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:transparent; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:#555; } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#fff; color:#fff; background:#5d5d5d none repeat scroll 0 0; } .custom-menu-primary .hs-menu-wrapper > ul li.active a{ background: #5d5d5d none repeat scroll 0 0; color:#fff; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:768px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; } .span4.widget-span.widget-type-cell { /*border-left: 1px dotted #e1e1e1;*/ text-align: left; } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .mobile-trigger, .child-trigger{ display: none; /* Hide button on Desktop */ } @media (max-width: 767px){ /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#ffffff; } /* Toggle Button ========================================================================== */ .mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: auto; height: auto; padding: 0; background: #ffffff; border: none; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #000000; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#000 background-color:transparent; border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#000; background-color:transparent; border-color: transparent; } /* Toggle Button Icon ========================================================================== */ .mobile-trigger i{ display: inline; position: relative; top: 3px; font-size:20px } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#ffffff; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-menu-primary.js-enabled { position: relative; padding: 13px 0; margin: 10px 0; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 10px; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color:#000000; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li { background: transparent; margin-right: 4px; } .custom-menu-primary .hs-menu-wrapper > ul > li a { font-size: 15px; line-height: 20px; overflow: visible; padding: 15px 10px; text-decoration: none; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{} .custom-menu-primary .hs-menu-wrapper > ul li a{ color:#ffffff; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#ffffff; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } /* ========================================================================== 4. TEMPLATE MODULE SELECTORS ========================================================================== */ /* Common Template Selectors ========================================================================== */ body.one-column {} body.two-column {} body.three-column {} .content-wrapper { padding:30px 0;} .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} /* Common One Column Selectors */ body.hs-button.primary, body input[type="submit"], body input[type="button"]body .hs-button.primary.site-page.one-column, body.hs-button.primary.landing-page.one-column, body.hs-button.primary.error-template.one-column, body.hs-button.primary.password-template.one-column, body.subscription-template.one-column {} body.site-page.one-column .main-content, body.landing-page.one-column .main-content, body.error-template .main-content, body.password-template .main-content, body.subscription-template .main-content {} /* Common Two Column Selectors */ body.site-page.two-column, body.landing-page.two-column, body.blog {} body.site-page.two-column .main-content, body.landing-page.two-column .main-content, body.blog .blog-content {} /* Common Three Column Selectors */ body.site-page.three-column, body.landing-page.three-column {} body.site-page.three-column .main-content, body.landing-page.three-column .main-content {} /* Site Pages ========================================================================== */ /* One Column Template */ body.site-page.one-column {} body.site-page.one-column .content-wrapper {} body.site-page.one-column .main-content {} /* Two Column Template */ body.site-page.two-column {} body.site-page.two-column .content-wrapper {} body.site-page.two-column .main-content {} body.site-page.two-column .sidebar.right {} /* Three Column Template */ body.site-page.three-column {} body.site-page.three-column .content-wrapper {} body.site-page.three-column .main-content {} /* Landing Pages ========================================================================== */ /* One Column Template */ body.landing-page.one-column {} body.landing-page.one-column .content-wrapper {} body.landing-page.one-column .main-content {} /* Two Column Template */ body.landing-page.two-column {} body.landing-page.two-column .content-wrapper {} body.landing-page.two-column .main-content {} body.landing-page.two-column .sidebar.right {} /* Three Column Template */ body.landing-page.three-column {} body.landing-page.three-column .content-wrapper {} body.landing-page.three-column .main-content {} /* System Pages ========================================================================== */ /* Error Templates 404, 500 */ body.error-template.one-column {} body.error-template.one-column .content-wrapper {} body.error-template.one-column .main-content {} /* Password template */ body.password-template.one-column {} body.password-template.one-column .content-wrapper {} body.password-template.one-column .main-content {} /* Email Subscribition templates */ body.subscription-template.one-column {} body.subscription-template.one-column .content-wrapper {} body.subscription-template.one-column .main-content {} /* ========================================================================== 5. COS COMPONENTS ========================================================================== */ /* ========================================================================== Blog ========================================================================== */ /* Blog Post and Listing Body Class */ body.blog { } /* Blog Post */ body.hs-blog-post {} /* Blog Listing */ body.hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper {} /* Blog Content Column ========================================================================== */ .blog .blog-content {} /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header h1 {} .hs-blog-header h1 a{} /* Blog Post Title */ .post-header h2 { font-family: "SquadaOne-regular",sans-serif; } .post-header h2 a { text-decoration:none; font-family: "SquadaOne-regular",sans-serif; } /* Blog Author and Avatar */ #hubspot-author_data {} #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar {} #hubspot-author_data .hs-author-avatar img {} /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item {} .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-post-wrapper .post-body {} /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{ border-width: 0; max-height: 170px; max-width: 210px; height: auto; width: auto; display: inline-block !important; float: right; margin: 20px 0 20px 20px; } .hs-blog-listing .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image { display: block; float: none; height: auto; margin: 0; max-height: inherit; max-width: inherit; width: 100%; } .hs-blog-listing .post-body hr { display: none; } .hs-blog-listing .hs-blog-social-share { border-bottom: none; border-top: none; padding: 0 0 15px; } .hs-blog-listing .custom_listing_comments { display: none; } .hs-blog-listing #hubspot-topic_data { display: none; } .hs-blog-listing .blog-pagination .all-posts-link{ display: none; } .hs-blog-listing .blog-pagination a { background: #fd4f00; color: #ffffff; display: inline-block; font-weight: 700; padding: 10px 20px; text-decoration: none; text-transform: uppercase; vertical-align: top; border: 2px solid #fd4f00; box-sizing: border-box; } .hs-blog-listing .blog-pagination a:hover{ background: none; color: #fd4f00; } .hs-blog-listing .blog-pagination a.next-posts-link { float: right; } /* Read More Link */ a.more-link {} /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /** * Blog Social Sharing icons * * Overrides defaults to better align icons and prevent overlapping */ .hs-blog-social-share { padding: 10px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto; } /** * Blog Commments * * Custom styles are listed below, as the COS does not provide default styles. */ #comments-listing { border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Pagination */ .blog-pagination {} .blog-pagination a {} .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} /** * Blog Author Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ .hs-author-profile {} .hs-author-profile h2.hs-author-name {} .hs-author-profile .hs-author-bio {} .hs-author-profile .hs-author-avatar {} .hs-author-profile .hs-author-avatar img {} h3.hs-author-listing-header {} /** * Blog All Posts Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ body.hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} /* Blog Sidebar ========================================================================== */ .blog .blog-sidebar {} /* Blog Modules */ .blog .blog-sidebar .widget-span {} /* ========================================================================== Forms ========================================================================== */ /* All Global Forms ========================================================================== */ /* Form Field */ .body-container-wrapper .hs-form-field { margin-bottom:10px; } body form.hs-form .hs-form-field .hs-error-msgs.inputs-list { margin-top: 5px; } body form.hs-form .hs-form-field .hs-error-msgs.inputs-list label { color: #ff0000; } body .widget-type-google_search input[type="text"], #hs-pwd-widget-password{ margin-bottom:10px; } /* Descriptions */ body .hs-field-desc {} /* Labels */ body label {} .body-container-wrapper .hs-form-field > label { color: #666666; font-size: 16px; font-weight: 300; } /* One Line Inputs */ .body-container input[type="text"], .body-container input[type="password"], .body-container input[type="datetime"], .body-container input[type="datetime-local"], .body-container input[type="date"], .body-container input[type="month"], .body-container input[type="time"], .body-container input[type="week"], .body-container input[type="number"], .body-container input[type="email"], .body-container input[type="url"], .body-container input[type="search"], .body-container input[type="tel"], .body-container input[type="color"], .body-container input[type="file"], .body-container textarea, .body-container select { width: 100%; font-family: Roboto, sans-serif; font-size: 13px; max-width:650px; background: #fafafa none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 3px; color: #222; padding: 6px 7px 8px; box-sizing:border-box; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus { outline:none; } .body-container-wrapper h3.form-title{ color: #fd4f00; font-size: 40px; margin: 0 0 25px; position: relative; width:100%; overflow:hidden; } .body-container-wrapper h3.form-title::after { background: #eee none repeat scroll 0 0; content: ""; height: 10px; margin-left: 5%; position: absolute; bottom: 12%; width:100%; } /* Separate Styles for Multiple Line Inputs */ body textarea {} body textarea:focus { outline:none; } /* Separate Styles for Drop Downs */ body select {} body select:focus { outline:none; } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {} body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus { outline:none; } /* Form Module ========================================================================== */ /* Form Field */ /* Descriptions */ .hs_cos_wrapper_type_form .hs-field-desc {} /* Labels */ .hs_cos_wrapper_type_form label {} .hs_cos_wrapper_type_form .hs-form-field > label {} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form input[type="text"]:focus, .hs_cos_wrapper_type_form input[type="password"]:focus, .hs_cos_wrapper_type_form input[type="datetime"]:focus, .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, .hs_cos_wrapper_type_form input[type="date"]:focus, .hs_cos_wrapper_type_form input[type="month"]:focus, .hs_cos_wrapper_type_form input[type="time"]:focus, .hs_cos_wrapper_type_form input[type="week"]:focus, .hs_cos_wrapper_type_form input[type="number"]:focus, .hs_cos_wrapper_type_form input[type="email"]:focus, .hs_cos_wrapper_type_form input[type="url"]:focus, .hs_cos_wrapper_type_form input[type="search"]:focus, .hs_cos_wrapper_type_form input[type="tel"]:focus, .hs_cos_wrapper_type_form input[type="color"]:focus, .hs_cos_wrapper_type_form input[type="file"]:focus, .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form select:focus {} /* Separate Styles for Multiple Line Inputs */ .hs_cos_wrapper_type_form textarea {} .hs_cos_wrapper_type_form textarea:focus {} /* Separate Styles for Drop Downs */ .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form select:focus {} /* Multiple Selection Inputs */ .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {} .hs_cos_wrapper_type_form input[type="radio"] {} .hs_cos_wrapper_type_form input[type="checkbox"] {} /* Blog Comment Form ========================================================================== */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* Error */ body .hs-common-error-message {} /* Blog Subscription Form ========================================================================== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } /* Google Search Form ========================================================================== */ /* Label */ .widget-type-google_search label {} /* Input */ .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} /* Multi Column Form ========================================================================== */ body .hs-form fieldset.form-columns-1 {} body .hs-form fieldset.form-columns-1 .hs-form-field {} body .hs-form fieldset.form-columns-2 {} body .hs-form fieldset.form-columns-2 .hs-form-field {} body .hs-form fieldset.form-columns-3 {} body .hs-form fieldset.form-columns-3 .hs-form-field {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} body form.hs-form fieldset { max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* ========================================================================== Buttons ========================================================================== */ /* All Global Buttons (Excluding CTAs) ========================================================================== */ .body-container-wrapper .hs-button.primary, .body-container-wrapper .input[type="submit"], .body-container-wrapper .input[type="button"] { cursor: pointer; -webkit-appearance: none; font-family: Roboto, sans-serif; text-decoration: none !important; background: #fd4f00 none repeat scroll 0 0; border: 2px solid #fd4f00; border-radius: 2px; color: #fff; font-size: 15px; padding: 7px 8px; text-transform: uppercase; font-weight:700; display:inline-block; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .body-container-wrapper .hs-button.primary:hover, .body-container-wrapper.body-container-wrapper input[type="submit"]:hover, .body-container-wrapper input[type="button"]:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color:#fd4f00; } body .hs-button.primary:focus, body input[type="submit"]:focus, body input[type="button"]:focus { outline: none; } /* Form Module Button ========================================================================== */ .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /* Blog Comment Button ========================================================================== */ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /* Blog Subscription Button ========================================================================== */ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /* Google Search Button ========================================================================== */ .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /* CTA Buttons ========================================================================== */ /** * Override global CTA styles by wrapping the CTA module in a module group * that has an ID, and use that ID to prefix your CTA selector. Example shown below. * * All overriding properties require !important tags. */ #module-group-ID .cta_button {} #module-group-ID .cta_button:hover {} #module-group-ID .cta_button:focus {} .custom-sidebar-banner, .custom-sidebar-banner-2{ text-align: right; } .custom-blog-subscribe-form { background: #f2f2f2!important; padding: 29px 10px; overflow: hidden; font: 14px Helvetica,Arial,sans-serif; } .custom-blog-subscription { display: block; padding: 10px 0 10px 3%; } .custom-blog-subscribe-form h3.form-title { font-weight: 700; font-size: 19px; color: #000; margin-bottom: 20px; } .custom-blog-subscribe-form{ text-align: center; } .custom-blog-subscribe-form h3.form-title:after{ content:none; } .custom-blog-subscribe-form span.hs-form-required { display: none; } .custom-blog-subscribe-form form { width: 50%; margin: 0 auto; position: relative; } .custom-blog-subscribe-form .hs-input { width: 100%!important; float: left; border: 2px solid #ff5000!important; padding: 0 10px !important; position: relative; height: 34px; } .custom-blog-subscribe-form .hs-button { position: absolute; right: 0; font-size: 12px !important; /*width: 23%;*/ padding: 0 10px !important; height: 34px; } .custom-blog-subscribe-form h3.form-title p { color: #555; font-size: 15px; font-weight: 300; line-height: 20px; margin: 10px 0 0; font-family: 'Roboto', sans-serif; } .custom-blog-subscribe-form ul.hs-error-msgs.inputs-list label { position: absolute; left: 0; top: 38px; } /* ========================================================================== 6. MISCELLANEOUS ========================================================================== */ .blog-content{ overflow:hidden; } .blog-content h1{ font-family: 'SquadaOne-regular', sans-serif; font-size: 30px; } .blog-content h1{ position: relative; } .blog-content .post-header h1::after { background: #eee; bottom: 10px; content: ""; height: 10px; margin-left: 2.5%; margin-top: 0; position: absolute; top: inherit; width: 100%; } /*.hs-blog-post .custom-featured-img{*/ /* text-align: center;*/ /*}*/ /*.hs-blog-post .custom-featured-img img{*/ /* max-width: 100%;*/ /* transition: all 0.5s ease 0s;*/ /* width: auto;*/ /*}*/ .custom-featured-img img{ /* max-height: 300px;*/ max-width: 100%; width: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .custom-featured-img{ margin-top: 10px; margin-bottom: 10px; overflow: hidden; } .post-item:hover .custom-featured-img img, .hs-blog-post .custom-featured-img:hover img{ opacity: 0.8; /* max-height: 300px;*/ max-width: 100%; width: 100%; /* transform: scale(1.1);*/ } .post-header h2 { font-size: 27px; margin: 0; line-height: 38px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .post-header h2 a{ color: #666666; font-family: "Squada One",cursive; font-size: 30px; line-height: 1.5; } .post-header h2 a:hover { color: #fd4f00; } .hubspot-editable{ color: #666666; font-family: "Roboto",sans-serif; font-size: 13px; font-style: italic; line-height: 1.5; margin: 10px 0 20px; padding: 0 8px; } .hubspot-editable .fa { color: #666666; margin-right: 7px; } .hubspot-editable .author-link { color: #333333; text-transform:uppercase; cursor:pointer; } .hubspot-editable .author-link:hover{ color: #fd4f00; } .post-body p { margin: 10px 0 0; } .post-body{ margin:0 0 15px; } .more-link{ /* background: #ff5000 none repeat scroll 0 0; border: 2px solid #ff5000; color: #fff; display: inline-block; font-weight: 600; margin: 15px 0 0; padding: 7px 16px; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;*/ color: #666666; outline: none; text-decoration: none; } .more-link:hover,.more-link:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ff5000; outline: none; text-decoration: none; } .post-item{ /* border-bottom: 1px dashed #999;*/ margin-bottom: 35px; overflow: hidden; padding-bottom: 20px; display:block; } .blog-pagination{ margin: 10px 0; } .blog-pagination > div{ display:inline-block; float:left; } .blog-pagination > div a{ line-height: 30px; text-align: center; width: 30px; display:inline-block; color: #333333; font-weight: 700; font-size: 15px; } .blog-pagination > div a.active, .blog-pagination > div a:hover { background: #fd4f00; color: #ffffff; } .blog-sidebar{ margin-top: 0; position: relative; width: 100%; } .custom-sidebar-banner img{ max-width: 100%; margin-bottom: 10px; height: auto; } .custom-recent-post{ border: 1px solid #ddd; border-radius: 0px; margin:10px 0 20px; padding: 15px; text-align: left; } .custom-recent-post h3{ font-size: 32px; border-bottom: 1px dotted #999; color: #fd4f00; font-weight: 400; margin:0 0 10px; font-size: 1.5em; display: block; } .custom-recent-post ul{ margin:0; padding:0; } .custom-recent-post ul li{ border-bottom: 1px dashed #999; margin-bottom: 10px; display:block; list-style:none; } .custom-recent-post p{ margin: 10px 0 0; color: #555; font-size: 13px; line-height: 15px; display: block; text-align: justify; font-weight: 400; } .rec-list-info a{ color: #444; font-size: 14px; line-height: 15px; font-weight:600; text-decoration:none; } #comment-form input, #comment-form textarea{ max-width: 100%; } /** * Styles that do not fit into available sections above can go here. * For example, one would place 3rd party plugin overriding styles here. * * This section is NOT for 'Custom' styles. All custom styles must go in the * proper sections above. * * For instance, custom header and footer styles must go in the HEADER and * FOOTER sections. Custom styles for anything in-between the header and footer * (such as, styles that are unique to the HOMEPAGE only), must go in the * CONTENT section. */ /* ========================================================================== 7. MOBILE MEDIA QUERIES ========================================================================== */ /* Screen sizes smaller than site maxWidth (.page-center) ========================================================================== */ @media (max-width: 1200px){ .custom-footer-form h3{ width:100%; } .custom-footer-form #hs_form_target_module_1488367756887549,.custom-footer-form h3{ } .custom-blog-subscribe-form form { width: 60%; } } @media (max-width: 991px){ .custom-blog-subscribe-form form { width: 100%; } } /* Landscape tablet and smaller devices ========================================================================== */ @media (max-width: 960px){ .custom-footer-form{ width:100%; } .custom-footer-div .span7,.custom-footer-div .span5 { width:100% !important; margin-left:0px; } .custom-footer-form h3 > strong::after{left:0} .layout-widget-wrapper h3 {text-align:center!important} .custom-footer-form #hs_form_target_module_1488367756887549{ padding:10px 0 10px 0; max-width:100%; margin-top: 15px; } #directwholesaleBody #page #content { top: 0; } .custom-social-icons .footer-payment-logo{clear: both;} .custom-logo img{ width:235px; max-width:none; } .custom-header-form { width: 318px !important; float: right !important; } .custom-header-main form input.hs-input { width: auto; max-width: 400.8px; min-width: 180px; } .custom-header-main form { position: relative; max-width: 306px; display: block; } .custom-logo{ width:235px !important; } } @media (max-width: 767px) { .custom-header-main form input.hs-input { min-width: auto; } .header-call-left,.header-call-right { text-align: center; } .header-call-left p { display: inline-block; } .header-call-right ul{ float:none; } .custom-header-main { padding: 20px 0; border-bottom: 1.5px solid #ddd; } .custom-logo { max-width: 235px; margin: 0 auto !important; } .custom-header-form{ width:100% !important; } .custom-header-main form { margin:0 auto; max-width: 290px; } .custom-header-main form input.hs-input { max-width: 160px; font-size: 14px; float: left; } .custom-header-main form input.hs-button{ position:relative; padding:6px 16px; float: right; } .custom-menu-primary .hs-menu-wrapper > ul li{ background:#fff; } .custom-menu-primary .hs-menu-wrapper > ul li a{ color:#000; } .custom-social-icons h6{ text-align:left; } .custom-social-icons ul{ float:left; } .footer-container-wrapper .custom-col-2,.footer-container-wrapper .custom-col-3{ margin:25px 0; } .custom-footer-div { /* border-bottom: 1px solid #fff; margin-bottom: 10px;*/ padding:0 0 20px; } .custom-footer-copyright p{ text-align:center; } .custom-footer-menu ul{ width:100%; text-align:center; } .body-container-wrapper h3.form-title{ font-size:23px; } .main-content, .blog-content, .sidebar.left, .blog-sidebar, .sidebar.right { margin-bottom: 40px; } .blog-sidebar img{ width:100%; } .custom-sidebar-banner{ margin-top:20px; } .custom-signin-form { padding: 30px; width: 100% !IMPORTANT; margin: 0 auto; } .custom-signup-form{ width: 80% !important; } .custom-header-main form{ margin-top:10px; } .blog-content h1::after{ display:none; } .custom-header-form .hs-error-msgs{ margin:5px 0 0; } } @media (min-width: 480px) and (max-width: 767px) { .custom-header-form .hs-error-msgs label { position: absolute; bottom: -56px; width: 100%; left: 0; } } /* Landscape phones and smaller devices ========================================================================== */ @media (max-width: 479px) { .custom-header-main form input.hs-input,.custom-header-main form input.hs-button, .custom-header-main form{ width:100%; } .custom-header-main form,.custom-header-main form input.hs-input{ max-width:100%; } .custom-header-main form input.hs-button { margin-left: 0px; margin-top: 10px; margin-right: 0; } .header-call-right ul li{ width:100%; margin-left:0px; margin-bottom:5px; } .custom-signin-form { padding: 15px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4); } .custom-signin-form h3{ margin: 24px 0 0; } .custom-signin-form form .hs-input{ margin:0 0 10px; } .custom-signin-form form .hs-button{ width:100%; } h1:after{ content:none; } h1{ font-size:28px; } .custom-blog-subscribe-form .hs-input { float:none; } .custom-blog-subscribe-form .hs-button{ position: relative; } .body-container-wrapper h3.form-title { font-size: 19px; } .custom-blog-subscribe-form ul.hs-error-msgs.inputs-list label { position: static; } .custom-blog-subscription { padding: 10px 3% 10px 3%; } } .widget-module li { list-style: outside none none; text-align: left; } .widget-module li a { border-bottom: 1px solid #dddddd; color: #555555; display: block; padding: 5px 0; position: relative; text-decoration: none; } .widget-module li a::after { background: #fd4f00; content: ""; height: 5px; left: -10px; margin-top: 12px; position: absolute; top: 0; transform: rotate(45deg); width: 5px; } .widget-module li a:hover{ color: #fd4f00; } /* Paste all CSS code BELOW this line into your stylesheet */ /* Tabber Module CSS Code*/ .body-container .tabber-tabs { border-bottom: 1px solid #ddd; list-style: none; padding: 0; margin: 0 0 -2px; } .tabber-tabs > li { float: left; } .tabber-tabs > li > a { padding-right: 10px; padding-left: 10px; margin-right: 2px; line-height: 14px; padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; text-decoration: none; display: block; transition: all .5s ease-in-out; color: #555555; } .tabber-tabs > li > a:hover { /* CUSTOM HOVER STYLING FOR TABBER TABS */ background: #999; border: 1px solid #ddd; color: #fff; } .tabber-tabs > .active > a, .tabber-tabs > .active > a:hover, .tabber-tabs > .active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } .tabber-content { background: #fff; padding: 8px; border: 1px solid #ddd; } .body-container .tabber-content ul { padding: 0; margin: 0; } .tabber-content .block h3 { display: none; } .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image { float: left; width: 40%; } .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-item-text { float: right; width: 60%; padding: 0 0 0 15px; } .blog-tabber .hs-rss-item:last-child { margin-bottom: 10px; } .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width: auto; } .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image { float: left; width: 40%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .hs-rss-title { font-family: "Squada One",cursive; color: #555555; text-align: left; text-decoration: none; } .hs-rss-byline { font-style: italic; } .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-item-text { text-align: left; } /*new footer style*/ .footer-top-section { padding-bottom: 20px; } .custom-social-icons h2 { color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: left; } .custom-social-icons ul { display: block; text-align: left; } .custom-social-icons .footer-payment-logo { margin-top: 42px; } .custom-social-icons .footer-payment-logo ul li a { border: none; border-radius: 0; box-shadow: none; padding: 0 10px 0 0; vertical-align: middle; line-height: 1; height: auto; display: inline-block; } .subscribe-section { background: #ececec; padding: 30px 0; } .subscribe-content-section { background: #f5f5f5; padding: 15px 20px; } .subscribe-content-section h2 { color: #a59999; font-size: 22px; margin: 0 0 20px; } .subscribe-content-section h4{ color: #a59999; font-size: 15px; margin: 25px 0 20px; } .subscribe-content-section p{ font-size: 12px; color: #a59999; margin: 0 0 15px; } .custom-footer-form .cell-wrapper.layout-widget-wrapper { text-align: center; } .layout-widget-wrapper h3, .layout-widget-wrapper h4{ font-size: 20px; text-transform: uppercase; text-align: left; } .custom-footer-form h3 > strong { position: relative; } .custom-footer-form h3 > strong::after { background-image: url("https://cdn2.hubspot.net/hubfs/2798553/img/envelope-logo.png?t=1504804239969"); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; content: ""; height: 37px; left: -60px; position: absolute; top: -5px; width: 50px; } .footer-bottom-area { padding: 40px 0 0; } .footer-bottom-menu h5 { color: #ffffff; font-size: 14px; line-height: 1.5; margin: 0; text-transform: uppercase; } .footer-bottom-menu ul li a { text-transform: inherit; } .container-fluid .row-fluid .page-center.footer-copyright-content{ border-top: 1px solid #ffffff; margin-top: 25px; padding-top: 35px; } .widget-tab-section .widget-module a{ border: none; } .widget-tab-section .widget-module a::after { display: none; } .sidebar-title h4{ font-size: 20px; margin: 24px 0; } .blog-subscribe-form { text-align: left; } .blog-subscribe-form .field label { font-size: 14px; } .blog-subscribe-form .field input { border-color: #dddddd; border-radius: 0; text-align: left; } .popular-post .widget-module li { clear: both; margin-bottom: 10px; } .popular-post .widget-module li img { border-radius: 4px; display: inline-block; height: auto; width: 40%; } .popular-post .widget-module li a{ float: right; padding: 0 0 0 15px; width: 60%; color: #555555; font-family: Roboto,sans-serif; font-size: 15px; line-height: 20px; } .blog-logo { display: inline-block; line-height: 1; margin-top: 15px; } .blog .footer-container-wrapper { } .footer-bottom-section h3 { font-size: 24px; margin: 30px 0; } .footer-bottom-section .footer-social-link{ list-style: none; margin: 30px 0; padding: 0; text-align: right; } .footer-bottom-section .footer-social-link li{ display: inline-block; padding: 0 5px; vertical-align: top; margin-bottom: 0; } .footer-bottom-section .footer-social-link li a{ border: 1px solid #ffffff; color: #fff; display: block; font-size: 14px; font-weight: 700; padding: 0 10px; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s; width: 35px; line-height: 30px; } .blog-title-area{ background-color: #f5f5f5; padding: 0; } .blog-title-area h2{ font-size: 36px; font-family: "Montserrat",sans-serif; color: #666666; margin: 15px 0; padding: 0 15px; } /*OFFERS PAGE*/ .clearfix{ clear: both; } body.offer-page { margin: 0; padding: 0; } body.offer-page { background: rgba(0, 0, 0, 0) url("https://cdn2.hubspot.net/hubfs/2798553/img/top_gray_gradient.jpg?t=1504804239969") repeat-x scroll 0 0; display: block; min-height: 100%; position: relative; width: 100%; } .offer-page-content{ position: relative; } .custom-bg-image { /* left: 0; position: absolute; top: 0; z-index: -1;*/ } .custom-bg-image img { max-width: 100%; min-width: 650px; width: auto; } .background-image { background-image: url("https://cdn2.hubspot.net/hubfs/2798553/img/new-gif-maker.gif?t=1504804239969"); background-position: left top; background-repeat: no-repeat; background-size: cover; } body.offer-page .footer-container-wrapper { background-color: #333333; color: #cccccc; padding: 15px 0; } .offer-page .background-image .form-content { background-image: url('https://cdn2.hubspot.net/hubfs/2798553/img/form-bg.png?t=1504804239969'); background-position: left top; background-repeat: repeat; color: #ffffff; max-width: 650px; padding: 40px; margin: 80px auto 30px; float: none; /* position: absolute; margin-left: -60px; left: 35%; top: 100px;*/ } .offer-logo { text-align: center; margin-bottom: 15px; margin-top: 15px; } .offer-logo img { max-width: 300px; } .offer-page .background-image .form-content .col-md-6{ max-width: 50%; width: 100%; float: left; padding: 0 15px; } .offer-page .background-image .form-content h2, .offer-page .background-image .form-content .sign-in-part h3{ color: #ffffff; font-size: 22px; margin-bottom: 5px; line-height: 1.4; margin-top: 15px; } .offer-page .background-image .form-content .sign-in-part h3.form-title::after{ display: none; } .offer-page .background-image .form-content .join-now h2 { margin-bottom: 25px; } .offer-page .background-image .form-content .lang-switch ul { list-style: none; margin: 0; padding: 0; text-align: center; } .offer-page .background-image .form-content .lang-switch ul li { display: inline-block; list-style: outside none none; margin: 0; vertical-align: top; position: relative; } .offer-page .background-image .form-content .lang-switch ul li a{ color: #cccccc; margin: 0 5px; padding: 0 5px; text-decoration: none; position: relative; font-size: 12px; line-height: 14px; } .offer-page .background-image .form-content .lang-switch ul li:not(:first-child)::after { content: ""; position: absolute; top: 50%; margin-top: -4px; left: 0; height: 12px; width: 1px; border-left: 1px solid #cccccc; } .offer-page .background-image .form-content .lang-switch ul li a:hover, .offer-page .background-image .form-content .lang-switch ul li a:focus, .offer-page .background-image .form-content .lang-switch ul li a.active{ color: #ffffff; } .offer-page .background-image .form-content .join-now p{ color: #ffffff; font-size: 12px; font-weight: 300; line-height: 1.4; } .offer-page .background-image .form-content .sign-in-part .form-group { margin-top: 10px; } .offer-page .background-image .form-content .sign-in-part label { font-size: 10px; color: #ffffff; } .offer-page .background-image .form-content .sign-in-part .input-text, .offer-page .background-image .form-content .sign-in-part input { background: #fff url("https://cdn2.hubspot.net/hubfs/2798553/img/bg_input.jpg?t=1504804239969") repeat-x scroll 0 0; border: 1px solid #b2b2b2; box-sizing: border-box; color: #000; font-size: 16px; font-weight: bold; padding: 8px 4px; } .offer-page .background-image .form-content .sign-in-part input.primary.large, .offer-page .login-button .submit-button.join-now{ background: #fc6d1e; border: 2px solid #fc6d1e; box-sizing: border-box; color: #ffffff; float: right; font-size: 16px; font-weight: bold; left: 75px; margin-top: 20px; padding: 7px 20px; position: relative; transition: all 0.5s ease 0s; } .offer-page .background-image .form-content .sign-in-part input.primary.large:hover, .offer-page .background-image .form-content .sign-in-part input.primary.large:focus, .offer-page .login-button .submit-button.join-now:hover, .offer-page .login-button .submit-button.join-now:focus{ border: 2px solid #fc6d1e; color: #fc6d1e; background: none; transition: all 0.5s ease 0s; } /*.offer-page .login-button .submit-button { background: url("https://cdn2.hubspot.net/hubfs/2798553/img/bg_buttons6.png?t=1504804239969") no-repeat scroll 0 -230px; font-size: 16px; font-weight: bold; height: 35px; line-height: 30px; outline: medium none; padding: 0; text-decoration: none; width: 225px; border: none; color: #fff; display: block; text-align: center; text-decoration: none; text-shadow: 1px 1px 3px #000; cursor: pointer; margin-top: 10px; transition: initial; } .offer-page .login-button .submit-button:hover, .offer-page .login-button .submit-button:focus{ background-image: url("https://cdn2.hubspot.net/hubfs/2798553/img/bg_buttons6.png?t=1504804239969") !important; background-repeat: no-repeat !important; background-position: 0 -268px !important; cursor: pointer; color: #ffffff !important; transition: initial; }*/ .offer-page .login-button .submit-button.join-now { border-radius: 3px; display: inline-block; margin-top: 31px; text-decoration: none; transition: all 0.5s ease 0s; } .offer-page .background-image .form-content .sign-in-part .login-fpassw, .offer-page .background-image .form-content .sign-in-part .login-fpassw:visited { color: #ffffff; font-size: 12px; text-decoration: underline; } .login-footer { position: relative; text-align: center; width: 100%; } .login-footer > span { display: block; overflow: hidden; position: relative; } .login-footer > span::before { border-top: 1px solid #ffffff; content: ""; margin-right: 20px; position: absolute; right: 50%; top: 50%; width: 999999px; } .login-footer > span::after { border-top: 1px solid #ffffff; content: ""; margin-left: 10px; position: absolute; top: 50%; width: 999999px; } .facebook-signin { padding: 2px 9px 3px 40px; background: #6079ab; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNzlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjU5OTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6079ab 0%, #3b5998 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6079ab), color-stop(100%,#3b5998)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6079ab 0%,#3b5998 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6079ab 0%,#3b5998 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6079ab 0%,#3b5998 100%); /* IE10+ */ background: linear-gradient(to bottom, #6079ab 0%,#3b5998 100%); /* W3C */ border: 1px solid #29487c; border-radius: 8px; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; line-height: 25px; padding: 2px 10px 3px 42px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px black; margin-top: 15px; } .facebook-signin span.facebook{ background-position: 4px -1032px; border-right: 1px solid #29487c; display: inline-block; height: 30px; left: 10px; padding-right: 5px; position: absolute; top: 0; width: 18px; background-image: url("https://cdn2.hubspot.net/hubfs/2798553/img/icons_v19.png?t=1504804239969"); background-repeat: no-repeat; } .footer-area{ position: relative; } .footer-menu-section ul li { color: #cccccc; font-size: 12px; display: inline-block; margin: 0; padding: 0 10px; vertical-align: top; } .footer-menu-section { position: relative; text-align: center; width: 100%; } .footer-menu-section ul { display: inline-block; margin: 0; padding: 0; vertical-align: top; } .footer-menu-section ul li a{ color: #cccccc; display: block; font-size: 12px; text-decoration: none; text-transform: initial; } .google-playstore { background-image: url("https://cdn2.hubspot.net/hubfs/2798553/img/icons_v19.png?t=1504804239969"); background-position: -2px -1090px; background-repeat: no-repeat; display: inline-block; height: 20px; vertical-align: middle; width: 17px; } @media screen and (max-width: 767px){ .offer-page .background-image .form-content .col-md-6{ max-width: 100%; float: none; } .offer-page .background-image .form-content { margin: 30px 15px; max-width: 100%; } .offer-page .background-image .form-content .sign-in-part input.primary.large, .offer-page .login-button .submit-button.join-now { bottom: 30px; float: none; left: 50%; margin-top: 20px; position: absolute; margin-left: -50px; } } /*PRODUCTS PAGE STYLE*/ body.products-page { background-color: #e6e5e7; } .header-section{ background-color: #ffffff; } .page-center.content-wrapper{ background-color: #ffffff; } .product-page-title { padding: 20px 15px; position: relative; text-align: center; } .product-page-title > h2 { color: #333333; margin: 0; } .product-page-title.footer-title { margin-bottom: 15px; background-color: #ffffff; } .top-navigation { margin: 15px 0 0; position: relative; width: 100%; } .products-page .top-navigation > ul { list-style: outside none none; margin: 0; padding: 0; } .products-page .top-navigation > ul > li { float: left; margin: 0; padding: 0; text-align: center; vertical-align: top; width: 24.33%; } .products-page .top-navigation > ul > li:not(:first-child) { margin-left: 10px; } .products-page .top-navigation > ul > li > a { color: #ff5000; display: block; padding: 7px 0; text-decoration: none; background-color: #ffffff; font-weight: 700; } .products-page .top-navigation > ul > li > a:hover { background-color: #ff5000; color: #ffffff; } .after-navigation-message { background-color: #ff5000; padding: 20px 0; text-align: center; margin: 15px 0; } .after-navigation-message > h2 { color: #ffffff; font-size: 50px; margin: 0; } .product-item { background-color: #ffffff; margin-bottom: 15px; padding: 15px; position: relative; text-align: center; width: 100%; overflow: hidden; } .product-item > img { height: 300px; width: auto; } .product-item > h2 { color: #111111; font-size: 20px; margin: 20px 0; } .product-item > a { background-color: #333333; border-radius: 30px; color: #ffffff; display: inline-block; padding: 10px 15px; text-decoration: none; font-weight: 700; } .product-item > a:hover, .product-item > a:focus{ background-color: #ff5000; text-decoration: none; outline: none; } @media screen and (max-width: 1269px){ .products-page .top-navigation > ul > li { width: 24.3%; } } @media screen and (max-width: 1214px){ .products-page .top-navigation > ul > li { width: 24.25%; } } @media screen and (max-width: 991px){ .after-navigation-message > h2 { font-size: 40px; } } @media screen and (max-width: 767px){ .after-navigation-message > h2 { font-size: 30px; } } .social-share { border: medium none; margin: 0 0 20px; position: relative; } .social-share > a { outline: medium none; text-decoration: none; } .social-share > a:hover{ outline: medium none; text-decoration: none; } /*new popup style*/ body .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content { color: #ffffff; overflow: visible; } body .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body { padding: 0 0 15px; } body .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content .dyno-image{ display: inline-block; float: none; margin-top: 15px; margin-bottom: 15px; margin-right: 22px; vertical-align: top; width: 100%; } body .leadinModal .leadinModal-content .dyno-image img { height: auto; max-width: 240px; width: auto; } body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadinModal-content .leadin-preview-wrapper h4 { background-color: #fd4f00; color: #ffffff; font-weight: 400; font-size: 28px; padding: 8px 0; margin: 0 0 25px; text-align: center; font-family: 'SquadaOne-regular', sans-serif; } body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadinModal-content p, body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form .leadinModal-content p, body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p, body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form p{ color: #696969; font-family: "Lato",arial,sans-serif; font-size: 16px; line-height: 1.5; margin: 15px 0; padding: 0 15px; text-align: center; } body .leadinModal .leadinModal-content .leadin-preview-wrapper h4 { background-color: #fd4f00; color: #ffffff; font-weight: 400; font-size: 28px; padding: 8px 0; margin: 0 0 25px; text-align: center; font-family: 'SquadaOne-regular', sans-serif; } body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4, body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form h4 { background-color: #fd4f00; color: #ffffff; font-weight: 400; font-size: 28px; padding: 8px 0; margin: 0 0 25px; text-align: center; font-family: 'SquadaOne-regular', sans-serif; } body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadinModal-content .advance-wrapper { margin-left: 0; } body #leadinModal-105168 .leadinModal-content .leadin-input-wrapper input.input-phone { margin-bottom: 15px !important; } body #leadinModal-105168 .leadinModal-content .leadin-button-primary { width: auto; border-radius: 0; font-weight: 400; font-family: 'SquadaOne-regular', sans-serif; font-size: 25px; padding: 8px 20px; line-height: 1.4; } body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadinModal-content .advance-wrapper { text-align: center; } body .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-close { background: #fd4f00; border: 1px solid #ffffff; border-radius: 100%; box-shadow: 2px -1px 1px 1px #000; box-sizing: border-box; padding: 4px 10px; right: -15px; top: -15px; } body #leadinModal-105168 .leadinModal-content { border-radius: 0 !important; } #leadinModal-105168.leadinModal.leadinModal-v3 .thank-you-message, #leadinModal-105168.leadinModal.leadinModal-v3 .thank-you-message * { color: #ffffff; } #leadinModal-105168.leadinModal .leadin-close-button { color: #ffffff; } #leadinModal-105168.leadinModal.leadinModal-v3 .thank-you-message a { color: #ffffff; } #leadinModal-133666.leadinModal.leadinModal-v3 .thank-you-message, #leadinModal-133666.leadinModal.leadinModal-v3 .thank-you-message * { color: #ffffff; } #leadinModal-133666.leadinModal .leadin-close-button { color: #ffffff; } #leadinModal-133666.leadinModal.leadinModal-v3 .thank-you-message a { color: #ffffff; } body .leadinModal-v3 .leadinModal-close::before { color: #ffffff; font-weight: bolder; } body .leadinModal-v3 .leadinModal-close:hover:before { color: #ffffff; } body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form .leadin-form-wrapper { margin: 0 auto; max-width: 300px; padding: 0; } body .leadinModal .leadin-content-body{ } body .leadinModal .leadin-content-body .leadin-button-wrapper { text-align: center; } body #leadinModal-133666 .leadinModal-content { border-radius: 0; } body #leadinModal-133666.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadin-content-body, body #leadinModal-133666.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner .leadin-content-body { background-color: #FD4F00; } body #leadinModal-133666.leadinModal .leadinModal-content .dyno-image img { max-width: 100%; height: 90px; } body #leadinModal-133666.leadinModal .leadin-message-wrapper .dyno-image { margin-top: 6px; } body #leadinModal-133666.leadinModal .dyno-image { margin-top: 13px; } body #leadinModal-133666.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner h4, body #leadinModal-133666.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner h4{ font-weight: 400; font-size: 28px; color: #ffffff; padding: 8px 0; margin: 0; text-align: left; font-family: 'SquadaOne-regular', sans-serif; } body #leadinModal-133666.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-form p, body #leadinModal-133666.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-form p{ font-family: "Lato",arial,sans-serif; font-size: 16px; line-height: 1.5; color: #ffffff; } body #leadinModal-133666.leadinModal.leadinModal-v3 .leadin-form-wrapper { margin-top: 0; padding-top: 0; } body #leadinModal-133666.leadinModal .leadin-input-wrapper label { font-size: 16px; color: #ffffff; text-shadow: none; opacity: 1; } body #leadinModal-133666.leadinModal .leadin-input-wrapper input[type="text"], body #leadinModal-133666.leadinModal .leadin-input-wrapper input[type="email"], body #leadinModal-133666.leadinModal .leadin-input-wrapper input[type="tel"] { border-radius: 0; border: none; color: #666666; } body #leadinModal-133666.leadinModal .leadin-input-wrapper input[type="text"].input-error, body #leadinModal-133666.leadinModal .leadin-input-wrapper input[type="email"].input-error, body #leadinModal-133666.leadinModal .leadin-input-wrapper input[type="tel"].input-error { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } body #leadinModal-133666.leadinModal .leadinModal-content .leadin-form-wrapper .leadin-button.leadin-button-primary.leadin-primary.leadin-submit:hover, body #leadinModal-133666.leadinModal .leadinModal-content .leadin-form-wrapper .leadin-button.leadin-button-primary.leadin-primary.leadin-submit{ width: auto; border-radius: 0; font-weight: 400; font-family: 'SquadaOne-regular', sans-serif; font-size: 25px; padding: 8px 20px; line-height: 1.4; background-color: #ffffff !important; color: #FD4F00 !important; } body #leadinModal-133666.leadinModal .leadinModal-content .leadin-button.leadin-advance-button.leadin-button-secondary{ width: auto; border-radius: 0; font-weight: 400; font-family: 'SquadaOne-regular', sans-serif; font-size: 25px; padding: 8px 45px; line-height: 1.4; } body #leadinModal-133666.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-preview .leadin-preview-wrapper .advance-wrapper { text-align: center; } body #leadinModal-133666.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-preview .leadin-preview-wrapper h4, body #leadinModal-133666.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-preview .leadin-preview-wrapper h4 { margin-bottom: 0; line-height: 1; text-align: center; } body #leadinModal-133666.leadinModal .leadin-input-wrapper .error-text { color: #ffffff; } body #leadinModal-137156.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .dyno-image, body #leadinModal-137156.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner .dyno-image { float: left; width: 100px; margin-top: 18px; } body #leadinModal-137156.leadinModal .leadinModal-content .dyno-image img { height: auto; max-width: 100%; width: auto; } body #leadinModal-137156.leadinModal .leadinModal-content .leadin-preview-wrapper h4 { font-weight: 400; font-size: 28px; padding: 8px 0; margin: 0; text-align: left; font-family: 'SquadaOne-regular', sans-serif; } body #leadinModal-137156.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4, body #leadinModal-137156.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form h4 { font-weight: 400; font-size: 28px; padding: 8px 0; margin: 0; text-align: left; font-family: 'SquadaOne-regular', sans-serif; } body #leadinModal-137156.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadinModal-content .leadin-preview-wrapper h4 { font-weight: 400; font-size: 28px; padding: 8px 0; margin: 0; text-align: left; font-family: 'SquadaOne-regular', sans-serif; } body #leadinModal-137156.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-form .leadin-content-body h4{ font-weight: 400; font-size: 28px; color: #ffffff; padding: 8px 0; margin: 0; text-align: left; font-family: 'SquadaOne-regular', sans-serif; } body #leadinModal-137156.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner h4, body #leadinModal-137156.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner h4 { font-weight: 400; font-size: 28px; color: #ffffff; padding: 8px 0; margin: 0; text-align: left; font-family: 'SquadaOne-regular', sans-serif; } body #leadinModal-137156.leadinModal-reset.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-v3.leadinModal-preview .leadinModal-content p, body #leadinModal-137156.leadinModal-reset.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-v3.leadinModal-preview .leadinModal-content p, body #leadinModal-137156.leadinModal-reset.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-v3.leadinModal-preview .leadin-content-body p, body #leadinModal-137156.leadinModal-reset.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-v3.leadinModal-preview.leadinModal-form .leadin-content-body p{ font-family: "Lato",arial,sans-serif; font-size: 16px; line-height: 1.5; } body #leadinModal-137156.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-form .leadin-content-body p, body #leadinModal-137156.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-form .leadin-content-body p{ font-family: "Lato",arial,sans-serif; font-size: 16px; line-height: 1.5; color: #ffffff; } body #leadinModal-137156.leadinModal .leadin-content-body .leadin-button-wrapper { text-align: left; } body #leadinModal-137156.leadinModal.leadinModal-v3 .leadin-form-wrapper { margin-left: 122px; margin-top: 0; padding-top: 0; } body #leadinModal-137156.leadinModal .leadin-content-body .leadin-input-wrapper label { color: #ffffff; font-family: "Lato",arial,sans-serif; font-size: 16px; line-height: 1.5; padding-top: 0; } body #leadinModal-137156.leadinModal .leadin-content-body .leadin-input-wrapper input[type="text"].input-error, body #leadinModal-137156.leadinModal .leadin-content-body .leadin-input-wrapper input[type="email"].input-error, body #leadinModal-137156.leadinModal .leadin-content-body .leadin-input-wrapper input[type="tel"].input-error { font-family: "Lato",arial,sans-serif; font-size: 16px; line-height: 1.5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; padding: 8px 15px; color: #666666; } body #leadinModal-137156.leadinModal .leadin-input-wrapper input[type="text"], body #leadinModal-137156.leadinModal .leadin-input-wrapper input[type="email"], body #leadinModal-137156.leadinModal .leadin-input-wrapper input[type="tel"] { border: none; border-radius: 0; font-family: "Lato",arial,sans-serif; font-size: 16px; line-height: 1.5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; padding: 8px 15px; color: #666666; } body #leadinModal-137156.leadinModal .leadin-content-body .leadin-input-wrapper input[type="text"]:hover, body #leadinModal-137156.leadinModal .leadin-content-body .leadin-input-wrapper input[type="email"]:hover, body #leadinModal-137156.leadinModal .leadin-content-body .leadin-input-wrapper input[type="tel"]:hover { border: none; font-family: "Lato",arial,sans-serif; font-size: 16px; line-height: 1.5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; padding: 8px 15px; color: #666666; } body #leadinModal-137156 .leadin-content-body .leadin-button.leadin-button-primary.leadin-primary.leadin-submit, body #leadinModal-137156 .leadinModal-content .leadin-button-secondary { width: auto; border-radius: 0; font-weight: 400; font-family: 'SquadaOne-regular', sans-serif; font-size: 25px; padding: 8px 20px; line-height: 1.4; background-color: #ffffff !important; color: #FD4F00 !important; } body #leadinModal-137156 .leadinModal-content { background-color: #FD4F00; overflow: visible; border-radius: 0; } body #leadinModal-137156.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadin-content-body .leadinModal-close, body #leadinModal-137156.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner .leadin-content-body .leadinModal-close { top: 0; right: 0; padding: 0 9px; border-radius: 30px; } body #leadinModal-137156.leadinModal.leadinModal-v3 .thank-you-message, body #leadinModal-137156.leadinModal.leadinModal-v3 .thank-you-message * { color: #ffffff; } body #leadinModal-137156.leadinModal .leadin-close-button { color: #ffffff; } body #leadinModal-137156.leadinModal .leadin-footer-link:hover, body #leadinModal-137156.leadinModal .leadin-close-button:hover{ color: #ffffff; } body #leadinModal-133666.leadinModal .leadin-input-wrapper .error-text { color: #ffffff; } /*ARROW ANIMATION*/ #leadinModal-137156 .advance-wrapper, #leadinModal-133666 .advance-wrapper { position: relative; } #leadinModal-137156 .advance-wrapper::after{ content: ""; position: absolute; left: -50px; top: 50%; margin-top: -10px; width: 30px; height: 30px; background-image: url(https://cdn2.hubspot.net/hubfs/2798553/img/new-animation-arrow.png?t=1504804239969); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; z-index: 3; -webkit-animation-name: Floatingx; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; } #leadinModal-133666 .advance-wrapper::after { content: ""; position: absolute; top: 50%; height: 40px; left: -22px; margin-top: -16px; width: 45px; background-image: url(https://cdn2.hubspot.net/hubfs/2798553/img/arrow.png?t=1504804239969); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; z-index: 3; -webkit-animation-name: Floatingx; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; } @-webkit-keyframes Floatingx{ from { -webkit-transform:translateX(0px); } 65% { -webkit-transform:translateX(15px); } to { -webkit-transform: translateX(-0px); } } @-moz-keyframes Floating{ from { -moz-transform:translateX(0px); } 65% { -moz-transform:translateX(15px); } to { -moz-transform: translateX(-0px); } } @-o-keyframes Floating { from { -o-transform: translateX(0px); transform: translateX(0px); } 65% { -o-transform: translateX(15px); transform: translateX(15px); } to { -o-transform: translateX(-0px); transform: translateX(-0px); } } @keyframes Floating { from { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform:translateX(0px); } 65% { -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -o-transform: translateX(15px); transform:translateX(15px); } to { -webkit-transform: translateX(-0px); -moz-transform: translateX(-0px); -o-transform: translateX(-0px); transform: translateX(-0px); } } .sidebar-image{ position: relative; } .sidebar-image img{ max-width: 100%; width: 100%; height: auto; } .hover-image-item { margin: 30px 0; position: relative; width: 100%; } .hover-image-item a{ display: block; } .normal-image{ display: none; } .hover-image-item:hover .normal-image{ display: block; } .hover-image-item:hover .hover-image{ display: none; } body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadinModal-content p, body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form .leadinModal-content p, body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p, body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form p{ } .cb { clear: both; height: 0; margin: 0; padding: 0; } .comparison-content > h3 { font-family: "Roboto",sans-serif; color: #5f5f5f; font-size: 25px; font-weight: 400; text-transform: uppercase; } .comparison-content p { font-family: "Roboto",sans-serif; color: #5f5f5f; font-size: 16px; font-weight: 400; margin: 0 0 35px; } .compare-table { background: #ececec; max-width: 100%; padding: 15px 30px; position: relative; } .compare-table > h3{ font-family: "Roboto",sans-serif; font-size: 24px; font-weight: 400; margin: 0 0 30px; color: #5f5f5f; } .compare-table > h3 strong { font-weight: 400; } .table-head { position: relative; width: 100%; } .table-head h2 { margin: 0; } .left-head { float: left; background: #ffffff; max-width: 45%; width: 100%; padding: 15px; text-align: center; margin-bottom: 15px; } .right-head { float: right; background: #ffffff; max-width: 45%; width: 100%; padding: 15px; text-align: center; margin-bottom: 15px; } .table-product-item .left-head, .table-product-item .right-head{ display: none; max-width: 100%; float: none; } .left-head > h2 { font-family: 'SquadaOne-regular', sans-serif; color: #292929; font-size: 35px; text-transform: uppercase; } .right-head img { height: 35px; width: auto; } .compare-table img{ max-width: 100%; } .table-content { position: relative; width: 100%; } .table-product-item { position: relative; width: 100%; } .table-product-item:not(:last-child){ margin-bottom: 15px; } .table-item-left { background: #ffffff; float: left; max-width: 45%; padding: 5px 15px; width: 100%; } .table-product-description > p { font-family: 'SquadaOne-regular', sans-serif; color: #292929; font-size: 16px; margin: 20px 0 0; text-align: left; } .table-product-description > p span { display: block; } .table-product-price > p { font-family: 'SquadaOne-regular', sans-serif; font-size: 16px; color: #292929; margin: 0; text-align: right; margin: 0; } .compare-image { background: #ffffff; float: left; max-width: 10%; padding: 30px 2px; position: relative; text-align: center; margin-top: 100px; width: 100%; } .table-product-item-total .compare-image { margin-top: 0; padding: 15px 0; } .table-product-item-total { margin-bottom: 15px; position: relative; } .total-price > h2 { font-family: 'SquadaOne-regular', sans-serif; font-size: 35px; color: #292929; line-height: 1.05; margin: 0; padding: 21px 0; text-align: center; } .table-item-right { background: #ffffff; float: right; max-width: 45%; padding: 5px 15px; width: 100%; } .table-item-right a { font-family: 'SquadaOne-regular', sans-serif; color: #292929; display: block; text-decoration: none; text-align: center; } .table-product-price span { font-family: 'SquadaOne-regular', sans-serif; color: #292929; font-size: 20px; } .table-product-thumb { text-align: center; } .table-product-thumb > img { width: 100%; } .comparison-footer{ background: #ffffff; padding: 5px 15px; width: 100%; } .table-product-item-total .left-head, .table-product-item-total .right-head { display: none; } @media screen and (max-width: 767px){ .compare-table > h3 { margin: 0; } .table-product-item-total .left-head { margin-top: 15px; } .left-head { float: none; max-width: 100%; } .table-product-item .left-head { margin-top: 15px; } .table-head .left-head, .table-head .right-head { display: none; } .table-product-item-total .right-head { float: none; max-width: 100%; } .table-product-item .left-head, .table-product-item .right-head{ display: block; } .table-product-item-total .left-head, .table-product-item-total .right-head { display: block; } .compare-image { float: none; margin-top: 0; max-width: 100%; width: 100%; margin-bottom: 15px; } .table-product-item-total .compare-image{ margin-bottom: 15px; } .table-item-left { float: none; max-width: 100%; width: 100%; margin-bottom: 15px; } .table-item-right { float: none; max-width: 100%; width: 100%; } .table-product-item:not(:last-child) { margin-bottom: 0; } .blog-pagination > div.next-button { float: none; max-width: 100%; text-align: center; } .blog-pagination > div.prev-button { float: none; max-width: 100%; text-align: center; } } .blog-pagination{ margin-bottom: 15px; } .blog-pagination > div.next-button { float: right; max-width: 50%; } .blog-pagination > div.prev-button { float: left; max-width: 50%; } .blog-pagination > div.prev-button a { display: block; width: auto; } .blog-pagination > div.next-button a { display: block; width: auto; } .section.post-body ul { list-style: outside none none; padding: 0; } .section.post-body a { color: #111111; text-decoration: none; } .section.post-body a:hover { color: #fd4f00; text-decoration: none; } .section.post-body ul, .section.post-body ol { list-style-position: inside; padding: 0; } .section.post-body ol li { font-weight: 700; } .klein-tools-product { margin: 15px 0; text-align: center; } .section.post-body .klein-tools-product > ul { margin: 0; padding: 0; } .section.post-body .klein-tools-product ul li { display: inline-block; list-style: outside none none; margin: 0 15px; max-width: 13%; min-width: 160px; text-align: center; vertical-align: top; overflow: hidden; } .section.post-body .klein-tools-product ul li a { display: block; opacity: 0.9; text-decoration: none; } .section.post-body .klein-tools-product ul li a:hover{ opacity: 1; } .section.post-body .klein-tools-product ul li a p { color: #111111; position: relative; z-index: 1; } .section.post-body .klein-tools-product ul li a:hover p{ color: #fd4f00; } .section.post-body .klein-tools-product ul li a img { transform: scale(1) rotate(0deg); transition: all 0.3s ease 0s; } .section.post-body .klein-tools-product ul li a:hover img { transform: scale(1.1) rotate(35deg); transition: all 0.3s ease 0s; } .blog-product-item { clear: both; position: relative; padding: 10px; } .blog-post-wrapper.cell-wrapper { padding: 0 5px; } .blog-product-item .blog-product-thumb{ float: right; } .blog-product-thumb { background: #dddddd none repeat scroll 0 0; border-radius: 100%; float: none; padding: 20px; position: relative; vertical-align: top; width: 250px; margin: 20px 0; } .section.post-body .blog-product-thumb a, .section.post-body .blog-product-thumb a:focus { display: inline-block; outline: none; position: relative; text-decoration: none; padding: 10px; } .section.post-body .blog-product-thumb a::after { border: 10px solid #ffffff; border-radius: 100%; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .section.post-body .blog-product-thumb a::before { background: #dddddd; border-radius: 0 40% 50% 50%; bottom: 0; content: ""; height: 95%; left: 0; position: absolute; transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transform-origin: center center 0; -moz-transform-origin: center center 0; -webkit-transform-origin: center center 0; width: 95%; z-index: 0; } .section.post-body .blog-product-thumb a:hover::before{ left: 10px; transform: rotateZ(-35deg); -moz-transform: rotateZ(-35deg); -webkit-transform: rotateZ(-35deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transform-origin: center center 0; -moz-transform-origin: center center 0; -webkit-transform-origin: center center 0; } .blog-product-thumb img { border-radius: 100%; height: auto; max-width: 100%; position: relative; z-index: 1; } .section.post-body hr { background-color: #ccc; border: medium none; clear: both; color: #ccc; height: 1px; position: relative; top: 15px; } .widget-module ul { padding: 0 0 0 12px; } @media screen and (max-width: 480px){ .blog-product-thumb { float: none; margin: 20px auto; padding: 20px; width: 250px; } .custom-footer-form h3 { font-size: 20px; } .custom-footer-form h3 > strong::after { height: 30px; left: -40px; top: 0; width: 35px; } } .section.post-body .blog-item:not(:first-child) { display: none; } .hs-content-id-5270863343 .custom-featured-img.header-featured { display: none; } .hs-content-id-5271228083 .span9.widget-span.widget-type-cell.blog-content:hover { transition: all 500ms ease; box-shadow: 0 0 20px rgba(0, 0, 0, 0.33); } .hs-content-id-5271228083 .span9.widget-span.widget-type-cell.blog-content { border-radius: 4px; transition: all 500ms ease; padding: 10px 20px; box-shadow: 0 0 30px #f3f3f3; } .hs-content-id-5271228083 img.sigle-d{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 5px; } .hs-content-id-5271228083 hr{ background-color: #e5e5e5; } .hs-content-id-5271228083 p.image-col-3 img, p.img-col-2 img{ width: 30.33%!important; margin: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 5px; } .hs-content-id-5271228083 p.img-col-2{ text-align: center; } .hs-content-id-5271228083 .containerr td { font-weight: normal; font-size: 1em; -webkit-box-shadow: 0 2px 2px -2px #0E1119; -moz-box-shadow: 0 2px 2px -2px #0E1119; box-shadow: 0 2px 2px -2px #0E1119; } .hs-content-id-5271228083 .containerr { text-align: left; overflow: hidden; width: 100%; margin: 0 auto; display: table; } .hs-content-id-5271228083 .containerr td, .hs-content-id-5271228083 .containerr th { padding-bottom: 2%; padding-top: 2%; padding-left:2%; } /* Background-color of the odd rows */ .hs-content-id-5271228083 .containerr tr:nth-child(odd) { background-color: #414143; } /* Background-color of the even rows */ .hs-content-id-5271228083 .containerr tr:nth-child(even) { background-color: #2C3446; } .hs-content-id-5271228083 .containerr tr.first td { color: #ff5000; font-weight: bold; text-transform: uppercase} .containerrr tr, .containerrr tr td{ transition: 0.4s; } .containerr a { color: #fff!important; font-size: 13px; font-weight: bold; } .containerrr tr td a:hover td, .containerrr tr:hover{ background-color: #ff5000; color:#fff; -webkit-box-shadow: 0 2px 2px -2px #ff5000; -moz-box-shadow: 0 2px 2px -2px #ff5000; box-shadow: 0 2px 2px -2px #ff5000; } .hs-content-id-5271228083 .table-item-left, .hs-content-id-5271228083 .table-item-right { max-height: 250px; } .hs-content-id-5270863343 .related-product-grid{ display: none; } .product-grid { position: relative; width: 100%; } .product-grid > li { clear: both; position: relative; } .product-grid-content strong { font-size: 18px; font-weight: 500; color: #fd4f00; } .section.post-body .product-grid .read-more { background: #fd4f00; border: 2px solid #fd4f00; box-sizing: border-box; color: #ffffff; display: inline-block; font-weight: 500; margin: 20px 0; padding: 10px 20px; /*position: absolute;*/ /*right: 12%;*/ /*top: 150px;*/ /*visibility: hidden;*/ /*opacity: 0;*/ transition: all 0.3s ease 0s; vertical-align: top; z-index: 2; } .product-grid li:hover .product-grid-content > img { opacity: 0.8; } .section.post-body .product-grid > li:hover .read-more{ opacity: 1; visibility: visible; transition: all 0.3s ease 0s; } .section.post-body .product-grid > li .read-more:hover{ box-shadow: 0 0 10px 0 #333; transition: all 0.3s ease 0s; } .body-container .hs_cos_wrapper_type_rich_text .product-grid > li { box-shadow: 0 0 1px 0 #000000 inset; padding: 10px; transition: all 0.2s ease 0s; } .body-container .hs_cos_wrapper_type_rich_text .product-grid > li:hover { box-shadow: 0 0 15px -9px #000000 inset; transition: all 0.2s ease 0s; } .product-grid-thumb{ float: right; margin: 0 0 15px 30px; background: #dddddd; border-radius: 100%; padding: 20px; position: relative; vertical-align: top; width: 250px; height: 250px; } .product-grid-thumb::before { background: #dddddd; border-radius: 0 40% 50% 50%; bottom: 0; content: ""; height: 88%; left: 13px; position: absolute; transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transform-origin: center center 0; -moz-transform-origin: center center 0; -webkit-transform-origin: center center 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 88%; z-index: 0; } .product-grid > li:hover .product-grid-thumb::before { left: 30px; transform: rotateZ(-40deg); -moz-transform: rotateZ(-40deg); -webkit-transform: rotateZ(-40deg); transform-origin: center center 0; -moz-transform-origin: center center 0; -webkit-transform-origin: center center 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 80%; } .product-grid-thumb::after { border: 10px solid #dddddd; border-radius: 100%; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .product-grid-thumb img { border-radius: 100%; height: auto; max-width: 100%; position: relative; z-index: 1; } .blog-product-item { box-shadow: 0 0 1px 0 #333333; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; } .blog-product-item:hover{ box-shadow: 0 0 20px -3px #333333; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; } @media screen and (max-width: 480px) { .product-grid-thumb { float: none; height: 200px; margin: 20px auto; width: 200px; } } @media (max-width: 800px) { .hs-content-id-5271228083 p.image-col-3 img { width: 100%!important; margin: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 5px; } } ul.jokes-lists { list-style: none; } .body-container .hs_cos_wrapper_type_rich_text .blog-jokes-item-section ul.jokes-lists { overflow: hidden; margin: 0; padding-top: 12px; } ul.jokes-lists li { border: 2px solid #fd4f00; padding: 15px; border-radius: 5px; position: relative; } .body-container .hs_cos_wrapper_type_rich_text .blog-jokes-item-section ul.jokes-lists li:not(:first-child) { margin: 50px 0 0; } .body-container .hs_cos_wrapper_type_rich_text .blog-jokes-item-section ul.jokes-lists li::after{ content: ""; position: absolute; top: -19px; left: 0; width: 44px; height: 19px; background-image: url(https://cdn2.hubspot.net/hubfs/2798553/img/electrical-jokes-box.png?t=1504804239969); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; } .body-container .hs_cos_wrapper_type_rich_text .blog-jokes-item-section ul.jokes-lists li.last-but-not::before{ content: ""; position: absolute; bottom: -19px; right: 0; width: 44px; height: 19px; background-image: url(https://cdn2.hubspot.net/hubfs/2798553/img/electrical-jokes-box.png?t=1504804239969); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; transform: rotateY(180deg) rotateX(180deg); } .body-container .hs_cos_wrapper_type_rich_text .blog-jokes-item-section ul.jokes-lists li.last-but-not { margin-bottom: 20px; } .blog-jokes-item-section .blog-pagination > div.prev-button a { display: block; min-width: 100px; font-family: 'SquadaOne-regular', sans-serif !important; font-size: 20px; font-weight: normal; color: #fd4f00; padding: 6px 16px; line-height: 1; border: 2px solid #fd4f00; border-radius: 8px; } .blog-jokes-item-section .blog-pagination > div.prev-button a:hover { color: #ffffff !important; } .blog-jokes-item-section .blog-pagination > div.next-button a { display: block; min-width: 100px; font-family: 'SquadaOne-regular', sans-serif !important; font-size: 20px; font-weight: normal; color: #fd4f00; padding: 6px 16px; line-height: 1; border: 2px solid #fd4f00; border-radius: 8px; } .blog-jokes-item-section .blog-pagination > div.next-button a:hover { color: #ffffff !important; } .jokes-box { position: absolute; top: 50%; left: -15px; width: 40px; text-transform: uppercase; background: #fd4f00; font-weight: 600; color: #ffffff; padding: 10px 8px; font-family: 'SquadaOne-regular', sans-serif; font-size: 20px; letter-spacing: 3px; text-shadow: none; height: 40px; border-radius: 100%; text-align: right; margin-top: -20px; } /*.jokes-box::after {*/ /* content: "";*/ /* position: absolute;*/ /* bottom: 0;*/ /* left: 0;*/ /* width: 0;*/ /* height: 0;*/ /* border-top: 25px solid #ffffff;*/ /* border-left: 45px solid transparent;*/ /* border-right: 45px solid transparent;*/ /* transform: rotateX(180deg);*/ /*}*/ .jokes-lists p { margin: 0; padding-left: 20px; font-weight: normal; font-size: 16px; } ul.jokes-lists.over-to-you { overflow: hidden; padding-top: 10px; margin: 0; } ul.jokes-lists li { position: relative; } ul.jokes-lists.over-to-you li::after{ content: ""; position: absolute; top: -19px; left: 0; width: 44px; height: 19px; background-image: url(https://cdn2.hubspot.net/hubfs/2798553/img/electrical-jokes-box.png?t=1504804239969); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; } li.last-but-not h3 { margin: 0; text-align: center; font-family: 'SquadaOne-regular', sans-serif !important; font-size: 28px; font-weight: normal; color: #fd4f00; } ul.jokes-lists.over-to-you h4 { margin: 0 0 15px; color: #333333; } ul.jokes-lists.over-to-you p{ padding-left: 0; } .plumber-introduction h3 { margin: 20px 0 0; text-transform: uppercase; color: #f05423; font-size: 28px; font-family: 'SquadaOne-regular', sans-serif !important; font-weight: normal; } .plumber-introduction p { border: 1px solid #f05423; border-radius: 5px; padding: 15px 15px 15px 40px; position: relative; font-weight: bold; color: #333333; } .plumber-jokes-box { text-transform: uppercase; color: #f05423; font-size: 28px; font-family: 'SquadaOne-regular', sans-serif !important; font-weight: normal; } .plumber-introduction p::after{ content: ""; position: absolute; top: 10px; left: -4px; background-image: url(https://cdn2.hubspot.net/hubfs/2798553/img/plumbers-jokes-box.png?t=1504804239969); background-position: right top; background-repeat: no-repeat; background-size: 100% 100%; width: 31px; height: 18px; } ul.plumber-jokes-lists li { background-color: #e9e9e9; padding: 15px 15px 15px 40px; position: relative; } ul.plumber-jokes-lists li::after{ content: ""; position: absolute; top: 10px; left: -4px; background-image: url(https://cdn2.hubspot.net/hubfs/2798553/img/plumbers-jokes-box.png?t=1504804239969); background-position: right top; background-repeat: no-repeat; background-size: 100% 100%; width: 31px; height: 18px; } ul.plumber-jokes-lists li:hover { box-shadow: 0 0 11px -2px #333333; } ul.plumber-jokes-lists li p { font-style: italic; color: #333333; font-weight: 500; } .plumber-over-to-you h4 { margin: 20px 0 0 10px; text-transform: uppercase; color: #f05423; font-size: 28px; font-family: 'SquadaOne-regular', sans-serif !important; font-weight: normal; } .plumber-over-to-you ul.jokes-lists { margin-top: 0; } .plumber-over-to-you .jokes-lists p { margin: 0; padding-left: 0; } .jcarousel { position: relative; overflow-x: hidden; width: 100%; min-height: 290px; } .jcarousel ul { width: 20000em; padding: 15px 0; position: relative; list-style: none; margin: 0; } .jcarousel li { width: 300px; float: left; padding: 0 10px; } .jcarousel img { display: block; max-width: 100%; height: auto !important; } .carosel-control-next { position: absolute; top: 50%; right: 25px; margin-top: -30px; } .carosel-control-pre { position: absolute; top: 50%; left: 25px; margin-top: -30px; } .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 45%; border-style: solid; bottom: 90px; color: #ddd; display: block; height: 38px; line-height: 30px; left: 50%; margin-left: -25px; position: absolute; width: 38px; z-index: 11; } .jcarousel-control-prev:hover, .jcarousel-control-next:hover { color: #000000; border-color: #000000; } .jcarousel-control-prev:focus, .jcarousel-control-next:focus { color: inherit; border-color: inherit; outline: none; } .jcarousel-control-prev { left: 50%; margin-left: -15px; top: 16px; } .jcarousel-control-next { right: 50%; margin-right: -15px; top: 16px; } body .blog-section .post-body h3.custom-blog-title span { font-family: 'SquadaOne-regular', sans-serif; font-size: 35px; font-weight: 400; padding: 10px 35px 10px 15px; background: #fd4f00; color: #ffffff; position: relative; } body .blog-section .post-body h3.custom-blog-title span::after { content: ""; position: absolute; top: 0; right: 0; height: 0; width: 0; border-right: 28px solid #ffffff; border-top: 28px solid transparent; border-bottom: 28px solid transparent; } .why-best-item { border: 1px solid #fd4000; margin-bottom: 20px; clear: both; } h2.section-best-title { margin: 20px 0; padding: 20px 15px; text-align: center; color: #fd4f00; text-transform: uppercase; font-family: 'SquadaOne-regular', sans-serif !important; font-size: 30px; background: #f5f5f5; line-height: 40px; } h2.section-sub-title { color: #fd4000; font-size: 28px; text-transform: uppercase; font-family: 'SquadaOne-regular', sans-serif !important; font-weight: 500; position: relative; background: none; margin: 0; } h2.section-sub-title strong { font-family: 'SquadaOne-regular', sans-serif !important; display: block; background: #f5f5f5; padding: 10px 0; text-transform: uppercase; font-size: 28px; } .why-best-item p{ padding: 0 15px; } @media screen and (max-width: 1099px){ .why-best-item { padding-bottom: 20px; } h2.section-sub-title strong { padding: 8px 15px; } .why-best-item img { width: 100% !important; float: none !important; margin: 0 !important; } } .span12.widget-span.widget-type-cell.footer-bottom-area{margin:auto!important;max-width: 1180px;float: none;width:90%} #directwholesaleBody > iframe{display:none} .loginHelpButton, .loginHelpButtonLabel, .popupContent { display: none; } /* Fix PPE header alignment */ li.La.AUTO.parent:nth-child(5) div.sub_navs li.Lb .megaNav_title { width: 80% !important; } .mandatory img { vertical-align: top; } .facetNavigation .facetValues .more a { border-top: none; margin: 0; } /******* Account Page Tweaks ******/ @media(min-width: 768px) { .span-20.last.customAccount { margin-top: -25px !important; } #directwholesaleBody #page #content .dw_myaccount { margin-top: 40px; } } #directwholesaleBody #page #content > .dw_myaccount > .span-20 .my_account_blocks .tile { border: none; height: 130px; } #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column .title_holder h2 { display: none; } #content .span-4 .item ul.facet_block li { background: transparent !important; border: none; padding: 10px !important; border-right: 1px solid #ff5001 !important; } #directwholesaleBody #page #content > .dw_myaccount > .span-4 .nav_column .item ul.facet_block li a { font-size: 14px !important; color: #666; } .customAccount .tile .headline a { font-family: 'SquadaOne-Regular'; font-weight: normal; font-size: 1.7em; color: #444; display: inline-block; margin-bottom: 5px; } .dw_myaccount .my_account_blocks li a { color: #ff5001; font-weight: 600; display: inline-block; padding: 5px 0 10px 0; } .customAccount .tile .headline { background-size: 28px; background-repeat: no-repeat; padding-left: 40px; background-position: 0px 10px; padding-top: 8px; } .customAccount .tile.profile .headline { background-image: url(../images/user.png); } .customAccount .tile.addressBook .headline { background-image: url(../images/address-book.png); } .customAccount .tile.orderHistory .headline { background-image: url(../images/list.png); background-position: 1px 15px; } .customAccount .tile.my-favourites .headline { background-image: url(../images/heart.png); background-position: 4px 14px; } /****** End account page tweaks ******/ @media(min-width: 768px) and (max-width: 960px) { #directwholesaleBody #page #content { top: 157px; } } /****** Account Detail tweaks ******/ #directwholesaleBody #page #content > .dw_myaccount .account_info > a { text-align: center; margin-right: 20px; margin-left: 0px; } #directwholesaleBody #page #content > .dw_myaccount .account_info #preferenceform .terms label { margin-left: 5px; position: relative; top: -3px; } .datagrid table thead th { background-color: transparent; color: #444; border-bottom: 1px solid #666 !important; } .datagrid table td { text-indent: 0; } #directwholesaleBody #page #content > .dw_myaccount .my_favorite #favourite_list thead tr th { width: 50%; padding-left: 0; } input#newWishlistName { float: left; } .create_update_payment_id{display:none!important} #directwholesaleBody #page #content > .dw_myaccount .my_favorite .my_fav_button .inner_btn_area .bottomRoom { margin-right: 0; } .outage{width: 100%; text-align: center; position: absolute; top: 190px; z-index: 10; padding: 10px 0px 10px 30px; box-sizing: border-box; background: #5f9ea0; color: #fff; font-size: 11px; }