@import url(//fonts.googleapis.com/css?family=Playfair+Display:400italic,400);
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(//fonts.googleapis.com/css?family=Roboto);

body {
	background:#224e8a;
	color: #4c4c4c; 
	font-family: Arial, sans-serif !important;
	/*font-family: Montserrat, sans-serif !important;*/
	font-size: 15px;
	margin: 0;
	padding: 0;
}

.page-wrap {
	background:#fff;
}

/*****************************
* *         GLOBALS        * *
*****************************/

img {
	border: none !important;
}

input, textarea {
	outline: none;
}

h1 {
	color: #2169ad;
	font-size: 36px;
	font-weight: normal;
}

h2 {
	color: #2961ad;
	font-size: 24px;
	font-weight: bold;
}
/*
h2{ background: url(../images/bg_headline.jpg) no-repeat; font-size: 23px; padding: 4px 0 0 10px; width: 700px; height: 32px; color: #000;} 
*/
h3 {
	color: #000;
	font-size: 18px;
	font-weight: 700;
}

h4, h5, h6 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
}

p {
	color: #000;
	font-size: 15px;
	line-height: 1.55;
}

a {
	/*color: #4c4c4c; */
	color:#0054a7; /*highlights links without other styles AARON the grey just blended into the text. */
	font-size: 15px;
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	-ms-transition: color 0.1s linear;
	transition: color 0.1s linear;
}

a:hover {text-decoration: underline; color: #3479d6;}


/*****************************
* *         HEADER         * *
*****************************/
.header_bg{
	background: url("../images/template/top_bg.jpg") center top no-repeat; 
}
.header-wrap {
	background: url("../images/template/top_bg1.png") center top no-repeat; 
}

.header div[class^="col-"] {
	padding: 0;
}

.header .row {
    margin: 0;
}
.mobile_banner{display:none;}
.slogan_mobile{display:none;}

/*****************************
* *   NEWSLETTER SIGN-UP   * *
*****************************/

.elist {
	position: relative;
}
.elist .elist__title{
	color:#224e8a; font-size:24px; font-weight:bold; text-transform:uppercase; margin:0 0 5px 0;
}
.newsletter .elist form{max-width:475px; margin:0 auto;}
.elist p{
	color:#868686; font-size:14px; line-height:normal; margin:0 0 12px 0;
}

.elist .elist__input {
	background: #fff; float:left;
	color: #898989;
    font-family:Arial, Helvetica, sans-serif; font-size:14px;
    height: 45px;
    padding: 0 12px 0 12px;
    text-align: left;
	border:#d1d1d1 solid 1px;
	width:330px;
}

.elist button.elist__submit {
	background:none; border:none; padding:0px; float:left;
}

.elist .elist__input:hover::-webkit-input-placeholder,
.elist .elist__input:focus::-webkit-input-placeholder {
	color: #d3d3d3;
}
.elist .elist__input:hover:-moz-placeholder,
.elist .elist__input:focus:-moz-placeholder {
	color: #d3d3d3;
}
.elist .elist__input:hover::-moz-placeholder,
.elist .elist__input:focus::-moz-placeholder {
	color: #d3d3d3;
}
.elist .elist__input:hover:-ms-input-placeholder,
.elist .elist__input:focus:-ms-input-placeholder {
	color: #d3d3d3;
}

.elist .submit {
	display: block;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 80px;
    line-height: 30px;
}
.resp-tabs-container .tab_content {
  	height: 0; margin: auto; overflow: hidden;
}
.resp-tabs-container .tab_content.active {
  	height: auto; overflow: visible;
}
ul.resp-tabs-list {
  	border-bottom: 1px solid #d9d9d9; float: none; margin: 50px auto 30px; padding: 0 0 20px; text-align: center;
}
.resp-tabs-list li {
  	color: #5f5848; cursor: pointer; display: inline-block; font-size: 24px; font-weight: bold; list-style: outside none none; margin: 0px 15px; padding: 0 10px;
  	position: relative; text-transform: uppercase;
}
.resp-tabs-list li.active {
  	background-image: none !important; color: #0054a7 !important;
}
.resp-tabs-list li.active::after {
  	background-color: #0054a7; bottom: -20px; content: ""; display: block; height: 3px; left: 0; margin: auto; position: absolute; right: 0; top: auto;
}
.resp-tabs-container {
  clear: left;
}
.v-product-grid.slick-slider {
  margin: auto;
}
#content_area .v65-productDisplay .v-product {
  text-align: left;
}
#parentHorizontalTab .resp-tabs-container .v-product-grid{display:none;}
#parentHorizontalTab .resp-tabs-container .v-product-grid.slick-slider {
    background: #fff none repeat scroll 0 0;
    display: block;
}
div.v-product-grid div.v-product {
  display: block;
  float: left;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: left;
  width: 33.33%;  /*AARON width: 33.33% forces 3 column layout - leaving for now as anything else can cause layout issues depending on a  few facotrs.*/
}
.v-product-grid .v-product a.v-product__img {
  display: block;
  height: 325px;
  margin: auto;
  padding: 10px 0; /*Aaron - I removed the 0 at one point because I thought it looked funny, but later could not see why. it does not affect anything in current layout that I can see*/
  position: relative;
}
.v-product-grid .v-product a.v-product__img img {
	max-height:300px;
}
.v-product-grid .v-product .productnamecolor.colors_productname, .v-product-grid .v-product .productnamecolor.colors_productname:hover, 
.v-product-grid .v-product a.productnamecolor.colors_productname, .v-product-grid .v-product a.productnamecolor.colors_productname:hover {
  color: #0054a7;
  display: block;
  font-size:15px;
  font-weight:bold;
  line-height:22px;
  margin: auto auto 7px;
  border:0 none;
  overflow: hidden;
  position: relative;
}
.v-product-grid .v-product a.v-product__title.productnamecolor.colors_productname{padding:10px 0 0 0;
    height: 74px;
}
#parentHorizontalTab .v-product-grid .v-product  .v-product__title + div {
	height:125px; padding:5px 0 0; border-top:1px solid #f2f3f4;
}
#parentHorizontalTab .v-product-grid .v-product .v-product__title + div > div {
  	border-bottom: 1px solid #f2f3f4; padding-bottom: 7px;height: 75px;
}
.v-product-grid .v-product .v-product__title + div > div .text.colors_text {
  	padding-right: 8px;
}

.v-product-grid .v-product .v-product__title + div > div > b {display:block;}
.v-product-grid .v-product .v-product__title + div > div .text.colors_text,
.v-product-grid .v-product .v-product__title + div > div .pricecolor.colors_productprice {
  	display: inline-block;
}
.v-product-grid .v-product .v-product__title + div > div .text.colors_text .product_listprice {
	font-size:12px; font-weight:bold; color:#5f5848;text-decoration:line-through;
}
.v-product-grid .v-product .v-product__title + div > div .text.colors_text .product_productprice {
	font-size:14px; font-weight:bold; color:#489ded; text-decoration:line-through;   
}
.v-product-grid .v-product .v-product__title + div > div > b .product_saleprice {
	font-size:17px; font-weight:bold; color:#c70303;
}
.v-product-grid .v-product div[itemprop="aggregateRating"] {
	position:absolute; bottom:59px;width: auto;z-index: 1;
}
#parentHorizontalTab .star_container {
    position: absolute;
    bottom: 50px;
}
.v-product-grid .v-product div[itemprop="aggregateRating"] img.vCSS_img_star_avg_rating {
  	display: inline-block !important;
}
.v-product-grid .v-product .addtocart_category_btn_mn {
	margin:10px 0 0;
}
#content_area .v65-productDisplay .v-product > .priceWrap {
  	border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; height: 53px; overflow: hidden; padding-top: 6px;
}
.v-product-grid .v-product > div .product_productprice {
  	color: #05152e; font-weight: 700; 
}
.v-product-grid .v-product .product_saleprice{
  	color: #489ded; font-size: 17px; text-transform: uppercase;
}
.v-product-grid .v-product > div .product_productprice {
  	color: #489ded; font-size: 14px; text-transform: uppercase;
}
.v-product-grid .v-product .product_saleprice, .v-product-grid .v-product > div.priceWrap > div > .pricecolor.colors_productprice {
  	display: block; margin-top: 0;
}


/*****************************
* *    FOOTER DROPDOWNS    * *
*****************************/

.footer .panel {
	border: none;
}

.footer .panel-group {
	margin-bottom: 0;
}

.footer .panel-group > .panel:first-child a.accordion-toggle {
	border-top: 1px solid #fff;
}

.footer .panel-collapse,
.footer .panel-group a.accordion-toggle {
	border-bottom: 1px solid #fff;
}

.footer .panel-heading {
	background: none;
	border: none;
	padding: 0;
}

.footer .panel-heading h4 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #999;
}

.footer .panel-group .panel + .panel {
	margin-top: 0;
	border-top: 0;
}

.footer .panel-title > a {
	display: block;
	padding: 12px 5px 10px;
	outline: none;
	text-decoration: none;
}

.footer .panel-title > a:hover {
	color: #fff;
}

/* symbol for "opening" panels */
.footer .panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: #999;
}

.footer .panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e080";
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	padding: 15px 10px;
	border: none;
}

/*****************************
* *   	    FOOTER	       * *
*****************************/

.footer {
	padding: 50px 0 0px 0; /*AARON removing padding bottom from 35 to 0, it is too much padding-bottom:35px;*/
	color: #fff;
}
.footer .col-sm-3{width: 23%;}
.footer .col-sm-3.promotion{width: 30%;padding: 0;}
/* .geotrust_logo {float: left;  display: inline;} */ /*Aaron remove - seems useless with new layout.*/
.footer a {
	color: #fff;
}

.footer a:hover {
	text-decoration: underline;
	color: #fff;
}

.footer .column {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}

.footer .column li {
	margin-bottom: 5px; border-bottom:#4b6fa0 dotted 1px; padding:0 0 7px 0; font-size:14px; color:#fff;
}
.footer .column li.last a{display:inline;}
.footer .column li.last a.backnone{background:none; padding-left:0px;}
a.backnone{background:none; padding-left:0px;}
.footer .column li a{
	display:block; background:url(../images/template/footer_bull.png) no-repeat left center; padding:0 0 0 15px; font-size:14px; color:#fff;
}
.footer .column .column__title {
	color: #fff;
    display: block;
    font-size: 20px;
	font-weight: bold;
    margin-bottom: 12px;
    text-transform: uppercase;
	border:none;
}
.footer .panel-group .column li a{display:inline;}
.contact_detail{}
.footer .contact_detail .column li{border:none; margin:0 0 10px 0 ;}
.footer ul.column li.email_ft{background:url(../images/template/email_icon.png) no-repeat left center; padding:0 0 0 25px;}
.footer ul.column li.phone_ft{background:url(../images/template/phone_icon.png) no-repeat left center; padding:0 0 0 25px;}
.footer ul.column li.call_text{line-height:24px; padding:0px;}
.footer ul.column li.call_text a{color:#ffde00; text-decoration:underline; display:inline; background:none; padding:0px;}
.footer .promotion .column li {border:none;}
.footer .promotion .column li a{background:none; padding:0px; display:inline;}

.copy_border{padding:20px 0 0 0; }
.myaccount_text{text-transform:uppercase;}
/*****************************
* *   	   COPYRIGHT	   * *
*****************************/

.copyright {
	color: #c6c6c6;
	font-size: 14px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	/* IE special */  
    width: 100%;  
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.copyright:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.copyright__images,
.copyright__text {
	display: inline-block; line-height:27px;
}

.copyright__images img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
}

.copyright a {
	color: #ffde00;
}
.copyright .copyright__text span {
	color: #ffde00;
}

.copyright a:hover {
	color: #fff;
	text-decoration: underline;
}

@media only screen and (min-width: 768px) {
	.header__element {
		height: 90px;
	}
}

/*****************************
* *     VERTICAL CENTER	   * *
*****************************/

.header .same-height {
	min-height: 90px;
}

.vertical-center {
	position: absolute;
	height: 100%;
	width: 100%;
}

.vertical-center:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.vertical-center.text-right {
	text-align: right;
}

.vertical-center.text-left {
	text-align: left;
}

.vertical-center.text-center {
	text-align: center;
}

/*****************************
* *          LOGO          * *
*****************************/

/*Logo as an image*/
/*Logo dimensions: max-width: 240px max-height: 90px*/
#display_homepage_title {
	border: none;
	padding: 0;
	margin: 0;
	min-height: 90px;
	position: relative;
}

#display_homepage_title a {
	background:url(../images/template/logo.png) no-repeat left top;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
}

/*Logo as text*/
#display_homepage_title a#homepage_title {
	height: auto;
	position: static;
	display: inline-block;
	text-indent: 0;
	vertical-align: middle;
	background: none;
	font-size: 27px;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	text-decoration: none;
}

/*Allows logo text to center vertically*/
#display_homepage_title:before {
	content: '';
	display: inline-block;
	height: 100%;
	min-height: 90px;
	vertical-align: middle;
	margin-right: -0.06em;
}

#display_homepage_title > span {
	display: inline-block;
	vertical-align: middle;
}


.top_menu { 
	text-align:center;
}
.top_menu ul{margin:0px; padding:0px; list-style:none; /*padding-left:250px;*/} /*AARON removing padding so we can center eyebrow*/
.top_menu li{ display:inline-block; /*float:left*/; margin-right: -4px;} /*AARON removing float so we can center it, margin makes the edges touch again*/
.top_menu li a{display:block; background:#f1f1f1; border-left:#dbdbdb solid 1px; border-right:none; border-bottom:#dbdbdb solid 1px; padding:12px 8px 12px 8px; color:#224e8b; text-transform:uppercase; letter-spacing:1px; border-radius:0 0 5px 5px; font-size:12px;}
.top_menu li a:hover{background:#e4e4e4; text-decoration:none;}
.top_menu li:last-child a{border-right:#dbdbdb solid 1px;}


.logo { margin: 28px 0 15px 0; float:left; width:125px; height:69px;}
.security_logo{float:right; margin: 28px 25px 0 0;}
.slogan{color:#636363; font-size:14px; clear:both; margin:0 0 15px 0;}

.email{color:#636363; font-size:14px; font-weight:bold; float:right; margin:20px 0 0 0; letter-spacing:1px;}
.email a{color:#224e8a; text-decoration:none;}
.top_links{ float:right; margin:15px 0 0 0; letter-spacing:1px; clear:both;}
.top_links ul{list-style:none; padding:0px; margin:0px;}
.top_links ul li{ border-left:#636363 solid 1px; display:inline; padding:1px 0 1px 0;}
.top_links ul li a{color:#636363; font-size:14px; text-transform:uppercase; padding:0 10px 0 10px;}
.nav_bg{background:#224e8a; border-bottom:#f7f5eb solid 3px;}
.cart_nav{float:right; background:url(../images/template/nav_divider.png) repeat-y right top; padding:0 35px 0 0;}

.thumb_img{}
.thumb_img ul{margin:33px 0 0 0; padding:0px; list-style:none;}
.thumb_img ul li{float:left; margin:0 30px 30px 0; width:270px; position:relative;}

.thumb_img ul li img{outline: 5px solid rgba(255, 255, 255, 0.3); outline-offset: -5px;}

.thumb_text{background:rgba(0, 0, 0, 0.5); font-size:22px; color:#fff; font-weight:bold; text-align:center; position:absolute; left:0px; top:0px; width:100%; height:100%; padding:24% 0 0 0; display:none; text-transform:uppercase;}
/*.thumb_img ul li:hover .thumb_text{display:block;}
.thumb_img ul li:hover img{outline:0px; outline-offset: 0;}
*/
.thumb1{ float:left; width:570px;}
.thumb11 {float:left; width:270px; position:relative;}
.thumb_img1{margin:0 30px 30px 0;}
.thumb_img2{margin:0 0 30px 0;}
.thumb_img3{width:100%; float:left;}
.thumb11 img{outline: 5px solid rgba(255, 255, 255, 0.3);	outline-offset: -5px;}

.thumb_img3 .thumb_text{padding:11% 0 0 0;}
/*.thumb1 .thumb11:hover .thumb_text{display:block;}
.thumb1 .thumb11:hover img{outline:0px; outline-offset: 0;}
*/
.thumb2 .thumb_text{padding:60% 0 0 0;}
/*.thumb2 .thumb22:hover .thumb_text{display:block;}
.thumb2 .thumb22:hover img{outline:0px; outline-offset: 0;}
*/
.thumb2{width:570px; float:right;}
.thumb22{float:left; width:270px; position:relative;}
.thumb_img21{margin:0 30px 30px 0;}
.thumb_img22{margin:0 0 30px 0;}
.thumb22 img{outline: 5px solid rgba(255, 255, 255, 0.3); outline-offset: -5px}




.addtocart_category_btn_mn a {
  background: #ffda00; border:#cfb301 solid 1px;
  color: #0054a7;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.4px;
  line-height: normal;
  padding: 6px 25px;
  text-transform:uppercase;
  transition: all 0.5s ease-in-out 0s;
}
.addtocart_category_btn_mn a:hover {
	text-decoration:none;
}
.content_bg{background:#ebebeb;}
.content_bg .container{padding-top:50px; padding-bottom:50px;}
.content_border{margin:3px 0 0 0; height:7px; border:#fff solid 2px;}
.more_content{width:570px; float:left;}
.system_content{width:570px; float:right;}
.about_text{width:100%; margin:30px 0 0 0; float:left;}
.title{background:#535353; text-align:center; font-size:24px; color:#fff; font-weight:bold; padding:11px 0 10px 0; text-transform:uppercase;}
.text_content{border:#bebebe solid 1px; border-top:none; padding:15px 10px 0px 10px; ;min-height: 305px;} /* AARON - removing text-align:center ALSO changed bottom padding from 30px to 0 px - it looks much better using P tage and no button*/
.text_content p{color:#4c4c4c; font-size:15px; line-height:24px; margin:0 0 25px 0;}
.text_content a{color:#000444;} /*AARON - make links visible */
.text_content a:hover{color:#489ded; text-decoration:underline;} /*AARON - make links visible, and underlined */
/* .system_content .text_content p { margin-bottom: 73px;} /* AARON - removed - no reason for this, it makes using P impossible */
.text_content .btn_learn_more{}
.text_content .btn_learn_more a{background:#535353; font-size:20px; color:#fff; padding:10px 0; width:180px; display:block; margin:0 auto; letter-spacing:1px;}
.text_content .btn_learn_more a:hover{text-decoration:none;}
.about_text .text_content{padding:15px 15px 0px 15px;} /* AARON - changed bottom padding from 30px to 0 px - it looks much better using P tage and no button*/
.newsletter_bg{background:url(../images/template/newsletter_bg.jpg) repeat left top; padding:15px 0 15px 0;}
.newsletter{padding:0 0 0 200px; background:url(../images/template/newsletter_icon.png) no-repeat left center; max-width:830px; margin:0 auto; text-align:center; min-height:125px;}
.testi_bg{background:#fff; padding:30px 0 10px 0;} /* AARON - changed 40 to 30/10 to make less large*/
.testimonials{}
.tessti{width:33.33%; float:left; border-right:#afaba3 solid 1px; text-transform:uppercase; padding:0 0 0 20px;}
.tessti .testi_txt{color:#5f5848; font-size:18px; margin:0 0 12px 0;}
.tessti .testi_autor{color:#0054a7; font-size:18px; font-weight:bold; margin:0 0 8px 0;}
.tessti .test_country{color:#5f5848; font-size:18px;}
.brn{border:none;}
.approved{float:right; margin:25px 0 0 0;}


.footer_ship{padding:0 0 30px 0; border-bottom:#ebebeb solid 3px;}
.ship_border{border-top:3px solid #ebebeb; margin: 2px 0 30px 0;}
.footer_ship1{width:33.33%; float:left; padding:0 20px 0 15px;}
.footer_ship1.shipbord{border-right:#b9c4d2 solid 1px; border-left:#b9c4d2 solid 1px;}
.shippdiv{background:url(../images/template/shipp_img.png) no-repeat left top; padding: 0 0 0 65px;}
.pricediv{background:url(../images/template/price_icon.png) no-repeat left top; padding: 0 0 0 65px;}
.privecydiv{background:url(../images/template/privecy_icon.png) no-repeat left top; padding: 0 0 0 65px;}
.ship_title{font-size:14px; color:#fff; text-transform:uppercase; font-weight:bold; margin:0 0 5px 0;}
.ship_txt{font-size:13px; color:#fff; color:#c6c6c6; font-family: 'Roboto', sans-serif; line-height:18px;}

.footer_bg{background:url(../images/footer_bg.png) no-repeat left bottom; margin-bottom:-25px;} /*AARON - added margin to fix firefox issue with gap at bottom*/
.footer_bg1{background:url(../images/footer_bg1.png) no-repeat right bottom; margin-bottom:-25px;} /*AARON - added margin to fix firefox issue with gap at bottom*/

/*.footer_bg{background:url(../images/template/footer_bg.png) no-repeat center bottom;}*/
.featured{font-size:24px; color:#0054a7; font-weight:bold; text-transform:uppercase; border-bottom:#d9d9d9 solid 1px; padding:0 0 20px 0; text-align:center; margin:10px 0 0 0;}

/*****************************
* *   	 CART SUMMARY	   * *
*****************************/

.cart-summary {
	position: relative;
	color: #484848;
	font-size: 12px;	
	vertical-align: middle;
	text-align: left;
}

.cart-summary:hover {
	color: #fff;
}

.cart-summary a.cart {
	background: url(../images/template/cart_icon.png) no-repeat left 7px; padding:6px 0 6px 50px; font-size:14px;
	color: #ffe400; text-align:center; font-weight:bold;
	display: block;	float:left;
}
.cart-summary a.cart:hover {
	text-decoration:none;
}
.cart-summary a.cart span {
	opacity: 1; color:#fff; font-weight:normal;
}

.cart-summary__count {
	display: inline-block;
	vertical-align: middle;
	line-height: 28px;
	font-size: 16px;
}
.error_rt{padding:0 0 0 20px;}
@media (max-width: 1280px) {
.slick-prev{left:-25px !important; top:42% !important; height:30px !important;}
.slick-next{right:-25px !important; top:42% !important; height:30px !important;}
.resp-tabs-container .tab_content{padding:0 25px;}
}

/*****************************
* *      CONTENT AREA      * *
*****************************/

.content {
	padding: 30px 0 30px ;
}

/*****************************
* *   	    SEARCH	       * *
*****************************/

.search {
	position: relative; clear:both;
	float:right;
	vertical-align: middle;
	margin: 13px 0 0 0;
}

.search .input {
	background: #fff;
	display: block;
	color: #898989;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	height: 42px;
	padding: 0 77px 0 12px;
	text-align: left;
	width: 370px;
	border-radius: 0;
	border: #e4e4e4 solid 1px;
	text-indent: 2px;
}



.search .input:hover::-webkit-input-placeholder,
.search .input:focus::-webkit-input-placeholder {
	color: #9b9b9b;
}
.search .input:hover:-moz-placeholder,
.search .input:focus:-moz-placeholder {
	color: #9b9b9b;
}
.search .input:hover::-moz-placeholder,
.search .input:focus::-moz-placeholder {
	color: #9b9b9b;
}
.search .input:hover:-ms-input-placeholder,
.search .input:focus:-ms-input-placeholder {
	color: #9b9b9b;
}

.search span {
	display: none;
	width: 37px;
	height: 28px;
	background: url(../images/template/search-submit.png) no-repeat 0 -3px;
	position: absolute;
	right: 0;
	top: 0;
}

.search .input:focus + span {background-position: right center;}

.search .submit {	
	background: url(../images/template/btn_search.png) no-repeat left top;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 11px;
	height: 42px;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 77px;
	text-indent: -9999px;
}

/*****************************
* *     SEARCH MOBILE	   * *
*****************************/

.search-mobile {
    display: block;
    height: 58px;
    padding: 15px;
    position: relative;
    width: 100%;
}
.search-mobile .form-group {
    width: 100%;
}
.search-mobile__input {
    border: 1px solid #e0e0e0;
    border-radius: 0;
    height: 28px;
    text-indent: 5px;
    width: 100%;
}
.search-mobile__input:focus {
    border-color: #000;
    outline: medium none;
}
.search-mobile__submit {
    display: inline-block;
    height: 28px;
    margin-left: -3px;
    padding: 0 6px;
    position: absolute;
    right: 15px;
    top: 15px;
    vertical-align: middle;
    width: 30px;
}

.btn {
	text-transform: uppercase;
}

.btn.btn-primary, #content_area .deal-buy-now a {
	background-image: -moz-linear-gradient(#666, #333);
	background-image: -webkit-linear-gradient(#666, #333);
	background-image: linear-gradient(#666, #333);
	background-position: right 2px;
	background-repeat: no-repeat;
	background-color: #666;
	border: none;
	color: #fff;
}



/*****************************
* *   	    SOCIAL	       * *
*****************************/

.social {}

.social a {
	background: url(../images/template/social-sprite.png) no-repeat 0 0;
	display: block;
	height: 14px;
	padding-left: 20px;
	line-height: 14px;
	position: relative;
}

.social span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
	background: url(../images/template/social-sprite.png) no-repeat 0 0;
	opacity: 0;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.social a:hover span {opacity: 1;}

.social a.fb {background-position: 0 0;}
.social a.fb span {background-position: 0 -44px;}

.social a.tw {background-position: 0 -22px;}
.social a.tw span {background-position: 0 bottom;}

/*****************************
* *   	    NAVBAR	       * *
*****************************/

.navbar {
	border: none;
	margin: 0;
}

.navbar-header {
	display: inline-block;
	vertical-align: middle;
}

.navbar-default .navbar-toggle {
	margin: 0;
	border:none;
	border-radius: 0;
}

.navbar-default .navbar-toggle .icon-bar {
	background: #224e8a;
}

.navbar-collapse {
	border: none;
}

@media only screen and (max-width: 318px) {
	.navbar-default .navbar-toggle {
		padding: 8px 10px;
	}

	.navbar-toggle .icon-bar {
		width: 16px;
	}
}

@media only screen and (min-width: 768px) {
	.footer .column {
		margin: 0 0 0 0;
	}
}

@media only screen and (max-width: 991px) {
	.copyright {
		text-align: center;
	}

	.copyright__text {
		margin-top: 10px;
	}
}

#parentHorizontalTab {
    float: left;
    width: 100%;
}
#parentHorizontalTab ul.resp-tabs-list 
{	margin:20px auto;
}
#tab1.tab_content.active {
    min-height: 300px;
}
#tab2.tab_content.active { /*adding this because making tab2 primary for a while.*/
    min-height: 300px;
}
#tab1 { /*homepage loading gif for carosel on featured  tab aaron*/
    background: rgba(0, 0, 0, 0) url("/v/vspfiles/templates/ewingchun/images/loading.gif") no-repeat scroll center center !important;
}
#tab2 { /*homepage loading gif for carosel on new arrivals tab aaron*/
    background: rgba(0, 0, 0, 0) url("/v/vspfiles/templates/ewingchun/images/loading.gif") no-repeat scroll center center !important;
}
#tab3 { /*homepage loading gif for carosel on top sellers tab aaron*/
    background: rgba(0, 0, 0, 0) url("/v/vspfiles/templates/ewingchun/images/loading.gif") no-repeat scroll center center !important;
}
.active {
    background-image: none !important;
}
.testimonials .sa_rounded .sa_review {
    border: 0 !important;
    border-radius: 0 !important;
}
.testimonials .sa_rounded td:nth-child(2) .sa_review{
    border-left: 1px solid #afaba3 !important;  
    border-right: 1px solid #afaba3 !important;   
}
.testimonials .sa_rounded .sa_review .sa_name {
    font-size: 18px;
    text-transform: uppercase;
    color: #0054a7;
    font-weight: 600;
}
.testimonials .sa_rounded .sa_review .sa_date {
    color: #5f5848;
    text-transform: uppercase;
}
.testimonials .sa_rounded .sa_review .sa_comments {
    font-size: 18px;
    color: #5f5848;
    text-transform: uppercase;
}
.footer .promotion img.mfes-trustmark.mfes-trustmark-hover {
    float: left;
    padding: 0;
}
.v-order-details tr.v-order-details__title {
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    display: block;
    float: none;
}
.v-order-details tr.v-order-details__shipping-info {
    margin-bottom: 20px;
    float: left;
    padding: 10px;
	border: 1px solid #e4e4e4;
}
.v-order-details tr.v-order-details__title > td {
    display: block;
    font-size: 16px;
    letter-spacing: 0.40px;
}
.v-order-details__shipping-info table.colors_lines_light > tbody > tr {
      margin-top: 10px;
    float: left;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    padding-top: 10px;
}
.v-order-details__shipping-info table.colors_lines_light > tbody > tr:first-child > td {
	width: 100%;
    float: left;
}
.v-order-details tr.v-order-details__shipping-info tr.colors_backgroundneutral > td:first-child {
    width: auto;
    margin-right: 10px;
    display: block;
    float: left;
	border-right: 1px solid #e4e4e4;
}
.v-order-details tr.v-order-details__shipping-info tr.colors_backgroundneutral > td:first-child a{    display: block;
    margin-top: 10px;}
.v-order-details tr.v-order-details__shipping-info tr.colors_backgroundneutral > td > table {
    margin-top: 10px;
    border-top: 1px solid #e4e4e4;
}
.v-order-details tr.v-order-details__shipping-info tr.colors_backgroundneutral > td > table > tbody > tr {
    border-bottom: 1px solid #e4e4e4;
}
.v-order-details tr.v-order-details__shipping-info tr.colors_backgroundneutral > td > table > tbody > tr > td {
    margin-right: 20px;
    padding: 5px 10px;
	border-right: 1px solid #e4e4e4;
}
.v-order-details tr.v-order-details__shipping-info tr.colors_backgroundneutral > td > table > tbody > tr > td:last-child{border:0;}
.v-order-details tr.v-order-details__payment-info {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #e4e4e4;
    float: left;
    width: 100%;
}
.v-order-details tr.v-order-details__payment-info > td {width: 100%;
    float: left;}
.v-order-details tr.v-order-details__payment-info > td > table > tbody >tr > td a {
    display: block;
    margin-top: 10px;
}
.v-order-details tr.v-order-details__payment-info > td > table > tbody >tr > td {
    margin-bottom: 10px;
    float: left;
}

.video_container {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.video_player iframe {
   width: 50%; maxwidth:530px;
}



@media (min-width: 1000px) and (max-width: 1199px) {
.top_links ul li{float:left;}
.top_links ul li a{padding:0 5px;}
.email{padding-right:15px;}
.cart_nav{padding:0;background:transparent;}
.system_content .text_content p { margin-bottom: 97px;}
.header-wrap{background-size:contain;}
.slogan { font-size:13px;}
.footer .promotion img.mfes-trustmark.mfes-trustmark-hover {
	margin:10px 0 10px -10px;
}

}

@media (min-width: 676px) and (max-width: 999px) {
.header-wrap{background-size:contain;}
.nav_bg {
  	background:none; border-bottom: 3px solid #224e8a;
}
.more_content .text_content,
.about_text .text_content,
.system_content .text_content {
	min-height:inherit;
}
.footer .promotion img.mfes-trustmark.mfes-trustmark-hover {
	margin:0px 0px 0px -10px;
}
.system_content .text_content p {
  	margin-bottom: 25px;
}
	#display_homepage_title {
		text-align: center;
	}

	#display_homepage_title a {
		background-position: 50% 50%;
		background-size: contain;
		text-align: center;
	}

	#display_homepage_title a#homepage_title {
		text-align: center;
	}
	.email{margin:50px 0 0 0;}
	.footer{padding-bottom:0px;} /*AARON removing padding bottom, it is too much padding-bottom:20px;*/

	.header .same-height{min-height:75px;}
	.resp-tabs-list li{font-size:20px;}
	.header .same-height .security_logo{margin: 20px auto; float:none; text-align:center;}
	.slogan{text-align:center;}
	.logo {
  		float: none; margin: 15px auto 5px auto; height:auto;
	}
	.cart_nav{background:none; padding:0px; position:absolute; right:20px; top:50px;}
	.cart-summary a.cart{color:#4f4f4f;}
	.cart-summary a.cart span{color:#224e8a;}
	.cart-summary a.cart{background:url(../images/template/cart_icon_mo.png) no-repeat left 7px;}
	.header .col-md-4{width:100%;}
	.header .top_menu{display:none;}
	.elist .elist__input{width:295px;}
}


@media only screen and (max-width: 370px) {
	#display_homepage_title a {
		width: 65%;
		right: 0;
		margin: 0 auto;
	}

	#display_homepage_title a#homepage_title {
		width: 100%;
	}
}



@media only screen and (max-width: 384px) {
	.cart-summary {
		padding-right: 0;
		text-align: center;
	}
	.vertical-center.text-right {
		text-align: center;
	}
}

/*Aaron Feature products Tab fix - the text was overlaying for about 11px*/
@media (min-width: 275px) and (max-width: 686px) { /*was 675*/
	.resp-tabs-list li{display:block; height:35px; font-size:20px;}
	.resp-tabs-list li.active::after{bottom:5px;}
#parentHorizontalTab ul.resp-tabs-list {/*border: 0 none;*/ margin: 20px auto; padding: 0;}
}


@media (min-width: 375px) and (max-width: 675px) {
.header-wrap {
  background-size: contain;
}
.nav_bg {
  	background:none; border-bottom: 3px solid #224e8a;
}
.more_content .text_content,
.about_text .text_content,
.system_content .text_content {
	min-height:inherit;
}
.system_content .text_content p {
  	margin-bottom: 25px;
}
.footer .promotion img.mfes-trustmark.mfes-trustmark-hover {
	margin:0px 0px 0px -10px;
}

	#display_homepage_title {
		text-align: center;
	}
	#display_homepage_title a {
		background-position: 50% 50%;
		background-size: contain;
		text-align: center;
	}
	#display_homepage_title a#homepage_title {
		text-align: center;
	}	
	.slogan{text-align:center;}
	.logo {float: none; margin: 15px auto 5px auto; height:auto;	}
	.cart_nav{background:none; padding:0px; position:absolute; right:20px; top:42px;}
	.cart-summary a.cart{color:#4f4f4f;}
	.cart-summary a.cart span{color:#224e8a;}
	.cart-summary a.cart{background:url(../images/template/cart_icon_mo.png) no-repeat left 7px; padding-left:40px; font-size:13px;}
	.header .col-md-4{width:100%;}
	
	.cart-summary {
		color: #fff;
	}
	.email{margin:0px;}
	
	.header .top_menu{ display:none;}
	.navbar-header{top:32%;}
	.top_links{display:none;}
	
	.header .same-height{min-height:40px;}
	.footer{padding-top:30px; } /*AARON removing padding bottom, it is too much padding-bottom:20px;*/
	.footer .panel-heading h4{font-size:14px;}
	/* .footer .column li a{font-size:12px;} */ /*AARON - pointless size reduction*/
	
	.footer_ship1{width:100%; padding-bottom:20px;}
	.footer_ship1.shipbord{border-left:none; border-right:none; border-bottom:#b9c4d2 solid 1px; border-top:#b9c4d2 solid 1px; padding-top:20px; margin-bottom:20px;}
	
	.tessti{width:100%; border-bottom:1px solid #afaba3; padding:0 0 20px 0; border-right:none; margin-bottom:20px;}
	.tessti.brn{border:none; padding-bottom:0px; margin-bottom:0px;}
	.newsletter { background-size: 50px auto; min-height: auto; padding:0px;    background-position: top left;}	

        /* AARON NEWSLETTER2 NEW - tags never worked, putting inline
         .news_footer {background:url(/v/vspfiles/templates/ewingchun/images/template/newsletter_bg.jpg) repeat left top; padding:15px 0 15px 0;}
      	.news_footer .news_input {width:90%;}
	.news_footer .news_title { font-size:18px; padding-left:10px;  font-color:#ccc000;}
	.news_footer p { font-size:12px; padding-left:10px; font-color:#ccc000;}
        /* AARON END NEWSLETTER NEW */


	.elist .elist__input{width:63%;}
	.elist .elist__title { font-size:22px; padding-left:60px;}
	.elist p { font-size:12px; padding-left:60px;}
	.elist button.elist__submit {width:37%;}
	.error_lt{width:100%; display:block; padding:0 40px;}
	.error_rt{width:100%; display:block; padding:0 40px;}
	.error_rt img{max-width:100%;}
	.copyright { font-size:13px;}
	.copyright a { font-size:12px;}
}
@media only screen and (max-width: 479px) {
.elist .elist__input {
  margin: 0 0 10px;
  width: 100%;
}
.elist button.elist__submit {
  float: none;
  margin: 0 auto;
  width: 142px;
}
.v-product-grid .v-product .v-product__title + div > div .text.colors_text .product_productprice {
	font-size:13px;
}
.v-product-grid .v-product .v-product__title + div > div > b .product_saleprice {
	font-size:13px;
}

}
@media only screen and (max-width: 374px) {
.slogan {
	font-size:11px;
}
.header-wrap {
  background-size: contain;
}
.nav_bg {
  	background:none; border-bottom: 3px solid #224e8a;
}
.more_content .text_content,
.about_text .text_content,
.system_content .text_content {
	min-height:inherit;
}
.system_content .text_content p {
  	margin-bottom: 25px;
}
.footer .promotion img.mfes-trustmark.mfes-trustmark-hover {
	margin:0px 0px 0px -10px;
}
.testimonials .sa_rounded td:nth-child(2) .sa_review {
	border-right:0 none !important;
	border-left:0 none !important;
}
	#display_homepage_title {
		text-align: center;
	}
	#display_homepage_title a {
		background-position: 50% 50%;
		background-size: contain;
		text-align: center;
	}
	#display_homepage_title a#homepage_title {
		text-align: center;
	}

	.slogan{text-align:center;}
	.logo {float: none; margin: 10px auto 5px auto; height:auto; }
	.cart_nav{background:none; padding:0px; position:absolute; top:40px; right:15px;}
	.scrollActive .cart_nav{top: 12px !important;}
	.cart-summary a.cart span{color:#224e8a;}
	.cart-summary a.cart{background:url(../images/template/cart_icon_mo.png) no-repeat center top; padding:0px 0 5px 100px; font-size:13px; color:#4f4f4f;} 
	.header .col-md-4{width:100%;}
	
	.cart-summary {
		color: #fff;
	}
	.email{margin:0px;}
	
	.header .top_menu{ display:none;}
	.navbar-header{top:25%;}
	.top_links{display:none;}
	.footer{padding-top:30px; } /*AARON removing padding bottom, it is too much padding-bottom:20px;*/
	.footer .panel-heading h4{font-size:14px;}
	.footer .column li a{font-size:12px;}
	
	.footer_ship1{width:100%; padding-bottom:20px;}
	.footer_ship1.shipbord{border-left:none; border-right:none; border-bottom:#b9c4d2 solid 1px; border-top:#b9c4d2 solid 1px; padding-top:20px; margin-bottom:20px;}
	
	.tessti{width:100%; border-bottom:1px solid #afaba3; padding:0 0 20px 0; border-right:none; margin-bottom:20px;}
	.tessti.brn{border:none; padding-bottom:0px; margin-bottom:0px;}
	
	.newsletter { background-size: 50px auto; min-height: auto; padding:0px; background-position:left top;}	
	.elist .elist__input{width:305px;}
	
	
	.resp-tabs-list li{display:block; height:35px; font-size:20px;}
	.resp-tabs-list li.active::after{bottom:5px;}
	
	.header .same-height{min-height:75px;}
	.slick-initialized .slick-slide{padding:0 40px;}
	.slick-prev{left:10px;}
	.slick-next{right:10px;}
	.elist .elist__input{width:100%; margin:0 0 10px 0;}
	.elist button.elist__submit{float:none; margin:0 auto; width:142px;}
	.elist .elist__title{font-size:20px; padding-left:50px;}
	
	.sr-only{font-size:16px; left:40px;}
	.navbar-toggle .icon-bar{width:25px;}
	
	.error_lt{width:100%; display:block; padding:0 30px;}
	.error_rt{width:100%; display:block; padding:0 30px;}
	.error_rt img{max-width:100%;}
 
}

@media only screen and (max-width:1100px) 
{
.shopperapproved_widget table
{	table-layout:fixed;
}
.sa_review .sa_info, .sa_review .sa_comments
{	width:auto !important;
}
.footer_bg , .footer_bg1{
	background-size:75%;
}
}

@media only screen and (max-width:999px) /*AARON from 990 to remove logo when menu changes*/
{
.navbar-toggle
{	width:95px;
}
.header .same-height .security_logo{ display:none;}
}

@media only screen and (max-width:767px) 
{
}

@media only screen and (max-width:479px) 
{
.navbar-toggle
{	width:79px;
}
.cbp-spmenu-push-toright .navbar-toggle
{	left:-19px;
}
.shopperapproved_widget td
{	
    width: 100% !important;
    display: none;
}
.shopperapproved_widget td:first-child{display:block;}
.copyright__text
{	font-size:13px;
}
.copyright a
{	display:block;	
}
.copyright .copyright__text span
{	display:none;
}
#rewards_content #redeem_now_button
{	margin-top:10px;
}
}
p.JavaScript_error {
    position: fixed;
    top: 0;
/*    background: #224e8a; */
 background: #FF9494;
    color: #000;
    text-transform: uppercase;
    z-index: 9999;
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 25px;
}








/**************  AARON PRODUCT LAYOUT CHANGES  for MOBILE CATEGORY  PART 1 (makes listing horizontal, not vertical  - integrate into main code if I want to keep it, instead of using !important tags)  (but it messes up the slick slider at these resolutions ****************/

@media only screen and (max-width: 479px){

.v-product-grid .v-product a.v-product__img img {max-height: 190px !important;} /*sets the max height for the a img tag*/
.v-product-grid .v-product a.v-product__img {
height: 200px !important;
    display: block;
    float: left;
    margin: 0px 10px 0px 0px !important;
    padding: 0px !important;
    position: relative;
    text-align: left;}

div.v-product-grid div.v-product {padding: 5px 0px 5px 0px !important; font-size:13px} /*sets spacing around each product block, and font size for misc things like availability*/

.v-product-grid .v-product a.v-product__title.productnamecolor.colors_productname { padding: 5px 0px 0px 0px !important;  height: auto !important;}

.search_results_section .v65-productDisplay .v-product-grid .v-product .v-product__title, .search_results_section .v65-productDisplay .v-product-grid .v-product .v-product__title:hover {margin: auto !important;}

/*hide the VIEW button*/
.search_results_section .v65-productDisplay .v-product-grid .v-product .addtocart_category_btn_mn {display: none !important;} 

/*format In Stock text*/
.search_results_section .v65-productDisplay .v-product-grid .v-product > b {      font-size: 13px !important;     position: relative !important;    width: 100% !important;}

 /*Formatting Stars/Reviews*/
.search_results_section .v65-productDisplay .v-product-grid .v-product .star_container {     width: 100% !important;    max-height: 50px !important;    position: relative !important;   margin-left: 0px !important; }  

/*HIDE LIST*/
.search_results_section .v65-productDisplay .v-product-grid .v-product .text.colors_text .product_listprice {display:none !important;}

/*sales price on under other prices and not under picture*/
/*.search_results_section .v65-productDisplay .v-product-grid .v-product div > div .text.colors_text, .search_results_section .v65-productDisplay .v-product-grid .v-product div > div .pricecolor.colors_productprice {  display: block !important;} */ /*not needed after we reduced size of iphone 5 pics. block puts our price on one line and the number price on a second line unless there is a sales price and then they are always on one line.  Multiple layers of shit code.*/

/*reduce price size */
.search_results_section .v65-productDisplay .v-product-grid .v-product .text.colors_text .product_productprice, .search_results_section .v65-productDisplay .v-product-grid .v-product .product_saleprice {    font-size: 13px !important;}
.search_results_section .v65-productDisplay .v-product-grid .v-product div > div .text.colors_text, .search_results_section .v65-productDisplay .v-product-grid .v-product div > div .pricecolor.colors_productprice {    font-size: 13px; !important;}

/*reduce product name size */
.v-product-grid .v-product .productnamecolor.colors_productname, .v-product-grid .v-product .productnamecolor.colors_productname:hover, .v-product-grid .v-product a.productnamecolor.colors_productname, .v-product-grid .v-product a.productnamecolor.colors_productname:hover {font-size: 13px !important; line-height: 18px !important;}

/*.colors_text {display:none!important} just hides out price +/- actual price, usually*/
}/*end mobile 479*/

/*pic size iphone 5*/
@media only screen and (max-width: 374px){
.v-product-grid .v-product a.v-product__img {width: 110px!important;}
.v-product__img img { margin: 5px auto !important; max-width:100px!important;}
/********SLICK SLIDER layout for mobile fixes HORIZ to 374 **********/
#tab1.tab_content.active {min-height: 205px !important; height: 205px} /*reduce height from 300*/
#parentHorizontalTab .resp-tabs-container .v-product-grid.slick-slider { height: 205px;} /*reduce height from 300*/
.slick-slide > div { float: none!important;} /*layout fix for horiz*/
.slick-slide > .addtocart_category_btn_mn {display: none !important;} /*removed VIEW button*/
.slick-slide .v-product__title + div > div {overflow: scroll !important;} /*not needed now, scrolled long names*/
.slick-slide .v-product__title + div > div .text.colors_text {padding:0!important} /*somehow removes list price vertical space*/
.slick-slide .v-product__title + div > div .text.colors_text .product_listprice {display: none;} /*removes list price*/
.slick-slide .star_container { /*position: absolute;  */   right: 40px;  bottom: 3px!important; } /*positions review stars*/
div.v-product-grid div.v-product.slick-slide {padding: 0px 10px 0px 10px !important;} /*padding fix override*/
.v-product-grid .slick-slide.v-product a.v-product__title.productnamecolor.colors_productname {height: 75px!important} /*limites product name height for even layout*/
#parentHorizontalTab .v-product-grid .v-product .v-product__title + div > div {border-top: 1px solid #f2f3f4;padding-top: 3px;    height: 81px !important;} /*increases price area height box to include long lines, adds top border*/
#parentHorizontalTab .v-product-grid .v-product  .v-product__title + div {border:none!important;} /*removes large border that was above price and ran into the picture*/
/*hiding everything else is easier by hiding the items in category settings, but I put a couple here*/
/*.slick-slide b {display: none} remove stock status*/
.slick-slide .v-product__desc {display: none}  /*remove product desc short*/
.slick-arrow {width: 14px!important;}
/********END SLICK SLIDER  layout for mobile fixes HOIZ **********/
}/*end mobile 374*/

/*pic size iphone 6*/
@media (min-width: 375px) and (max-width: 479px) {
.v-product-grid .v-product a.v-product__img {width: 140px!important;}
.v-product__img img { margin: 5px auto !important; max-width:130px!important;}

/**** SLICK SLIDER  for 375-479  can't make it horiz because we can't control width *****/
/*height fixes*/
#tab1.tab_content.active {min-height: 235px !important; height: 235px !important;}  /*increases height*/
#parentHorizontalTab .resp-tabs-container .v-product-grid.slick-slider { height: 235px !important;}  /*increases height*/
div.v-product-grid div.v-product.slick-slide {height: 235px;}  /*increases height*/

/* remove add to cart */
#parentHorizontalTab .v-product-grid .v-product .addtocart_category_btn_mn {display: none;}  

/*image fixes*/
#parentHorizontalTab .v-product-grid .v-product a.v-product__img { width: 100%!important; }
#parentHorizontalTab .v-product-grid .v-product a.v-product__img { height: 143px !important;}
#parentHorizontalTab .v-product-grid .v-product a.v-product__img img {  max-height: 131px !important; margin: 3px auto;}
#content_area .tab_content .slick-list .v-product .v-product__img img  { padding: 0px !important; } /* padding */
#content_area .tab_content .slick-list .v-product .v-product__img img { max-width: 96% !important} /*fill pictures out*/
#parentHorizontalTab .v-product-grid .v-product a.v-product__img {    padding: 0px!important;    border: 1px solid #f1f1f1;} /*adds borders back on pictures*/

#parentHorizontalTab div.v-product-grid div.v-product {padding: 5px 10px 5px 10px !important;} /*fix padding around product blocks*/

/*other fixes*/
#parentHorizontalTab .v-product-grid .v-product .v-product__title + div > div {display:none}   /**/
.v-product-grid .slick-slide.v-product a.v-product__title.productnamecolor.colors_productname {   float: left;  margin-top: 0px;   height: 40px!important;} /*position and crop product name 40 2 line 55+ 3 line*/
.slick-slide .star_container {left: 30px !important; bottom: 0px!important; } /*reposition stars*/
.slick-arrow {width: 10px!important;}
/**** END SLICK SLIDER  for 375-479 *****/

}/*end mobile 375-479*/



/*****************************  AARON PRODUCT LAYOUT CHANGES  for MOBILE CATEGORY PART 2 *******************************/
@media (min-width: 768px) and (max-width: 1090px) {
/*Aaron - changes border width once a certain res is hit.*/
.v-product-grid .v-product a.v-product__img {  padding: 5px !important; }  /*gives the thin border around the pic*/
}

@media (min-width: 480px) and (max-width: 767px) {
/*set image height max */
.v-product-grid .v-product a.v-product__img img {max-height: 190px !important;} /*sets the max height for the a img tag*/
.v-product-grid .v-product a.v-product__img {height: 200px !important;  padding: 3px !important; }  /*gives the thin border around the pic*/
/*HIDE LIST*/
.search_results_section .v65-productDisplay .v-product-grid .v-product .text.colors_text .product_listprice {display:none !important;}

/*HIDE YOU SAVE */
.product_yousave  {display:none !important;}

/*HIDE PRICES */
.search_results_section .v65-productDisplay .v-product-grid .v-product .pricecolor.colors_productprice .product_productprice.search_results_section .v65-productDisplay .v-product-grid .v-product div > div .text.colors_text, 
.search_results_section .v65-productDisplay .v-product-grid .v-product div > div .pricecolor.colors_productprice  {display:none!important;}

.search_results_section .v65-productDisplay .v-product-grid .v-product .text.colors_text .product_productprice, 
.search_results_section .v65-productDisplay .v-product-grid .v-product .product_saleprice {display:none!important;}

.search_results_section .v65-productDisplay .v-product-grid .v-product div > div .text.colors_text, 
.search_results_section .v65-productDisplay .v-product-grid .v-product div > div .pricecolor.colors_productprice {display:none!important;}

/*hide the VIEW button*/
.search_results_section .v65-productDisplay .v-product-grid .v-product .addtocart_category_btn_mn {display: none !important;} 

/*MAKE name box height smaller. The padding pushes the star review below stock status*/
.search_results_section .v65-productDisplay .v-product-grid .v-product div > div {height: 0px!important;     padding-top: 30px !important;}

/*format In Stock text*/
.search_results_section .v65-productDisplay .v-product-grid .v-product > b {      font-size: 13px !important;     bottom: 1%!important;}
/*Formatting Stars/Reviews*/
.search_results_section .v65-productDisplay .v-product-grid .v-product .star_container {  bottom: 15% !important;}

/*reduce product name size */
.v-product-grid .v-product .productnamecolor.colors_productname, .v-product-grid .v-product .productnamecolor.colors_productname:hover, .v-product-grid .v-product a.productnamecolor.colors_productname, .v-product-grid .v-product a.productnamecolor.colors_productname:hover {font-size: 14px !important; line-height: 18px !important; padding: 0px !important;}

/********SLICK SLIDER 480-767 to match **********/
 /*increases height*/
#tab1.tab_content.active {min-height: 285px !important; height: 285px !important;} 
#parentHorizontalTab .resp-tabs-container .v-product-grid.slick-slider { height: 285px !important;} 
div.v-product-grid div.v-product.slick-slide {height: 285px;}  

/* remove add to cart */
#parentHorizontalTab .v-product-grid .v-product .addtocart_category_btn_mn {display: none;}  

/*Image size fixes*/
#parentHorizontalTab .v-product-grid .v-product a.v-product__img { height: 163px !important;}
#parentHorizontalTab .v-product-grid .v-product a.v-product__img img {  max-height: 155px !important; margin: 3px auto;}
#content_area .tab_content .slick-list .v-product .v-product__img img  { padding: 0px !important; } /* padding */
#content_area .tab_content .slick-list .v-product .v-product__img img { max-width: 96% !important} /*fill pictures out*/
#parentHorizontalTab .v-product-grid .v-product a.v-product__img {    padding: 0px!important;    border: 1px solid #f1f1f1;} /*adds borders back on pictures*/

/*other fixes*/
#parentHorizontalTab .v-product-grid .v-product .v-product__title + div > div {display:none}   /**/
.v-product-grid .slick-slide.v-product a.v-product__title.productnamecolor.colors_productname {   float: left;  margin-top: 7px;  height: 55px!important; } /*position and crop product name*/
.slick-slide .star_container {left: 60px !important; bottom: 3px!important;} /*reposition stars*/
/********END SLICK SLIDER  to match **********/

} /*END 480-767*/


/*****************************  AARON PRODUCT LAYOUT CHANGES  for DESKTOP CATEGORY *******************************/
@media (min-width: 768px) {

/*Hides Add to Cart/View Button on Category page*/
.search_results_section .v65-productDisplay .v-product-grid .v-product .addtocart_category_btn_mn {display:none} 

/*format In Stock text*/
.search_results_section .v65-productDisplay .v-product-grid .v-product > b {      font-size: 13px !important;     bottom: 7.5%!important;} /*fitting in stock text between stars and price better */

/*Formatting Stars/Reviews*/
.search_results_section .v65-productDisplay .v-product-grid .v-product .star_container {  bottom: 1% !important;}

/*Margin arounf name reduced*/
.search_results_section .v65-productDisplay .v-product-grid .v-product .v-product__title, .search_results_section .v65-productDisplay .v-product-grid .v-product .v-product__title:hover {  margin: 10px auto!important;}

/********SLICK SLIDER 768+ to match **********/
#parentHorizontalTab .v-product-grid .v-product .addtocart_category_btn_mn {display: none;}  /* remove add to cart */
#parentHorizontalTab .v-product-grid .v-product .v-product__title + div {height: 85px!important;} /*reduce price block height*/
#parentHorizontalTab .v-product-grid .v-product .v-product__title + div > div {height: 94px!important;} /*fix inside div height for price block to fit stars inside*/
#parentHorizontalTab .star_container {bottom: -3px!important; height: 40px;}
#parentHorizontalTab .v-product-grid .v-product .v-product__title + div > div > b .product_saleprice { font-size: 15px!important;} /*reduce from 17px*/
#content_area .tab_content .slick-list .v-product .v-product__img img { max-width: 96% !important; margin: 5px auto;} /*fill pictures out*/
#parentHorizontalTab .v-product-grid .v-product a.v-product__img {    padding: 0px!important;    border: 1px solid #f1f1f1;} /*adds borders back on pictures*/
/********END SLICK SLIDER  to match **********/

} /*END min 768*/

@media (min-width: 768px) and (max-width: 1090px) {

/*add height so "in stock" can have more spacing around it - changed in main CSS for category
.search_results_section .v65-productDisplay .v-product-grid .v-product div > div */

/*Aaron - changes border width once a certain res is hit.*/
.v-product-grid .v-product a.v-product__img {  padding: 5px !important; }  /*gives the thin border around the pic*/

/* move product name up some remove padding (not really needed, just helps compression some)*/
.v-product-grid .v-product a.v-product__title.productnamecolor.colors_productname {padding: 0 !important;  height: 65px!important;}

} /*END min 768-1090*/

/*****************************  END AARON PRODUCT LAYOUT CHANGES  *******************************/


/*****************************   AARON OTHER CHANGES  *******************************/
/*CART LOADING PAGE TEXT*/
.loadertext {color: #fff !important;} /*text color for cart loading text - it is not working*/

/*AARON - to show links*/
.showlink {text-decoration:underline!important; color:#2961ad!important;}
/*returns.asp sub heads*/
.returnsubhead {display: block;  margin-top: 25px; font-weight: 700; color: #2169ad;font-size: 16px;} /*Aaron Bolding/Coloring Help headings return.asp*/

/*pic size iphone 5*/
@media only screen and (max-width: 374px){
.mfes-trustmark-hundred {width:290px;}}

/** AARON - on iphone/ipad phone numers are converted to links. the a tag messes up the display of the telephone numbers. this fixes the phone number display in the footer. **/
.footer .column li.phone_ft a{background:none!important; padding:0px!important; display:inline!important;}

a:active {color:red!important;} /*more visable way to know an item is clicked.*/
/*****************************   END AARON OTHER CHANGES  *******************************/



/************** Shop by Sifu multi column menu ****************/
/* makes the Sifu Submenu multiple columns  Child(3) indicated the menu item in 3rd position, so if Shop by Sifu changes this needs to change*/

/*columns don't work with ie9 or less, and display funny in ie.*/
#main-nav .vnav--level1 > .vnav__item:nth-child(5) ul{width: 580px; /*sets width of nav item 550 for 5th position is max (800 for 3rd)*/
    -moz-column-count: 3; /*putting the list in alphabetical columns*/ /* Firefox */
    -moz-column-gap: 20px;
    -webkit-column-count: 3;  /*putting the list in alphabetical columns*/ /* Chrome, Safari, Opera */
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    -webkit-column-rule: 1px solid #355784; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #355784; /* Firefox */
    column-rule: 1px solid #355784;}  

#main-nav .vnav--level1 > .vnav__item:nth-child(5) ul li{	
     width: 100%; /*sets width of columns in 5th nav item. 100% needs to be set for Alphabetical columns to work on all browsers*/
    /* float: left;   along with 100% width, this is needed for ie to display right.  but it breaks firefox and makes it 1 column.*/
        min-height: 22px; 
      /*  overflow: hidden; */ /*height and overflow keeps it orderly looking cropping long names (not needed with the same on the a tag, though..)*/
     /*   border-bottom: 1px dotted #355784; */ /*helps eye see it goes horiz not vertical*/ 
}  

     /* <!--[if lt IE 10]>*/
     /* <style>*/
     /* #main-nav .vnav--level1 > .vnav__item:nth-child(5) ul li{ width: 33%!important;} /*untested*/
     /* </style>*/
     /* <![endif]-->*/

#main-nav .vnav--level1 > .vnav__item:nth-child(5) ul li a{
     white-space: nowrap; /*for ellipsis changed from normal to no wrap*/
     /*word-wrap: break-word;*/  /*removed for ellipsis to work*/
     font-size: 11px; /*smaller font allows longer names to fit a tad more in.*/
     text-overflow: ellipsis;
     overflow: hidden; /*needed for ellipsis to work*/
}
/************** END Shop by Sifu multi column menu ****************/


/*** unsure what this does. ****/
.cbp-spmenu-push{    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;}


/************** Sticky menu ****************/
.cart_nav.hide_cart {display: none;}
.scrollActive .nav_bg{border: 0;position: fixed;width: 100%;z-index: 9999;left: 0;top: 0;     box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.4);}
.scrollActive .page-wrap { margin-top: 55px;} /*pushes the page down to hide the jump the sticky menu causes*/
@media only screen and (max-width: 999px) { /*AARON - changed from 991, because 999 is the actual break*/
.scrollActive .header_bg{background: url(../images/template/top_bg.jpg) center top no-repeat;position: fixed;width: 100%;top: 0; z-index: 9999; box-shadow: 0px 3px 3px rgba(136, 136, 136, 0.4);} /*AARON - zindex must be added here as well or it hides behind many things on the site. also adding shadow.*/
.header_bg .header,
.scrollActive .header_bg .header{display: block;}
.header_bg .navbar-header, .header_bg .cart_nav,
.scrollActive .header_bg .navbar-header , .scrollActive .header_bg .cart_nav{    top: 5px;}
.header_bg .same-height.logo_div,
.scrollActive .header_bg .same-height.logo_div {display: block;}
.header_bg .same-height.logo_div  .security_logo, .header_bg .same-height.logo_div .slogan,
.scrollActive .header_bg .same-height.logo_div  .security_logo ,.scrollActive .header_bg .same-height.logo_div .slogan{display:none;}
.header_bg .same-height.logo_div  .logo,
.scrollActive .header_bg .same-height.logo_div  .logo{margin: 0 auto;height: 50px;}
.header_bg .header .same-height {min-height: 57px;}
.scrollActive .header_bg .header .same-height {min-height: 60px;}
.header_bg #display_homepage_title,
.scrollActive .header_bg #display_homepage_title{min-height: 50px;}
 .header_bg #display_homepage_title a,
.scrollActive .header_bg #display_homepage_title a{top: 2px;}
.cart-summary a.cart span,
.scrollActive .cart-summary a.cart span {background: rgba(255, 255, 255, 0.61);} /*AARON - ad some faint white so help visibility when cart text is over leaves*/
/*.scrollActive .page-wrap { margin-top: 165px;} /*pushes the page down to hide the jump the sticky menu causes*/
.page-wrap{    margin-top: 55px;} /*dev fix for above*/
.header_bg{position: fixed;top: 0;width: 100%;}  /*dev fix for above*/
}

@media only screen and (max-width: 479px) {
.header_bg .navbar-header, .header_bg .cart_nav, .scrollActive .header_bg .navbar-header, .scrollActive .header_bg .cart_nav {top:12px;}
}
/**************** END Sticky menu ****************/