
/* Important! This file is to only be edited through WebDAV or through the control panel by the client, not theme partners/designers. */
/*
Red: #c90000
Orange: #f89c29;
Blue: #2028ac;
*/

.color-primary {
	color: #f89c29 !important;
}
.color-secondary {
	color: #2028ac !important;
}
.color-special {
	color: #c90000 !important;
}

#provider_list {
color: #2028ac;
}
.header {
	margin-bottom: 15px;
}

.SiteWideBanner > .inner {text-align: center;}
.SiteWideBanner > .inner img {max-width: 100%;}

.my-account, .my-cart {
	background-position: 0% 0%;
	background-repeat: no-repeat;
	height: 27px;
	width: 27px;
	float: right;
	position: relative;
	margin-top: 5px;
}
.my-cart:hover,
.my-account:hover {
		background-position: 0% 100%;
}

.my-cart {
	background-image: url('//www.uscav.com/template/images/cart.svg');
	margin-left: 17px;
	margin-right: 2px;
}

.my-account {
	background-image: url('//www.uscav.com/template/images/user-icon.svg');
	margin-left: 29px;
}

.my-account a, .my-cart a {
	width: 38px;
	height: 38px;
	display:block;
	color: #FFF;
    padding: 5px 15px;
    margin: 0 20px;
}

.footer-logo {
	display: inline-block;
	margin-right: 10px;
}

.copyright {
	display: inline-block;
	font-weight: 400;
}

.footer-logo img {
	vertical-align: middle;
}

.footer-links  {padding-bottom: 20px;}
.banner_home_page_top { margin-top: 15px;}
#cart-items {
	background-color: #f89c29;
	color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	z-index: 2;
	top: -7px;
	right: -8px;
	text-align: center;
	font-size: 12px;
}

#cart-items:hover {background-color: #0257b5;}

.my-cart:hover #cart-items {background-color: #0257b5;}

#SearchForm input {
    border-right: 0;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    padding: 0 1.4em;
    margin: 0;
    float: left;
    width: 100%;
    border-radius: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#SearchForm input#search_query {
    border-right-width: 1px !important;
}

.PageMenu,.MegaMenu {
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
}

#Header {
    padding:20px 0;
}

.header-logo img {width:170px; height:34px;}

.TopMenu {
    margin: 0 0 35px 0;
}

.ProductList .ProductDetails {
    padding: 10px 0px 0 0;
    margin-bottom: 5px;
    word-wrap: break-word;
}

.ProductList .ProductDetails a:hover {
	text-decoration: underline;
	color: #c90000;
}

.productlist-page .ProductList li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

.ProductList .p-price {
	font-size: 15px;
	font-weight: 700;
	font-family: 'Lato', Arial, sans-serif;
}

.SalePrice {
	color: #c90000;

}
.RetailPriceValue {
	color: #909090;
	font-weight: 400;
}

.ListPrice,.RetailPrice {
	color: #949ba3;
	font-weight: 600;
	font-size: 12px;
}

.FreeShipping {
	display: block;
	color: #111;
	font-weight: 600;
	font-size: 12px;
}

.PriceBackground {
	background-color: #ffffff;
	padding: 0 0 6px 0;
	border-radius: 5px;
}

.PriceBorder {
	border: 1px solid #ddd;
	border-radius: 5px;
}

.productAddToCartRight {
	background-color: #f6f6f6;
	border-top: 1px solid #dddddd;
	border-radius: 0px 0px 5px 5px;
}
.ProductDetailsGrid { padding: 20px;}

.ProductDetailsGrid .s-price .YouSave {
    font-weight: 600;
    margin: 0 0 10px 0;
    display: inline-block;
    color: #e30101;
    font-size: 12px;
}

.PrimaryProductDetails {
	margin-top: 12px;
}

.special-title {
	background-image: url(https://cdn3.bigcommerce.com/s-uy63io/product_images/uploaded_images/titlebg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	padding: 0px 15px 3px 15px;
	display: block;
	margin-bottom: 12px;
}

.special-title h2 {
	background-color: #ffffff;
	padding: 0px 5px;
	display: inline-block;
}

.CheckoutButton {margin-bottom: 10px;}

.CouponCode .btn, .GiftCertificateCode .btn {margin-left: 5px;}

.ProductDescriptionContainer {padding-bottom: 15px;}

.SocialConnect {
	margin-bottom: 55px;
}

.fastCartSummaryBox {
	border-radius: 5px;
}

.newsletter-subscription h4 {text-transform:uppercase; font-weight:bold;}

.checkout-title {
    padding: 0 0 5px 0;
    font-size: 24px;
    margin-top: 20px;
    border:none !important;
}

#uniform-checkout_provider_checkout_paypalexpress, #uniform-checkout_provider_checkout_authorizenet {
    padding: 15px 0px;
}

.ProviderNamecheckout_paypalexpress {
    background: url('https://www.uscav.com/template/images/PayPal.svg') no-repeat top left;
    padding: 6px 30px;
    color: transparent;
    background-size: contain;
}

.ProviderNamecheckout_authorizenet {
    background: url('https://www.uscav.com/template/images/credit-cards.svg') no-repeat top left;
    padding: 7px 50px;
    color: transparent;
    background-size:contain;
}

.ExpressCheckoutBlock .ExpressCheckoutTitle {
	margin-bottom:10px;
}

.ExpressCheckoutContent {
    margin-bottom: 10px;
}

.redeem-coupon {display:none;}

.ExpressCheckoutContent > .CreateAccount {background-color:#ebf5f6; margin-right:1.3%;}
.HorizontalFormContainer dd, .form dd {margin-bottom:10px;}
.secure-checkout-icon {padding-right:10px;}
.checkout-footer {max-width:1140px; width:90%; margin: 0 auto; text-align:center;}
img.checkout-live-chat {
    height: 60px;
    border: 0;
    padding-left: 20px;
    width:124px;
}
img.secure-checkout {
    height: 70px;
    border:0;
}
.inner-checkout {position:relative;}

.header-secure-checkout {
    height: 60px;
    position: absolute;
	right:0;
    top: 0;
}

.header-checkout-live-chat {
    height: 50px;
    position: absolute;
    right: 0;
    top: 10px;
}

.forgot-password {
    padding-left: 20px;
}

/* Popover */
.popover.bottom {
    margin-top: 10px;
}
.fade.in {
    opacity: 1;
}

.popover {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1010;
}
.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}

.popover-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
}

.popover-content {
    padding: 9px 14px;
}

.popover.bottom .arrow::after {
    border-bottom-color: #fff;
    border-top-width: 0;
    content: " ";
    margin-left: -10px;
    top: 1px;
}
.popover .arrow::after {
    border-width: 10px;
    content: "";
}
.popover .arrow, .popover .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.popover.bottom .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px;
}
.popover .arrow {
    border-width: 11px;
}
.popover .arrow, .popover .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.btn.btn-secondary {
    background-color: #ccc;
}
.btn.popover-button {
    margin-top: 7px;
    width: 100%;
}

.checkout-footer a {
    color: #333;
}


/* 768px */
@media screen and (min-width: 769px) {
	.productlist-page .ProductList {
		border-left: 1px solid #ddd;
		margin-bottom: -1px;
	}

	#SearchForm {margin-left:10%}

	form#subscribe_form {
    	margin-top: 17px;
	}

	.my-account {margin-right: 90px;}
	.my-cart {margin-right:36px;}

	.product-nav {
	    border-left: 1px solid #ddd;
	}
	.subscribe-box {
	    width: 40%;
	    border: 3px dashed #DDD;
	    padding: 15px 30px;
	    background-color: #F8F8F8;
	}

	.promo-message {font-size: 15px;}

	.secure-info {
	    color: #777;
	    font-size: 10px;
	    margin: 10px auto;
	    width:760px;
	}

	#CreateAccountButton {margin-bottom:25px;}

	.create-account-wrapper, .account-login-wrapper {padding:20px 25px; border:1px solid #ddd;}

	.video-container {
		padding-bottom: 0;
		height: 360px;
		width: 640px;
	}

}

/* 1024px */
@media screen and (max-width: 1024px) {
		.FeaturedProducts .ProductList li:nth-of-type(n+5),
		.NewProducts .ProductList li:nth-of-type(n+5),
		#SimilarProductsByCustomerViews .ProductList li:nth-of-type(n+5),
		.SideRelatedProducts .ProductList li:nth-of-type(n+5),
		.TopSellers .ProductList li:nth-of-type(n+5) {
			display: none;
		}
}

/* 1024px */
@media screen and (max-width: 1024px) {
		.FeaturedProducts .ProductList li:nth-of-type(n+5),
		.NewProducts .ProductList li:nth-of-type(n+5),
		#SimilarProductsByCustomerViews .ProductList li:nth-of-type(n+5),
		.SideRelatedProducts .ProductList li:nth-of-type(n+5),
		.TopSellers .ProductList li:nth-of-type(n+5) {
			display: none;
		}
		.PrimaryProductDetails .ProductMain, 
		.left-content {
			width: 47%;
		}
}

/* 768px */
@media screen and (max-width: 768px) {
		.FeaturedProducts .ProductList li:nth-of-type(n+4),
		.NewProducts .ProductList li:nth-of-type(n+4),
		#SimilarProductsByCustomerViews .ProductList li:nth-of-type(n+4),
		.SideRelatedProducts .ProductList li:nth-of-type(n+4),
		.TopSellers .ProductList li:nth-of-type(n+4) {
			display: none;
		}
		.FeaturedProducts .ProductList li:nth-of-type(3),
		.NewProducts .ProductList li:nth-of-type(3),
		#SimilarProductsByCustomerViews .ProductList li:nth-of-type(3),
		.SideRelatedProducts .ProductList li:nth-of-type(3),
		.TopSellers .ProductList li:nth-of-type(3) {
			border-bottom: 0px;
		}
		.footer-links {padding-top: 30px;}
		.footer-columns .grid__item:nth-of-type(4) {
			margin-top: 30px;
		}

		.PrimaryProductDetails .ProductMain,
		.left-content {
			width: 100%;
		}
		.my-cart {
			background-image: url(//uscav.com/template/images/cart.svg);
			margin-left: 12px;
			margin-right: 2px;
		}

		.my-account{
			background-image: url(//uscav.com/template/images/user-icon.svg);
			margin-left: 24px;
		}

		.promo-message {font-size:13px;}

		.hide-for-small {display:none;}

		form#subscribe_form {
    		margin-top: 15px;
		}

		#Header.checkout-header-inner {position:relative !important;}

		.checkout-header .inner {
		    padding: 0 !important;
		}

		.header.checkout-header {
		    padding: 15px 0;
		}	
		.checkout-header-inner {
		    border: none !important;
		}

		#CreateAccountButton {margin-bottom:15px;}

		.create-account-wrapper, .account-login-wrapper {padding:15px 25px 5px 25px;}

		.ExpressCheckoutContent {  	
		    padding:0 10px;
		}

		.video-container {
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
		}

}

/* 480px */
@media screen and (max-width: 600px) {
		.my-account a, .my-cart a {
			width: 38px;
			height: 38px;
			display: block;
			margin-top: -5px;
			margin-left: -5px;
		}

		.productlist-page .ProductList li {
			border-bottom: 1px solid #ddd;
			margin-bottom: 0px;
			padding-top: 20px !important;
		}

		.ProductList li {
			border-bottom: 1px solid #ddd;
			padding-top: 20px !important;
		}

		#SearchForm {
			margin-top: 0px;
		}
		#SearchForm .Button {
			top: 11px;
		}

		.my-account, .my-cart {
			margin-top: 15px;
		}
		.my-cart {margin-right: 10px;}
		.my-account {
			margin-left: 0px;
		}
		.special-title {
			background-image: url(https://cdn3.bigcommerce.com/s-uy63io/product_images/uploaded_images/titlebg.jpg);
			background-repeat: repeat-x;
			background-position: left center;
			padding: 0px 15px 3px 15px;
			display: block;
			margin-bottom: 15px;
			text-align: center;
		}

		.special-title h2,.special-title h3 {
			background-color: #ffffff;
			padding: 0px 5px;
			display: inline-block;
		}

		#cart-items {
			background-color: #ff6200;
			color: #fff;
			border-radius: 50%;
			width: 20px;
			height: 20px;
			line-height: 20px;
			position: absolute;
			z-index: 2;
			top: -5px;
			right: -8px;
			text-align: center;
			font-size: 12px;
		}
		.footer-main h4 {
			margin-top: 20px;
			padding-bottom: 5px;
		}
		.footer-columns .grid__item:nth-of-type(4) {
			margin-top: 0px;
		}
		.SiteWideBanner {display: none;}

		#Header {padding:0;}

		.secure-info {
		    color: #777;
		    font-size: 10px;
		    margin: 10px auto;
		    width:100%;
		}

}

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

.restricted-warning {
    padding: 10px 20px;
    margin-bottom: 10px;
    display: none;
    background: #d9edf7;
    margin-top: 5px;
    border: 1px solid #bed7e4;
}

.restricted-warning h4 {
    padding-bottom: 5px;
}

.restricted-warning span {
    font-size: 11px;
    line-height: 11px !important;
}

.restricted-warning span a {
    text-decoration: underline;
}

.checkout-title {font-size:21px;}

 .ExpressCheckoutTitle {font-size:11px;}

 .header-secure-checkout {height:50px; top:5px;}

/* Promo Styles */
/* Promo TOP */
.promo-message {
    background: #182533;
    text-align: center;
    color: #DDD;
    padding: 10px 0;
}

.promo-inner {
    width: 90%;
    max-width:1140px;
    margin: 0 auto;
    overflow: hidden;
}

p.left {
    float: left;
}

p.right {
    float: right;
}

.promo-message p {
    margin: 0;
}

.promo-message a {
    color: #DDD;
    text-decoration:underline
}

.promo-message a:hover {
    color:#FFF;
}

.promo-highlight {
    color: orange;
    font-weight: bold;
}

.promo-message {
    background: #182533;
    text-align: center;
    color: #DDD;
    padding: 10px 0;
}

.promo-message p {
    margin: 0;
}

.promo-message a {
    color: #DDD;
}

.promo-message a:hover {
    text-decoration:none;
}

.promo-highlight {
    color: orange;
    font-weight: bold;
}

.main-promo {padding: 0 0 40px 0; background-image:url("http://www.uscav.com/template/images/xmas-bg.png"); background-repeat: no-repeat; background-size: contain;}
.main-promo h1 {
    color: #FFF;
    padding: 0;
    font-size: 52px;
    font-weight: 800;
    margin:0;
    text-transform:uppercase;
}

img.promo-img {
    width: 500px;
    height: 258px;
    border: 0;
}

.promo-header {text-align:center;padding: 2em;}

.promo-header p {
    font-size: 28px;
    font-weight: 400;
    margin:0;
    padding-bottom:5px;
}
.promo-header h2 {font-weight:800; letter-spacing:-1px; line-height:5rem; font-size:5rem;}

span.small {
    font-weight: 100;
    text-transform: uppercase;
    border-bottom:2px solid #FFF;
    font-style:italic;
}

.inner-promo {background:#FFF;}

h2.promo-subheading {
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 600;
}

ul.promo-categories {
    list-style-type: none;
    margin: 0;
}

.category-holder {
    width: 28.8%;
    height: 28.8%;
    margin: 2% 2% 1%;
    text-align: center;
    float: left; 
    border:3px dashed #DDD;
}

.category-img {
    padding: 15px;
    overflow:hidden;
    width:180px;
    height:180px;
    margin:0 auto;
    display:table-cell;
}

.category-brand {
    padding: 15px;
    overflow:hidden;
    width:209px;
    height:70px;
    margin:0 auto;
    display:table-cell;
}

h4.button {
    background: #777;
    color: #FFF;
    padding: 10px 50px;
    margin-bottom: 20px;
}

h4.red {
    background: #cc0000;
}

h4.button:hover {
    background: #222;
}

.category-holder h3 {
    color: red;
    font-size: 48px;
    font-weight: 800;
}

.category-holder a {
	display:block;
}

.category-holder a:hover {
	text-decoration:none;
}

span.regular {
    color: #555;
    padding: 0.7em 0;
    display: block;
}

span.promo-description {
    padding: 0 5px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.promo-headline {
    padding: 1em 1.5em 0 1.5em;
    text-align: left;
}

span.headline-medium {
    font-size: 24px;
    color: #111;
    display: block;
    font-family: 'Exo 2', sans-serif;
}

span.headline-small {
    color: #c50f1e;
}

.promo-code {
    color: #000;
    font-size: 18px;
    padding: 1em;    
    display: table-cell;
    background:#c7ffcb;
}

.promo-footer {
    padding: 1em;
}

.footer-promo-code {
    font-size: 16px;
    color: #CCC;
    padding: 0.7em;
    background: #F5F5F5;
}

.footer-promo-code.active {background:#c7ffcb; color:#000;}

.promo-tip {
    padding: 0 0 10px 0;
    color: #555;
    margin-top:-10px;
}

.promo-bottom {
    display: table;
    clear: both;
    padding: 10px 30px;
    border-top: 1px solid #CCC;
    margin: 0 auto;
}

#countdowntimer p {color:#FFF; font-family:'Exo 2', sans-serif; line-height:36px;}
#countdowntimer h3 {
    padding: 10px 0;
    color: #FFF;
    font-size: 28px;
}
#countdowntimer a {text-decoration:none;}

.bg-black {background-color:#000;}
.bg-grey {background-color:#F5F5F5;}
.bg-red {background-color:#c50f1e;}
.color-black {color:#000;}
.color-white {color:#FFF;}
.color-red {color:#c50f1e;}
.bold {font-weight:600;}
.prod-feature {float:left; padding:5%;}
.prod-feature h2 {
    padding-bottom: 10px;
}
.prod-feature img {width:100%; border:0;}

.promo-button {
    padding: 0.7em 2em;
    color: #FFF;
    font-size: 18px;
    display: table;
    margin: 1.3em 0;
    background-color::#c50f1e;
}

a.gift-certificate-promo {
    display: block;
    border: 1px solid #DDD;
    padding: 0.7em;
    border-radius: 5px;
}

a.promo-button {background-color:#c50f1e;}
a.promo-button:hover {background-color:#a10a17; text-decoration:none;}

span.sale {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #c50f1e;
    padding-bottom:10px;
}

li.category-holder.active {
    border: 3px dashed #000;
}

a.svg {
 position: relative;
 display: inline-block;
}
a.svg:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}
object {
  width: 100%;
}

@media screen and (max-width: 600px) {
	.category-holder {
		width:94%;
	}

	.header-logo img {max-height:28px; padding-top:5px;}	

	.promo-header {padding:1em;}

	.promo-header h2 {
		font-size:3rem;
		line-height:3rem;
	}

	.promo-header p {
		font-size:1rem;
		line-height:1.5rem;
		padding: 0.5rem 1rem;
	}

	h2.promo-subheading {
		font-size:18px;
	}

	.prod-feature h2 {padding-bottom:0;}

	.promo-code {padding:1em; display:block; font-size:16px;}
	a.promo-button {text-align:center; display:block;}
	.footer-promo-code {font-size:14px;}

	span.promo-description {
		padding: 0 15px;
		display:block;
	}

	span.sale {font-size:1.5em;}

	.header {
		padding: 100px 0 0;
	}	

	.main-promo h1 {
		line-height:38px;
	}

	h4.button {min-width:50%;}

	img.promo-img {
   		display:none;
	}
	.prod-feature {
	    float: left;
	    width: 90%;
	    padding: 5%;
	}

	.prod-feature h2 {font-size:18px;}

	.main-promo h1 {font-size:2.5em;}

}

@media screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.category-holder {
		width:45%;
	}
	span.promo-description {
		padding: 0 15px;
		display:block;
	}

	#SearchForm {margin-left:10%;}
}

/* END Promo Styles */

/* Responsive Youtube Embeds */
.video-container {
	position: relative;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

video {
	max-width: 100%;
	height: auto;
}
