body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; color:#000;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
td {vertical-align:top;}

/*
* {box-sizing:border-box; word-wrap:break-word;}
#colorbox, #colorbox * {box-sizing:initial;}
img {max-width: 100%; height: auto;}
*/

h1 {font-size:36px; font-weight:600; text-align:center; margin:15px 0px;}
h2 {font-size:28px; font-weight:600;}

body {font:14px 'Open Sans', sans-serif; font-display:swap; padding-top:179px;}
td {font:14px 'Open Sans', sans-serif; vertical-align:top;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:underline;}

.lazy {display:initial;}

#sec-caption .rmbox {display:none;}
#sec-caption .rmlink {display:block; margin-top:10px; font-weight:600;}

.clear {clear:both;}
.wrapper, .section-bottom-area-box {width:100%; margin:0 auto; text-align:left; padding:0px 20px; box-sizing:border-box;}
.footer-box, .header-box {width:100%; margin:0 auto; text-align:left;}
.ys_wrapper {width:100%; margin:0 auto; text-align:left;}

.fixed-header {position:fixed; left:0px; top:0px; z-index:1000; background:url(../jpg/bg-body2018.jpg) repeat-x left top; width:100%;}

.header {height:140px; position:relative; text-align:center;}
.header .logo {position:absolute; left:100px; top:0px;}
.header .links1 a {font-size:15px; font-weight:bold; margin:0px 10px;}
.header .links2 {position:absolute; right:100px; top:0px; width:248px; text-align:left;}
.header .links2 .new {font-weight:bold; font-size:16px; color:#f00;}
.header .links2 a {font-size:15px; font-weight:bold; margin-left:10px;}

#pd_pdOneBanner {float:right; display:inline-block; width:203px; height:20px;}
.pdOneBarLeftLinks .pdOneBarLink:last-child {margin-right:0px;}
#pdPrProductPageCallout a, .pdPrProductPageCallout a {color:#e23d22 !important; font-size:17px !important; font-weight:600;}

.header .vc {background:url(../png/bg-shopping-cart.png) no-repeat left top; padding-left:40px; line-height:30px; font-weight:bold; font-size:15px; display:inline-block; position:absolute; right:100px; top:35px;}
.header .bookmark {position:absolute; right:190px; top:65px;}
.header .search {width:303px; height:29px; border:1px solid #000; background:#fff; position:absolute; right:100px; top:90px;}
.header .search .searchgo {float:right;}
.header .search .query {border:0px; height:29px; float:left; padding-left:10px; width:260px; outline:0px;}
.header .call-us {color:#ca470a; font-size:24px; font-weight:600; line-height:24px; position:absolute; left:985px; top:50px;}
.header .call-us span {font-weight:bold; display:block;}
.header .call-us a{color:#ca470a;}
.header .low-prices {position:absolute; left:470px; top:50px;}

.middle .home-items {float:left; width:100%;}
.middle .home-items .title {line-height:39px; color:#fff; font-weight:bold; font-size:24px; padding-left:80px; margin-top:1px;}
.middle .home-items .orange {background:#454748 url(../jpg/check-orange.jpg) no-repeat left top;}
.middle .home-items .yellow {background:#454748 url(../jpg/check-yellow.jpg) no-repeat left top;}
.middle .home-items .green {background:#454748 url(../jpg/check-green.jpg) no-repeat left top;}

.middle .items {float:left; width:100%; padding-bottom:20px;}
.middle .items .item {width:20%; text-align:center; float:left; padding:20px 0px 15px 0px; height:250px;}
.middle .items .item a {color:#179dcf; font-weight:600; font-size:18px; display:block;}
.middle .items .item div {color:#dd531e; font-weight:600; font-size:22px; margin-bottom:4px;}

.footer {background:#454748 url(../jpg/bg-footer2018.jpg) repeat-x left top; padding:50px 20px; float:left; width:100%; box-sizing:border-box;}
.footer .col {float:left; width:20%; padding-bottom:30px;}
.footer .col .col-title {margin-bottom:15px; color:#fccc51; font-weight:600; font-size:17px;}
.footer .col a {color:#fff; display:block; font-weight:600; font-size:15px; margin-bottom:5px;}
.footer .social img {float:left; margin:0px 20px 20px 0px;}
.footer .copyright {clear:both; color:#fff; text-align:center;}

#info-div {padding:20px 0px;}

#ys_searchiframe #doc {width:100% !important;}
#ys_searchiframe .side #sidebar {width:20% !important;}
#ys_searchiframe a, #ys_searchiframe a:visited {color:#000 !important;}
#ys_searchiframe div.rf ul li span.cnt {color:#33f !important;}
#ys_searchiframe #sidebar div.rf ul li {margin-bottom:10px !important;}
#ys_searchiframe #sidebar div.rf ul {padding-left:0px !important;}
#ys_searchiframe #sidebar div.rf h4 {padding-left:0px !important; font-size:16px !important;}
#ys_searchiframe #sidebar h3 {font-style:italic !important; color:#78c4e4 !important; font-size:16px !important;}
#ys_searchiframe .side #main {width:80% !important;}
#ys_searchiframe li.grd form.btn-cart, #ys_searchiframe li.grd a.btn-cart {font-weight:bold !important;}
#ys_searchiframe div.price span.new, #ys_searchiframe div.price span.old, #ys_searchiframe a {font-size:13px !important;}

#sec-caption {padding:0px 50px 50px 50px;}
.sec-items {float:left; width:100%;}
.sec-items .item {text-align:center; float:left; width:25%; padding-bottom:40px;}
.sec-items .item a {font-size:14px; font-weight:bold; display:block; margin-bottom:5px;}
.sec-items .item .img-box {display:table; width:100%;}
.sec-items .item .img-box .img {height:230px; display:table-cell; vertical-align:middle; width:100%;}
.sec-items .item .info-box {height:75px;}
.sec-items .item .info-box .pr {font-weight:600; font-size:16px; margin-bottom:5px;}
.sec-items .item .info-box .spr {font-weight:bold; font-size:16px; color:#db3f0f;}

.breadcrumbs {margin:15px 0px;}

.middle .cell1 {text-align:center; width:50%; float:left;}
.middle .cell1 .insets img {margin:10px 2px;}
.middle .cell2 {width:50%; float:left;}
.middle .cell2 .code {border-bottom:1px solid #000; padding-bottom:15px; margin-bottom:20px; font-size:15px; font-weight:600;}
.middle .cell2 h1 {text-align:left; font-size:28px;}
.middle .cell2 .you-save {background:url(../jpg/bg-you-save.jpg) no-repeat left top; color:#fff; line-height:38px; padding-left:10px; font-size:15px; margin-bottom:20px; width:180px; display:inline-block;}
.middle .cell2 .pr {color:#717171; font-size:16px; margin-bottom:10px;}
.middle .cell2 .spr {color:#e23d22; font-size:18px; font-weight:bold; margin-bottom:10px;}
.middle .cell2 .checkout-code {margin:10px 0px; color:#fff; font-size:15px; background:#df3609; padding:3px 10px; display:inline-block;}
.middle .cell2 .opts {margin:10px 0px;}
.middle .cell2 .opts .multiLineOption {display:block; margin-bottom:15px;}
.middle .cell2 .opts .multiLineOption * {font-size:15px;}
.middle .cell2 .itemavailable {margin:10px 0px; font-size:15px;}
.middle .cell2 .qty {padding:10px 0px 30px 0px;}
.middle .cell2 .qty .title {font-size:15px; font-weight:600; margin-bottom:15px;}
.middle .cell2 .qty input {width:50px; height:28px; padding-left:10px;}
.middle .cell2 form {margin-bottom:40px;}
.middle .cell2 .caption {padding-bottom:40px;}
.middle .cell2 .caption .title {border-bottom:1px solid #000; padding-bottom:15px; margin-bottom:20px; font-size:15px; font-weight:600;}
.middle .cell2 .freeship {background:url(	../jpg/bg-free-shipping.jpg) no-repeat left top; width:318px; height:40px; color:#fff; line-height:40px; padding-left:20px; font-size:24px; letter-spacing:1.0px;}

#blog-page {background:url(../jpg/bg-blog-page-title.jpg) repeat-x left 34px;}
#blog-page h1 {text-align:left; height:62px; width:750px; margin:0px auto;}
#blog-page h1 span {font-size:26px; display:inline-block; line-height:60px; padding:0px 20px; border:1px solid #000;}
#blog-page .blog-page-body {width:750px; margin:15px auto;}
#blog-page .blog-page-body .sub-title {color:#f3a558; font-size:21px; border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:15px;}

.section-bottom-area {clear:both; width:100%; float:left; background:url(../jpg/bg-section-bottom-area.jpg) repeat-x left top;}
.section-bottom-area #allTestimonials {display:none;}
.section-bottom-area #customerTestimonial {min-width:442px; float:left;}
.section-bottom-area #customerTestimonial .title {background:#f4cd18; font-size:25px; line-height:40px; padding:0px 25px; display:inline-block; box-sizing:border-box; margin-bottom:5px; width:100%;}
.section-bottom-area #customerTestimonial #customerTestimonialBody img {max-width:100%; height:auto;}
.section-bottom-area .blog-area {width:60%; float:right;}
.section-bottom-area .blog-area .title {background:#8bc525; font-size:25px; line-height:40px; padding:0px 25px; display:inline-block; box-sizing:border-box; margin-bottom:5px; width:100%;}
.section-bottom-area .blog-area .body {font-size:13px;}
.section-bottom-area .blog-area .body .rm {margin-left:10px; font-weight:bold;}

.jqueryslidemenu {text-align:center;}
.jqueryslidemenu ul {display:inline-block; text-align:left;}


/*RESPONSIVE DESIGN*/
#mobile-menu-icon {display:none; cursor:pointer; position:absolute; left:10px; top:10px;}
.jqueryslidemenu .mobile-menu-arrow {display:none;}

@media only screen and (max-width : 1820px) {
	.textinfo {position:initial;}
}

@media only screen and (max-width : 1700px) {
	.header .search {width:253px;}
	.header .search .query {width:210px;}
}

@media only screen and (max-width : 1600px) {
	.wrapper, .header-box, .footer-box {width:100%;}
	.header .call-us {position:static;}
	.header .low-prices {position:static; margin-top:15px;}
	.header .call-us {margin-top:15px;}
	.header .call-us span {display:inline;}
	.footer-box {padding:0px 10px; width:100%;}
	.jqueryslidemenu ul li a {padding:0px 19px !important;}
	.header .search {width:303px;}
	.header .search .query {width:260px;}

}

@media only screen and (max-width : 1400px) {
	.jqueryslidemenu ul li a {padding:0px 16px !important; font-size:14px !important;}
}

@media only screen and (max-width : 1300px) {
	.section-bottom-area-box {width:100%;}
	.header .logo {left:10px;}
	.header .links2, .header .vc, .header .search {right:10px;}
	.header .bookmark {right:100px;}
}

@media only screen and (max-width : 1150px) {
	.section-bottom-area #customerTestimonial, .section-bottom-area .blog-area {width:100%;}
	.section-bottom-area #customerTestimonial #customerTestimonialBody {text-align:center;}
	.section-bottom-area .blog-area .body {padding:5px;}
}

@media only screen and (max-width : 1100px) {
	.middle .items .item, .sec-items .item {width:33.33%;}
	.jqueryslidemenu ul li a {padding:0px 5px !important; font-size:12px !important;}
}

@media only screen and (max-width : 1020px) {
	.header .search {width:220px;}
	.header .search .query {width:177px;}
}

@media only screen and (max-width : 860px) {
	.header .low-prices {width:300px;}
	.header .call-us {font-size:18px;}
	.header .links1 a, .header .links2 a {font-size:13px;}
	.footer .col {width:32%;}
	.footer .col:nth-child(4) {clear:both;}
}

@media only screen and (max-width : 767px) {
	body {background:url(../jpg/bg-body2018-2.jpg) repeat-x left top;}
	#mobile-menu-icon {display:block;}
	.header .low-prices, .header .links1, .header .links2, .header .call-us span, .header .vc span, .jqueryslidemenu {display:none;}
	.header .logo {position:static; width:85px; height:auto;}
	.header .call-us {margin-top:2px;}
	.header .vc {top:10px; right:10px;}
	.header .search {position:static; margin:5px auto 0px auto;}
	.sec-items .item {width:50%;}
	.middle .cell1, .middle .cell2 {width:100%; padding:10px; box-sizing:border-box;}
	.middle .cell2, .middle .cell2 h1 {text-align:center;}
	.middle .cell2 .you-save, .middle .cell2 .caption {text-align:left;}
	.breadcrumbs {padding-left:15px;}
	.middle .cell2 .addtocartImg {width:300px;}
	.fixed-header {position:initial;}
	body {padding-top:0px;}
	#blog-page h1, #blog-page .blog-page-body {width:100%;}
	#blog-page .blog-page-body {padding:0px 10px; box-sizing:border-box;}
	#blog-page .blog-page-body img {max-width:100%; height:auto;}
	.yui-skin-sam {display:none;}
	.header .bookmark {position:static; display:block;}
}

@media only screen and (max-width : 550px) {
	.middle .items .item {width:50%;}
	.footer .col {width:50%;}
	.footer .col:nth-child(4) {clear:none;}
	.sec-items .item {width:100%;}
	.section-bottom-area #customerTestimonial .title, .section-bottom-area .blog-area .title {text-align:center; font-size:18px;}
}

@media only screen and (max-width : 442px) {
	.section-bottom-area #customerTestimonial {min-width:100%;}
	.section-bottom-area #customerTestimonial .title, .section-bottom-area .blog-area .title {font-size:14px;}
}

@media only screen and (max-width : 350px) {
	.footer .col {width:100%; text-align:center;}
	.footer .col:nth-child(4) {clear:none;}
	.footer .social img {float:none;}
}

/*Sign In / Register CSS*/
#ys_cpers { float:left; }
#yfc_mini { float:right; }
.ys_clear { clear:both; }
#yscp_welcome_msg { margin:0px 10px 0px 5px; display:none; line-height:20px; color:#000; }
#yscp_signin_link { display:none; line-height:20px; color:#fff; }
#yscp_signout_link { margin-left:10px; display:none; line-height:20px; }
#yscp_myaccount_link { display:none; line-height:20px; margin-right:10px; margin-left:10px; }
.yscp_bold { font-weight:bold; }
#custRegDiv a.container-close { top:5px; }
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft { background-color:#fff; }
.yui-skin-sam .yui-panel .bd { padding:0px; }
#iframe_id { width:679px; border:1px solid #000; padding:0px; }
#custRegDiv_h.hd { display:none; }
#custRegDiv_mask.mask { background-color:#000000; opacity:0.5; filter:alpha(opacity=50);}
#loadingDiv {height:210px; width:679px; position:absolute; background:#ececec; text-align:center;}
img.loadingImg {margin-top:90px;}

.header .low-prices, .header .call-us {/*display:none;*/}
.textinfo {padding:10px; border-radius:5px; background:#fff; display:inline-block; font-size:11px; margin-top:10px; max-width:450px;}
.textinfo a {color:#f00;}
@media only screen and (max-width : 1150px) {
	.header .search {width:220px;}
	.header .search .query {width:177px;}
}
@media only screen and (max-width : 1020px) {
	.textinfo {display:block;}
	.fixed-header {background:none;}
	.header {background:#81d0f1; height:auto;}
}

