body /* Main body of the best buys page */ {
    font-family: Montserrat Alternates, Lato, Calibri,Lucida Sans Unicode,Lucida Console;
    margin: 0px;
    padding: 0px;
    background-color: white;
}

th /* Geneic table headers main title, section title, description, footer */ {
    background-color: white;
    color: #7844a1;
    padding: 4px;
    text-align: left;
}


.top_Main /* Main title */ {
    font-size: 14pt;
}


.top_Desc /* Description */ {
    display: none;
    font-size: 8pt;
}


.bottom_Disclaimer /* Footer */ {
    font-size: 7pt;
    text-align: left;
}


.top_SubHeader /* Selected section title */ {
    display: none;
    background-color: Transparent;
    color: #7844a1;
    font-size: 12pt;
    text-align: center;
    border: none 1px Transparant;
}


td /* Generic table detail all rows in each section, section buttons */ {
    background-color: #7844a1;
    color: white;
    padding: 4px;
    text-align: center;
    font-size: 9pt;
}


.top_SubCols /* Field names within popups */ {
    border-right: solid 1px White;
}


.clsRow1 /* odd rows of actual data within each section */ {
    background: white;
    color: Black;
    padding: 2px;
}


.clsRow2 /* Even rows of actual data within each section */ {
    background: white;
    color: Black;
    padding: 2px;
}

.clsRow1 > img, .clsRow2 > img {
    max-width:120px;
}

.button_td /* Section button unselected */ {
    background-color: white;
    border: solid 1px #7844a1;
    cursor: hand;
    cursor: pointer;
    color: #7844a1;
}


.button_highlight_td /* Section button on mouse hover */ {
    background-color: white;
    border: solid 1px #7844a1;
    cursor: hand;
    cursor: pointer;
    color: #7844a1;
}


.button_selected_td /* Section button when selected */ {
    background-color: #7844a1;
    border: solid 1px #7844a1;
    color: white;
}


table /* Generic formatting for each table section */ {
    width: 100%;
}


.clsTableDetails /* Column headers of each section */ {
    border-collapse: collapse;
}


.clsPopup /* Generic popup settings */ {
    padding: 5px;
    width: 300px;
    font-size: 12pt;
    border-collapse: collapse;
    background-color: white;
}


a /* Generic hyperlink settings */ {
    text-decoration: none;
}


.clsHiddenLink /* Hyperlinks to contact us, without expressing interest in a product */ {
    color: white;
}


    .clsHiddenLink:visited /* Hyperlinks to contact us, without expressing interest in a product when they have been visited */ {
        color: white;
    }


    .clsHiddenLink:active /* Hyperlinks to contact us, without expressing interest in a product on mouse hover */ {
        color: #0000ff;
    }


.button /* Buttons within the system 'Do I qualify', 'View', etc... (Only change the images here is you understand sliding door images), image 5x20  */ {
    background-color: #27ae60;
    border: none;
    color: white;
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}

    .button:hover /* Hover over a sliding doors button  */ {
        color: Black;
    }

    /*Second code adaptions*/

    #text {
        overflow:hidden;
    }

    #left {
        width:60%;
        float:left;
    }

    #right {
        overflow:hidden;
    }

    #left2 {
        float: left;
    }

    #right2 {
        overflow: hidden;
        padding-left:20px;
    }

    #master-footer {
	padding:0px 0px 0px 0px;
    }

    #left-foot {
	float:left;
	text-align:right;
	width:60%;
    }

    #right-foot {
	overflow:hidden;
	text-align:right;
    }

    #num-foot1 {
	font-size:45px;
	font-size: 4vw;
 	color:000;
	font-weight:bold;
	padding:0px;
	line-height:30%;
    }

    #num-foot2 {
	font-size:50px;
	font-size: 5vw;
	color:000;
	font-weight:bold;
	line-height:10px;
    }

    .text-foot {
	font-size:28px;
	color:#A9A9A9;
	padding:0;
	line-height:0px;
    }

    .head-foot {
	font-size:40px;
	font-size: 4vw;
	font-weight:bold;
	padding:0;
	line-height:30%;
    }

    .mess-foot {
	font-size: 2vw;
    }

    .master-left {
        float:left;
    }
    
    .master-right {
        overflow:hidden;
	width:300px;
    }

    
      #display {
        border:2px solid black;
        border-radius:15px;
        width:90%;


    }

    .padding {
        padding-top:5px;
        padding-left:10px;
        padding-bottom:5px;
        padding-right:10px;
    }

    /*Navigation*/

      ul {
        background-color: #420759;
        border: 2px solid black;
        color: white;
        padding: 0;
        text-align: center;
        }
 
      li {
	color: white;
        border-left: 1px solid white;
        display: inline-block;
        width: 20%;
        }
 
      li:first-child {
        border-left: none;
        }
 
      li a {
        color: white;
        display: block;
        padding: .5em 0;
        }

li a:hover {
        background-color:#7844a1;
    	}

li a:active {
        background-color:blue;
    	}

#NavItem .active { background-color: #FF8700; }


.clsRateBWTable
{
	width:100%;
	border-collapse: collapse;
}

.clsRateBWHeader
{
    color: white;
    padding:2px;
    font-size:large;	
    font-weight: bold;
    border-bottom: 10px solid white;
}

.clsRateRowBest /* odd rows of actual data within each section */ {
    background: #a0da76;
    color: Black;
    padding:2px;
    border-bottom: 10px solid white;
    font-size:large;	
}


.clsRateRowWorst /* odd rows of actual data within each section */ {
    background: #f07a79;
    color: Black;
    padding: 2px;
    border-bottom: 10px solid white;
    font-size:large;	
}