@charset "UTF-8";
/* CSS Document */

/* Colours:

Topseal blue: #303787
Topseal red: #c20e1a
Body content: #343434
Main nav: #4f4f4f
Call to action: Link #343434 Hover #2f3d82
Global nav: Link #ffffff Active #959595

*/

/* ******************** Meyer reset ********************  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p,*/ blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, /*tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

img {
	border-style:none;
}

/* ******************** general CSS ********************  */
body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #e7e7e7 url(../images/background_customer.png) repeat-x;
	margin: 0px; 
	padding: 0px;
	text-align: center;
	color: #343434;
}
.topsealCustomer #wrapper {
	width: 947px;
	margin: 0px auto;
	text-align: left; 
}


/*  ******************** header holder CSS ********************  */
.topsealCustomer #header {
	width:947px;
	height:130px;
	margin:0px;
	padding:0px;
}
.topsealCustomer #topStrip {
	width:940px;
	height:30px;
	margin:0px;
	padding:0px 0px 0px 7px;
}
.topsealCustomer #globalNavHolder {
	width:300px;
	height:21px;
	margin:0px;
	/*padding:9px 0px 0px 7px;*/
	float:left;
	/*background: url(../images/topNavTab.png) no-repeat left bottom;*/
}
.topsealCustomer #globalCallToAction {
	width:300px;
	height:19px;
	margin:0px;
	padding:11px 0px 0px 7px;
	float:right;
	text-align:right;
}
.topsealCustomer #headerImage {
	width:947px;
	height:100px;
	margin:0px;
	padding:0px;
	background:url(../images/headerShadow.png) no-repeat left bottom;
}
.headerRight {
	float:right;
	border-style: none;
}




/*  ******************** content holder CSS ********************  */
.topsealCustomer #mainContent {
	width:947px;
	margin:0px;
	padding:0px 0px 0px 7px;
}
.topsealCustomer #accordianHolder {
	width:940px;
	height:210px;
	margin:10px 0px 0px 0px;
	padding:0px;
	background:url(../images/accordianBg.jpg) repeat-x left top;
}
.topsealCustomer #topImageHolder {
	width:940px;
	height:160px;
	margin:10px 0px 0px 0px;
	padding:0px;
	background:url(../images/accordianBg.jpg) repeat-x left top;
}
.topsealCustomer #homepageMainContentLeft {
	width:160px;
	margin:12px 14px 0px 0px;
	padding:0px;
	float:left;
}
.topsealCustomer #mainContentLeft {
	width:160px;
	margin:12px 14px 0px 0px;
	padding:0px;
	float:left;
}
.topsealCustomer #installerVerify {
	width:160px;
	height:40px;
	margin:27px 0px 0px 0px;
	padding:0px;
	float:left;
}
.topsealCustomer #homepageMainContentRight {
	width:760px;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}
.topsealCustomer #mainContentRight {
	width:760px;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}
.topsealCustomer #mainContentTopLeftShadow {
	width:760px;
	margin:0px;
	padding:11px 0px 0px 8px;
	float:left;
	background: url(../images/customerMainContentTopShadow.png) no-repeat left top;
}
.topsealCustomer #homepageContentHolder {
	width:538px;
	height:280px;
	margin:0px;
	padding:20px;
	background-color:#ffffff;
	float:left;
}
.topsealCustomer #homepageContentBottomRightShadow {
	width:580px;
	margin:0px;
	padding:0px 0px 11px 8px;
	float:left;
	background: url(../images/customerMainContentBottomShadow.png) no-repeat right bottom;
}
.topsealCustomer #contentHolder {
	width:720px;
	/*height:280px;*/
	margin:0px;
	padding:20px;
	background-color:#ffffff;
	float:left;
}
.topsealCustomer #mainContentBottomRightShadow {
	width:752px;
	margin:0px;
	padding:0px 0px 11px 8px;
	float:left;
	background: url(../images/customerMainContentBottomShadow.png) no-repeat right bottom;
}
.topsealCustomer #largeBannerImage {
	width:180px;
	height:320px;
	margin:0px;
	padding:0px;
	float:left;
}
.topsealCustomer #picStripHolder {
	width:947px;
	height:180px;
	margin:10px 0px 0px 2px;
	padding:0px 0px 7px 5px;
	float:left;
	clear:both;
	position:relative;
	background: url(../images/customerPicOneShadow.png) no-repeat left bottom;
}
.topsealCustomer #picOne {
	width:235px;
	height:180px;
	margin:0px;
	padding:0px;
	float:left;
}
.topsealCustomer #picTwo {
	width:235px;
	height:180px;
	margin:0px;
	padding:0px;
	float:left;
}
.topsealCustomer #picThree {
	width:235px;
	height:180px;
	margin:0px;
	padding:0px;
	float:left;
}
.topsealCustomer #picFour {
	width:235px;
	height:180px;
	margin:0px;
	padding:0px;
	float:left;
}
.topsealCustomer #aboutGraphicHolder {
	width:740px;
	height:400px;
	margin:11px 0px 7px 8px;
	padding:20px 0px 0px 20px;
	background-color:#ffffff;
	/*border:1px solid #959595;*/
	float:left;
}
.topsealCustomer #whyChooseVerticalAccordianHolder {
	width:760px;
	/*height:270px;*/
	margin:11px 0px 7px 8px;
	padding:0px;
	/*background-color:#ffffff;
	border:1px solid #959595;*/
	float:left;
}
.topsealCustomer #faqsVerticalAccordianHolder {
	width:720px;
	/*height:270px;*/
	margin:11px 0px 7px 0px;
	padding:0px;
	/*background-color:#ffffff;
	border:1px solid #959595;*/
	float:left;
}
.topsealCustomer #productsIconsHolder {
	width:760px;
	height:140px;
	margin:11px 0px 12px 8px;
	padding:0px;
	background-color:#951254;
	/*border:1px solid #959595;*/
	float:left;
}
.topsealCustomer #productsSelectorHolder {
	width:740px;
	height:400px;
	margin:11px 0px 7px 8px;
	padding:20px 0px 0px 20px;
	background-color:#ffffff;
	/*border:1px solid #959595;*/
	float:left;
}
.topsealCustomer #faqHolder {
	width:720px;
	height:600px;
	margin:0px;
	padding:20px;
	background-color:#ffffff;
	float:left;
}
.topsealCustomer #contactLeft {
	width:285px;
	/*height:180px;*/
	margin:0px;
	padding:0px;
	float:left;
}
.topsealCustomer #contactRight {
	width:425px;
	/*height:180px;*/
	margin:0px;
	padding:0px;
	float:left;
}
.topsealCustomer #galleryHolder {
	width:720px;
	height:450px;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	float:left;
}

/*  ******************** global nav CSS ********************  */
#navlist {
    list-style: none;
	height: 30px;
	width: 204px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#globalNavCustomers a {
	display:block;
	width:66px;
	height: 30px;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background: url(../images/globalNavCustomer.png) no-repeat 0px -30px;
	float:left;
}
#globalNavCustomers a:hover, a:active {
	background: url(../images/globalNavCustomer.png) no-repeat 0px -30px;
}
#globalNavCustomersActive a {
	display:block;
	width:66px;
	height: 30px;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background: url(../images/globalNavCustomer.png) no-repeat 0px -30px;
	float:left;
}
#globalNavInstallers a {
	display:block;
	width:66px;
	height: 30px;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background-image: url(../images/globalNavInstallers.png);
	background-repeat: no-repeat;
	float:left;
}
#globalNavInstallers a:hover, a:active {
	background: url(../images/globalNavInstallers.png) no-repeat 0px -30px;
}
#globalNavInstallersActive a {
	display:block;
	width:66px;
	height: 30px;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background-image: url(../images/globalNavInstallers.png);
	background-repeat: no-repeat;
	float:left;
}
#globalNavSpecification a {
	display:block;
	width:66px;
	height: 30px;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background-image: url(../images/globalNavSpecification.png);
	background-repeat: no-repeat;
	float:left;
}
#globalNavSpecification a:hover, a:active {
	background: url(../images/globalNavSpecification.png) no-repeat 0px -30px;
}
#globalNavSpecificationActive a {
	display:block;
	width:66px;
	height: 30px;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background-image: url(../images/globalNavSpecification.png);
	background-repeat: no-repeat;
	float:left;
}



/*  ******************** nav CSS ********************  */
.topsealCustomer #navHolder {
	width:160px;
	height:254px;
	margin:0px;
	padding:0px;
	float:left;
	background: #FFF;
}
.topsealCustomer #secondaryNavHolder {
	width:160px;
	height:446px;
	margin:0px;
	padding:0px;
	float:left;
	background: #FFF;
}
.topsealCustomer #navMenu {
	width:148px;
	height:254px;
	margin:0px;
	padding:5px;
	float:left;
	border: 1px solid #dbdbdb;
	background:#ffffff;
}
.topsealCustomer #secondaryNavMenu {
	width:148px;
	height:446px;
	margin:0px;
	padding:5px;
	float:left;
	border: 1px solid #dbdbdb;
	background:#ffffff;
}
ul#navigation { 
width: 148px; 
margin: 0px;
padding: 0px;
float: left;
position:relative;
}
ul#navigation li {
list-style: none;
text-align: left;
margin: 0px;
padding: 2px;
}
ul#navigation li a {
display: block;
text-decoration: none;
padding: 5px 5px 5px 10px;
border-bottom: 1px solid #dbdbdb;
}
ul#navigation li a:link { color: #4f4f4f; }
ul#navigation li a:visited { color: #4f4f4f; }
ul#navigation li a:hover, a:active { color: #303787; }
ul#navigation li a:hover { background-color: #ffffff; }
ul#navigation li#youarehere a { background-color: #ffffff; color: #f16725; } 

ul#secondaryNavigation { 
width: 148px; 
margin: 0px;
padding: 0px;
float: left;
position:relative;
}
ul#secondaryNavigation li {
list-style: none;
text-align: left;
margin: 0px;
padding: 2px;
}
ul#secondaryNavigation li a {
display: block;
text-decoration: none;
padding: 5px 5px 5px 20px;
/*border-bottom: 1px solid #dbdbdb;*/
}
ul#secondaryNavigation li a:link { color: #4f4f4f; }
ul#secondaryNavigation li a:visited { color: #4f4f4f; }
ul#secondaryNavigation li a:hover, a:active { color: #303787; }
ul#secondaryNavigation li a:hover { background-color: #ffffff; }
ul#secondaryNavigation li#youarehere a { background-color: #ffffff; color: #f16725; } 





/*  ******************** footer holder CSS ********************  */
.topsealCustomer #footer {
	width:940px;
	height:200px;
	margin:13px 0px 0px 8px;
	padding-top:20px;
	float:left;
	clear:both;
	position:relative;
	background:#636363 url(../images/customerFooterBg.png) repeat-x left top;
}
.topsealCustomer #footerSectionHolder {
	width:940px;
	height:200px;
	position:relative;
	margin:0 auto;
}
.topsealCustomer #footerSection1 {
	width:234px;
	height:200px;
	float:left;
	position:relative;
	/*border-left: 1px solid #999999;*/
	text-align:left;
}
.topsealCustomer #footerSection2 {
	width:233px;
	height:200px;
	float:left;
	position:relative;
	/*border-left: 1px solid #999999;*/
	text-align:left;
}
.topsealCustomer #footerSection3 {
	width:233px;
	height:200px;
	float:left;
	position:relative;
	/*border-left: 1px solid #999999;*/
	text-align:left;
}
.topsealCustomer #footerSection4 {
	width:233px;
	height:200px;
	float:left;
	position:relative;
	/*border-left: 1px solid #999999;*/
	text-align:left;
}	




/*  ******************** news CSS ********************  */
.topsealCustomer #newsContentRight {
	width:500px;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}
.topsealCustomer #newsContentHolder {
	width:500px;
	/*height:280px;*/
	margin:0px;
	padding:20px;
	background-color:#ffffff;
	float:left;
}
.topsealCustomer #newsContentTopLeftShadow {
	width:500px;
	margin:0px;
	padding:11px 0px 0px 8px;
	float:left;
	background: url(../images/customerMainContentTopShadow.png) no-repeat left top;
}
.topsealCustomer #newsContentBottomRightShadow {
	width:500px;
	margin:0px;
	padding:0px 0px 11px 8px;
	float:left;
	background: url(../images/customerMainContentBottomShadow.png) no-repeat right bottom;
}
.topsealCustomer #newsArchiveRightColumn {
	width:196px;
	height:300px;
	margin:13px 7px 10px 0px;
	padding:0px;
	float:right;
}
.topsealCustomer #newsArchiveHolder {
	width:156px;
	margin:0px;
	padding:20px;
	float:left;
	background-color:#ffffff;
}



/*  ******************** other CSS ********************  */
.topsealCustomer #clearBoth {
	clear:both;
}
.linebox {
                width: 315px;
                /*margin-bottom: 8px;*/
                background-color: #FFFFFF;
                /*border: 1px solid #CCCCCC;*/
}

/*  ******************** table CSS ********************  */
td {
	vertical-align: top;
	text-align: left;
}
th {
	vertical-align: top;
	text-align: left;
}
.downloadTR {
	vertical-align: top;
	text-align: left;
	background-color:#cccccc;
}
.downloadHR {
	vertical-align: top;
	text-align: left;
	background-color:#dedede;
}
.downloadTH {
	vertical-align: top;
	text-align: left;
	background-color:#999999;
}




/*  ******************** header accordian CSS ********************  */

/*  fiveSteps accordian  */
.fiveSteps .handle {
	width: 44px;
	height: 210px;
	margin: 0px;
	padding:0px;
	background: #666;
	float: left;
	text-align:center;
	font-weight: bold;
	color: #9e9e9e;
	font-size: 16px;
}
.fiveSteps .handleOver{	
	background: #666;
}
.fiveSteps .handleSelected{
	background: #666;
}

/* hide container until all is ready */
.fiveSteps {
	display: none;
}
/*Main Container*/
.container {
	width:984px;	
}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding: 0px;	
	float: left;
	width:0px;
	height: 210px;	
	overflow:hidden;
}
.contentWrapper{	
}
.contentInnerWrapper{
	text-align: justify;
	padding: 0px;
}