@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Architects+Daughter|Rokkitt|Roboto+Slab|Montserrat|Orbitron|Russo+One);

.clear-both{
   clear: both;
}

.TopMenu .inner{
   max-width: 1500px;
   margin: 0 auto;
}

#Header .inner{
   max-width: 1500px;
   margin: 0 auto;
}

.main .inner{
   max-width: 1500px;
   margin: 0 auto;
}

.footer-main .inner{
   max-width: 1500px;
   margin: 0 auto;
}

.footer-links .inner{
   max-width: 1500px;
   margin: 0 auto;
}

/*  --------------------------------------------------
    :: Top Navigation
    -------------------------------------------------- */
#StorePhoneNumber .phoneIcon{
    font-size: 14px;
}

#StorePhoneNumber .phoneIcon span{
    font-weight: bold;
}

#SearchForm input.Textbox {
    border: 1px solid #999 !important;
    margin-left: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}
 
@media screen and (max-width: 1080px){
    .TopMenu ul {
        float: left;
    }
    #SearchForm{
        margin-top: 5px;  
    }
}

@media screen and (max-width: 768px){
    #SearchForm{
        margin-top: 0;  
    }
}

@media screen and (max-width: 400px){
   #SearchForm input.Textbox {
    margin-left: 0;
   }
}

@media screen and (min-width: 768px){
 
   #SearchForm{
       width: 100%;
   }

   #SearchForm input.Textbox {
       width: 95%;
   }

}

@media screen and (min-width: 1080px){
   #SearchForm{
       width: 35%;
   }

   #SearchForm input.Textbox {
       width: 80%;
   }

}



    
/*  --------------------------------------------------
    :: SiteWide Banner
    -------------------------------------------------- */

.sitewide-header.apd-mobile{
   display: none;
}

.sitewide-header{
    margin-top: 15px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;

/*background: #000000;
padding: 5px 7px;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0px solid #000000;*/
}

.sitewide-header .sitewide-percent p, .sitewide-header .sitewide-code p{
    margin-bottom: 0;
}

.sitewide-header .sitewide-percent{
    display: inline-block;
}

.sitewide-header .sitewide-percent p{
    font-family: 'Oswald', sans-serif;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    color: #cd393f;

/*color: #cccccc;*/
}

.sitewide-header .sitewide-percent p .apd-color{
/*color: #ffffff;
color: #ff474e;*/
}

.sitewide-header .sitewide-percent p .apd-special-deal{
color: #005b7f;
/*font-weight: 700;*/
}

.sitewide-header .sitewide-code{
    display: inline-block;
    background: #cd393f;
    margin-left: 10px;
}

.sitewide-header .sitewide-code p{
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    line-height: 16px;
    padding: 5px 10px;
}

.sitewide-header .sitewide-code p span{
    font-size: 18px;
}

.sitewide-percent.apd-free-shipping{
    margin-left: 7px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 2px 7px;
/*background: #252525;
background: #363636;
background: #005b7f;

border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 0px solid #000000;*/
}

.sitewide-percent.apd-free-shipping p{
font-size: 30px;
line-height: 30px;
}

.sitewide-percent.apd-free-shipping p span.apd-free{
    color: #ff474e;
/*color: #ffffff;*/
}

.sitewide-header .sitewide-end-date{
    display: inline-block;
}

.sitewide-header .sitewide-end-date p{
    font-size: 16px;
    line-height: 30px;
    padding: 0;
    margin-bottom: 0;

    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    line-height: 30px;
    color: #cd393f;
}

/*--- Begin Comment Out section For Banner Deals ---*/

.sitewide-header.apd-wide-screen{
   /*display: none;*/
}

.sitewide-header .sitewide-code{
   /*display: none;*/
}

.sitewide-header .sitewide-end-date{
   /*display: none;*/
}

.sitewide-header.apd-mobile .clear-both{
    display: none;
}

/*--- End Comment Out section For Banner Deals ---*/


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

        .sitewide-percent.apd-free-shipping{
            margin-left: 0;
       }

    }

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

       .sitewide-header .sitewide-percent p{
            font-size: 24px;
            line-height: 25px;
        }

        .sitewide-header .sitewide-code p{
            font-size: 12px;
            line-height: 12px;
            padding: 5px 10px;
        }

        .sitewide-header .sitewide-code p span{
            font-size: 14px;
        }

        .sitewide-percent.apd-free-shipping p{
            font-size: 24px;
            line-height: 25px;
        }

        .sitewide-percent.apd-free-shipping p span.apd-free{
            font-size: 24px;
        }

        .sitewide-header .sitewide-end-date p{
            font-size: 14px;
            line-height: 16px;
        }
   }


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

.sitewide-header{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

        .sitewide-header{
            border-top: none;
            border-bottom: none;
        }

        .sitewide-header.apd-wide-screen{
            display: none;
        }

        .sitewide-header.apd-mobile{
            display: block;
            margin-top: 0;
        }

        .sitewide-header.apd-mobile .sitewide-percent{
            margin-left: 20px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .sitewide-header .sitewide-percent p{
            font-size: 14px;
            line-height: 16px;
        }

        .sitewide-header .sitewide-code{
            margin-left: 0;
        }

        .sitewide-header .sitewide-code p{
            font-size: 12px;
            line-height: 12px;
            padding: 5px 10px;
        }

        .sitewide-header .sitewide-code p span{
            font-size: 14px;
        }

        .sitewide-percent.apd-free-shipping{
            float: right;
            margin-right: 20px;
        }

        .sitewide-percent.apd-free-shipping p{
            padding-top: 11px;
            font-size: 14px;
            line-height: 16px;
        }

        .sitewide-percent.apd-free-shipping p span.apd-free{
            font-size: 14px;
        }

        .sitewide-header .sitewide-end-date{
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .sitewide-header .sitewide-end-date p{
            font-size: 14px;
            line-height: 16px;
        }

.sitewide-header.apd-mobile .sitewide-percent {
    margin-top: 0;
margin-bottom: 0;
padding: 3px;
}

        /*--- Begin Comment Out section For Mobile Banner Deals ---*/

        .sitewide-header.apd-mobile{
            /*display: none;*/
        }

        .sitewide-header .sitewide-code{
            /*display: none;*/
        }

        .sitewide-header .sitewide-end-date{
            /*display: none;*/
        }

        /*--- End Comment Out section For Mobile Banner Deals ---*/

    }

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

        .sitewide-header.apd-mobile .sitewide-percent{
           margin-left: 15px;
        }

        .sitewide-header .sitewide-code {
           margin-left: 0 !important;
        }

        .sitewide-header .sitewide-code p{
          font-size: 12px;
          line-height: 12px;
          padding: 5px 5px;
       }

       
/*.sitewide-header.apd-mobile .clear-both{
            display: block;
       }

        .sitewide-header.apd-mobile .sitewide-percent{
            margin-left: 0;
            width: 100%;
        }

       .sitewide-header.apd-mobile .sitewide-percent p{
            line-height: 16px;
        }     

        .sitewide-header .sitewide-code{
            margin-left: 20px;
        }

        .sitewide-header .sitewide-end-date{
            padding: 0;
            margin-top: 3px;
        }

        .sitewide-header .sitewide-end-date p{
            margin-right: 20px;
            line-height: 16px;
            padding: 0;
        }

        .sitewide-header.apd-mobile .sitewide-percent.apd-free-shipping{
            width: 100%;
            padding: 3px 0;
        }

        .sitewide-percent.apd-free-shipping p{
            margin: 0;  
        }

       .sitewide-percent.apd-free-shipping p{
            padding-top: 0;
        }*/


    }

    @media screen and (max-width: 380px){
        .sitewide-end-date{
            width: 65px;
        }
    }

/*  --------------------------------------------------
    :: Canvas & Framed Products Banner
    -------------------------------------------------- */

.remove-sitewide-header{
/*display: none;*/
}

.APD-CanFrame-Coupons {
    background: #f0efee;
    margin-bottom: 10px;
}

.APD-CanFrame-Coupons .APD-CanFrame{
   padding: 7px;
}

.APD-CanFrame-Coupons .APD-CanFrame p{
font-family: 'Oswald', sans-serif;
font-weight: normal;
font-size: 20px;
line-height: 22px;
color: #cd393f;
margin-bottom: 0;
}

.APD-CanFrame-Coupons .APD-CanFrame .APD-CanFrame-code{
    color: #ff474e;
}

/*  --------------------------------------------------
    :: Main Navigation
    -------------------------------------------------- */

.PageMenu li a {
font-size: 18px;
}

/*-- Header Styles --*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Open Sans', Arial, Sans-Serif !important;
}

.slide-show h2 {
font-family: 'Roboto Slab', serif;
}

.h3-border{
   border-bottom: 1px solid #cccccc;
   margin-bottom: 5px;
   padding-bottom: 3px;
}

.PageMenu ul li a:hover{
   /*background: #f3f3f3;*/
}

/*  --------------------------------------------------
    :: Side Panel
    -------------------------------------------------- */

.Left.fleft h4{
   text-transform: uppercase;
   border-bottom: 1px solid #000000;
}

.Left #SideCategoryList li a, .Left .slist li a {
   border-bottom: 1px solid #ffffff;
}

.Left #SideCategoryList li a:hover , .Left .slist li a:hover {
   background: #f3f3f3;
}

.Left #SideCategoryList li a, .Left .slist li a, .Left #SideCategoryShopByPrice li a {
   padding: 7px 22px 7px 22px;
}

.Left #SideCategoryList .sf-horizontal > li:nth-child(1){
   /*display:none !important;*/
}

.Left #SideCategoryList .sf-horizontal > li:nth-child(2){
   /*display:none;*/
}

#SideCategoryList .treeview li.APDAllPrintsPrev, #SideCategoryList .treeview li.last.APDAllPrints{
   /*background: #999999;*/
}

.treeview li.APDAllPrintsPrev a.selected, .treeview li.last.APDAllPrints a.selected{
    color: #005b7f !important;
}

.treeview li.APDAllPrintsPrev a{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.treeview li.last.APDAllPrints a{
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.treeview li.APDAllPrintsPrev a:hover, .treeview li.last.APDAllPrints a:hover{
    color: #005b7f !important;
}

#SideCategoryList .treeview li.APDAllPrintsPrev a{
   border: 1px solid #cccccc;
}

#SideCategoryList .treeview li.APDAllPrints a{
   border: 1px solid #cccccc;
   border-top: none;
}

.BrandList .BlockContent .last a{
    font-weight: bold;
}

    @media screen and (max-width: 768px){
        .treeview li.APDAllPrintsPrev a, .treeview li.last.APDAllPrints a{
            -webkit-border-top-left-radius: 0;
            -webkit-border-top-right-radius: 0;
            -moz-border-radius-topleft: 0;
            -moz-border-radius-topright: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -moz-border-radius-bottomright: 0;
            -moz-border-radius-bottomleft: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        #DrawerMenu .APDAllPrintsPrev a, #DrawerMenu .APDAllPrints a {
            color: #000000;
            background: #cccccc !important;
        }

    }

/*  --------------------------------------------------
    :: Adjust thumbnail swatches
    -------------------------------------------------- */

.productOptionPickListSwatch .thumbnail, .productOptionPickListSwatch .swatchColour {
width: 47px !important;
height: 47px !important;
}

span.textureContainer.showPreview[title="No Frame"] .thumbnail{
  background-image: url('http://cdn2.bigcommerce.com/server5400/ruxx/product_images/uploaded_images/no-frame-thumb.jpg?t=1410460481')!important;
}

span.textureContainer.showPreview[title="AP01-20-14-412"] .thumbnail{
  background-image: url('http://cdn2.bigcommerce.com/server5400/ruxx/product_images/uploaded_images/20-14-412-thumb.jpg?t=1410460354')!important;
}

span.textureContainer.showPreview[title="AP02-20-14-378"] .thumbnail{
  background-image: url('http://cdn2.bigcommerce.com/server5400/ruxx/product_images/uploaded_images/20-14-378-thumb.jpg?t=1410460353')!important;
}

span.textureContainer.showPreview[title="AP03-12-01-121"] .thumbnail{
  background-image: url('http://cdn2.bigcommerce.com/server5400/ruxx/product_images/uploaded_images/12-01-121-thumb.jpg?t=1410460353')!important;
}

span.textureContainer.showPreview[title="AP04-10-03-811"] .thumbnail{
  background-image: url('http://cdn2.bigcommerce.com/server5400/ruxx/product_images/uploaded_images/10-03-811-thumb.jpg?t=1410460352')!important;
}

span.textureContainer.showPreview[title="AP05-12-03-125"] .thumbnail{
  background-image: url('http://cdn2.bigcommerce.com/server5400/ruxx/product_images/uploaded_images/12-03-125-thumb.jpg?t=1429807909')!important;

}


/*  --------------------------------------------------
    :: Products
    -------------------------------------------------- */

.BlockContent .ProductThumb .Loader{
    display: none !important;
}

.productAttributeList .name, .productAttributeList .required{
    font-weight: bold;
}

.ProductDetailsGrid .DetailRow{
    margin-bottom: 0;
}

#ProductDetails h1 {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.PriceBorderBottom {
    margin-bottom: 7px;
}

.ProductDetailsGrid .DetailRow, .ProductDetailsGrid .s-price {
    margin-bottom: 5px;
}

.addto {
    margin: 7px 0 0 0;
    padding: 7px 0 0;
}

.ProductMain .DetailRow h4.BrandName a{
    color: #005b7f;
    text-decoration: underline;
}

.ProductMain .DetailRow h4.BrandName a:hover{
    color: #CC6B1E;
}

.ProductDetailsGrid.mobile .DetailRow h4.BrandName a{
    color: #005b7f;
    text-decoration: underline;
}

.ProductDetailsGrid.mobile .DetailRow h4.BrandName a:hover{
    color: #CC6B1E;
}

.DetailRow.PriceRow .Value .VariationProductPrice{
    /*color: #ff474e;*/
} 

.ProductList .p-price {
    /*color: #ff474e;*/
}

.ProductList .p-price .RetailPriceValue{
    color: #000000;
}

.p-name .CurrentPrice {
    /*color: #ff474e;*/
}

.p-name .CurrentPrice .RetailPriceValue{
    color: #000000;
}

.DetailRow.PriceRow .Value .VariationProductPrice.apd-product-price {
    color: #000000;
}

.ProductDetailsGrid.ProductAddToCart .DetailRow, .ProductDetailsGrid.ProductAddToCart .productAttributeList{
    width: 50%;
    float: left;
}

.ProductDetailsGrid.ProductAddToCart .DetailRow.qty{
    width: 50%;
    float: right;
}

.FramedWaterMarkMoblieText p{
    border: 1px solid #f0efee;
    padding: 5px;
    font-size: 12px;
    margin-top: 9px;
    display: none;
}

#ProductDetails .ProductTinyImageList ul li.FramedWaterMarkText {
    border: 1px solid #f0efee !important;
    overflow: hidden;
    padding: 5px;
    font-size: 12px;
}

.ArtPrintWaterMarkText{
   margin-top: 9px;
}

.ArtPrintWaterMarkText p{
    border: 1px solid #f0efee;
    padding: 5px;
    font-size: 12px;
}

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

#ProductDetails .ProductTinyImageList ul li.FramedWaterMarkText {
   display: none;
}

.FramedWaterMarkMoblieText p{
    display: block;
}

}

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

.ProductDetailsGrid.ProductAddToCart .DetailRow, .ProductDetailsGrid.ProductAddToCart .productAttributeList{
    width: 100%;
    float: none;
}

.ProductDetailsGrid.ProductAddToCart .DetailRow.qty{
    width: 100%;
    float: none;
}

}


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

.ProductDetailsGrid.ProductAddToCart .DetailRow, .ProductDetailsGrid.ProductAddToCart .productAttributeList{
    width: 50%;
    float: left;
}

.ProductDetailsGrid.ProductAddToCart .DetailRow.qty{
    width: 50%;
    float: right;
}

}


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

.ProductDetailsGrid.ProductAddToCart .DetailRow, .ProductDetailsGrid.ProductAddToCart .productAttributeList{
    width: 100%;
    float: none;
}

.ProductDetailsGrid.ProductAddToCart .DetailRow.qty{
    width: 100%;
    float: none;
}

}


/*  --------------------------------------------------
    :: Product Availabilty
    -------------------------------------------------- */

.APD-availability-container{
    margin-bottom: 10px;
}

.APD-availability-container div{
   
}

.APD-availability-container a{
   
}

.APD-availability{
    
}

.APD-availability-shipping{
    display: inline-block;
    text-decoration: underline;
    cursor: pointer; 
    cursor: hand; 
}

.APD-availability-shipping:hover{
    color: #005b7f;
}

.apd-shipping-info{
    background: #f3f3f3;
    margin-top: 5px;
    display: none;
}

.apd-shipping-info p{
    font-size: 12px;
    margin-bottom: 7px;
    padding: 7px;
}

.apd-shippig-time{
    display: inline-block;
    text-decoration: underline;
    cursor: pointer; 
    cursor: hand; 
    margin-bottom: 7px;
}

.apd-shippig-time:hover{
    color: #005b7f;
}

.APD-availability-shipping-cart{
    background: #f3f3f3;
    display: none;
}

.APD-availability-shipping-cart p{
    font-size: 12px;
    margin-bottom: 7px;
    padding: 7px;
}

.productOptionPickListSwatch .textureContainer, .productOptionPickListSwatch .swatchColours, .productOptionViewRectangle .option label, .recaptchatable #recaptcha_response_field, .zoomWrapper {
    border: 2px solid #ccc !important;
}

.productOptionPickListSwatch .selectedValue .textureContainer, .productOptionPickListSwatch .selectedValue .swatchColours {
    border: 2px solid #ccc !important;
    border-color: #262626 !important;
}


/*  --------------------------------------------------
    :: Product Laminate Toggle
    -------------------------------------------------- */
.APDLaminateP{
    background: #f3f3f3;
}

.APDLaminateP p{
    margin-bottom: 7px;
    padding: 7px;
}

/*  --------------------------------------------------
    :: Use to turn off thumbnail size
    -------------------------------------------------- */

/*span.textureContainer.showPreview[title="10-03-811"]{
  display: none !important;
}*/


/*  --------------------------------------------------
    :: Slideshow
    -------------------------------------------------- */

@media screen and (max-width: 1024px){
   .slide-show {
     padding-bottom: 0;
   }
}

@media screen and (max-width: 768px){
   .slide-show .slide-overlay {
     display: none;
   }
}

/*  --------------------------------------------------
    :: Footer
    -------------------------------------------------- */

.footer-links {
    border-top: 1px solid #cccccc;
}

.newsletter-subscription {
    border-bottom: 1px solid #cccccc;
}

.apd-footer-margin{
   margin-top:15px;
}

.apd-footer h4 {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #d7d7d7;
}

.apd-footer p {
    margin-bottom: 5px;
}

.apd-footer img {
    margin-top: 10px;
}

#socnet{
    margin-top: 15px;
}

#socnet h4{
    text-transform: uppercase;
}

.footer .powered-by {
display: none;
}

@media screen and (max-width: 768px){
    .footer-columns .grid__item {
      width: 50%;
    }

    .apd-footer{
       margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px){
    .footer-columns .grid__item {
      width: 100%;
    }
}

/*  --------------------------------------------------
    :: Contact Us
    -------------------------------------------------- */

#contact-summary{
    /*background: beige;*/
    border-bottom: solid 1px #d7d7d7;
}

#LayoutColumn1 #contact-info{
    /*background: tan;*/
    width:40%;
    float: right;
    margin-top: 41px;
}

#LayoutColumn1 .ErrorMessage{
    /*display: block !important;*/
    /*background: coral;*/
}

#ContactForm .HorizontalFormContainer dd, #CreateAccountForm .HorizontalFormContainer dd, #ForgotPasswordForm .HorizontalFormContainer dd, #AdvancedSearchForm .HorizontalFormContainer dd{
     width: 60%;
}

#LayoutColumn1 #ContactForm{
    /*background: tan;*/
    float: left;
    display:block;
    height: auto;
    width: 60%;
}

#LayoutColumn1 #ContactForm dl{
    /*background: grey;
    float: left;
    width: 100%;*/
}

    @media screen and (max-width: 1200px){
    
        #ContactForm .HorizontalFormContainer dd, #CreateAccountForm .HorizontalFormContainer dd, #ForgotPasswordForm .HorizontalFormContainer dd, #AdvancedSearchForm .HorizontalFormContainer dd{
            width: 90%;
        }

        .HorizontalFormContainer dt {   
            text-align: left;
            float: none;
            width: 90%;
            line-height: auto;
            padding-bottom: 0;
        }

    }

    @media screen and (max-width: 1024px){
    
        #ContactForm .HorizontalFormContainer dd, #CreateAccountForm .HorizontalFormContainer dd, #ForgotPasswordForm .HorizontalFormContainer dd, #AdvancedSearchForm .HorizontalFormContainer dd{
             width: 100%;
             line-height: auto;
        }

        .HorizontalFormContainer dt {   
            width: 100%;
        }
   
        #LayoutColumn1 #contact-info{
            width:100%;
            float: left;
            margin-top: 41px;
            margin-bottom: 20px;
            border-bottom: solid 1px #d7d7d7;
        }

        #LayoutColumn1 #contact-info h3{
           border-bottom: solid 1px #d7d7d7;
           padding-bottom: 3px;
           margin-bottom: 5px;
        }

        #LayoutColumn1 #ContactForm{
            height: auto;
            width: 100%;
        }
    
    }


/*  --------------------------------------------------
    :: Shipping
    -------------------------------------------------- */

.apd-table-h3{
    
}

.apd-table{
  width: 100%;
  margin-top: 0;
}

.apd-table tr td{
  width: 50%;  
}

.apd-ul{
    
}

.apd-ul li{
   padding-bottom: 7px; 
}

.apd-free-shipping .Label{
    font-weight: bold;
}

.apd-free-shipping .Value{
    color: #cd393f;
    font-weight: bold;
}

/*  --------------------------------------------------
    :: Brands
    -------------------------------------------------- */

.SubBrandListGrid ul li .brand-img{
   display: none;
} 

.SubBrandListGrid ul li a{
   
}

.SubBrandListGrid ul li a:hover{
   background: #eeeeee;
}

.SubBrandListGrid li {
      width: 25%;
}

@media screen and (max-width: 1570px){
   .SubBrandListGrid li {
      width: 33.333%;
   }
}

@media screen and (max-width: 1380px){
   .SubBrandListGrid li {
      width: 50%;
   }
}

@media screen and (max-width: 1100px){
   .SubBrandListGrid li {
      width: 100%;
   }
}

@media screen and (max-width: 768px){
   .SubBrandListGrid li {
      width: 50%;
   }
}

@media screen and (max-width: 480px){
   .SubBrandListGrid li {
      width: 100%;
   }
}

/*  --------------------------------------------------
    :: Our Company
    -------------------------------------------------- */

.apd-our-story img{
   border-bottom: solid 2px #d7d7d7;
   width: 100%;
   height: auto;
}

/*  --------------------------------------------------
    :: Frame It Links
    -------------------------------------------------- */

.ProductAddToCart .BulkDiscount input {
   text-transform: uppercase;
}

/*  --------------------------------------------------
    :: Frame It Links
    -------------------------------------------------- */

.APD-Product-btns{
/*display: none;*/
}

.APD-Product-btns p{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
}

.APD-Product-btns p span{
  background: #f0efee;
  display: block;
  padding: 9px;
  border: solid #e1e1e1 1px;
  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.APD-Product-btns p a{
    display: block; 
    padding: 6px 12px;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.APD-Product-btns p a:first-child{
    margin-bottom: 5px;
}

.APD-Product-btns p a.APDFrameIt{
    background: #cc6b1e;
    border: solid #cc6b1e 2px;
}

.APD-Product-btns p a.APDFrameIt:hover{
    background: #e57821;
}

.APD-Product-btns p a.APDBuyCanvas{
    background: #0076a3;
    border: solid #0076a3;
}

.APD-Product-btns p a.APDBuyCanvas:hover{
    background: #0089bd;
}

.APD-Product-btns p a.APDBuyPrint{
    background: #636363;
    border: solid #636363 2px;
}

.APD-Product-btns p a.APDBuyPrint:hover{
    background: #7d7d7d;
}


/*  --------------------------------------------------
    :: No Canvas Option
    -------------------------------------------------- */

.APDNoCanvas .APD-Product-btns .APDBuyCanvas{
   display: none;
}

/*  --------------------------------------------------
    :: No Framing Option
    -------------------------------------------------- */

.APDNoFraming .APD-Product-btns .APDFrameIt{
   display: none;
}

/*  --------------------------------------------------
    :: Store Checkout Page
    -------------------------------------------------- */

.AddBillingAddress dd, .AddShippingAddress dd {
   padding: 0 0 10px 0 !important;
   width: 90%;
}


.ExpressCheckoutContent .HorizontalFormContainer dt {
    width: 100%;
}

.HorizontalFormContainer dt {
    text-align: left;
}


/*    --------------------------------------------------
    :: Home Page Categories
    -------------------------------------------------- */
.APD-content-container{
    margin: 20px 0 30px 0;
}

.APD-content-container .portfolio-container{
    width: 20%;
    float: left;
    position: relative;
    
    transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}

.APD-content-container hr{
    margin-top: 0;
}

.portfolio-container img{
    width: 100%;
    height: auto;
    
max-width: 400px;
margin: 0 auto;
display: block;
}

.portfolio-container .portfolio-image{
    margin: 15px;
    position: relative;
}

.portfolio-container .portfolio-image-dsc{
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    opacity: 0;

    background: #000000;

    transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#APD-Product-Categories a:hover .portfolio-container .portfolio-image-dsc{
    opacity: 0.3;
}

.portfolio-container h2{  
    font-family: 'Open Sans', Arial, Sans-Serif;
    color: #ffffff;
    position:absolute;
    bottom: 5px;
    margin-left: 10%;
    z-index: 10;
    margin-right: 17px;
}

    @media only screen and (max-width: 1780px) {
        .APD-content-container .portfolio-container{
            width: 25%;
        }

    } 

    @media only screen and (max-width: 1470px) {
        .APD-content-container .portfolio-container{
            width: 33.333333333%;
        }

    }   

    @media only screen and (max-width: 1220px) {
        
        .APD-content-container .portfolio-container{
            width: 50%;
        }
           
    }
    
    @media only screen and (max-width: 480px) {
        
        .portfolio-container h2{    
            font-size: 90%;
            line-height: 130%;
        }
        
        .portfolio-container .portfolio-image{
            margin: 7px;
        }
        
    }



/*    --------------------------------------------------
    :: Product Types
    -------------------------------------------------- */

.product-types-imgs{
   padding: 0 20px 15px 0;
}

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

        .BlockContent img.product-types-imgs{
             padding: 0 0 15px 0;
             float: none !important;
             display: block;
             margin: 0 auto;
        }
        

      }

/*    --------------------------------------------------
    :: Artist Bio
    -------------------------------------------------- */

#todd-bio-image{

margin: 7px 15px 15px 0;
border: 5px solid #a75927;

}

/*    --------------------------------------------------
    :: Home Page 3rd Promotions
    -------------------------------------------------- */

.APD3-content-container{
    margin-top: 20px;
}

.APD3-content-container .portfolio-container3.home-fifty{
    width: 50%;
    float: left;
    position: relative; 
}

.APD3-content-container .portfolio-container3.home-twenty-five-top{
    width: 50%;
    float: right;
    position: relative;  
}

.APD3-content-container .portfolio-container3.home-twenty-five-bottom{
    width: 50%;
    float: right;
    position: relative;
}

.portfolio-container3 img{
    width: 100%; 
    height: auto;
        margin: 0 auto;
        display: block;
        /*transition: 0.3s;*/
}

.portfolio-container3 img:hover{
       opacity: 0.9;
}

.portfolio-container3 .portfolio-image3{
    margin: 0px;
    position: relative;
}

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

.APD3-content-container .portfolio-container3.home-twenty-five-top, .APD3-content-container .portfolio-container3.home-twenty-five-bottom{
        max-width: 700px; 
}

}


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

.APD3-content-container .portfolio-container3.home-fifty{
    width: 100%;
}

}


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

.APD3-content-container .portfolio-container3.home-fifty{
    width: 50%;
}

}


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

.APD3-content-container .portfolio-container3.home-fifty{
    width: 100%;
}

}

/*  --------------------------------------------------
    :: Featured Products
    -------------------------------------------------- */
#HomeFeaturedProducts .BlockContent .ProductList li{
    width: 25%;
}

#HomeFeaturedProducts .BlockContent .ProductList li .pname{
    min-height: 47px;
}

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

#home .ProductList li .pname{
     min-height: 47px;
}

    @media screen and (max-width: 1290px){
        #HomeFeaturedProducts .BlockContent .ProductList li{
            width: 50%;
        }

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

    }
 
    @media screen and (max-width: 540px){
        #HomeFeaturedProducts .BlockContent .ProductList li{
           width: 100%;
        }

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

    }