/**
 * Location: pages/search.css
 * Search pages
 * 1. Search public style
 * 2. Left refinements style
 * 3. Right content
 * 4. Brand Landing
 * 5. Brand Listing
 * 6. Category Landing
 * 7. Search No Result 
 * 8. Compare Products
 */

/* 1. Search public style
-------------------------------------------------------*/
.search .first-row {
	padding-top: 20px;
}

.pop-tool-tip{
	margin-top: 30px;
	padding: 7px;
	border: 1px solid #d0e693;
	background-color: #ffffcc;
	width: auto;
	line-height: 1;
	font-size: 14px;
	font-weight: 600;
	max-width: 200px;
}

.pop-tool-tip:after{
	right: 230px;
	display: none;
}

.search .correct-row {
	background-color: #faa519;
	padding: 15px 10px;
	color: #fff;
	line-height: 1.2;
	font-size: 18px;
	margin-bottom: 20px;
}

/* 2. Left refinements style
-------------------------------------------------------*/
.refinements > .refine-item + .refine-item,
.merch-fpo {
	margin-top: 20px;
}

.refine-item.ri-open {
	background-color: #f9f8f6;
}

.refine-item.ri-close {
	background-color: #3d3c3a;
}

.refine-item .ri-title {
	position: relative;
	padding: 12px 35px 10px 20px;
	font-weight: 700;
	font-size: 18px;
	text-transform: capitalize;
	cursor: pointer;
	word-wrap: break-word;
}
.refine-item.ri-open .ri-title:focus,
.refine-item.ri-open .ri-title:hover {
	background-color: #385CAD;
	color: #fff;
}

.refine-item.ri-open .ri-title {
	color: #0C0F12;
	background-color: #F4F4F4;
}

.refine-item.ri-close .ri-title {
	color: #f6f6f6;
}

.refine-item .ri-title:after {
	position: absolute;
	top: 15px;
	right: 20px;
	content: " ";
	pointer-events: none;
	border-width: 6px;
	border-style: solid;
}

.refine-item.ri-close .ri-title:after {
	top: 20px;
}

.refine-item.ri-open .ri-title:after {
	border-color: transparent transparent #385CAD transparent;
}

.refine-item.ri-open .ri-title:hover:after {
	border-color: transparent transparent #fff transparent;
}

.refine-item.ri-close .ri-title:after {
	border-color: #fff transparent transparent transparent;
}

.refine-item.ri-open .selec-title.ri-title:after {
	display: none;
}

.refine-item.ri-open .selec-title.ri-title:hover {
	background-color: transparent;
	color: #36bae2;
	cursor: default;
}

.refine-item.ri-close .ri-cont {
	display: none;
}

.refine-item .ri-cont {
	padding: 5px 20px 20px 20px;
	list-style: none;
	background-color: #EDEDED;
}

.refine-item .ri-cont.color-cont {
	padding-right: 0;
}

.refine-item .ri-cont li > label {
	 margin-bottom: 0; 
	 width: 100%;
	 word-wrap: break-word;
}

.refine-item .ri-cont a {
	font-weight: 400;
	color: #595454;
	font-size: 16px;
}
.refine-item .ri-cont a:focus,
.refine-item .ri-cont a:hover {
	color: #385CAD;
}

.refine-item .refine-showmore {
	padding: 20px 0 20px 20px;
	margin-top: -10px;
}

.refine-item a.show-more {
	font-weight: 700;
	color: #385CAD;
}

.refine-item .selec-cont a {
	word-wrap: break-word;
	position: relative;
	display: block;
	padding-left: 30px;
}

.refine-item .selec-cont a:before {
	position: absolute;
	background: url(../common/icon.png) no-repeat -300px -250px;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	content: " ";
}

.refine-item .select-cont span.close {
	position: relative;
}

.refine-item .select-cont span.close:before {
	position: absolute;
	background: url(../common/icon.png) no-repeat -300px -250px;
	width: 20px;
	height: 20px;
	top: 0;
	left: -20px;
	content: " ";
}

.refine-item .button {
	display: block;
}

.refine-item .selec-button-box {
	padding: 5px 20px 20px 20px;
}

.refine-item .selec-button-box > a{
	height: 37px;
}

.ri-cont > li + li {
	margin-top: 10px;
}

.ri-cont.selec-cont > li + li {
	margin-top: 15px;
}

.ri-cont .filter-item {
	margin-left: 5px;
	color: #595454;
	font-weight: 400;
}

.ri-cont.color-cont > li {
	float: left;
	margin: 0 8px 12px 0;

}

.finish-cont .filter-item-cont,
.finish-cont .filter-item-img {
	display: table-cell;
	vertical-align: middle;
}

.finish-cont {
	display: table;
	width: 100%;
}

.finish-cont > li {
	display: table-row;
}

.finish-cont > li + li > .filter-item-img,
.finish-cont > li + li > .filter-item-cont {
	padding-top: 20px;
}

.finish-item {
	display: block;
	width: 60px;
	height: 42px;
	border: 1px solid #857f7f;
}

.finish-cont .filter-item-cont {
	padding-left: 10px;
}

.finish-cont .filter-item-img {
	width: 60px;
}

.finish-cont .filter-item-img img {
	border: 1px solid #857f7f;
	width: 60px;
	height: 42px;
}

.color-item {
	display: block;
	width: 39px;
	height: 28px;
	border: 1px solid #857f7f;
}

.color-item img{
	width: 37px;
	height: 26px;
	max-width: none;
	vertical-align: top;
}
.color-item.selected,
.finish-cont .filter-item-img img.selected{
	border-width: 2px;
}

.color-item.selected img{
	width: 35px;
	height: 24px;
}

.color-item.white {
	background-color: #fff;
}

.color-item.yellow {
	background-color: #f6f2d6;
}

.color-item.gray {
	background-color: #e4e2e0;
}

.color-item.darkgray {
	background-color: #abaaa9;
}

.merch-fpo {
	height: 220px;
	background-color: #e4e3e3;
	text-align: center;
	line-height: 220px;
	font-size: 24px;
}

/* 3. Right content
-------------------------------------------------------*/
.right-cont .collect-title{
	font-size: 20px;
	color: #36bae2;
	font-family: "Arial", Sans-Serif;
	padding-top: 10px;
}

.right-cont .rc-header {
	margin-top: 25px;
	margin-bottom: 15px;
}

.right-cont .merc-banner {
	margin-bottom: 20px;
}

.right-cont .breadcrumb {
	margin: 0;
}

.right-cont .breadcrumb li {
	line-height: 1;
}

.right-cont .rc-header {
	padding: 16px 20px;
	background-color: #f9f8f6;
}

.rc-header .choose-range-box {
	float: left;
}

.rc-header .mystore-select-box {
	float: right;
	width: 300px;
}

.rc-header .choose-range,
.rc-header .mystore-select-box label {
	color: #00446a;
	font-size: 15px;
}

.rc-header .normal-raio-box {
	margin-top: 5px;
	margin-bottom: 5px;
}

.rc-header .normal-raio-box > label {
	margin-bottom: 0;
	margin-right: 5px;
	font-weight: 400;
	color: #595454;
}

.rc-header .choose-range .icon {
	position: relative;
	left: 5px;
	top: 2px;
}

.rc-header .choose-range .icon:after{
	display: none;
}

.result-count {
	margin-top: 10px;
	line-height: 1.2;
	font-size: 18px;
}

.rc-header .search-key {
	font-size: 28px;
	color: #36bae2;
	line-height: 0.95;
}

.view-switch-box {
	margin-top: -5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	position: relative;
}

.view-icon-box {
	float: left;
	padding: 10px 10px 6px;
	position: relative;
}

.view-switch-box > .view-icon-box > i{
	color: #385CAD;
}

.view-icon-box.selected {
	background-color: #cccccc;
}

.view-icon-box.selected:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #cccccc transparent transparent transparent;
	position: absolute;
	top: 44px;
}
.view-icon-box.selected-triangle-list.selected:after{
	left: 16px;
}
.view-icon-box.selected-triangle-grid.selected:after{
	right: 14px;
}

.list-view-icon {
	background: url(../common/icon.png) no-repeat;
	width: 16px;
	height: 14px;
	display: inline-block;
}

.view-icon-box.selected .material-icons{
	color: #888a8c;
}

.grid-view-icon {
	background: url(../common/view-grid-purple.png) no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.view-icon-box.selected .list-view-icon {
	background-position: -44px -250px;
}

.view-icon-box.selected .grid-view-icon {
	background: url(../common/view-grid-grey.png) no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.list-view-icon {
	background-position: -44px -296px;
}

.grid-view-icon {
	/*background-position: 0 -310px;*/
}

.right-cont .merc-banner {
	height: 150px;
	line-height: 150px;
	font-size: 18px;
	text-align: center;
	background-color: #b3b3b3;
	color: #fff;
	font-weight: 600;
}

.tool-bar .button {
	width: 140px;
}

.tool-bar .tb-right {
	float: left;
	line-height: 30px;
}

.tb-right .sort {
	float: left;
}

.tb-right .ipp {
	float: left;
	margin-left: 18px;
}

.tbr-item > label {
	float: left;
	margin: 0;
	vertical-align: text-top;
	color: #3d3c3a;
}

.tbr-item.sort > label {
	width: 40px;
	font-size: 15px;
	padding-top: 3px;
}

.tbr-item.ipp > label {
	width: 115px;
	font-size: 15px;
	padding-top: 3px;
}

.tbr-item.sort .select {
	width: 175px;
}

.tbr-item.ipp .select {
	width: 70px;
}

/* search result */
.search-results-box {
	overflow: hidden;
}

.search-results {
	list-style: none;
	margin-bottom: 5px;	
}

.search-results.grid-model + .pagination-bar {
	padding-top: 0;
}

.search-results.grid-model .inline-banner {
	padding-right: 20px;
	width: 100%;
	float: left;
}

/* item */
.sr-item .compare-box > label {
	font-weight: 400;
	color: #595454;
}

.compare-box > span {
	margin-left: 5px;
}
.search-result-popover{
	z-index: 100;
}
.sr-item .prod-desc {
	min-height: 75px;
}

.prod-desc .prod-name {
	line-height: 0.9;
	margin-bottom: 5px;
	min-height: 23px;
}

.prod-desc .prod-name a {
	font-size: 18px;
	font-weight: 700;
}

.prod-desc .prod-model {
	text-transform: uppercase;
	line-height: 1;
}

.grid-model .prod-desc .prod-model {
	margin-top: 15px;
}

.prod-desc .prod-model a {
	display: block;
	color: #b9babc;
	word-break: break-all;
	font-weight: 400;
}

.prod-desc .prod-model a.custom-skuid {
	margin-top: 2px;
	color: #92bc02;
}

.sr-item .icon-box {
	margin-bottom: 15px;
	height: 20px;
}

.sr-item .icon-box .icon {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.sr-item .pdf-doc {
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size: 13px;
	color: #595454;
	padding-left: 27px;
	margin-top: 5px;
	line-height: 16px;
	padding-top: 5px;
	height: 24px;
	overflow: hidden;
}

.sr-item .pdf-doc:after {
	position: absolute;
	background: url(../common/icon.png) no-repeat -120px -310px;
	width: 18px;
	height: 24px;
	top: 0;
	left: 0;
	content: " ";
}

.sr-item .start-price > .price {
	font-size: 22px;
	font-weight: 700;
	color: #3d3c3a;
	line-height: 1.1;
}

.sr-item .start-price > .price .price-error {
	padding-top: 0;
	padding-bottom: 0;
}

.sr-item .start-price > .price .decimal {
	font-size: 14px;
	padding-left: 2px;
	display: inline-block;
	vertical-align: top;
	line-height: 14px;
	font-weight: bold;
}

.quick-view-box .in-store-box {
	padding-bottom: 10px;
	margin-top: 12px;
}

.quick-view-box .in-store-box .store-count {
	line-height: 1.4;
}

.quick-view-box .in-store-box a {
	font-size: 15px;
}

.store-count .gray {
	color: #b2b2b2;
}

/* list item */
.list-model > .sr-item {
	position: relative;
	padding: 20px;
}

.list-model .sr-item-left img {
	max-width: 100%;
	max-height: 100%;
}

.list-model > .odd-item {
	background: #f8f8f8;
}

.list-model > .sr-item > .sr-item-left {
	width: 100px;
	height: 100px;
	text-align: center;
	float: left;
}

.list-model > .sr-item > .sr-item-right {
	margin-left: 120px;
	margin-right: 180px;
	min-height: 137px;
}

.list-model .compare-box {
	position: absolute;
	left: 20px;
	top: 130px;
}

.list-model .quick-view-box {
	position: absolute;
	right: 20px;
	top: 20px;
	max-width: 150px;
	text-align: right;
}

.list-model .quick-view-box .button {
	width: 150px;
	height: 36px;
}
.list-model .sir-first-table {
	display: table;
    width: 100%;
}
.list-model .sir-first-row {
	display: table-row;
}

.list-model .sir-second-row {
	margin-right: -50px;
}

.list-model .table-cell {
	display: table-cell;
	vertical-align: top;
	width: 240px;
}

.list-model .table-cell.start-price {
	width: 140px;
	text-align: right;
}

.list-model .prod-desc .prod-name {
	max-height: 32px;
	overflow: hidden;
}

.list-model .sr-item .prod-desc {
	margin-bottom: 15px;
}

.points-box {
	margin-top: 5px;
	color: #faa519;
}

.points-box .icon {
	width: 21px;
	height: 21px;
	padding-top: 3px;
	background-position: -300px -274px;
	color: #fff;
	font-style: normal;
	font-size: 12px;
	text-align: center;
	vertical-align: text-bottom;
}

/* grid item */
.grid-model-box {
	overflow: hidden;
}

.search-results.grid-model {
	margin-right: -20px;
}

.grid-model .sr-item {
	width: 180px;
	height: 432px;
	float: left;
	padding-right: 20px;
	padding-top: 30px;
	margin-bottom: 30px;
}

.grid-model .sr-item-left {
	width: 160px;
	height: 160px;
	line-height: 160px;
	text-align: center;
}

.grid-model .sr-item-left img{
	max-height: 100%;
	max-width: 100%;
}

.grid-model .sr-item-left,
.grid-model .start-price,
.grid-model .compare-box {
	margin-bottom: 10px;
}

.grid-model .prod-desc {
	margin-bottom: 7px;
}

.grid-model .sir-second-row {
	display: none;
}

.grid-model .sir-first-row {
	height: 120px;
}

.grid-model .table-cell {
	display: block;
}

.grid-model .start-price {
	min-height: 62px;
	line-height: 1.2;
}

.grid-model .start-price .starting-at{
	min-height: 19px;
}

.grid-model .icon-box,
.grid-model .start-price,
.list-model .start-price {
	margin-bottom: 15px;
}

.grid-model .quick-view-box .start-price{
	position: relative;
}

.grid-model .quick-view-box .start-price .more-option{
	font-weight: 400;
	font-style: italic;
}

.calling-for-price{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.grid-model .quick-view-box .button {
	width: 100%;
	height: 35px;
    font-size: 16px;
    text-transform: none;
}

.grid-model .prod-desc .prod-name {
	height: 50px;
	overflow: hidden;
}

.plp-no-result-tip {
	position: relative;
	padding: 19px;
	margin-top: 37px;
	margin-bottom: 30px;
	background-color: #efc92d;
}

.plp-no-result-tip p {
	padding-right: 115px;
	font-size: 23px;
	color: #fff;
	line-height: 1;
}

.plp-no-result-tip .dismiss-btn {
	position: absolute;
	top: 18px;;
	right: 18px;
	color: #fff;
	font-weight: 400;
}


/* comparison */
.comparison-row {
	margin-bottom: 0;
	padding: 20px 10px;
	background-color: #f9f8f6;
	display: none;
}

.comparison-row .prod-img {
	display: block;
	width: 116px;
	height: 116px;
	text-align: center;
	line-height: 116px;
	margin-bottom: 5px;
}

.comparison-row .prod-img img{
	max-width: 100%;
	max-height: 100%;
}
 
.comparison-row > p {
	padding: 0 10px;
	line-height: 1.1;
	font-weight: 700;
	color: #03324c;
	text-transform: uppercase;
}

.comparison-row .comp-item {
	float: left;
	width: 20%;
	padding: 20px 10px;
}

.comparison-row .empty-item p {
	height: 116px;
	line-height: 116px;
	text-align: center;
	font-size: 75px;
	background: #e4e3e3;
	color: #f9f8f6;
	font-weight: 600;
}

.comparison-row .prod-name {
	line-height: 1;
	height: 50px;
	overflow: hidden;
}

.comparison-row .prod-name a {
	font-size: 16px;
}

.comparison-row .prod-model {
	font-size: 13px;
	margin-bottom: 1px;
}

.comparison-row .remove {
	font-size: 13px;
}

.button-box {
	padding-left: 10px;
}

.button-box .compare-btn {
	width: 140px;
	margin-right: 8px;
}

.search-result-popover > strong {
	font-weight: 600;
}


/* 4. Brand Landing
-------------------------------------------------------*/
.brand-title {
	position: relative;
	margin-top: 5px;
}

.brand-title h1 {
	line-height: 80px;
	border-bottom: 2px solid #e4e3e3
}

.brand-block-banner {
	margin: 35px 0 20px;
}

.brand-spec {
	margin-bottom: 20px;
}

.brand-spec > header {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	color: #3d3c3a;
	line-height: 1;
}

.brand-spec > p {
	padding: 5px 0;
	line-height: 1.5;
}

.brand-prom-item {
	position: relative;
}

.brand-prom-item .prom-txtbox {
	position: absolute;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 0.83;
}

.brand-prom-item .prom-item-1 {
	top: 13px;
	left: 10px;
	width: 140px;
}

.brand-prom-item .prom-item-1 .prom-title {
	margin-bottom: 5px;
	font-size: 24px;
	color: #96bf12;
}

.brand-prom-item .prom-item-2 {
	top: 13px;
	left: 15px;
	color: #fff;
	font-size: 22px;
}

.brand-prom-item .prom-item-3 {
	bottom: 10px;
	left: 27px;
	color: #36bae2;
	font-size: 16px;
	font-weight: 700;
}

.shop-by-size,
.shop-by-type {
	padding: 35px 0;
}

.shop-by-size {
	margin-top: 40px;
	border-top: 2px solid #e4e3e3;
	border-bottom: 1px solid #e4e3e3;
} 

.shop-title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
}

.shop-item-list .shop-item {
	float: left;
	padding-top: 20px;
	width: 20%;
	text-align: center;
}

.shop-item .si-name {
	margin-top: 15px;
	padding: 0 5px;
}

/* brand landing with products */
.brand-title .view-switch-box {
	position: absolute;
	right: 0;
	top: -18px;
}


/* 5. Brand Listing
-------------------------------------------------------*/
.brand-list-title,
.brand-list-desc {
	margin: 0 10px;
	line-height: 1.5;
}

.brand-list-title {
	border-bottom: 2px solid #e4e3e3;
}

.brand-list-desc {
	padding: 30px 0;
}

.brand-list-row {
	margin-top: 40px;
}

.brand-name {
	margin: 20px 0 25px;
	text-align: center;
}

.brand-list-row .brand-logo {
	display: block;
	height: 94px;
	text-align: center;
	margin: 0 auto;
	line-height: 94px;
}

.brand-list-row .brand-logo img {
	max-width: 100%;
	max-height: 100%;
}

.brand-list-row > .brand-list-item {
	margin-bottom: 40px;
}

.brand-index-box {
	margin: 0 10px;
	padding: 10px 0 25px 15px;
	margin-bottom: 40px;
	background-color: #f9f8f6;
}

.brand-index-box .index-title, 
.brand-index-box .index-list {
	float: left;

}

.brand-index-box .index-title {
	padding-right: 20px;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
}

.brand-index-box .index-list {
	list-style: none;
	margin-top: 5px;
}

.index-list li {
	float: left;
}

.index-list a {
	font-size: 14px;
	display: inline-block;
	padding: 0 8px 0 7px;
	text-decoration: underline;
}

.index-list span{
	font-size: 14px;
	display: inline-block;
	padding: 0 8px 0 7px;
}

.index-list a.selected {
	text-decoration: none;
}

.index-list li + li:before {
	content: "|";
	font-size: 14px;
	color: #bdbcbc;
}

.index-list .selected {
	color: #595454;
	font-weight: 700;
	cursor: default;
}

.brand-name-list {
	margin-top: 10px;
}

.brand-name-list > li {
	float: left;
	list-style: none;
	width: 286px;
	margin-bottom: 7px;
}

.brand-name-list > li > a {
	font-weight: 300;
	color: #8b8a89;
}


/* 6. Category Landing
-------------------------------------------------------*/
.category-desc {
	margin-top: 13px;
	padding-right: 20px;
	line-height: 1.5;
}

.category-block-banner {
	position: relative;
	margin-top: 15px;
	margin-bottom: 20px;
}

.category-block-banner .txt-box {
	position: absolute;
	top: 15px;
	left: 80px;
	width: 170px;
}

.category-block-banner .txt-box .banner-title {
	line-height: 0.9;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 700;
	color: #efc92d;
	margin-bottom: 5px;
}

.category-prom-item {
	position: relative;
}

.category-prom-item .prom-txtbox {
	position: absolute;
}

.category-prom-item .prom-item-1 {
	top: 5px;
	left: 0;
	text-transform: uppercase;
}

.category-prom-item .prom-item-1 .prom-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
}

.category-prom-item .prom-item-2 {
	top: 5px;
	left: 10px;
	font-family: TisaOT-BoldIta, Sans-Serif;
	font-size: 24px;
	width: 140px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.2;
}

.category-prom-item .prom-item-3 {
	top: 5px;
	left: 10px;
	text-transform: uppercase;
}

.category-prom-item .prom-item-3 .prom-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	word-break: break-all;
}

.featured-brands {
	margin-top: 60px;
	padding: 40px 0;
	border-top: 1px solid #e4e3e3;
	border-bottom: 1px solid #e4e3e3;
}

.featured-brands .shop-title {
	line-height: 0.8;
}

.featured-brands .shop-item-list .shop-item {
	padding-top: 30px;
}

.featured-brands .shop-all-brands {
	margin-top: 15px;
	text-align: right;
}

.featured-categories {
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e4e3e3;
}

.featured-categories .shop-title,
.all-categories .shop-title {
	line-height: 0.75;
}

.featured-categories .shop-item-list .shop-item {
	width: 33.33%;
}

.featured-categories .shop-item .si-name {
	margin-top: 10px;
}

.all-categories {
	margin-top: 40px;
}

.all-categories .shop-item-list .shop-item {
	height: 235px;
}

.all-categories .shop-item .si-name {
	margin-top: 10px;
	padding: 0 5px;
	word-break: break-all;
}


/* 7. Search No Result 
-------------------------------------------------------*/
.noresult-help-box {
	margin-bottom: 50px;
}

.noresult-message-box {
	padding: 30px 0 35px 40px;
	background-color: #faa519;
}

.did-you-mean-box {
	padding: 30px 0 30px 40px;
	background-color: #f9f8f6;
}

.noresult-message-box .message-title,
.noresult-message-box .message-cont {
	font-size: 48px;
	color: #fff;
}

.noresult-message-box .message-title {
	font-weight: 300;
	line-height: 1;
}

.noresult-message-box .message-cont {
	font-weight: 100;
	line-height: .95;
} 

.dym-header {
	font-size: 18px;
	line-height: 1.7;
}

.dym-header .dym-title {
	font-weight: 700;
	font-size: 20px;
	line-height: .9;
}

.dym-list {
	list-style: none;
	margin-top: 5px;
}

.dym-list li {
	float: left;
	width: 33.33%;
	line-height: 1.4;
}

.dym-list li a {
	font-weight: 300;
	color: #595454;
}
.dym-list li a:focus,
.dym-list li a:hover{
	color: #36BAE2;
}

.recently-view-box .rv-title {
	font-weight: 700;
	color: #03324c;
	text-transform: uppercase;
}

.rv-item-list {
	list-style: none;
	margin-top: 10px;
}

.rv-item-list .rv-item {
	margin-bottom: 20px;
}

.rv-item-list .rv-item .rv-item-img a{
	width: 140px;
	height: 140px;
	text-align: center;
	display: block;
}

.rv-item-list .rv-item .rv-item-img img{
	max-width: 100%;
	max-height: 100%;
}

.rv-item .prod-name a {
	font-weight: 700;
	font-size: 15px;
}

.rv-item .prod-name {
	margin-bottom: 15px;
	padding-right: 5px;
	line-height: 1;
	height: 35px;
}

.rv-item .start-price {
	font-size: 14px;
}

.rv-item .start-price .start-txt {
	line-height: 1;
}

.rv-item .start-price .price {
	font-weight: 700;
	font-size: 22px;
	color: #3d3c3a;
	word-wrap: break-word;
}

.rv-item .rv-quickview-box {
	margin-top: 5px;
}

.rv-item .rv-quickview-box .button {
	display: block;
}

.need-help-cont .nhc-title {
	font-weight: 300;
	color: #36bae2;
	font-size: 28px;
	line-height: 1;
}

.need-help-cont .nhc-num {
	font-weight: 600;
	color: #00446a;
	text-transform: uppercase;
}

.need-help-cont .nhc-desc {
	margin-top: 10px;
	line-height: 1.2;
}

.tab-item-box {
	list-style: none;
}

.tab-item-box > .tab-item {
	float: left;
}

.tab-item-box > .tab-item > a {
	position: relative;
	display: block;
	padding: 6px 40px 7px 20px;
	color: #3d3c3a;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.tab-item-box > .tab-item > a:after {
	position: absolute;
	right: 16px;
	content: " ";
	pointer-events: none;
	border-width: 6px;
	border-style: solid;
	border-color: #3d3c3a transparent transparent transparent;
}

.tab-item-box > .tab-item > a:after {
	top: 12px;
}

.tab-item-box > .tab-item > a.active:after {
	top: 5px;
}

.tab-item-box > .tab-item > a.active:after {
	border-color: transparent transparent #fff transparent;
}

.tab-item-box > .tab-item > a.active {
	background-color: #36bae2;
	color: #fff;
}

.search-relate-items {
	position: relative;
	padding: 20px 40px;
	border-top: 15px solid #36bae2;
	background-color: #f9f8f6;
	overflow: hidden;
}

.search-relate-items.item-hide {
	display: none;
}

.search-relate-items .carousel-btn .carousel-prev {
	left: -20px;
	top: 40px;
}

.search-relate-items .carousel-btn .carousel-next {
	right: 58px;
	top: 40px;
}

.search-carousel-content {
	position: relative;
	overflow: hidden;
	list-style: none;
}

.search-carousel-content .search-carousel-item {
	float: left;
	vertical-align: middle;
	list-style: none;
	padding-left: 20px;
}

.search-carousel-content .category-list-box {
	padding: 15px 0 18px;
	
}

.search-carousel-content .category-list-box.category-opend {
	background-color: #fff;
}

.search-carousel-content .category-list-box .category-list-cont {
	margin-left: 150px;
	padding-top: 15px;
	display: none;
}

.search-carousel-content .category-list-box.category-opend .category-list-cont {
	display: block;
}

.category-list-box > .pull-left{
	max-width: 140px;
}

.category-list-cont .category-list-title {
	font-weight: 700;
	font-size: 18px;
	color: #36bae2;
	text-transform: uppercase;
	line-height: 1.5
}

.category-list-cont .category-list {
	overflow: hidden;
}

.category-list-cont .category-list .cl-item {
	list-style: none;
	float: left;
	width: 33.33%;
	margin-top: 10px;
	line-height: 1.1;
}

.category-list-cont .category-list .cl-item a {
	color: #828181;
	font-weight: 300;
}

.category-list-footer {
	margin-top: 30px;
	padding: 0 30px 0 25px;
}

.category-list-footer .left-txt {
	float: left;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 10px;
}

.category-list-footer .right-cont {
	float: right;
}

.category-list-footer .right-cont .more-categories {
	float: left;
	padding-top: 2px;
	padding-right: 20px;
	margin-top: 6px;
	border-right: 1px solid #828282;
}

.category-list-footer .right-cont .button {
	float: left;
	margin-left: 23px;
	width: 166px;
}

.search-carousel-item .search-category-name {
	width: 140px;
	text-align: center;
	font-weight: 700;
	margin-top: 20px;
	text-transform: uppercase;
}

/* 8.Compare Products
-------------------------------------------------------*/
.cp-title {
	border-bottom-width: 1px;
}

.cp-actions {
	margin-top: 20px;
	margin-bottom: 20px;
}

.compare-list {
	visibility: hidden;
}

.compare-list.active {
	visibility: visible;
}

.compare-list .cell{
	padding-top: 15px;
	padding-bottom: 15px;
}
.compare-list .img-cell{
	width:140px;
	height: 170px; 
}
.compare-list .img-cell a{
	display: block;
	width: 140px;
	height: 140px;
	line-height: 140px;
	text-align: center;
}

.compare-list .img-cell img {
	max-height:100%;
	max-width: 100%
}
.compare-list .cell .empty-marker {
	height: 100%;
	width: 100%;
	background-color: #e4e3e3;
	font-weight: 600;
	font-size: 75px;
	text-align: center;
	color: #fff;
	padding-top: 25px;
}

.compare-list .item {
	width: 160px !important;
}

.compare-list .cell.grey {
	background-color: #f8f8f9;
	margin-right: -10px;
	margin-left: -10px;
	padding-left: 10px;
}

.compare-list .cell.grey.actions {
	text-align: center;
	padding-left: 0;
}

.compare-list .cell.grey.actions a {
	font-weight: 700;
}

.compare-list .item.last .cell.grey {
	margin-right: 0;
}

.compare-list .item .starting-at{
	min-height: 19px;
}

.compare-list .caption .cell {
	padding-left: 10px;	
	font-weight: 600;
}

.compare-list .caption .cell.grey {
	margin-left: 0;
}

.compare-list .product-title {
	display: block;
	font-weight: 700;
	font-size: 18px;
	line-height: 17px;
	word-wrap: break-word;
}

.compare-list .cell .list {
	margin-left: 15px;
}

.compare-list .cell .list li {
	list-style-type: circle;
	margin-bottom: 8px;
	line-height: 18px;
}

.compare-list .details-spec > dl:first-child {
	margin-top: 0;
}

.compare-list .details-spec > dl {
	margin-top: 10px;
	padding-right: 10px;
	display: table;
}

.compare-list .details-spec dt {
    margin-right: 5px;
    padding-top: 5px;
}

.compare-list .details-spec dd {
	display: table-cell;
	vertical-align: middle;
}

.compare-list .cell .table {
	height: 100%;
}

.compare-list .cell .table-cell {
	vertical-align: middle;
	word-wrap: break-word;
}

.compare-list .decimal {
	font-size: 11px;
	padding-left: 2px;
	display: inline-block;
	vertical-align: top;
	line-height: 14px;
	font-weight: bold;
}

.carousel-item .decimal {
	font-size: 9px;
	padding-left: 2px;
	display: inline-block;
	vertical-align: top;
	line-height: 9px;
	font-weight: bold;
}

.rv-item-list .rv-item .decimal {
	font-size: 11px;
	padding-left: 2px;
	display: inline-block;
	vertical-align: top;
	line-height: 14px;
	font-weight: bold;
}

.recent-compare-item .price-error {
	padding: 0 0;
	font-size: 15px;
	line-height: 1;
}
/* Carousel */
.cp-carousel {
	margin-top: 100px;
}

.cp-carousel .carousel-head > h3 {
    color: #03324C;
    float: left;
    font-size: 16px;
    margin-right: 15px;
}

.cp-carousel .carousel-head > .pagers {
    float: right;
}

.cp-carousel .carousel-head .pager-prev.disabled:after {
    background-position: -206px -279px;
}

.cp-carousel .carousel-head .pager-prev:after {
    background-image: url("../common/icon.png");
    background-position: -206px -266px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin-top: 4px;
    width: 7px;
}

.cp-carousel .carousel-head .pager-next.disabled:after {
    background-position: -214px -279px;
}

.cp-carousel .carousel-head .pager-next:after {
    background-image: url("../common/icon.png");
    background-position: -214px -266px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin-top: 4px;
    width: 7px;
}

.cp-carousel .carousel-head > .pagers a {
    display: inline-block;
    float: left;
    height: 20px;
    width: 8px;
}

.cp-carousel .carousel-head > .pagers span {
    display: inline-block;
    float: left;
    margin: 0 25px;
}

.cp-carousel .carousel-content {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.cp-carousel .carousel-content > ul {
    position: absolute;
}

.cp-carousel .carousel-item {
    float: left;
    list-style-type: none;
    padding-right: 20px;
    width: 160px;
}

.cp-carousel .carousel-item .pro-img {
    padding: 15px 0 10px;
    text-align: center;
}

.cp-carousel .carousel-item .pro-info {
    text-align: center;
}

.cp-carousel .carousel-item .pro-info .name {
    line-height: 16px;
	position: relative;
	height: 32px;
	overflow: hidden;
}

.cp-carousel .carousel-item .pro-info .name a {
	display: block;
	overflow: hidden;
	font-weight: 700;
}

.cp-carousel .carousel-item .price {
    font-size: 13px;
    margin: 5px 0 15px;
}

.cp-empty{
	margin-bottom: -30px;
}

.cp-empty > header{
	padding-top: 33px;
}

.cp-empty > section {
	padding-top: 8px;
}

.cp-empty-descript > p + p{
	margin-top: 10px;
}

.cp-empty > section > p{
	margin-top: 12px;
}

.pdp-addTolist  .sim-select .sim-list li{
	padding: 7px 20px;
	font-weight: 600;
	border-top: 1px solid #e4e3e3;
	cursor: pointer;
}

.pdp-addTolist .sim-select .sim-list li.disabled, 
.pdp-addTolist  .sim-select .sim-list li.unavailable {
	padding: 7px 10px;
	background: #e4e3e3;
	color: #595454;
	font-size: 16px;
	font-weight: 700;
	border-top: 0;
}
.js-jobboard-cancle {
	font-size:20px;
	text-decoration:underline;
}
#quickViewModal .total-content .total-price .price-info .price-box span {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 5px;
	font-size: 18px;
}
#quickViewModal .total-content .total-price .price-info .price-box .decimal{
	font-size: 14px;
	line-height:14px;
	padding-top:4px;
}

@media(min-width: 768px) and (max-width: 1024px){
	.view-switch-box{
		margin-top: 0;
	}

	.view-icon-box{
		padding: 5px 5px 1px;
	}

	.view-icon-box.selected-triangle-grid.selected:after{
		top: 35px;
		right: 10px;
	}

	.view-icon-box.selected-triangle-list.selected:after{
		top: 35px;
		left: 10px;
	}
}

/**device (1023 > width > 768) */
@media (min-width: 0px) and (max-width: 1023px) {

	.refine-item .ri-title{
		font-size:14px;
		padding-top: 17px; 
	}
	.refine-item .ri-cont a{
		font-size:14px; 
	}

	.ri-cont .filter-item{
		font-size:14px; 
	}
	.ri-cont.selec-cont > li + li{
		margin-top:33px; 
	}
	.refine-item .selec-button-box{
		padding: 5px 17px 20px 4px;
	}
	.ri-cont > li + li{
		margin-top:7px; 
	}
	.tb-right .ipp{
		text-align:right;
	}
	.tbr-item.ipp > label{
		text-align:left;
	}
	.brand-name-list > li{
		width:230px; 
	}
	.brand-index-box .index-list{
		float:left;
		width:540px;  
	}
	.brand-index-box .index-title{
		float:left;
		padding-right:10px; 
	}
	.brand-list-desc{
		padding:24px 0; 
	}	

	.category-prom-item .prom-item-1 .prom-title {
		font-size: 18px;
		line-height: 1;
	}

	.category-prom-item .prom-item-2 {
		font-size: 18px;
	}

	.category-prom-item .prom-item-3 .prom-title {
		font-size: 18px;
		line-height: 1;
	}
	
	.shop-item-list .shop-item {
		width: 25%;
	}
	/*.list-model .quick-view-box{
		top:70px;
	}*/
	.list-model > .sr-item > .sr-item-right{
		margin-right:0px; 
	}
	.rv-item .prod-name{
		padding-right:0px;
		margin-bottom:5px;   
	}
	.rv-item .prod-spec{
		padding-left:10px; 
	}
	.rv-item .prod-name a{
		font-size:13px; 
	}
	.rv-item-list .rv-item .rv-item-img a{
		width: 105px;
		height: 105px;
	}
	.noresult-message-box{
		padding: 30px 50px 35px 40px;
	}
	.compare-list .img-cell{
		width:105px;
		height: 135px; 
	}
	.compare-list .img-cell a{
		height:105px;
		width: 105px;
		line-height: 105px;
	}
	.compare-list .cell .empty-marker{
		padding-top:10px; 
	}
	.compare-list .item {
		width: 123px !important;
	}
	.compare-list .item + .item {
		width: 125px !important;
	}
	.comparison-row .empty-item p {
		height: 84px;
		line-height: 84px;
	}
	.comparison-row .prod-img{
		height: 84px;
		width: 84px;
		line-height: 84px;
	}
	.brand-list-title {
		margin: 0;
	}

	.rc-header .mystore-select-box {
		float: inherit;
	}


	.list-model .sir-second-row {
		margin-right: 0;
		width: 72%;
		margin-left: 0;
	}

	.list-model .sr-item .prod-desc {
		width: 64%;
	}
}
@media (max-width:768px){
	.cp-carousel .carousel-item {
	    float: left;
	    list-style-type: none;
	    padding-right: 20px;
	    width: 148px;
	}
	.carousel-item .js-add-compare{
		padding: 5px;
	}
}

.search-warning{
	padding: 20px 0px;
}
.search-warning .icon-warning{
	display: inline-block;
	background: url(../common/icon-warning.png) no-repeat;
	overflow: hidden;
	background-position: 0px -1px;
	width: 20px;
	height: 16px;
	float: left;
	margin-top: 4px;
	background-size:16px 14px;
}
.search-warning .message{
	font-weight: 700;
	margin-left: 28px;
	font-size: 16px;
}

.pw-pdp-need-help{
	font-size: 20px;
	font-weight: 400;
	color: #385CAD;
	margin-top: 15px;
}

.right-cont h1.title{
	font-weight: 700;
}
/*code for category mobile start*/
@media(max-width: 767px){
	.brand-title {
		margin-top: 10px;
	}

	.filter-sort-choose{
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 20px;
	}

	.filter-sort-choose .button-box a {
		display: inline-block;
		background-color: #385cad;
		color: #fff;
		border-radius: 3px;
		font-weight: 400;
		text-align: center;
	}

	.filter-sort-choose .filter-choose{
		padding: 8px 95px;
		margin-right: 5px;
		width: 100%;
	}

	.filter-sort-choose .filter-choose > i{
		vertical-align: bottom;
	}

	.filter-sort-choose .sort-choose{
		float: right;
		padding: 10px 40px;
		width: 100%;
	}

	.filter-sort-choose .button-box {
		padding-left: 0;
	}

	.filter-sort-choose .button-box > * + * {
		padding-left: 15px;
	}

	.pagination-bar .display-desc-mobile{
		float: none;
		text-align: center;
	}

	.pagination-bar .pagination-mobile{
		float: none;
		text-align: center;
		margin-top: 20px;
		line-height: 25px;
		vertical-align: middle;
	}
	.pagination-mobile>*{
		vertical-align: middle;
	}

	.pagination .prev-icon,
	.pagination .arrow-text,
	.pagination .page-wrap,
	.pagination .next-icon{
		float: none;
		text-align: center;
	}
	/*
	.pagination .next-icon:after,
	.pagination .prev-icon:after{
		top: 12px;
	}
	*/

	.grid-model .sr-item{
		width: 100%;
		height: 200px;
	}

	.grid-model .sr-item-left{
		display: inline-block;
		width: 36%;
		vertical-align: top;
	}

	.grid-model .sr-item-right{
		display: inline-block;
		width: 60%;
	}

	.grid-model .sir-first-row{
		height: 100px;
	}

	/*.quick-view-box .start-price .starting-at{
		display: none;
	}*/

	/*.quick-view-box .start-price .f-t-Ita{
		display: none;
	}*/

	.sir-first-table .sir-first-row .icon-box{
		display: none;
	}

	.quick-view-box .button{
		display: none;
	}

	.prod-desc .prod-name a {
		font-size: 16px;
		color: #385CAD;
	}

	.prod-desc .prod-model a {
		color: #a1a3a6;
	}

	.sr-item .start-price > .price {
		color: #4a4a4a;
		font-size: 20px;
		font-weight: 700;
	}

	.refine-item .ri-cont a,
	.ri-cont .filter-item {
		font-size: 16px;
	}

	.refine-item .ri-cont a.select {
		height: auto;
	}

	.refine-item a.show-more {
		font-size: 16px !important;
	}

	.refine-item .ri-title {
		font-size: 18px;
	}

	.refine-item .ri-cont {
		padding-top: 10px;
	}

	.ri-cont > li + li {
		margin-top: 10px;
	}

	.plp-filter-modal .modal-dialog .refine-item.ri-close .ri-title,
	.refine-item.ri-open .ri-title:focus,
	.refine-item.ri-open .ri-title:hover {
		background: #F4F4F4;
		color: #0C0F12;
	}

	.refine-item.ri-close .ri-title:after {
		border-color: #385CAD transparent transparent transparent;
	}

	.refine-item.ri-open .ri-title:hover:after {
		border-color: transparent transparent #385CAD transparent;
	}

	.refine-item.ri-open .selec-title.ri-title:hover {
		background-color: #F4F4F4;
		color: #0C0F12;
		cursor: default;
	}
}

@media(max-width: 479px){
	.filter-sort-choose .filter-choose{
		padding: 8px 10px;
		width: 100%;
	}

	.filter-sort-choose .sort-choose{
		padding: 10px 10px;
		width: 100%;
	}

	.grid-model .sr-item{
		width: 100%;
	}

	.grid-model .sr-item-left{
		width: 50%;
	}

	.grid-model .sr-item-right{
		width: 45%;
	}
	.category-prom-item .prom-item-3 .prom-title {
		font-size: 15px;
	}
}
@media(max-width: 349px){
	.grid-model .sr-item-left{
		width: 57%;
	}

	.grid-model .sr-item-right{
		width: 33%;
	}
}


/*code for category mobile end*/
.prod-desc .prod-name a p {
	font-weight: 700;
}