﻿/*Responsive CMS CSS*/

@media only screen and (max-width:765px) 
{
    /*.divCmsGeneric img.bbImg
    {
        width: 100%;
        height: auto;
        max-width: 980px;
    }
    .genericUpper .content
    {
        width: 100%;
    }
    .imgRight img
    {
        width: 100%;
        height: auto;
        max-width: 350px;
    }*/

    /*Responsive Daily Deals*/
    #TopCenterDeals
    {
        height: auto;
    }
    #LeftDealInfo
    {
        width: 96%;
        margin: 0 auto 0 0;
        float: none;
        height: auto;
    }
    #RightDailyDeal
    {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .GPanel5
    {
        width: 94%;
    }
    .DailyDealsMain #BrandsPanel
    {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .DailyDealsMain #BrandsPanel .attrRotator2
    {
        display: inline-block;
        width: 96%;
    }
    .DailyDealsMain #BrandsPanel .attrRotator2 .htmlRotator
    {
        display: inline-block;
        width: 97%;
        margin-left: -25px;
    }
    .DailyDealsMain #BrandsPanel .attrRotator2 .htmlRotator ul
    {
        width: 100%;
    }
    .DailyDealsMain #BrandsPanel .attrRotator2 .htmlRotator li
    {
        width: 25%;
        display: inline-block;
        margin-bottom: 20px;
        height: auto;
    }

    /*Responsive Honda CBR Parts*/
    .pcontainer
    {
        float: none;
        width: 96%;
        margin: 10px 15px 0 15px;
    }
    .pcontainer .mainImg img,
    .pcontainer img.helpBanner
    {
        width: 100%;
        height: auto;
    }
    .pcontainer .oneCol
    {
        height: 200px;
    }
    .pcontainer .oneCol .leftSide
    {
        width: 65%;
        text-align: center;
    }
    .pcontainer .oneCol .rightSide
    {
        width: 100%;
        max-width: 150px;
    }
    .middleBottomContent
    {
        text-align: center;
    }

    /*Responsive Honda ATV Parts */
    .topContent
    {
        float: none;
        width: 96%;
        margin-top: 10px;
        margin: 0 auto;
    }
    .topContent img
    {
        width: 100%;
    }
    .pcontainer.fullWidth
    {
        width: 96%;
    }
    .pcontainer.fullWidth .oneCol
    {
        width: 33%;
    }
    .pcontainer.fullWidth .middleBottomContent img
    {
        width: auto;
    }
    .bottomSection .bottomImage
    {
        height: auto;
    }

    /* CMS Motorcycle Parts */
    .pcontainer .mainContent .terrainParts
    {
        width: 33%;
    }
    .pcontainer .mainContent .terrainParts.polaris img
    {
        width: 70%;
    }
    .pcontainer .mainContent .terrainParts.suzuki img
    {
        width: 90%;
    }

    /*Help Pages*/
    .supportSection .supportOne
    {
        width: 49%;
    }
    .topHelp
    {
        margin-top: 0;
    }
    .helpTopicsSection img.helpTopics
    {
        margin-right: 35px;
    }
    .helpTopicsSection .rightSection
    {
        width: 55%;
    }

    /* CMS Motorcycle-Saddlebags */
    .divShopBy
    {
        border: 2px solid #CCC; 
        width:100%; 
        float:left; 
        min-width: 245px;
        background-color:#ffffff;
    }

}

@media only screen and (max-width:700px) 
{


}

@media only screen and (max-width:625px) 
{
    /*Responsive Daily Deals*/
    .DailyDealsMain #BrandsPanel .attrRotator2 .htmlRotator li
    {
        width: 33%
    }

    /*Responsive Honda ATV Parts */
    .pcontainer.fullWidth .oneCol
    {
        width: 49%;
    }
    .pcontainer.fullWidth .oneCol img
    {
        width: 55%;
    }
    .pcontainer.fullWidth .oneCol
    {
        height: 310px;
    }

    /* CMS Motorcycle Parts */
    .pcontainer .mainContent .terrainParts.motorcycleParts
    {
        width: 50%;
    }

    /*Help Pages*/
    .helpTopicsSection
    {
        width: 100%;
    }

    /*Sitemap*/
    .sitemapCol
    {
        width: 50%;
    }

    /*Responsive Generic*/

}

@media only screen and (max-width:565px) 
{
    /*Responsive Honda CBR Parts*/
    .pcontainer .mainImg img, 
    .pcontainer img.helpBanner
    {
        width: 98%;
    }
    .pcontainer .oneCol
    {
        width: 48%;
        clear: none;
    }
    .pcontainer .oneCol .leftSide
    {
        width: 80%;
    }
}

@media only screen and (max-width:520px) 
{   
    /*Responsive Daily Deals*/
    .DailyDealsMain #BrandsPanel .attrRotator2 .htmlRotator li
    {
        width: 50%
    }
    .pcontainer p
    {
        width: 95%;
    }

    /* CMS Motorcycle Parts */
    .pcontainer .mainContent .mainImg.picker
    {
        margin-top: -15px;
    }
    .pcontainer .mainContent .terrainParts
    {
        width: 49%;
    }
    .pcontainer .mainContent .terrainParts.polaris
    {
        width: 49%;
    }
    .pcontainer .mainContent .terrainParts.polaris img
    {
        width: 95%;
    }
}

@media only screen and (max-width:470px) 
{  
    /*Responsive Honda CBR Parts*/
    .pcontainer
    {
        width: 93%;
    }
    .pcontainer .oneCol .rightSide
    {
        margin-right: 0;
    }

    /*Responsive Honda ATV Parts */
    .pcontainer.fullWidth
    {
        width: 93%;
    }
    .pcontainer.fullWidth .oneCol
    {
        width: 47%;
        height: 290px;
    }
    .bottomSection .bottomImage,
    .bottomSection .bottomImage.kawasaki,
    .bottomSection .bottomImage.ktm,
    .bottomSection .bottomImage.polaris,
    .bottomSection .bottomImage.suzuki,
    .bottomSection .bottomImage.yamaha,
    .bottomSection .bottomImage.scooter
    {
        background-image: none;
    }
    .bottomSection .headline
    {
        color: #2b2b2b;
        width: 85%;
        margin: 0 auto;
    }
    .bottomSection .subHeadline
    {
        color: #2b2b2b;
        width: 85%;
        margin: 0 auto;
        padding: 0;
    }
    .bottomSection .bottomImage a
    {
        height: auto;
        margin-bottom: 25px;
    }
    .bottomSection p
    {
        color: #2b2b2b;
        width: 85%;
        margin: 0 auto;
        padding: 0;
    }

    /*Help Pages*/
    .supportSection .supportOne
    {
        width: 99%;
    }
    .helpTopicsSection img.helpTopics
    {
        margin-right: 25px;
    }
    .helpTopicsSection .rightSection {
        width: 60%;
    }

    /*Sitemap*/
    .sitemapCol
    {
        width: 100%;
    }
}

@media only screen and (max-width:375px) 
{
    /*Responsive Honda ATV Parts */
    .pcontainer.fullWidth .oneCol
    {
        height: 260px;
        text-align: center;
    }
    .pcontainer.fullWidth .oneCol ul
    {
        padding: 0;
        margin: 0;
    }
    .pcontainer.fullWidth .oneCol ul li
    {
        list-style: none;
    }
    .pcontainer.fullWidth .middleBottomContent img
    {
        width: 96%;
    }

    /* CMS Motorcycle Parts */
    .pcontainer .mainContent .terrainParts img
    {
        width: 85%;
    }
    .pcontainer .mainContent .terrainParts a
    {
        font-size: 11px;
    }
    .pcontainer .mainContent .terrainParts.motorcycleParts
    {
        width: 75%;
    }

    .topHelp
    {
        margin-top: 0;
        display: inline-block;
    }
}

@media only screen and (max-width:350px)
{
    .pcontainer.fullWidth .oneCol
    {
        width: 98%;
        height: 320px;
    }
}