﻿/* Global Stylings */

body 
{
    background-color: #FFFFFF;
    text-align: center;
    margin: 0px;
    font-family: Arial ;
    font-size: 1em;
}
h1 
{
    color: #0033FF;
    background-color: #F5F5F5;
    font-size: 14pt;
    margin-top: 5px;
    font-weight: normal;
}
h2 
{
    color: #333333;
    font-size: 12pt;
    margin: 0px;
    text-align: center;
}
h3 
{
    color: #FFFFFF;
    font-size: 12pt;
    margin: 0px;
}
p 
{
    font-size: 10pt;
}

/* DIV ID Selectors */

#wrapper
{
    width: 720px;
    margin: 0px auto 0px auto;
    text-align: left;
}
#header 
{
    width: 720px;
    height: 100px;
    margin-top: 20px;
    float: left;
}
#header ul 
{
    width: 420px;
    float: right;
    list-style: none;
    display: inline;
    margin-top: 70px;
}
#header ul li
{
    width: 6em;
    float: left;
    font-size: 10pt;
}
#header ul li a:link 
{
    text-decoration: none;
    color: #FF9900;
    font-weight: bold;
    float: left;
    }
#header ul li a:visited
{
    text-decoration: none;
    color: #FF9900;
    font-weight: bold;
    float: left;
    }

#header ul li a:hover
{
    border-bottom: solid 2px #006699;
    color: #FF9900;
    font-weight: bold;
    float: left;
    }

#header ul li a:active
{
    text-decoration: none;
    color: #FF9900;
    font-weight: bold;
    float: left;
    }
#left 
{
    width: 160px;
    float: left;
    margin-bottom: 15px;
}
#left ul
{
    width: 160px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
}
#left ul li
{

    margin-bottom: 3px;
    background-color: #FF6600;
    color: #FFFFFF;
}
#left ul li a:link
{
    width: 141px;
    background-color: #FF6600;
    color: #FFFFFF;
    display: block;
    padding: 5px 0px 5px 19px;
    font-size: 11pt;
    margin-bottom: 3px;
    font-weight: bold;
    text-decoration: none;
}
#left ul li a:visited
{
    width: 141px;
    color: #FFFFFF;
    display: block;
    padding: 5px 0px 5px 19px;
    font-size: 11pt;
    margin-bottom: 3px;
    font-weight: bold;
    text-decoration: none;
}
#left ul li a:hover
{
    width: 141px;
    color: #FFFFFF;
    background-color: #006699;
    display: block;
    padding: 5px 0px 5px 19px;
    font-size: 11pt;
    margin-bottom: 3px;
    font-weight: bold;
    text-decoration: none;
}
#left ul li a:active
{
    width: 141px;
    color: #FFFFFF;
    display: block;
    padding: 5px 0px 5px 19px;
    font-size: 11pt;
    margin-bottom: 3px;
    font-weight: bold;
    text-decoration: none;
}
#left .quote
{
    width: 140px;
    height: 100%;
    padding: 10px;
    float: left;
    background-color: #006699;
    color: #FFFFFF;
}
#left .quote .heading
{
    font-weight: bold;
    font-size: 12pt;
    margin: 0px;
}
#left .quote .button
{
    background-color: #333333;
    border: solid 1px #FFFFFF;
    padding: 3px;
    float: right;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 9px;
}
  #left .quote .button a
  {
	text-decoration: none;
	color: #FFFFFF;
	display:block;
	}
#right 
{
    width: 550px;
    float: right;
    margin-bottom: 15px;
}
#footer
    {
    width: 720px;
    height: 80px;
    clear: both;
    border-top: solid 1px #CCCCCC;
    padding-top: 15px;
    color: #CCCCCC;
    font-size: 9px;    
    }
    #footer p
    {
        font-size: 9px;
    }
/* Classes */

.container
{
    width: 540px;
    height: 235px;
    border: solid 1px #CCCCCC;
    background-color: #F5F5F5;
    margin-bottom: 10px;
    padding: 5px;
}
.container img 
{
    border: solid 1px #333333;
    margin: 5px 5px 5px 10px;
    float: right;
}
.content
{
    width: 540px;
    height: 100%;
    border: solid 1px #CCCCCC;
    background-color: #F5F5F5;
    margin-bottom: 10px;
    padding: 5px;
}


.content img 
{
    border: solid 1px #333333;
    margin: 5px 5px 5px 10px;
    float: right;
}
.panel
{
    width: 250px;
    height: 140px;
    padding: 10px;
    float: left;
    color: #FFFFFF;
}
.panel img 
{
    margin: 5px;
    float: right;
}
.panel p
{
    margin: 4px 0px 0px 0px;
}
.panel .button
{
    background-color: #333333;
    border: solid 1px #FFFFFF;
    padding: 3px;
    float: right;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 9px;
	display: block;
}
.panel .button a
{
	text-decoration: none;
	color: #FFFFFF;

	
}
#deals
{
    background-color: #FF9900;
}
#calc
{
    background-color: #FF6600;
    margin-left: 10px;
}
.logo
{

    float: left;
}
.cert 
{
    float: left;
}
.leftline {
    border-left: solid 1px #CCCCCC;
    float: left;
    padding: 0px 5px 0px 5px;
    width: 270px;
    height: 100%;
}
.copyright 
{
    clear: left;
    float: left;
    margin-top: 10px;
}
checkbox {
	border: none;
	}
br {
	clear: both;
	}