@charset "utf-8";
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #01142a;
	background-color: #dce7f0;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image:url(../images/backg.jpg);
	background-repeat: repeat-x;
	/*height: 100%;*/
}
/* TEXT STYLES */
h1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 26px;
	color: #01142f;
	letter-spacing: -1px;
	margin:10px 0px -5px 0px;
}
h4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	color: #01142f;
	margin:0px;
}
.tvm #footer {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #596b81;
}
.tvm #footer a {
	color: #938538;
	text-decoration: none;
}
.tvm #footer a:hover {
	color: #ccaf0e;
	text-decoration: underline;
}
a:link, a:visited {
	color:#0050be;
	text-decoration: none;
}
a:hover {
	color:#d56b2b;
	text-decoration: none;
}
#crumbnav, #crumbnav a, #crumbnav a:link, #crumbnav a:visited {
	font-size: 11px;
	color: #01142f;
	text-decoration: none;
}
#crumbnav a:hover {
	color: #46617e;
	text-decoration: underline;
}
#crumbnav em {
	margin: 0px 3px 0px 3px;
}
#crumbnav strong {
	color: #d56b2b;
}
/* FORM ELEMENTS */
form#form1 {
	font-size:10pt;
	margin-top:30px;
}
input[type="text"] {
	margin:5px;
	font-size:8pt;
	height:16px;
	border:#CCCCCC 1px solid;
	background-color:#F5F5F5;
}
input[type="checkbox"] {
	border:#CCCCCC 1px solid;
	background-color:#F5F5F5;
}
textarea, select {
	font-size:8pt;
	margin-top:2px;
	border:#CCCCCC 1px solid;
	background-color:#F5F5F5;
}
/*home pop-nav style*/
.popul {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	line-height: 24px;
	list-style-type: none;
	margin: 10px 0px 0px -3px;
	list-style-image: url(../images/popbullet.gif);
	list-style-position: 10px;
}
.popul a:link, .popul a:visited {
	color:#000;
	text-decoration: none;
}
.popul a:hover {
	color:#cc4d01;
	text-decoration: none;
}
/*product sub-menu style*/
.subul {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:11px;
	color: #9bb8d8;
	line-height: 30px;
	list-style-type: none;
	margin: 5px 0px 0px -15px;
}
.subul a:link, .subul a:visited {
	color:#FFF;
	text-decoration: none;
	list-style-type: square;
}
.subul a:hover {
	color:#d56b2b;
	text-decoration: none;
	list-style-type: square;
}
.subul ul {
	list-style-type: square;
	line-height: 14px;
}
/* STRUCTURAL */
.tvm #container {
	width: 1000px;
	height: 100%;
	background: #06121f;
	margin: 0 auto;
	text-align: left;
	margin-top: 0px;
	margin-bottom:0px
}
/*top*/
.tvm #header {
	padding: 0px;
	margin: 0px;
	height: 164px;
	position: relative;
}
.tvm #headerplus {
	padding: 0px;
	margin: 0px;
	height: 164px;
}/* <-- Taller header for breadcrumbs*/
.tvm #menubar {
	position: absolute;
	left: 0;
	top: 121px;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	background-image:url(../images/bar-backg.gif);
	background-repeat:repeat-x;
	height: 43px;
}
#crumbnav {
	padding: 6px 10px 16px 42px;
}
/*main*/
.tvm #mainContent {
	float:left;
	margin: 0px 0px 0px 40px;
	width: 610px;
}
#homemid {
	margin:0px;
	padding: 0px;
	width: 1000px;
	float: right;
	position: relative;
	overflow:hidden;
}
.wbg {
	background: #fff;
	background-image:url(../images/sub-backg.gif);
}
/*sidebar A is used on homepage only*/
.tvm #sidebarA {
	float: right;
	width: 300px;
	min-height: 200px;
	padding: 0;
	margin: 0;
	background:url("../images/sidemenuA-back-top.gif") no-repeat scroll 0 0 transparent;
}
.tvm #sidebarA br {
	margin: 0px 0px 0px 80px;
}

/*sidebar A_mkt is used on all market specific subpages*/
.tvm #sidebarA_mkt {
	background: url("../images/sidemenuA_mkt-back-top.gif") no-repeat scroll right 0 transparent;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 10px 0 0;
    width: 290px;
}


/*sidebar B is used on all subpages*/
.tvm #sidebarB {
	float: right;
	width: 175px;
	min-height: 200px;
	padding: 0;
	margin: 0;
}
.tvm #sidebarB p {
	margin: 0px 10px 10px 10px;
}
/* main menu */
#menu {
	width: 850px;
	height: 43px;
	background: url(../images/menu-backg.gif);
	margin: 0px 0px 0px 0px;
	padding: 0;
	position: relative;
}
#menu li {
	margin: 0px auto;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#menu li, #menu a {
	height: 43px;
	display:block;
}
#m1 {
	left: 23px;
	width: 63px;
	text-indent: -1000px;
	overflow:hidden;
}
#m2 {
	left: 86px;
	width: 80px;
	text-indent: -1000px;
	overflow:hidden;
}
#m3 {
	left: 166px;
	width: 83px;
	text-indent: -1000px;
	overflow:hidden;
}
#m4 {
	left: 249px;
	width: 96px;
	text-indent: -1000px;
	overflow:hidden;
}
#m5 {
	left: 345px;
	width: 92px;
	text-indent: -1000px;
	overflow:hidden;
}
#m6 {
	left: 437px;
	width: 76px;
	text-indent: -1000px;
	overflow:hidden;
}
#m7 {
	left: 513px;
	width: 66px;
	text-indent: -1000px;
	overflow:hidden;
}

#m8 {
	left:575px;
	width: 95px;
	text-indent: -1000px;
	overflow:hidden;
}


#m1 a:hover {
	background: transparent url(../images/menu-backg.gif) -23px -43px no-repeat;
}
#m2 a:hover {
	background: transparent url(../images/menu-backg.gif) -86px -86px no-repeat;
}
#m3 a:hover {
	background: transparent url(../images/menu-backg.gif) -166px -43px no-repeat;
}
#m4 a:hover {
	background: transparent url(../images/menu-backg.gif) -249px -43px no-repeat;
}
#m5 a:hover {
	background: transparent url(../images/menu-backg.gif) -345px -43px no-repeat;
}
#m6 a:hover {
	background: transparent url(../images/menu-backg.gif) -437px -43px no-repeat;
}
#m7 a:hover {
	background: transparent url(../images/menu-backg.gif) -513px -43px no-repeat;
}
/*NEW MENU*/
#m8 a:hover {
	background: transparent url(../images/menu-backg.gif) -575px -42px no-repeat;
}
#m1s {
	left: 23px;
	width: 63px;
	text-indent: -1000px;
	overflow:hidden;
	background: transparent url(../images/menu-backg.gif) -23px -86px no-repeat;
}
#m2s {
	left: 86px;
	width: 80px;
	text-indent: -1000px;
	overflow:hidden;
	background: transparent url(../images/menu-backg.gif) -86px -86px no-repeat;
}
#m3s {
	left: 166px;
	width: 83px;
	text-indent: -1000px;
	overflow:hidden;
	background: transparent url(../images/menu-backg.gif) -166px -86px no-repeat;
}
#m4s {
	left: 249px;
	width: 96px;
	text-indent: -1000px;
	overflow:hidden;
	background: transparent url(../images/menu-backg.gif) -249px -86px no-repeat;
}
#m5s {
	left: 345px;
	width: 92px;
	text-indent: -1000px;
	overflow:hidden;
	background: transparent url(../images/menu-backg.gif) -345px -86px no-repeat;
}
#m6s {
	left: 437px;
	width: 76px;
	text-indent: -1000px;
	overflow:hidden;
	background: transparent url(../images/menu-backg.gif) -437px -86px no-repeat;
}
#m7s {
	left: 513px;
	width: 66px;
	text-indent: -1000px;
	overflow:hidden;
	background: transparent url(../images/menu-backg.gif) -513px -86px no-repeat;
}
#m8s {
	left: 575px;
	width: 95px;
	text-indent: -1000px;
	overflow:hidden;
	background: transparent url(../images/menu-backg.gif) -575px -86px no-repeat;
}

/*#m8s a:hover {background: transparent url(../images/menu-backg.gif) -575px -90px no-repeat;}*/

/* products menu drop-down */ 
#smenu0 {
	width: 200px;
	height: 290px;
	position:absolute;
	z-index:12;
	left: 85px;
	top: 0px;
	margin:0px;
	padding:10px 0px 5px 0px;
	background-color:#00142b;
	display: none;
	border-right: 1px solid #ffde02;
	border-bottom: 1px solid #ffde02;
	border-left: 1px solid #ffde02;
}
/*footer*/
.tvm #footer {
	width: 940px;
	background-image: url(../images/btm-bg.jpg);
	background-repeat: no-repeat;
	margin: auto;
	padding: 15px 30px 0px 30px;
}
.tvm #footer p {
	margin: 0;
	padding: 10px 0;
}
/* HOMEPAGE ONLY */

  /* homepage - middle buttons */
#midbtns {
	margin:0px;
	padding: 0px;
	position:absolute;
	left: 310px;
	top: 103px;
	z-index:10;
}
.btnMargin {
	margin: 0px 0px 0px 5px;
}
.popBtnMargin {
	margin: 0px 0px 0px 7px;
}
/* homepage - middle button popups*/
#smenu1, #smenu2 {
	width: 185px;
	height: 229px;
	position:absolute;
	z-index:12;
	top: 92px;
	margin:0px;
	padding:10px 0px 5px 15px;
	background-color:#FFFFFF;
	background-image:url(../images/popbg_ext.gif);
	background-repeat: none;
	display: none;
}
#smenu3 {
	width: 185px;
	height: 205px;
	position:absolute;
	z-index:12;
	top: 92px;
	margin:0px;
	padding:10px 0px 5px 15px;
	background-color:#FFFFFF;
	background-image:url(../images/popbg.gif);
	background-repeat: none;
	display: none;
}
#smenu1 {
	left: 452px;
}
#smenu2 {
	left: 616px;
}
#smenu3 {
	left: 780px;
}
/* homepage - side menu */
#sidemenu {
	font-family:"Boton";
	font-size:17px;
	width: 257px;
	height: auto;
	min-height:90px;
	background:url("../images/sidemenuA-back-btm.gif") no-repeat scroll 0 bottom transparent;
	margin: 0;
	padding: 80px 0px 50px 22px;
}
.sidemenu_mkt {
	background:url("../images/sidemenuA_mkt-back-btm.gif") no-repeat scroll right bottom transparent!important;
	width: 278px!important;
}
#sidemenu * li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidemenu li, #sidemenu a {
	display:block;
	color:#01142f;
	font-stretch:wider;
}
#sidemenu a {
	margin-bottom:10px;
}
#sidemenu>li {
    padding: 7px 0 3px 44px;
}
#sidemenu>li>a {
	border-bottom: 5px solid;
    display: block;
    padding: 2px;
    white-space: nowrap;
    width: 190px;
}
#sidemenu li ul {
	padding: 10px 0 0 0;
}
#sidemenu li ul li {
	font-size:14px;
}

#sd1 { background: url("../images/main_nav_icon_ins_prod-d.png") no-repeat scroll 0 0 transparent;}
#sd2 { background:url('../images/main_nav_icon_sealants-d.png') no-repeat 0 0 scroll transparent;}
#sd3 { background:url('../images/main_nav_icon_accessories-d.png') no-repeat 0 0 scroll transparent;}
#sd4 { background:url('../images/main_nav_icon_liner_panel-d.png') no-repeat 0 0 scroll transparent;}

#sd1 a { border-color:#a0a1a2!important;}
#sd2 a { border-color:#ffd800!important;}
#sd3 a { border-color:#b40000!important;}
#sd4 a { border-color:#ff9000!important;}

#sd1:hover { background: url("../images/main_nav_icon_ins_prod.png") no-repeat scroll 0 0 transparent;}
#sd2:hover { background:url('../images/main_nav_icon_sealants.png') no-repeat 0 0 scroll transparent;}
#sd3:hover { background:url('../images/main_nav_icon_accessories.png') no-repeat 0 0 scroll transparent;}
#sd4:hover { background:url('../images/main_nav_icon_liner_panel.png') no-repeat 0 0 scroll transparent;}


/* LEVEL 2 */
#l2quad {
	float:left;
	margin: 0px 10px 30px 40px;
	width: 292px;
}
#l2main {
	float:left;
	margin: 0px 0px 30px 10px;
	width: 430px;
}
#l2main p {
	margin: 20px 0px 35px 0px;
}
#l2quad img.news_cal_icon {
	margin:15px 0 -5px 0;
}
#l2quad p.news_cal_links {
	padding:0 10px 0 70px;
	margin-top:-10px;
}
/* LEVEL 3 */
#l3main {
	float:left;
	margin: 0px 0px 40px 40px;
	width: 720px;
}
#l3col {
	float:left;
	margin: 0px 10px 30px 40px;
	width: 300px;
}
#l3col .fltlft {
	float: left;
	margin: -10px 8px 0px 0px;
}
/* LEVEL 4 */
#l4main {
	float:left;
	margin: 0px 0px 20px 40px;
	width: 720px;
}
#l4col {
	float:left;
	margin: 0px 0px 30px 40px;
	width: 220px;
	font-size:11px;
	line-height: 15px;
	border:#CCCCCC 0px solid;
	height:60px;
}
#l4cola {
	float:left;
	margin: 0px 0px 30px 40px;
	width: 240px;
	font-size:11px;
	line-height: 15px;
	clear:left;
	border:#CCCCCC 0px solid;
}
#l4colb {
	float:left;
	margin: 0px 0px 30px 10px;
	width: 240px;
	font-size:11px;
	line-height: 15px;
}
#l4col .fltlft, #l4cola .fltlft, #l4colb .fltlft {
	float: left;
	margin: 0px 8px 0px 0px;
}
#l4col strong, #l4cola strong, #l4colb strong {
	color:#0050be;
	font-size:12px
}
#l4col p, #l4cola p, #l4colb p {
	margin: 0px 5px 0px 0px;
}
#l4col a, #l4cola a, #l4colb a {
	color:#0050be;
	text-decoration:none;
}
#l4col a:hover, #l4cola a:hover, #l4colb a:hover {
	color:#cc4d01;
	text-decoration:none;
}
#l4col img, #l4cola img, #l4colb img {
	border:none;
}
/* LEVEL 5 */
#l5pic {
	float:left;
	margin: 0px 10px 30px 40px;
	width: 210px;
}
#l5pic p {
	margin: 0px 0px 0px 0px;
}
#l5main {
	float:left;
	margin: 0px 0px 30px 10px;
	width: 500px;
}
#l5main strong {
	font-size:14px;
}
#l5main ul {
	list-style-type: square;
	margin-top: -5px;
}
#l5main li {
	margin:0px 0px 0px -10px;
	color:#0050be;
	font-weight:bold;
}
#installDrop {
	width: 150px;
	height: 38px;
	margin: 0px 0px 10px 0px;
	padding:34px 0px 0px 10px;
	background-image:url(../images/install-backg.gif);
	background-repeat:no-repeat;
}
#installDrop .dropdown {
	margin: 0px;
	font-size:11px;
	width:130px;
}
#ulDrop {
	width: 150px;
	height: 38px;
	margin: 0px 0px 10px 0px;
	padding:34px 0px 0px 10px;
	background-image:url(../images/ul-backg.gif);
	background-repeat:no-repeat;
}
#ulDrop .dropdown {
	margin: 0px;
	font-size:11px;
	width:130px;
}
/* UNIVERSAL REUSE */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.dropdowns {
	margin: 5px 0px 0px 0px;
	font-size:12px;
	width:175px;
}
.dmz {
	float:left;
	margin: 0px 0px 10px 40px;
	width: 720px;
	font-size:11px;
	line-height: 15px;
}
.dmz_shallow {
	float:left;
	margin: -40px 0px 10px 40px;
	width: 720px;
	font-size:11px;
	line-height: 15px;
}
.size12Bold {
	font-size:12px;
	font-weight:900;
}
.size14Bold {
	font-size:14px;
	font-weight:900;
}
.subCatHdr_L {
	float:left;
	margin: 0px 0px 10px 0px;
	width: 280px;
	font-size:11px;
	line-height: 15px;
}
.subCatHdr_M {
	float:left;
	margin: 0px 0px 10px 10px;
	width: 240px;
	font-size:11px;
	line-height: 15px;
}
.subCatHdr_R {
	float:left;
	margin: 0px 0px 10px 10px;
	width: 240px;
	font-size:11px;
	line-height: 15px;
}

.subCatHdr_L h4 {
	padding:0 40px 20px 40px;
}
.subCatHdr_M h4, .subCatHdr_R h4 {
	padding:0 40px 20px 10px;
}
/* FAQ */
.faq_hdr {
	margin:20px 0px -8px 0px;
	vertical-align:bottom;
}
.assist {
	color:#999999;
	margin-left:10px;
}
/* SEARCH BOX */
div.search {
	width:250px;
	float:right;
	margin:0;
	padding:0;
	margin-top:-36px;
	vertical-align:middle;
}
div.search input[type="text"] {
	width:150px;
}
/*	ABOUT US - NEWS AND CALENDAR	*/
.about_news_cal {
	padding-left:65px;
	margin-top:-25px;
}

