/* 

Standard Toga System CSS File 
All Items that need to be generated are commented
Copyright Toga Systems 2007
http://www.togasystems.ca
*/





/* Set all Padding and margin equal to 0 as to remove any inconsistencies between different browsers.*/

*
{
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

/*This is the attributes of a News Item Picture*/
img.Item
{
	margin-left:auto;
margin-right:auto;
display:block;
	padding: 5px 0px 5px 0px;
	border: 0px;
}

img
{
	border: 0px;
}


/* The container for all the content. Set the color here as not to mess with the padding */
.contentContainer
{
	background-color: White;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}


/* Body Attributes for the page. */

body
{
	/* Font family for the entire page */
	font-family: Helvetica, Arial; /* Font Colour */
	color: #b6b7bb;
	background-color: White;
}



/*Menu Items*/
.navlist
{
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	width: 100%;
	text-align: left; /*margin-top:-8px;*/
	text-transform: uppercase;
	font-size: 10pt;
}
.navlist ul
{
	margin-left: 16px; /*turns off display of bullet*/
	list-style-type: none;
}
.navlist li
{
	float: left;
	padding: 0px 16px 0px 8px;
}

.navlist a, .navlist a:visited
{
	display: block;
	text-decoration: none;
	color: #707070;
}


.navlist a:hover
{
	color: #f37020;
}
/* Header attributes*/


/* Set the padding and margins for the content */
.content
{
	width: 100%;
}
.news
{
	float:left;
	width:466px;
}
.newsHead
{
	width: 466px;
	min-width: 466px;
	background-image: url(../images/subframe_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 70px;
	min-height: 70px;
}

.newsHeadText
{
	padding-left:24px;
	padding-top:20px;
}

.newsMiddle
{
	width: 446px;
	min-width: 446px;
	border-left:solid 3px #b6b7bb;
	border-right:solid 3px #b6b7bb;
	margin-left:7px;
}

.newsBottom
{
	width: 466px;
	min-width: 466px;
	background-image: url(../images/subframe_bottom.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 72px;
	min-height: 72px;
	margin-left:2px;
}

.newsText
{
	color:#8f9095;
	padding: 8px;
	font-size: 9pt;
}

.whyItWorks
{
	float: left;
	width: 457px;
	color: White;
}

.whyItWorksHead
{
	width: 457px;
	min-width: 457px;
	background-image: url(../images/why_tox_header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 56px;
	min-height: 56px;
}

.whyItWorksMiddle
{
	margin-left: 4px;
	margin-right: 3px;
	background-color: #b6b7bb;
}

.whyItWorksBottom
{
	width: 457px;
	min-width: 457px;
	background-image: url(../images/why_tox_footer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 62px;
	min-height: 62px;
	margin-left: -2px;
}

.whyItWorksText
{
	padding: 16px;
	font-size: 9pt;
}

.buyNow
{
	
}
.changeFilter
{
}
.howItWorks
{
	float: left;
	width: 457px;
	min-width: 457px;
	background-image: url(../images/how_it_works.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 139px;
	min-height: 139px;
}

.howItWorksText
{
	font-size: 9pt;
	margin-left: 196px;
	margin-top: 16px;
	margin-right: 16px;
	color: White;
}

.howItWorksText a, .howItWorksText a:visted
{
color: White;

}

.fullFrame
{
	width:760px;
	
	margin-top:32px;
}

.fullFrameHead1
{
    background-image: url(../images/fullframe_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 58px;
	min-height: 58px;
	width:760px;
}
.fullFrameHeadText1
{
	
	padding-top:20px;
	text-align:center;
}

    
.fullFrameHead
{
	background-image: url(../images/header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 119px;
	min-height: 119px;
	width:760px;
}

.fullFrameHeadText
{
	padding-left:22px;
	padding-top:80px;
}

.fullFrameMiddle
{
	border-left:solid 3px #b6b7bb;
	border-right:solid 3px #b6b7bb;
	margin-left:13px;
	width:728px;
}
	
.fullFrameMiddleText
{
	color:#8f9095;
	padding: 8px;
	font-size: 9pt;
	color:#8f9095;
}
.fullFrameFooter
{
	width: 760px;
	min-width: 760px;
	background-image: url(../images/fullframe_footer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 68px;
	min-height: 68px;
	margin-left:-1px;
}

.right
{
	float:right;
}

.left
{
	float:left;
}
.clear
{
	clear: both;
}
.Footer
{
	text-align: center;
	font-size: small;
	width: 760px;
	padding-top: 4px;
	padding-bottom: 8px;
	text-transform: lowercase;
}
.Footer a, .Footer a:visited
{
	color: #b6b7bb;
	text-decoration: none;
}
.Footer a:hover
{
	text-decoration: underline;
}



/*For all of the Headers, make them left-align*/
.newsItem h1, .newsItem h2, .newsItem h3, .newsItem h4
{
	text-align: left; /*h1 font color */
	text-transform: uppercase;
}

.newsItem a, .newsItem a:visited
{
color: #f57021;
}








/* Set the padding and margins for the content */
.content
{
	padding-right: 1em;
	padding-bottom: 20px;
	
	width: 100%;
	height: inherit;
}


.recentNews
{
	padding-top: 10px;
}
.recentNews a, .recentNews a:visited
{
	color: #3f5383;
	text-decoration: none;
}

.recentNews a:hover
{
	text-decoration: underline;
}

.recentNews ul
{
	padding-left: 13px;
	padding-top: 5px;
}

/*Footer */

.Green
{
	display: inline;
	color: #67bc45;
}

.Orange
{
	display: inline;
	color: #f57021;
}


.addressClear
{
	clear: left;
}
.address1
{
	padding-top: 8px;
	float: left;
	width: 416px;
}

.address1 input, .address1 textarea
{
	width: 408px;
}


.address2
{
	padding-top: 8px;
	float: left;
	width: 208px;
}
.address2 input, .address2 select
{
	width: 200px;
}

#txtFeedBack
{
	height: 300px;
}

label.error
{
	color: Red;
	font-size: 8pt;
	margin-left: 8px;
	float: left;
}

.contact
{
	width: 418px;
	margin-left: auto;
	margin-right: auto;
}

.button
{
	padding: 8px;
	background-color: #f57021;
	color: White;
	width: 120px;
	text-align: center;
	cursor: pointer;
	font-size: 12pt;
	margin-top: 8px;
}

a.rounded, .button
{
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle; /* or top */
	display: -moz-inline-box;
	display: inline-block;
	overflow: visible; /* IE6 form button fix */
}

#btnLogout
{
	margin-left: 150px;
}

.WarrantyLink a, .WarrantyLink a:visited
{
    text-decoration:none;
    color: #f57021;
}

.WarrantyLink a:hover
{
    text-decoration:underline;
}

.home
{
    width:480px;
    
}



.home h3
{
    text-align:center;
   
}

.homeText
{
   color: White;
   font-size:11pt;
   background-image:url(../images/grey.png);
   background-position:top left;
   background-repeat: no-repeat;
   width:209px;
   min-width:209px;
   height:338px;
   min-height:338px;
   float:left;
   font-weight:bold;
   margin-left:6px;
   
}
.eco
{
    width:300px;
}

.homeStuff
{
    padding:16px;
}
.title
{
    width:448px;
    float:left;
}

.furnace
{
    float:left;
    width:250px;
}

.side
{
    width:280px;
}