/* BODY */
body {
	font-family:"Myriad Pro", Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 0.75em;
	background: #fff;
}

a:link, a:active, a:visited {
	background: transparent;
	color: #007bb9;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

	/* Top Online Links */
	#top-links-online {
		position:absolute;
		margin: 40px 0 0 658px;
		color: #12326b;

	}
		#top-links-online a {
			color: #12326b;
		}
		#top-links-online a:hover {
			color: #012232;
		}
		#top-links-online a {
			text-decoration: underline;
		}

/* Container */
#container, .wrapper {
	width: 941px;
	margin: 0 auto; 

}
	/* Header */
		#header{  
			background: url(../images/bg_header.png) repeat-x left bottom;
			height: 100px;	
			min-width: 941px!important;
		}
			/* Logo Box */	
			#logo-box{ position:absolute; margin: 20px 0 0 0; }
			
			/* Top Links */
			#top-links {
				position:absolute;
				margin: 20px 0 0 651px;
			}
				#top-links a {
					color: #12326b;
					text-decoration: none;
				}
				#top-links a:hover {
					color: #012232;
				}
				#top-links li {
					float: left;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif, Tahoma;
					font-size: 10px;
					font-weight: bold;
					text-transform: uppercase;
					line-height: 10px;
					padding-left: 12px;
					margin-left: 13px;
					background: url(../images/top_arrow.png) no-repeat top left;
				}
			
	/* Location Finder Link */	
		#location-finder-link{
			position: absolute;
			margin: 60px 0 0 763px; 
		}
		
			#location-finder-link a{  
				background: url(../images/location_finder_link.png) no-repeat left top;  
				display:block;
				height:40px;
				width:178px; 
				position:relative;
			}
				
			#location-finder-link a span {
				background: url(../images/location_finder_link.png) no-repeat left bottom;  
				display:block;
				position:absolute;
				top:0;
				left:0;
				height:40px;
				width:178px; 
			}
		/* Masthead FOL */
		#mastheadFOL{  
			background: url(../images/fol_links_bg.jpg) repeat-x right bottom;
			height: 23px;
			min-width: 941px!important;
        		position: relative!important;
		}
		#top-links-fol {
					float: right;
					margin: 0 8px 0 0;
					font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
					font-size: 10px;
					line-height: 10px;
					margin-top: 4px;
					color: #FFFFFF;
				}		
		#top-links-fol a {
			color: #FFFFFF;
		}
		#top-links-fol a:hover {
			color: #FFFFFF;
		}
		#top-links-fol a {
			text-decoration: underline;
		}
	

	/* Masthead */
	#masthead{  
		background: url(../images/bg_masthead.png) repeat-x left bottom;
		height: 70px;	
		min-width: 941px!important;
     		position: relative!important;

	}
		/* Home icon */
		#home-link a {
			float: left;
			width: 57px;
			height: 0px !important;
			display: block;
			overflow: hidden;
			padding-top: 26px;
			background: url(../images/ico_home.gif) no-repeat top left;
		}
		#home-link a:hover {
			background-position: 0px -26px;
		}
		#masthead h1
		{
			font-family: "Myriad Pro", Arial, Helvetica Neue, Helvetica, sans-serif;
			font-size: 24px;
			font-weight: 600;
			line-height: -1px;
			color: #fffffe;
			text-transform: uppercase;
			display: block;
			padding: 7px 0 0 0;
			height: 29px;
		}
		
		#masthead h1 img.page-title
		{
			padding-top: 2px;
		}

		#finder-top{ float:right;}
		#finder-top input{
			float:left;
			background: #fff url(../images/bg_input_finder.png) repeat-x left top;
			border: 1px solid #115e85;
			height: 14px;
			width: 96px;
			padding: 1px 0; 
			margin: 12px 0 0 10px;
			text-align: center;
			color: #064265;
			font-family: "Myriad Pro", Arial, Helvetica Neue, Helvetica, sans-serif;
			font-size: 12px;
		}
		a.btn-search{  
				background: url(../images/btn_search_finder.png) no-repeat left top !important;
				float:left;	
				display:block;
				margin:12px 0 0 5px;
				width: 70px;  
				height: 21px;
				position:relative;
			}
			
			/* Promo Area - Homeowner Link */
			.btn-search span {
				background: url(../images/btn_search_finder.png) no-repeat left bottom;  
				display:block;
				position:absolute;
				top:0;
				left:0;
				width: 70px;  
				height: 21px;  
			} 
		
		/* Main Navigation */
		#main-nav {   
			list-style: none;   
			display:block;
			padding: 10px 0 0 0;
		}
				
			#main-nav li
			{
				display: inline;
				color: #015D84;
				font-family: Tahoma, Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 11px;
			} 

				#main-nav li.lined{ padding: 0 10px 0 10px; background: url(../images/divider_main_nav.png) no-repeat right center; } 
				#main-nav li a { font-weight: bold; color: #015d84;  text-decoration:none; } 
				#main-nav li a:hover{ color: #00476b;  text-decoration:underline; }
				#main-nav li.first{ padding:0 5px 0 0; }
				#main-nav li.last{padding:0 5px 0 5px;  background: none; }

        /* Download Icons */
        #download-icons {
            float: right;
            width: 177px;
            color: #015D84;
            font-family: Tahoma, Arial, Helvetica Neue, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: bold;
            padding: 5px 0 0 0;
            }
            #download-icons span {
                float: left;
                padding-top: 5px;
                }
            #download-icons .iconLink {
                float: left;
                width: 23px;
                height: 27px;
                margin-left: 7px;
                margin-top: 1px;
                }
                #download-icons #iconPDF {
                    background: url('../images/iconPDF.png') no-repeat left top;
                    }
                #download-icons #iconXML {
                    background: url('../images/iconXML.png') no-repeat left top;
                    }
	
	/* Content */
	#content{
		clear: both;
		height: 100%;
		overflow: hidden;
		padding: 18px 0 60px 0; 
		min-width: 941px!important;
	}
		#content h2 {
			color: #123140;
			font-size: 2em;
			font-weight: normal;
		}
		#products_vendors_header {
			background: url(../images/bg_products_vendors.gif) no-repeat;
			height: 20px;
		}
		#content p.page_description {
			color: #333;
			margin-top: 10px;
		}	
		
		#products_and_vendors {
			height: 100%;
			overflow: hidden;
		}
			#products_and_vendors li {
				display: inline;
				float: left;
				width: 260px; 
			}
				#product_catalog {
					background: url(../images/bg_product_catalog.png) 0 30px no-repeat; 
					height: 140px;
				}
					#product_catalog a {
						display: inline;
						float: left;
						height: 18px;
						margin: 106px 0 0 46px; 
						width: 52px;
					}
				#color_catalog { 
					background: url(../images/bg_color_catalog.png) 0 30px no-repeat;
					height: 140px;
				}
					#color_catalog a { 
						display: inline;
						float: left;
						height: 18px;
						margin: 103px 0 0 57px;
						width: 52px;
					}
				#the_vendors { 
					margin-left: 155px; 
				}
				#vendor_bighammer {
					background: url(../images/bg_big_hammer.png) no-repeat;
					display: block;
					height: 49px;
					margin: 0 0 2px 10px;
					width: 231px;
				}
				#vendor_corporate_freight {
					background: url(../images/bg_corporate_freight.png) no-repeat;
					display: block;
					height: 49px;
					margin: 0 0 2px 10px;
					width: 231px;
				}
				#vendor_nirac {
					background: url(../images/bg_nirac.png) no-repeat;
					display: block;
					height: 49px;
					margin-left: 10px;
					width: 231px;
				}
				
		#index_tab_container {
			background: #e5eef2 url(../images/bg_tab_container.gif) repeat-x;;
		}
		#index_tabs {
			height: 100%;
			list-style: none;
			margin-top: 1px;
			overflow: hidden;
		}		
			#index_tabs li {
				display: inline;
			}
				#index_tabs li a {
					background: transparent url(../images/bg_index_tabs.gif) 0 0 no-repeat;
					color: #fff;
					display: inline;
					float: left;
					font-weight: bold;
					font-size: 1.23em;
					height: 29px;
					line-height: 29px;
					margin: 0 1px;
					text-align: center;
					text-decoration: none;
					width: 34px;			
				}
				#index_tabs li a:hover {
					background-position: 0 -29px;
				}
				#index_tabs li a.active {
					background-position: 0 -58px;
				}
				
		
		#index_tab_body {
			height: 100%;
			overflow: hidden;
		}	
			.index_tab_body {				
				height: 100%;
				overflow: hidden;
				margin: 1px;
			}
				#index_tab_body ul {
					list-style: none;
					display: inline;
					float: left;
					margin-right: 2%;
					width: 31% !important;
					width: 29%;
				}
					#index_tab_body ul li {
						display: block;
						font-size: 0.9em;
						height: 100%;
						overflow: hidden;
						padding: 7px 0 7px 1px;
						width: 100%;
					}


		 
	/* Footer */
	#footer{
		clear:both;
		width: 100%;
		height: 70px;
		border-top: 1px solid #e9e9e9;
		color: #1d4164;
	}
	
		#footer ul {   
			list-style: none;  
			padding: 13px 0 0 0;
			margin: 0 auto;
			display:block;
			width: 670px;
		}
				
			#footer ul li {
				display: inline;
				font-family: Arial;
				font-size: 11px; 
			} 
			#footer ul li a { color: #1d4164;  text-decoration:none; } 
			#footer ul li a:hover{  text-decoration:underline; }
	
	
	/* Footer - Copyright */
	#copyright{ 
		font-family: Tahoma, Arial, Helvetica Neue, Helvetica, sans-serif;
		font-size: 11px;
		margin: 5px 0 0 0;
		text-align: center;
	}
	
	
/* General Classses */
.box {
	border: 1px solid #ccc;
	height: 100%; /* for ie6 fix on bottom position of corners */
	position: relative;
}
.cornerTL, .cornerTR, .cornerBL, .cornerBR {
	height: 19px;
	position: absolute;
	width: 19px;
}
	.cornerTL {
		background: url(../images/bgCornerTL.gif);
		left: -1px;
		top: -1px;
	}
	.cornerTR {
		background: url(../images/bgCornerTR.gif);
		right: -1px;
		top: -1px;
	}
	.cornerBL {
		background: url(../images/bgCornerBL.gif);
		bottom: -1px;
		left: -1px;
	}
	.cornerBR {
		background: url(../images/bgCornerBR.gif);
		bottom: -1px;
		right: -1px;
	}
	
	#map .cornerTL, .map_canvas_small .cornerTL {
		background: url(../images/bgMainCornerTL.png);
	}
	#map .cornerTR, .map_canvas_small .cornerTR {
		background: url(../images/bgMainCornerTR.png);
	}
	#map .cornerBL {
		background: url(../images/bgMainCornerBL.gif);
	}
	#map .cornerBR {
		background: url(../images/bgMainCornerBR.gif);
	}
	#map .cornerTop, .map_canvas_small .cornerTop {
		background: url(../images/bgMainCornerTop.png) no-repeat;
		height: 5px;
		left: 18px;
		position: absolute;
		top: 0;
		width: 572px;
	}
	.map_canvas_small .cornerTop {
		width: 240px;
	}
	
	
.hide {
	display: none;
}
a.button, a:visited.button {
	background: transparent url(../images/bgButton.gif) 0 0 repeat-x;
	border: 1px solid #e6e6e6;
	color: #666;
	display: inline-block;
	font-size: 1em !important;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
}
a.buttonBig, a:visited.buttonBig {
	background: transparent url(../images/bgBigButton.gif) 0 0 repeat-x;
	border: 1px solid #e6e6e6;
	color: #666;
	display: inline-block;
	font-size: 1.1em !important;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
}
	a.button:hover, a.buttonBig:hover {
		background-position: 0 100%;
		color: #000;
	}
	a.button .iconRight, a.buttonBig .iconRight {
		background: url(../images/iconRight.gif) 3px 50% no-repeat;
		cursor: pointer;
		display: inline-block;
		height: 22px;
		padding: 0 3px 0 24px;
	}
	a.buttonBig .iconRight {
		height: 33px;
	}
	a.button .iconLeft {
		background: url(../images/iconLeft.gif) 3px 50% no-repeat;
		cursor: pointer;
		display: inline-block;
		height: 22px;
		padding: 0 3px 0 24px;
	}
	.highlightText {
		background: transparent;
		color: #064265;
	}
	
.clear {
	clear: both;
	display: block;
	float: none;
	height: 100%;
	overflow: hidden;
	width: 100% !important;
}
.numbered {
	list-style: decimal;
	margin-left: 20px;
}
.top {
	margin-top: 30px;
}
a.miniButton, a:visited.miniButton {
	background: transparent url(../images/bgMiniButton.png);
	color: #fff;
	display: inline-block;
	font-weight: bold;
	height: 19px;
	line-height: 19px;
	text-align: center;
	text-decoration: none;
	width: 57px;
}


/* Forms */
input.textfield {
	border: 1px solid #ccc;
	height: 16px;
	padding: 2px;
}
select {
	border: 1px solid #ccc;
	height: 22px;
}

form.regularForm dl {
	clear: both;
	display: block;
	height: 40px;
	margin-top: 10px;
}
	form.regularForm dd {
		display: inline;
		float: left;
		margin-right: 5px;
		width: auto;
	}
		form.regularForm dd label {
			background: transparent;
			color: #064265;
		}
	form.regularForm p {
		font-size: 1.1em;
		margin-bottom: 10px;
	}
	form.regularForm input {
		font-size: 1em;
	}