/* CSS Document for N:Vision Microsite*/

/* Global CSS Document for TCPI.com*/

/*Global ------------------------------------------------- */
* {
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#959595;
	}

body{
	height:100%; 
	background: #d4d6d9 url(/images/SilverBK.jpg) repeat-x;
	}

html{
	height:100%;
	}

img{
	border:none;
	}

/* Structure --------------------------------------------- */

.Clear{
	clear:both; 
	height:1px;
	}

#Container{
	margin:0 auto; 
	width:760px;
	background:#fff url(/images/leftnavBK.gif) repeat-y;
	margin-top:10px;
	}
	
#LeftContainer{
	width: 190px;
	float: left;
	/*border-right: #FFFFFF solid 1px;*/
}

#RightContainer{
	width: 569px;	
	float: left;
	}

#RightContainer .bannertext{
	font-size:14px;
	text-align:right;
	float: right;
	margin:0 35px 0 0;
	font-family:Arial;
	}

#ContainerBottom{
	margin:0 auto; 
	width:760px;
	height:10px;
	background:url(/images/ContainerBottom.gif) no-repeat;
	}

/* Left Navigation --------------------------------------- */

#leftnav, #leftnav ul { /* all lists */
	padding: 0;
	margin: 0;
	width:190px;
	list-style: none;
	line-height: 1;
}

#leftnav, #leftnav ul {
	width:190px;
	}
	
#leftnav{
	display:block;
	}

#leftnav ul {
	border-top:#fff solid 1px;
	margin:0;
	}

#leftnav a {
	display: block;
	width: 165px;
	padding:5px 0 0 0;
	text-decoration:none;
	color:#e8f4d9;
}

#leftnav li { /* all list items */
	float: left;
	/*width: 125px;  width needed or else Opera goes nuts */
	height:20px;
	padding:0 0 0 25px;
	background: url(/images/LeftNavArrow.gif) no-repeat;
	border-bottom: 1px solid #FFFFFF;
}

#leftnav li ul { /* second-level lists */
	position: absolute;
	background: #8dc63f;
	/*width: 149px;*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:-17px 0 0 165px;
	border:#fff solid 1px;
}

#leftnav li ul ul { /* third-and-above-level lists */
	margin: -1.2em 0 0 10em;
	border:#fff solid 1px;
}

#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul, #leftnav li.sfhover ul ul ul {
	left: -999em;
}
#leftnav li:hover{
	background:#9ece5c url(/images/LeftNavArrow2.gif) no-repeat;
	position: static;
	}

#leftnav li.sfhover{
	background:#9ece5c url(/images/LeftNavArrow2.gif) no-repeat;
	}

#leftnav li a:hover{
	color:#537c06;
	}

#leftnav li:hover ul, #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li.sfhover ul, #leftnav li li.sfhover ul, #leftnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



.EnergySavingsTip{
	width:170px;
	padding:10px;
	text-align:center;
	color:#fff;
}
.EnergySavingsTip img{
	margin-top:20px;
}
.EnergySavingsTip h3, .EnergySavingsTip p{color:#e8f4d9;}

/* Styles ----------------------------------------------------------*/

.floatleft{
	float:left;
}

.floatright{
	float:right;
}


#HomeTitle{
	margin:10px;
}

#HomeButtons{
	padding:0 0 0 5px;
	margin:0 0 15px 0;
}
#HomeButtons img{
	margin:5px;
}

.MainContent{
	margin:5px 10px 5px 10px;
	clear:both;
	
}

.MainContent h1{
	color:#8dc63f; 
	text-decoration:none;
}

.MainContent p{
	margin:0 0 10px 0;
}

.MainContent ul{
	margin:0 0 10px 0;
	list-style-type: none;
}

.MainContent_NoLeft 
{
    margin: 5px 10px 5px 0;
    clear:both;
}

#Footer{
	margin:10px;
	border-top:#e1e1e1 solid 1px;
}
#Footer a{
	margin:5px 0 0 0;
 	color:#83c12e;
 	font-size:9px;
	text-decoration:none;
}
#Footer a:hover{
	color:#666;
}

.CTicon{
	width:300px;
	margin:0 10px 10px 0;
	float:left;
}
.CTcopy{
	width:235px;
	float:left;
}

.CTcopy h1{
	margin:0 0 10px 0;
}

.CTcopy ul{
	list-style-position: inside;
	list-style-type: square;
}
.red{
	color:#e50d2e;
}

.green{
	color:#8dc63f;
}

.blue{
	color:#00adef;
}

.dkgray{
	color:#333;
}

/* Contact Form ------------------------------------------*/

.ContactTable{
	width:100%;
	text-align:left;
}
.ContactTable th{
	padding:2px 5px 2px 0;
	font-weight:normal;
}
.ContactTable td{
	padding:2px 0 2px 0;
}

.CommentsBox{
	width:98%;
}

/* Savings Calc ----------------------------------------------- */

.SavingsCalc{
	width:540px;
	text-align:left;
	}

.SavingsCalc td{
	padding:1px 0 1px 0;
	}
	
.SCtotal{
	width:107px;
	background:url(/images/SC_totalBKcons.gif) no-repeat;
	text-align:center;
	
	}
.SCtotal div{
	font-size:15px;
	color:#fff;
	padding:50px 0 0 0;
	}
.SCsavings{
	color:#8dc63f;
	}
.floatLeft {
	width: 189px;
	margin: 5px 0 10px 0;
	}
table.formula {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.formula td {
	padding: 2px 5px 2px 5px;
	text-align: center;
	}
.underline {
	border-bottom:#CCC solid 1px;
	}
	
.ToolTip
{
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    width:150px;
    padding:5px;
    border:1px dotted #9ece5c;
    background-color:#eff7e4;
    color:black;
}

.Search
{
	margin:5px 0 10px 15px;
	color:#ffffff;
}

.GoogleSearchResults_Header a
{
	font-weight:bold;
	color:#333;
}
.ProductList {
	width:72px;
	margin:0 8px 0 0;
	float:left;
}
.ProductList ul {
	list-style:none;
}
.ShortDescription {
	width:72px;
	text-align:center;
	margin:0 0 10px 0;
}
/* Product List Table */
.ProductListTable
{
	width:100%;
	border:0px;
}
.ProductListTable th
{
	padding:3px;
	vertical-align:top;
	border-bottom:1px solid #cbcbcb;
	border-top:1px solid #cbcbcb;
	color:Black;
	background-color:#f0f0f0;
}
.ProductListTable td
{
	vertical-align:top;
}
.ProductDescription
{
    text-align:left;
}
.ProductDescription td
{
    border-width:0 0 0 0;
}
.RightBorder
{
    text-align:center;
    padding:3px;
	border-right:1px solid #cbcbcb;
	border-bottom:2px solid #cbcbcb;
}
.RightBorderLeftAlign
{
	text-align:left;
    padding:3px;
	border-right:1px solid #cbcbcb;
	border-bottom:2px solid #cbcbcb;
}
.NoRightBorder
{
    text-align:center;
    padding:3px;
	border-bottom:2px solid #cbcbcb;
}
#BreadCrumbs
{
    margin:14px 0 0 0;
    float:left;
    display:inline;
}
#PagingHolder
{
    float:right;
    text-align:right;
    width:175px;
    white-space:nowrap;
    display:inline;
}
#ProductsMatchHolder
{
    font-size:12px;
    border-top:1px solid #cbcbcb;
    margin-top:32px;
    text-align:left;
    padding:5px 0 5px 0;
}
#ProductsMatchTotal
{
    font-size:16px;
    font-weight:bold;
}
#CategoryDescription
{
	padding:5px 0 10px 0;
}
#LeftContainer table {
float: left;
margin-top: 40px;
}


.WarrantyErrors
{
	color:orange;
}

.WarrantyErrors li
{
	color:orange;
}