@font-face { font-family: 'fontello'; src: url('font/fontello.eot?21993830'); src: url('font/fontello.eot?21993830#iefix') format('embedded-opentype'), url('font/fontello.woff?21993830') format('woff'), url('font/fontello.ttf?21993830') format('truetype'), url('font/fontello.svg?21993830#fontello') format('svg'); font-weight: normal; font-style: normal;}
.site-main {padding-top: 0 !important;}
.title{ border-bottom: 1px dotted #575757; margin:15px 0; }
.title h1{ font-size: 2em; font-weight: bold; color: #575757; margin:0; padding:10px 0; }
#detail-photofrm{ width:640px; }
.detailsldphoto{ max-width:640px; }
.go-left{position:absolute; display:none; text-align:left; color:#000; opacity: 0.5; z-index:2; cursor:pointer;}
.go-right{position:absolute; display:none; text-align:right; color:#000; opacity: 0.5; z-index:2; cursor:pointer;}
[class^="fontello-icon-"]:before, [class*=" fontello-icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit;}
.fontello-icon-left, .fontello-icon-right {font-size:40px;}
.fontello-icon-left:before { content: "\e899"; }
.fontello-icon-right:before { content: "\e89a"; }
.fontello-icon-sleft, .fontello-icon-sright {font-size:20px; color:#fff;}
.fontello-icon-sleft:before { content: "\e892"; }
.fontello-icon-sright:before { content: "\e893"; }
.xview {margin-right:12px; cursor:pointer;}
.xview:hover {color:#000;}
.fontello-icon-list:before { content: "\e816"; }
.fontello-icon-grid:before { content: "\e815"; }
.small-pslider-go-left, .small-pslider-go-right{background:gray;float:left;cursor:pointer;height:20px;padding:35px 10px 65px 10px;}
.small-pslider-go-left{border-bottom-left-radius:8px; border-top-left-radius:8px;}
.small-pslider-go-right{margin-left:6px; border-bottom-right-radius:8px; border-top-right-radius:8px;}
.small-pslider-go-left:hover, .small-pslider-go-right:hover{background:#444;}
img.detail-photo-img{margin-left:6px;height:100px;width:135px;border:0px;}
ul.detail-pricing {border:1px solid #aaaaaa; background-color:#f6f6f6; padding:10px; margin:0;}
.clearfix{ list-style: none; }
.msrp{font-size:18px;display:block;padding-bottom:5px;}
.storke {text-decoration:line-through;}
.btn {padding:7px 12px; text-decoration:none !important; cursor:pointer; text-align:center; zoom:1; overflow:visible;}
.btn-bgcolor{background:#bb974b; color:#fff !important; border-radius:4px;} /*green:#95C837 , red:#DD3333*/
.btn-bgcolor:hover{background:#2b3441;}
.btn-gray, .btn-gray-color{border:1px solid #aaaaaa !important; background-color:#f6f6f6 !important; color:#000 !important;}
.btn-gray:hover{background:#039 !important; border:1px solid #039 !important; color:#fff !important;}
.detail-btn{display:block; margin:0; padding:0;}
.detail-address{text-align:left; display:block; margin:20px 0; padding:5px 10px;}
.detail-address-li{border-top:1px dotted #aaaaaa; border-bottom:1px dotted #aaaaaa;}
.detail-address-li p {margin: 24px 0 !important;}
.detail-options-li{border-bottom:1px dotted #aaaaaa;}
.h3{font-size:18px; font-weight:bold; padding-left:15px;}
.similar-box, .feature-box{text-align:left; display:block; margin:0; padding:5px 10px; border: 1px solid #e6e7e8; border-width: 1px 1px 2px; -webkit-box-shadow: 0 0 5px #e6e7e8; -moz-box-shadow: 0 0 5px #e6e7e8; box-shadow: 0px 0px 5px #e6e7e8;}
.similar-tbl, .feature-tbl {padding:8px 2% 8px 1%;}
.similar-tbl .media {display:table-cell; width:44%; height:100%; vertical-align:top;}
.similar-tbl .inform {display:table-cell; width:56%; height:100%; vertical-align:top;}
a.url{text-decoration:none; color:#4c4c4e !important;}
a.url:hover{color:#FFA843;} /*green:#95C837 , red:#DD3333*/
ul.details {padding:0 10px 10px 10px; margin:0;}
ul.details li {padding:5px 0;}
ul.details-tech {padding:0 10px 10px 10px; margin:0;}
.tech-title {padding:5px 0; margin-bottom:6px;}
.tech {font-size:14px; padding:3px 0 3px 6px;}
.invent-grid {border:1px solid #ccc; background-color:#fff; padding:10px 10px 5px 10px; margin:0 0 10px 0;}
.invent-gridview {float:left; width:32%; height:415px; border:1px solid #ccc; background-color:#fff; padding:10px 10px 5px 10px; margin:0 1% 10px 0;}
.invent-grid:hover, .invent-gridview:hover {background-color:#efefef;cursor:pointer;}
.invent-grid .itbl, .invent-gridview .itbl {display:table; width:100%; height:100%; vertical-align:top; line-height: 1.2;}
.invent-grid .icell {display:table-cell; height:100%; vertical-align:top;}
.invent-gridview .icell {display:table-row; height:100%; vertical-align:top;}
.img-list{width:25%;}
.img-grid{width:100%;max-height:196px;}
.box-paging {border:1px solid #cacbcc; background-color:#e6e7e8; padding:5px; margin:10px 0;}
.sort {margin-left:12px; cursor:pointer;}
.sort:hover {color:#000;}
.fontello-icon-sort-na:before { content: "\e89a"; }
.fontello-icon-sort-up:before { content: "\e89b"; }
.fontello-icon-sort-down:before { content: "\e89c"; }
.select-form-control {
    display: block; width: 100%; height: 36px; padding: 6px 12px; font-size: 16px; line-height: 1.375; color: #555555;
	vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
select.select-form-control {
    padding: 4px 2px 4px 6px; border-radius: 4px; color: black; border-color: #b0b3b8; background-color: white;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
	background: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'16\'><polygon fill=\'#000000\' points=\'8,1 4,5 6,7 8,5 10,7 12,5\'/><polygon fill=\'#000000\' points=\'8,15 12,11 10,9 8,11 6,9 4,11\'/></svg>') no-repeat center right white !important;
}
.input-form-control {
    display: block; width: 100%; height: 36px; padding: 6px 12px;
    font-size: 16px; padding: 4px 2px 4px 6px; border-radius: 4px;
    color: black; border-color: #b0b3b8; background-color: white;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.listview {display:block;}
.gridview {display:none;}
/***---- Responsive Detail View ----***/
#detail-left-col {display:table-cell;vertical-align:top; background-color: #fff !important;}
#detail-right-col {display:table-cell;vertical-align:top; background-color: #fff !important;}
.ui-widget-content, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited  { color: #575757; }
@media (min-width: 975px) {
	#detail-left-col {float:none;display:table-cell;width:670px; background-color: #fff !important;}
	#detail-right-col {float:none;display:table-cell;width:100%; background-color: #fff !important;}
	.ui-widget-content, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited  { color: #575757; }
}
@media (max-width: 974px) {
	#detail-left-col {float:left;display:block;width:670px; background-color: #fff !important;}
	#detail-right-col {float:left;display:block;min-width:370px;width:100%; background-color: #fff !important;}
	.ui-widget-content, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited  { color: #575757; }
}
@media (min-width: 670px) {
	#detail-left-col {width:670px; background-color: #333 !important; }
	#detail-right-col {min-width:370px; background-color: #333 !important;}
	#details-div {width:305px;}
	#mpg-div,#details-div {float:none;display:table-cell;}
	#photos img, ul.detail-pricing li h2, #details-div > ul, #options > ul, #sellersnote > ul {display:block;}
	#lnk-detail {display:none;}
	#details-div{margin-bottom:0;}
	#detail-options,#detail-options2,#detail-options3{margin-top:15px;}
	#vhead-pic,#vfoot-pic,#vsub-head-pic,#vlnk-detail,#vlnk-open-detail,#vlnk-options,#vlnk-sellersnote,#vlnk-allphotos{ display: none !important; }
	#page{background-color: #fff !important;}
	.title{ border-bottom: 1px dotted #575757; }
	.title h1{ font-weight: bold; color: #fff; }
	.ui-widget-content, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited  { color: #fff; }
}
@media (max-width: 669px) {
	#mpg-div,#details-div {float:left;}
	#photos img, ul.detail-pricing li h2, #details-div > ul, #options > ul, #sellersnote > ul  {display:none;}
	#details-div {display:block;}
	#detail-options{margin-top:0;}
	#details-div{margin-bottom:-1px;}
	#detail-options2,#detail-options3,#allphotos{margin-top:-6px;}
	#detail-right-col,#detail-left-col,#details-div {width:100%;}
	#detail-right-col {min-width:250px;}
	#vhead-pic,#vfoot-pic,#vsub-head-pic,#vlnk-detail,#vlnk-open-detail,#vlnk-options,#vlnk-sellersnote,#vlnk-allphotos{ display: block; }
	#page{background-color: #2b3441 !important;}
	#detail-left-col,#detail-left-col{ background-color: #2b3441 !important;}
	.title{ border-bottom: 1px dotted #fff; }
	.title h1{ color: #fff; }
	.ui-widget-content, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited  { color: #fff; }
}
/***---- Grid ----***/
[class*="col-3"] {float: left;margin: 5px;}
.row::after {content: "";clear: both;display: block;}
.ims-mask {overflow: hidden;	position: relative;}
.discBadge {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute;}
.discBadge .amount {border:none;background:none;top:0px;left:5px;position:absolute;font-size:20px;z-index:1;color:#fff;}
.discBadge .percent {border: none;background: none;top: 1px;left: 28px;font-size: 14px;position: absolute;z-index: 1;color: #fff;}
.discBadge .off {border: none;background: none;left: 4px;top: 24px;font-size: 11px;position: absolute;color: #fff;z-index: 1;}
.discBadge .back {border: none;background: none;left: -60px;top: -60px;font-size: 22px;background-color: #f33;width: 108px;height: 108px;position: absolute;
transform: rotate(45deg);-o-transform:tate(45deg);	-ms-transform: rotate(45deg);	-moz-transform: rotate(45deg);	-webkit-transform: rotate(45deg);}
.info {background-color: rgba(217,210,200,0.85);	border: none;position: absolute;bottom: 6px;left: 6px;right: 6px;border-radius: 0;height: 51px;transition: bottom 333ms ease;-webkit-transition: bottom 333ms ease;}
.info .price {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;color: #f33;border: none;	border-radius: 0;left: 8px;top: 3px;position: absolute;width: auto;float: none;font-family: lato;font-size: 14px;}
.info .price .priceAmount {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 800;transition: color 150ms;}
.info .size {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;color: #444;border: none;	border-radius: 0;left: 8px;top: 27px;position: absolute;width: auto;float: none;font-family: lato;font-size: 14px;}
.img-product{width:218px;height:260px;background:#eee;text-align:center;vertical-align:top;}
.img-product img{max-width:218px;height:auto;max-height:260px;border:0px;}
#mainpagegrid .col-3 {cursor:pointer;}
.site-main {max-width: 100% !important;}