body { padding: 0px; margin: 5px; font-family: arial; font-size: 12px; line-height: 13px;}

ul { margin: 0px; padding: 0px; }
li { margin: 0px; padding: 0px; }

h1 { font-family: arial; font-size: 14px; color: #444b4c; font-weight: normal; margin: 0px; padding: 0px; }
h2 { font-family: arial; font-size: 13px; color: #444b4c; font-weight: normal; margin: 0px; padding-top: 10px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*	Fix for IE 7	*/
.clearfix {display:inline-block;}
.clearfix {display:block;}

* html .clearfix {height: 1%;}
a.no_border { border: none; }

#outerWrapper { width: 745px; background: #3c9cd0; border: 22px solid #3c9cd0; padding-bottom: 0px; }
#innerWrapper {background-color: #ffffff; padding-bottom: 0px; }
#innerWrapper td a { color:#000000; text-decoration:none; }
#innerWrapper td a:hover { text-decoration:underline; }

#mainLeft { float:left; width: 133px ;  padding: 16px 15px 0px 15px; float: left; font-family: verdana; font-size: 14px; color: #000000; line-height: 15px;}
#mainLeft a{font-size: 11px; }
#mainCenter { float:left; width:366px }
#mainRight {float:left; width: 180px !important; width: 180px; padding: 15px 0px 0px 15px; }
#mainRight .search {padding-bottom: 22px;}
#projectOverview { font-family: arial; font-size: 10px; line-height: 13px; width:180px;}
#projectOverview ul {padding: 15px 0 0 15px; }
#projectOverview ul li a{color: #000000; }
#projectOverview ul li a:hover{text-decoration: none; }
.projectOverviewHeader {font-size:14px; font-weight:bold; line-height: 16px;}
.projectOverviewSubHeader {font-size:12px; font-weight:bold;line-height: 15px;}

#galleryThumbs { height:215px; overflow:auto; }
.gallery { color:#000000; }
.gallery a { color:#000000; text-decoration:none; }
.gallery a:hover { text-decoration:underline; }

#productOverview { font-family: arial; font-size: 10px; line-height: 13px; width:180px;}
#productOverview ul {padding: 15px 0 0 15px; }
.productOverviewHeader {font-size:14px; font-weight:bold; line-height: 30px;}
.productOverviewSubHeader {font-size:12px; font-weight:bold;line-height: 20px;}
ul.projectLeftLinks { width: 120px; list-style-type: none; font-family: arial; font-size: 11px; margin: 13px 0 0 0px;} 
ul.projectLeftLinks a{ font-family: arial; font-size: 11px; color: #000000; text-decoration: none;}
ul.projectLeftLinks a:hover{ text-decoration: underline;}
ul.moreProjects a{ font-family: arial; font-size: 11px; color: #000000; text-decoration: none;}
ul.moreProjects a:hover{ text-decoration: underline;}
ul.moreProjects { position: absolute; top: 335px; width: 120px; list-style-type: none; font-family: arial; font-size: 11px; margin: 13px 0 0 0px;} 
li.projectLeftLinksHeader { font-size: 12px; color:#3c9cd0; padding-bottom: 10px; font-weight: bold;}
#projectMainImage { padding-bottom: 24px !important; padding-bottom: 20px;}
#projectImageGalleryCenter { padding-bottom: 20px; }
#projectImageGalleryRight { position: absolute; top: 236px; }


.projectsRowOdd { width:700px; height: 115px !important; height: 110px; }
.projectsRowEven { width:700px; height: 115px !important; height: 110px; background-color: #eeeeee;}
#projectsListing ul li { font-family: verdana; font-size: 11px; float: left; display:block; width: 212px; height: 100px; padding: 10px;}
#projectsListing ul li a { display:block; width: 72px; height: 72px; border: 1px solid #ffffff;}
#projectsListing ul li a:hover { border: 1px solid #ff0000;}
#projectsListing ul li p { float:left; width: 135px !important; width: 130px; padding:0 0 0 5px; position: relative; top: -11px !important; top:0px;}
#projectsListing ul li p a { display:inline; border:0px; width: 135px !important; width:130px; color:#000000; text-decoration:underline; }
#projectsListing ul li p a:hover { border:0px; text-decoration:none; } 


ul.cssDropDownNav { padding: 0; margin: 0px 0px 0 0px; font-family: verdana; font-size: 9px; color: #3366cc; font-weight: bold; }

li.cssDropDown { list-style-type: none; list-style-position: outside; background: #c9e2ef; line-height: 12px; }

a.cssDropDown, a.cssDropDown:link, a.cssDropDown:active, a.cssDropDown:visited { color: #3366cc; text-decoration: none; }
a.cssDropDown:hover { text-decoration: underline; color: #ffffff; }

a.cssDropLink { text-decoration: none; }
.cssDropLink { display: block; width: 130px; background: #c9e2ef; color: #737a7f; padding-bottom: 5px; padding-top: 5px; padding-left: 8px; padding-right: 8px; font-family: verdana; font-size: 10px; }
.cssDropLink:hover { background: #81c1dd; text-decoration: none; color: #ffffff; }

.cssHome { width: 745px; height: 418px; background: #ffffff; border: 22px solid #3c9cd0; }
.cssHomeMainImage { float: left; width: 322px; border-right: 13px solid #3c9cd0; position: relative;}
.cssIndexFormatting { float: left; width: 366px; height: 295px; margin: 14px 16px 14px 16px; font-family: arial; color: #444b4c; font-size: 10px; line-height: 15px; }
img.cssNavButton { float: left; padding: 0 10px 0 11px; background-color: #7e8689; }
.cssHomeWiremold { position: absolute; left: 607px; top: 380px; }
.cssIndexThumbs { float: left; width: 335px; background: #3c9cd0; padding-top: 9px; height: 86px; }
.cssIndexEnterSearch { float: left; width: 410px; background: #3c9cd0; padding-top: 10px; }

.cssTierHeader { font-family: arial; font-size: 12px; color:#3c9cd0; padding-bottom: 10px; font-weight: bold; }
.cssTierOverview { font-family: arial; font-size: 14px; font-weight: bold; color: #444b4c; }
.cssTierWrapper { width: 735px; background: #3c9cd0; border: 22px solid #3c9cd0; padding-bottom: 9px !important; padding-bottom: 0px; }

.cssTierNav { width: 366px; padding: 15px 0px 15px 0px; float: left; }
.cssProductOverview { width: 181px; padding: 16px 15px 0 0; float: left; font-family: arial; font-size: 10px; line-height: 15px; color: #444b4c; }
#cssTierBottomSection { float: left; background: #3c9cd0; width: 745px; padding-top: 16px; }
.cssTierToolsNeeded { float: left; padding: 6px 16px 6px 16px; width: 103px; background: #7bafd8; font-family: arial; font-size: 10px; line-height: 15px; color: #ffffff; }
.cssTierBottomStepsWrapper { float: left; padding: 0px 0px 0px 19px; width: 590px; font-family: arial; font-size: 10px; line-height: 15px; color: #ffffff; }
.cssTierStep1 { float: left; padding-right: 11px; width: 60px; padding-top: 13px; }
.cssTierStep2 { float: left; padding-right: 11px; width: 60px; padding-top: 13px; }
.cssTierStep3 { float: left; padding-right: 11px; width: 60px; padding-top: 13px; }
.cssTierStep4 { float: left; padding-right: 11px; width: 60px; padding-top: 13px; }
.cssTierStepImage { float: left; padding-right: 11px; width: 62px; padding-top: 13px; }
.cssTierStepHeading { font-size: 12px; font-weight: bold; }

.pageHeading { font-family: verdana; font-size: 19px ; color: #4e84c4; }
.pageSubHeading { font-family: verdana; font-size: 12px ; color: #000000; font-weight: bold; line-height: 22px;}
.pageTextHeading { font-family: verdana; font-size: 13px ; color: #4e84c4; }

ul.installationLinks {list-style-type: disc; padding-left: 10px;}
ul.installationLinks a{list-style-type: disc; font-size: 13px; line-height: 20px;}
table.whereToFind { width: 550px; margin-top:15px; padding: 0 20px 40px; position: relative; left: -40px;}
table.whereToFind td {text-align:center; padding: 10px; }

ul.toolsNeeded {list-style-type: circle; padding-left: 10px;}
#support { clear:left; padding: 25px 0 20px 0; width: 500px; margin: 0px 0 100px 163px;}
#contact { clear:left; padding: 25px 0 20px 0; width: 500px; margin: 0px 0 20px 163px;}
#whereToFind {
	clear:left; 
	padding: 25px 0 25px 0; 
	width: 500px; 
	margin: 0px 0 0px 163px;
}
#whereToFind h2 {
	font-weight: bold;
	margin: 0 0 8px 0;
}
#whereToFind td {
	font-size: 12px;
	line-height: 13px;
}
#whereToFind td.cssLeftRow { 
	vertical-align: top; 
	width: 125px; 
}
#whereToFind td.cssFormRow { 
	padding-bottom: 12px; 
	vertical-align: top; 
	width: 175px; 
}

.install-instructs {
	list-style: none;
}
.install-instructs li {
	list-style: none;
	margin: 0 0 2px 0;
}
#centerText { margin:0 0 0 160px; padding: 35px 0 0 0; position:relative; top:40px; font-family: verdana; font-size: 11px; line-height: 14px;}
#contactColumnOne { width: 180px; float: left; }
#contactColumnOne .header { font-size: 12px; font-weight: bold; }
#contactColumnTwo { width: 150px; float: left; margin-left: 25px;}
#contactColumnThree { width: 220px; float: left; padding-left:10px; }
#contactColumnThree .header { font-size: 14px; font-weight: bold; }
#brochure { float:left; }