/* Template View */
    .templateviewcontainer                      {margin-bottom: 30px;}
    .templateviewstatistics                     {}
    .templateviewstatisticsline                 {margin: 10px 0px;}
    .templateviewstatisticsline span            {font-weight: bold;}
    .templateviewpagetext                       {margin-top: 20px; padding-top: 20px; border-top: solid 1px #e7e7e7;}

/* Template Listing */
    .templatelistingcontainer                   {padding: 2% 0px 2% 16px; margin-bottom: 2%; border-bottom: solid 1px #e7e7e7; margin-left: -16px; box-shadow: 3px 0px 0px #fff inset; transition: 0.4s; -moz-transition: 0.4s;}
    .templatelistingcontainer:hover             {box-shadow: 3px 0px 0px #336699 inset;}
    .templatelistingcontainer h2                {border-bottom: none; margin-bottom: 0px; font-size: 150%; text-transform: none; font-weight: normal;}
    .templatelistingsubtitle                    {margin-bottom: 2%;}
    .templatelistingsubtitle span               {font-weight: bold;}
    .templatelistingdetails                     {position: relative;}
    .templatelistingdetailsleft                 {float: left; width: 17%; padding-right: 3%;}
    .templatelistingdetailsleft img             {width: 100%; height: auto;}
    .templatelistingdetailsright                {float: left; width: 80%;}
    .templatelistinglink                        {}


/* === Responsive Styles === */
        
    /* === More than 768px width and less than 980px (pads) */
        @media only screen and (min-width : 750px) and (max-width : 1069px) {
            
            
            
        }
        
    /* === Less than 768px(mobile devices) */
        @media only screen and (max-width : 749px) {
        
            .templatelistingdetailsleft                 {float: none; width: 40%; padding: 0px; margin: 0px auto;}
            .templatelistingdetailsright                {float: none; width: 100%;}
            .templateviewstatisticsline                 {text-align: center;}
            .templateviewstatisticsline span            {font-weight: bold; display: block;}
                
        }



A.Normal.MenuTop:link {
    text-decoration:    underline;
}

A.Normal.MenuTop:visited  {
    text-decoration:    underline;
}

A.Normal.MenuTop:active   {
    text-decoration:    underline;
}

A.Normal.MenuTop:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

A.Normal.MenuTopSelected:link {
    text-decoration:    underline;
    color: #ff0000;
}

A.Normal.MenuTopSelected:visited  {
    text-decoration:    underline;
    color: #ff0000;
}

A.Normal.MenuTopSelected:active   {
    text-decoration:    underline;
    color: #ff0000;
}

A.Normal.MenuTopSelected:hover    {
    text-decoration:    underline;
    color: #ff0000;
}