﻿body
{
    font-family: Calibri;
    color: #666666;
}
.page
{
    position: relative;
    width: 960px;
    height: auto;
    margin: 0px auto;
}

.header
{
    position: relative;
    width: 100%;
    height: 180px;
    margin: 0px auto;
}

.header .logo
{
    position: absolute;
	left:0px;
	top:40px;
    height: auto;
    width: 150px;

}

.header .search 
{
    position: absolute;
	left:550px;
	top:50px;
    font-size: 18px;
}

.header .search .title
{
    font-size: 18px;
    color: #ffffff;
    background-color: #336699;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}


.header .menu
{
    position: absolute;
    left: 150px;
    top: 130px;
    font-family: Calibri;
    font-size: 18px;
}

.header .menu .item
{
    /*float: left;*/
}

.header .menu .item a
{
    text-decoration: none;
    color: #003399;
}

.header .menu .itemselected a
{
    /*float:left;*/
    text-decoration: none;
    color: #003399;
    background-color: #FFCC00;
    padding-left:10px;
    padding-Right:10px;
}

.header .menu .sep
{
    /*float: left;*/
    margin-left:15px;
    margin-right:15px;
    color: #003399;
}

.header .line
{
    position: relative;
    left: 0px;
    top: 164px;
    width: 100%;
    background-color: #999999;
    height: 1px;
}


.banner
{
    position: relative;
    width: 960px;
    height: 118px;
    background-image: url('../images/pagebanner.png');
    background-repeat:no-repeat;
 }
 
 

/*  Default Homepage ffcc33    */

.home 
{
    position: relative;
	width: 100%;
	height:700px;
    margin: 0px auto;
}

.home .left {
    float: left;
	width: 450px;
	padding-right:25px;
}

.home .right 
{
    float: left;
	width: 480px;
}

.home .middleline
{
    float: left;
    margin-top:10px;
    margin-bottom:20px;
    width: 100%;
    background-color: Black;
    height: 1px;
}

.home .pod1
{
    top:500px;
    float: left;
    width: 318px;
    height: 100px;
}

.home .pod1 .title
{
    font-size: 28px;
    color: #336699;
}

.home .pod1 .line
{
    width: 80%;
    background-color: #000000;
    height: 1px;
}

.home .pod1 .text
{
    margin-top:10px;
    width: 80%;
}

.home .pod1 .more
{
    font-size: 16px;
    color: #ffffff;
    background-color: #336699;
    margin-top:10px;
    margin-left:90px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:1px;
    padding-bottom:1px;
    width: 50px;
}

.home .pod1 .more a
{
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
}


.home .pod2
{
    top:500px;
    float: left;
    width: 318px;
    height: 100px;
}

.home .pod2  .title
{
    font-size:28px;
    color: #336699;
}

.home .pod2 .line
{
    width: 80%;
    background-color: #000000;
    height: 1px;
}

.home .pod2 .text
{
    margin-top:10px;
}

.home .pod2 .text a
{
    margin-top:10px;
    text-decoration: none;
        color: #666666;
}

.home .pod3
{
    margin-left:18px;
    top:500px;
    float: left;
    width: 300px;
    height: 100px;
}

.home .pod3 .title
{
    font-size:28px;
    color: #336699;
}

.home .pod3 .line
{
    width: 80%;
    background-color: #000000;
    height: 1px;
}

.home .pod3 .text
{
    margin-top:10px;
    width: 98%;
}

/*  Current Promos */

.currentpromos_bannertitle
{
    position:absolute;
	left:124px;
	top:10px;
    color:White;
	font-size: 72px;
	font-weight:bold;
	
}

.promotions 
{
    height: 500px;
}

.promotions .line
{
    width: 100%;
    background-color: #336699;
    height: 1px;
}

.promotions .promo_title
{
       font-size: 28px;
    color: #336699;
}


.promotions ul li a
{
    text-decoration: none;
    color: #666666;
}

.pagecontent 
{
    height: 500px;
}

.pagecontent .line
{
    width: 100%;
    background-color: #336699;
    height: 1px;
}

.pagecontent .page_title
{
    font-size: 28px;
    color: #336699;
}

.pagecontent li a
{
    text-decoration: none;
    color: #666666;
}

.pagecontent ul li a
{
    text-decoration: none;
    color: #666666;
}

.thdprograms_bannertitle
{
    position:absolute;
	left:220px;
	top:10px;
    color:White;
	font-size: 72px;
	font-weight:bold;
	
}

.usiginstall_bannertitle
{
    position:absolute;
	left:280px;
	top:10px;
    color:White;
	font-size: 72px;
	font-weight:bold;
	
}

.facts_bannertitle
{
    position:absolute;
	left:140px;
	top:10px;
    color:White;
	font-size: 72px;
	font-weight:bold;
	
}



/*  THD Programs  */

.programs
{
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0px auto;
    margin-top:50px;
    
}

.programs .pod1
{
    
    top: 500px;
    float: left;
    width: 300px;
    height: 100px;
    margin-right:32px;
}

.programs .pod1 .title
{
    font-size: 28px;
    color: #336699;
}

.programs .pod1 .line
{
    width: 100%;
    background-color: #000000;
    height: 1px;
}

.programs .pod1 .text
{
    margin-top:10px;
    font-size:18px;
}

.programs .pod1 .text a
{
    text-decoration: none;
    color: #666666;
}

.programs .pod1 .more
{
    font-size: 16px;
    color: #ffffff;
    background-color: #336699;
    margin-top:10px;
    margin-left:90px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:1px;
    padding-bottom:1px;
    width: 50px;
}


.programs .pod2
{
    top:500px;
    float: left;
    width: 300px;
    height: 100px;
    margin-right:24px;
}

.programs .pod2  .title
{
    font-size:28px;
    color: #336699;
}

.programs .pod2 .line
{
    width: 100%;
    background-color: #000000;
    height: 1px;
}

.programs .pod2 .text
{
    margin-top:10px;
    font-size:18px;
}

.programs .pod2 .text a
{
    text-decoration: none;
    color: #666666;
}

.programs .pod3
{
    
    top:500px;
    float: left;
    width: 300px;
    height: 100px;
}

.programs .pod3 .title
{
    font-size:28px;
    color: #336699;
}

.programs .pod3 .line
{
    width: 100%;
    background-color: #000000;
    height: 1px;
}

.programs .pod3 .text
{
    margin-top:10px;
    font-size:18px;
    width: 98%;
}

.programs .pod3 .text a
{
    text-decoration: none;
    color: #666666;
}


/*  Footer */
.footer
{
    position: relative;
    width: 100%;
    height: 20px;
    margin: 0px auto;
}

.footer .line
{
    position: relative;
	left:0px;
	top:0;
	margin-bottom: 5px;
    width: 100%;
    background-color: #999999;
    height: 1px;
}


.title
{
    font-size: 48px;

}

.new {
	font-size:12px;
	color: Red;
	font-style: italic;
	
	
}

.button
{
    color: #ffffff;
    background-color: #336699;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    border: 1px solid #336699;
}
a.button
{
    font-size: 18px;
    color: #ffffff;
    background-color: #336699;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

.errorMessage
{
    font-size:12px;
	color: Red;
    font-weight: bold
}