/*
********************************************************************************
                          styles for All areas
********************************************************************************
*/

.listelementsmarginbottom {
    margin-bottom: 5px;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

#firstfive {
  width:20%;
  float: left;
  height:auto;
}
#secondfive {
  width:20%;
  float: left;
  height:auto;
}
#thirdfive {
  width:20%;
  float: left;
  height:auto;
}
#fourthfive {
  width:20%;
  float: left;
  height:auto;
}
#fifthfive {
  width:20%;
  float: left;
  height:auto;
}

#firstfour {
  width:25%;
  float: left;
  height:auto;
}
#secondfour {
  width:25%;
  float: left;
  height:auto;
}
#thirdfour {
  width:25%;
  float: left;
  height:auto;
}
#fourthfour {
  width:25%;
  float: left;
  height:auto;
}
#firstthree {
  width:33.33%;
  float: left;
  height:auto;
}
#secondthree {
  width:33.33%;
  float: left;
  height:auto;
}
#thirdthree {
  width:33.33%;
  float: left;
  height:auto;
}
#firsttwo {
  width:50%;
  float: left;
  height:auto;
}
#secondtwo {
  width:50%;
  float: left;
  height:auto;
}
#firstone {
  width:100%;
  float: left;
  height:auto;
}


/*
********************************************************************************
                          styles for Categories area
********************************************************************************
*/
#categories {
    width: 100%;
    height:auto;
}


/*
********************************************************************************
                          styles for CMS Pages area
********************************************************************************
*/

#cmspages {
    width: 100%;
    height:auto;
}


/*
********************************************************************************
                          styles for Additonal Links area
********************************************************************************
*/

#adlinks {
    width: 100%;
    height:auto;
}



/*
********************************************************************************
                          styles for Products area
********************************************************************************
*/
.characterupfive
{
  height: 25px;
  width: 100%;
  background-color: orange;
}

.contentdownfive
{
  height: 92%;
  width: 100%;
  background-color: gray;
}

.contentdownblankfive
{
  height: 100%;
  width: 10%;
  background-color: lightgreen;
  float:left;
}

.contentdownfilledfive
{
  height: 100%;
  width: 90%;
  background-color: lightblue;
  float:left;
}

.contentdownblankone
{
  height: 100%;
  width: 3%;
  background-color: lightgreen;
  float:left;
}

.contentdownfilledone
{
  height: 100%;
  width: 97%;
  background-color: lightblue;
  float:left;
}

.contentdownblanktwo
{
  height: 100%;
  width: 5%;
  background-color: lightgreen;
  float:left;
}

.contentdownfilledtwo
{
  height: 100%;
  width: 95%;
  background-color: lightblue;
  float:left;
}

.contentdownblankthree
{
  height: 100%;
  width: 7%;
  background-color: lightgreen;
  float:left;
}

.contentdownfilledthree
{
  height: 100%;
  width: 93%;
  background-color: lightblue;
  float:left;
}

.firstmainfive
{
  width:20%;
  height:500px;
  float: left;
}

.secondmainfive
{
  width:20%;
  height:500px;
  float: left;
}

.thirdmainfive
{
  width:20%;
  height:500px;
  float: left;
}

.fourthmainfive
{
  width:20%;
  height:500px;
  float: left;
}

.fifthmainfive
{
  width:20%;
  height:500px;
  float: left;
}

.firstmainfour
{
  width:25%;
  height:500px;
  float: left;
}

.secondmainfour
{
  width:25%;
  height:500px;
  float: left;
}

.thirdmainfour
{
  width:25%;
  height:500px;
  float: left;
}

.fourthmainfour
{
  width:25%;
  height:500px;
  float: left;
}

.firstmainthree
{
  width:33.33%;
  height:500px;
  float: left;
}

.secondmainthree
{
  width:33.33%;
  height:500px;
  float: left;
}

.thirdmainthree
{
  width:33.33%;
  height:500px;
  float: left;
}

.firstmaintwo
{
  width:50%;
  height:500px;
  float: left;
}

.secondmaintwo
{
  width:50%;
  height:500px;
  float: left;
}

.firstmainone
{
  width:100%;
  height:500px;
  float: left;
}