/*
Template Name:      Marketing 360® Bigcommerce Template
Version:            0.1.0
Author:             Madwire Media SWAT Team
Author URI:         http://www.madwiremedia.com
*/

/* =============================================================================
   Base !n! !bas
   ========================================================================== */

/*body {
   background: url(//cdn2.bigcommerce.com/server2100/qusnhtk5/templates/__custom/img/bg-body.jpg?t=1435781862);
}*/
.page {
   background: none;
}

/* New CSS for Responsive Site  */

#head-shipping {
    top: -17px;
    color: #ce1126;
    font-size: 16px;
    font-weight: 700;
    /*left: 31px;*/
    position: relative;
margin-bottom: 0px !important;
}

.TopMenu.container ul {
    float: right;
}

.TopMenu.container ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.TopMenu.container li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}


.TopMenu.container li.First a {
    border-left: 0 none;
}
.TopMenu.container li a, #TopMenu li div {
    color: #014983;
}
.TopMenu.container li a, #TopMenu li div {
    font-size: 0.95em;
    margin: 8px 0 0;
    padding: 0 10px;
}
.TopMenu.container li a, #TopMenu.container li div {
    display: block;
    text-decoration: none;
}
#header-phone {
    color: #2b2b2b;
    font-weight: 700;
    margin: 0;
    position: absolute;
    right: 14px;
    top: -33px;
}
#header-phone {
    float: left;
}
#header-phone span a {
   color: #b61f24;
}
/*---Brown Beggers page--*/

#bbHeader {
    background: url(//cdn2.bigcommerce.com/server2100/qusnhtk5/templates/__custom/img/header-bg.jpg?t=1435781862) no-repeat;
    width:950px;
    height:301px;
}
#bbLeft {
    float: left;
}
#bbRight {
    background: url(//cdn2.bigcommerce.com/server2100/qusnhtk5/templates/__custom/img/rightbg.jpg?t=1435781862) no-repeat;
    width: 305px;
    float: left;
    height: 619px;
    margin-left: 10px;
}
#bbRight  p {
    color: #ffffff;
    padding: 10px;
    position: relative;
    top: 322px;
}
#bbRight img {
    position: relative;
    top: 240px;
    left: 40px;
}
#bbRight a {
    background: url(//cdn2.bigcommerce.com/server2100/qusnhtk5/templates/__custom/img/shop.png?t=1435781862) no-repeat 0px -24px;
    display: block;
    width: 91px;
    height: 25px;
    position: relative;
    top: 310px;
    left: 100px;
}

#bbRight a:hover {
    background: url(//cdn2.bigcommerce.com/server2100/qusnhtk5/templates/__custom/img/shop.png?t=1435781862) no-repeat 0px 1px;
}
#bbProducts {
    clear: both;
    margin-top: 20px;
}
.bbP {
    border:1px solid #72421b;
    width:202px;
    height:180px;
    margin-right: 6px;
    float: left;
}
.bbP h2 {
    background: #f2c156;
    color: #603813;
    text-align: center;
    font-size: 20px;
    margin: 0;
}
#bbBottom {
    background:url(//cdn2.bigcommerce.com/server2100/qusnhtk5/templates/__custom/img/bottom.jpg?t=1435781862) no-repeat;
    margin-top:10px;
    float: left;
    width:946px;
    height:416px;
}
#bbBottom #youtube {
position: relative;
top: 305px;
left: 20px;
}
#bbBottom #buynow {
display: block;
background: url(//cdn2.bigcommerce.com/server2100/qusnhtk5/templates/__custom/img/buynow.png?t=1435781862) no-repeat 0px -36px;
width: 570px;
height: 36px;
position: relative;
top: 300px;
left: 180px;
}

#bbBottom #buynow:hover {
display: block;
background: url(//cdn2.bigcommerce.com/server2100/qusnhtk5/templates/__custom/img/buynow.png?t=1435781862) no-repeat 0px 0px;
width: 570px;
height: 36px;
}
/*Fan Gear Landing Page*/

#fangearHeader {
    width:940px;
    height:297px;
    margin-bottom: 10px;
}

#fangearRight {
    width: 305px;
    float: left;
    height: 619px;
    margin-left: 10px;
}
#fangearRight img {
margin-bottom:5px;
}

.fangearP h2 {
    background: #3a3c3e;
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin: 0;
}

.fangearP {
    border:1px solid #3a3c3e;
    width:203px;
    height:180px;
    margin-right: 6px;
    float: left;
}

#fangearBottom {
    margin-top:10px;
    float: left;
    width:946px;
}

/* Service Dog Landing page */
#servicedogRight {
    width: 305px;
    float: left;
    height: 617px;
    margin-left: 10px;
}
#formwrapper h2 {
background: #6c0d1a;
color: #fff;
text-transform: none;
font-family: arial;
font-size: 22px;
padding: 12px 0px 12px 15px;
}

#formwrapper {
border: 1px solid #000;
height: 617px;
}
#formwrapper div {
padding: 4px;
}
.hs-form.stacked .actions {
margin-left: 0px !important;
}
.hs-form.stacked .field {
margin-bottom: 0px !important;
}

.servicedogP h2 {
background: #6c0d1a;
color: #fff;
text-align: center;
font-size: 20px;
margin: 0;
}

.servicedogP {
    border:1px solid #3a3c3e;
    width:203px;
    height:180px;
    margin-right: 6px;
    float: left;
}

/* Holiday  Landing page */

#holidayRight {
    width: 305px;
    float: left;
    height: auto !important;
    margin-left: 10px;
}
#holidayRight img {
    margin-bottom:10px;
}

.holidaydogP h2 {
background: #3a3c3e;
color: #fff;
text-align: center;
font-size: 20px;
margin: 0;
}
.holidaydogP {
    border:1px solid #3a3c3e;
    width:203px;
    height:180px;
    margin-right: 6px;
    float: left;
}
#Container .title {
background: #949087;
color: #fff;
padding: 6px 14px;
font-weight: 400;
}
#PrimaryMenuOuter {
background: #949087;
position: relative;
z-index: 90;
}
#newsletter .inner {
background: #949087;
padding: 10px 20px;
margin-bottom: 0;
overflow: hidden;
}

#PrimaryMenu > ul > li { padding-left: 10px; padding-right: 10px; }
#PrimaryMenu > ul > li > ul:before { left: 24px }
#PrimaryMenu > ul > li > ul:after { left: 25px; }

#HomeFeaturedProducts .ProductList li {
    /*width: 174px !important;*/
}

body.landingpagebeggers #LayoutColumn2 {
  width:100% !important;

}
.bbcontainer {
    margin: 0 auto;
    width: 950px;
}



/* == Colors == */

a,
.btn.btn-link,
#PrimaryMenu > ul > li > a:hover,
#PrimaryMenu > ul > li.dropdown.open > a,
#PrimaryMenu > ul > li.ActivePage > a,
#PrimaryMenu ul.category-list > li > a:hover,
#PrimaryMenu ul.category-list > li.dropdown.open > a,
#PrimaryMenu ul.category-list > li.ActivePage > a {
   color: #b61f24;
}
a:hover,
.btn.btn-link:hover,
.header-cart a:hover {
   color: #ffac29;
}

.btn,
.ExpressCheckoutBlock .ExpressCheckoutTitle,
#PrimaryMenu ul li.dropdown ul a:hover,
#SideCatPopOut ul li ul a:hover,
.header-cart .bg-primary {
   color: #fff;
   background: rgb(143,12,26);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmMGMxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjBlMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(143,12,26) 0%, rgb(175,14,32) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(143,12,26)), color-stop(100%,rgb(175,14,32)));
background: -webkit-linear-gradient(top,  rgb(143,12,26) 0%,rgb(175,14,32) 100%);
background: -o-linear-gradient(top,  rgb(143,12,26) 0%,rgb(175,14,32) 100%);
background: -ms-linear-gradient(top,  rgb(143,12,26) 0%,rgb(175,14,32) 100%);
background: linear-gradient(to bottom,  rgb(143,12,26) 0%,rgb(175,14,32) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0c1a', endColorstr='#af0e20',GradientType=0 );
   font-family: 'Cabin',sans-serif;
}
.btn:hover {
   background: -moz-linear-gradient(center top , #8f0c1a, #af0e20) repeat scroll 0 0 rgba(0, 0, 0, 0);
   color: #fff;
}

/* Secondary Colors */

.btn.alt {
   background: #444;
   color: #fff;
}
.btn.alt:hover {
   background: #666;
   color: #fff;
}

#PrimaryMenu,
.title,
.newsletter-subscription .inner,
.ProductList li .inner .ProductDetails,
.ProductList li .inner .p-price,
.ProductList li .inner .ProductPriceRating,
.ProductList li .inner .ProductCompareButton {
   background: #949087;
   color: #fff;
}
#PrimaryMenu {
    padding-bottom: 3px;
    padding-top: 5px;
}
/* == Fonts == */

h1, h2, h3, h4, .btn {
   font-family: 'Cabin',sans-serif;
   text-transform: uppercase;
}

.uppercase {
   text-transform: uppercase;
}

/* =============================================================================
   Header !n! !hdr
   ========================================================================== */

.TopMenu {
   margin-bottom: 0;
}

.TopMenu, .TopMenu a {
   color: #333;
}

.header .PrimaryMenu-wrap {
   border: none;
}
#PrimaryMenu {
   font-family: 'Oswald', sans-serif;
   text-transform: uppercase;
}
#PrimaryMenu > ul > li > a {
    color: #fff;
    font-family: 'Oswald',sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

#PrimaryMenu > ul > li {
    padding-left: 10px;
    padding-right: 10px;
}

#PrimaryMenu li.dropdown li a {
   padding-top: 6px;
   padding-bottom: 6px;
}

#PrimaryMenu ul li a .caret {
   border-top-color: #fff;
}

.header-cart {
   float: right;
   margin-bottom: 13px;
}
.header-cart p.bg-primary {
    background: none repeat scroll 0 0 #CE1126 !important;
}
.header-cart p {
    color: #fff;
    min-width: 55px;
    padding: 5px 12px;
    text-align: center;
    background: none repeat scroll 0 0 #f3f2f2 !important;
    float: right;
    font-family: 'Oswald',sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    padding: 6px 12px;
}
.header-cart a {
   color: #333;
}
.header-cart a:hover {
   text-decoration: none;
}
.header-cart i {
   font-size: 18px;
}

.header-secondary {
   float: right;
   clear: both;
}

#SearchForm {
   min-width: 211px;
}
#SearchForm input {
   height: 30px;
   line-height: 30px;
}
#SearchForm .Button {
   height: 30px;
}

/* =============================================================================
   Content !n! !cnt
   ========================================================================== */

.page-wrap {
   width: 1190px;
   margin: 0 auto;
   padding: 30px 0;
   background: #fff;
}

.title {
   padding: 12px 16px;
}

/* =============================================================================
   Sidebar !n! !sdb
   ========================================================================== */


/* =============================================================================
   Footer !n! !ftr
   ========================================================================== */

.footer-main,
.footer-links {
   background: none;
}

.newsletter-subscription {
   border: none;
}
.newsletter-subscription .container {
   padding-top: 0;
   padding-bottom: 0;
}
.col-sm-3 p {
   text-align: center;
}
.newsletter-subscription .inner {
   padding: 15px 15px 15px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 10px 20px;
 }
.newsletter-subscription h4 {
   font-size: 15px;
    margin-left: 10px;
    margin-top: 14px;
   float: left;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
   color: #b61f24;
}
.newsletter-subscription p {
   color: #fff;
    display: inline-block;
    padding-left: 10px;
    margin-top: 13px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.footer-main h4 {
   font-weight: 400;
   text-transform: uppercase;
}

/* =============================================================================
   Miscelaneous !n! !msc
   ========================================================================== */


/* =============================================================================
   Pages !n! !pgs
   ========================================================================== */


/* =============================================================================
   Category !n! !ctg
   ========================================================================== */


/* =============================================================================
   Product Lists !n! !pls
   ========================================================================== */

#home .ProductList li {
   width: 20%;
}

.ProductList li {
   font-family: 'Oswald', sans-serif;
}
.ProductList li .inner {
   border: 1px solid #ccc;
}

.ProductList li .inner .ProductDetails {
   padding: 10px 5px;
}
.ProductList li .inner .ProductDetails a {
   color: #fff;
}
.ProductList li .inner .ProductCompareButton {
   margin: 0;
   padding-bottom: 10px;
}
.ProductList li .inner .btn {
   display: block;
}

/* =============================================================================
   Product !n! !prd
   ========================================================================== */


/* =============================================================================
   Cart !n! !crt
   ========================================================================== */

.ProductDetailsGrid .BulkDiscount .btn {
   font-size: 22px;
}
.ProductDetailsGrid .BulkDiscount .btn i {
   position: relative;
   top: -2px;
   margin-right: 5px;
}

/* =============================================================================
   Checkout !n! !chk
   ========================================================================== */


/* =============================================================================
   Order !n! !ord
   ========================================================================== */


/* =============================================================================
   Account !n! !acct
   ========================================================================== */


/* =============================================================================
   Home Page !n! !hpg
   ========================================================================== */

.home-cta p {
   margin-bottom: 10px;
}

.flex-control-nav {
   position: absolute;
   left: 5px;
   bottom: 0;
   margin:0;
   text-align: left;
   z-index: 20;
}

.slide-show {
   margin-bottom: 10px;
}
.slide-show .slide-overlay {
   top: 10%;
   left: 5%;
   right: 5%;
}

.FeaturedProducts,
.NewProducts,
.TopSellers {
   margin-bottom: 0;
}

/* =============================================================================
   Media Queries !n! !mqs
   ========================================================================== */

/* Up to 1199px */
@media screen and (max-width: 1199px) {

   .page-wrap {
      width: 990px;
   }

}

/* Up to 991px */
@media screen and (max-width: 991px) {

   .page-wrap {
      width: 770px;
   }

}

/* Up to 767px */
@media screen and (max-width: 767px) {

   .page-wrap {
      width: auto;
   }

   .home-cta {
      text-align: center;
   }

   .newsletter-subscription .inner {
      padding: 0 10px;
   }

}

/* Up to 480px */
@media screen and (max-width: 480px) {

.btn { min-height: 50px; height: 50px; width: 100%; background-color: red; color: white; }

}