﻿/**
		CSS Stylesheet - PTS Plumbing 
		Global.css 
**/

body {
	background-color: #1c3564;
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #0c121b;
}

input.txt {
	background: #fff url('/gfx/bg_input.gif') top left no-repeat;
	border: 1px #b7bbc2 solid;
	color: #4b5669;
	padding: 3px 6px;
}

select.txt {
	border: 1px #b7bbc2 solid;
	color: #4b5669;	
}

/** Color/alternate span styles **/
.col_1 { color: #e31d39; }
.col_2 { color: #1c3564; }
.small { font-size: 0.9em; }

/** Header Styles **/
h1 { color: #1c3564; font-size: 2.6em; padding: 0 0 6px 0; margin: 0; }
h2 { color: #1c3564; font-size: 2em; font-weight: normal; padding: 0 0 12px 0; margin: 0; }

/** Link styles **/
a { color: #e31d39; text-decoration:none }
a:hover, a:active { text-decoration:underline; }

/** Form styles **/
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

/** Alt styles **/
.date { padding: 0 0 12px 0; margin: 0; }

/** Images **/
.border1 { border: 1px #c6c7c9 solid; }
.border2 { border: 1px #1c3564 solid; }

form { padding: 0; margin: 0; }


#container {
	background: #fff url('/gfx/bg_container.gif') top left repeat-x;
}

#container_inner {
	background: transparent url('/gfx/bg_container_inner.gif') bottom left repeat-x;
}

	#header {
		background: #fff url('/gfx/bg_header.gif') top left no-repeat;
		width: 992px;
		height: 230px;
		margin: 0 auto;
	}
	
		#header_nav {
			width:549px;
			height /**/: 43px;
			height: 38px !important;
			float: left;
			padding: 5px 0 0 37px;
		}
		
			#header_nav ul {
				padding: 0;
				margin: 0;
			}
			
			#header_nav ul li {
				list-style: none;
				float: left;
				display: inline;
			}
			
				#header_nav_printpage {
					background: transparent url('/gfx/bg_headernav_divider.gif') top right no-repeat;
					height /**/: 33px;
					height: 25px !important;
					padding: 8px 16px 0 0;
				}
				
				#header_nav_printpage a {
					background: transparent url('/gfx/icon_print.gif') 0 0.1em no-repeat;
					padding: 0 0 0 25px;
				}
				
				#header_nav_sitemap a {
					background: transparent url('/gfx/icon_sitemap.gif') 0 0.2em no-repeat;
					padding: 0 0 0 26px;
				}
				
				#header_nav_sitemap {
					background: transparent url('/gfx/bg_headernav_divider.gif') top right no-repeat;
					height /**/: 33px;
					height: 25px !important;
					padding: 8px 16px 0 16px;
				}
				
				#header_nav_careers a {
					background: transparent url('/gfx/icon_careers.gif') 0 0.1em no-repeat;
					padding: 0 0 0 26px;
				}
				
				#header_nav_careers {
					background: transparent url('/gfx/bg_headernav_divider.gif') top right no-repeat;
					height /**/: 33px;
					height: 25px !important;
					padding: 8px 16px 0 16px;
				}
				
				#header_nav_addthis {
					height /**/: 33px;
					height: 25px !important;
					padding: 8px 16px 0 16px;
				}
			
			#header_nav ul li a {
				color: #fff;
				text-decoration: none;
			}
			
			#header_nav ul li a:hover {
				text-decoration: underline;
			}
			
	#search {
		padding: 8px 34px 0 144px;
		width /**/: 726px;
		width: 228px !important;
		height /**/: 43px;
		height: 35px !important;
		float: left;
	}
	
		#txtSearch {
			width: 190px;
			border: 1px #102b5d solid !Important;
		}
		
	#logo {
		height /**/: 116px;
		height: 90px !Important;
		width /**/: 196px;
		width: 159px !Important;
		padding: 31px 0 13px 37px;
		float: left;
	}
	
	#adverts {
		height:95px;
		width: 619px;
		padding: 0;
		margin:21px 36px 0 0;
		float: right;
	}
	
	#topmenu {
		width /**/: 992px;
		width: 954px !important;
		padding: 0 19px;
	}
	
		#topmenu ul {
			padding: 0;
			margin: 0;
		}
		
		/** Menu list style **/
		#topmenu ul li {
			height: 53px;
			list-style: none;
			float: left;
			display: inline;
			background: #fff url('/gfx/bg_topmenu_li.gif') top left repeat-x;
		}
		
		#topmenu ul li.first {
			background: #fff url('/gfx/bg_topmenu_li_first.gif') top left no-repeat;
			padding: 0 0 0 17px;
		}
		
		#topmenu ul li.last {
			background: #fff url('/gfx/bg_topmenu_li_last.gif') top right no-repeat;
			padding: 0 17px 0 0;
		}
		
		/** Menu link style **/
		#topmenu ul li a {
			display: block;
			float: left;
			height: 40px;
			background: #fff url('/gfx/bg_topmenu_li_a.gif') top left repeat-x;
			color: #fff;
			text-decoration: none;
		}
		
		#topmenu ul li.first a {
			background: #fff url('/gfx/bg_topmenu_li_a_first.gif') top left no-repeat;
		}
		
		#topmenu ul li.last a {
			background: #fff url('/gfx/bg_topmenu_li_a_last.gif') top right no-repeat;
		}
		
		/** Menu link style: hover/on **/
		#topmenu ul li a:hover, #topmenu ul li a.on {
			display: block;
			float: left;
			height: 40px;
			background: #fff url('/gfx/bg_topmenu_li_a_on.gif') top left repeat-x;
			text-decoration: none;
		}
		
		#topmenu ul li.first a:hover, #topmenu ul li.first a.on {
			background: #fff url('/gfx/bg_topmenu_li_a_first_on.gif') top left no-repeat;
		}
		
		#topmenu ul li.last a:hover, #topmenu ul li.last a.on {
			background: #fff url('/gfx/bg_topmenu_li_a_last_on.gif') top right no-repeat;
		}
		
		/** Menu link style span **/
		#topmenu ul li a span {
			display: block;
			float: left;
			height /**/: 40px;
			height: 28px !important;
			padding: 12px 16px 0 16px;
			font-weight: bold;
			font-size: 1.2em;
			cursor: pointer;
			background: transparent url('/gfx/bg_topmenu_li_a_span.gif') top right no-repeat;
		}
		
		#topmenu ul li a:hover span, #topmenu ul li a.on span {
			display: block;
			float: left;
			height: 40px;
			background: transparent url('/gfx/bg_topmenu_li_a_span_on.gif') top right no-repeat;
		}
		
		#topmenu ul li.last a span, #topmenu ul li.last a.on span, #topmenu ul li.last a:hover span {		
			background: none;
			padding-right: 18px;
		}
		
		#topmenu ul li.first a span {		
			padding-left: 19px;
		}
		
	#content_container {
		width: 992px;
		margin: 5px auto 0 auto;
		background: #fff url('/gfx/bg_content_container.gif') top left no-repeat;
	}
	
		/** Site Navigation **/
		#menu {
			width: 220px;
			float: left;
		}
			
			/** Side Navigation Level 1 **/
			#menu ul {
				padding: 0;
				margin: 0;
				width: 220px;
			}
			
			#menu ul li {
				width: 220px;	
				list-style: none;			
			}
			
			#menu ul li a {
				width /**/: 220px;
				width: 180px !important;
			
				padding: 11px 20px 9px 20px;
				display: block;
				background: #fff url('/gfx/bg_menu_1.gif') 0 0 no-repeat;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
			
			#menu ul li a:hover, #menu ul li a.on {
				width: 220px;				
				display: block;
				background: #fff url('/gfx/bg_menu_1.gif') 0 -35px no-repeat;
			}
			
			#menu ul li a span {
				background: transparent url('/gfx/bg_menu_1_span_off.gif') 0 0 no-repeat;
				padding: 0 0 0 25px;
			}
			
			#menu ul li a:hover span, #menu ul li a.on span {
				background: transparent url('/gfx/bg_menu_1_span_on.gif') 0 0 no-repeat;
			}
			
				/** Side Navigation Level 2 **/
				#menu ul ul {
					padding: 0;
					margin: 0;
					width: 220px;
				}
				
				#menu ul ul li {
					width: 220px;
					list-style: none;			
				}
				
				#menu ul ul li a {
					width /**/: 220px;
					width: 180px !important;		
					padding: 8px 20px 8px 20px;
					display: block;
					background: #fff url('/gfx/bg_menu_2.gif') bottom left repeat-x;
					color: #e31d39;
					font-weight: normal;
					text-decoration: none;
				}
				
				#menu ul ul li.last a {
					background: none !important;					
				}	
							
				#menu ul ul li a:hover, #menu ul ul li a.on {
					color: #1c3564;
					background: #fff url('/gfx/bg_menu_2.gif') bottom left repeat-x;
				}
				
				#menu ul ul li a span, #menu ul ul li a.on span, #menu ul ul li a:hover span {
					background: transparent url('/gfx/bg_menu_2_span.gif') 0 4px no-repeat;
					padding: 0 0 0 15px;
						display: block;
				}
				
			#content_inner {
				width /**/: 700px;
				width: 680px !important;
				float: left;
				padding: 0 0 32px 20px;
			}
			
				/** Columns **/
				#leftcol {
					width: 440px;
					float: left;
				}
				
				#rightcol {
					width /**/: 240px;
					width: 220px !important;
					padding: 0 0 0 20px;
					float: left;
				}
				
					#rightcol .rightcol_panel {
						background: transparent url('/gfx/bg_rightcol.gif') bottom left no-repeat;
						margin: 0 0 20px 0;
					}
					
						#rightcol .rightcol_panel h3 {
							background: #fff url('/gfx/bg_rightcol_title.gif') top left no-repeat;
							color: #fff;
							width /**/: 220px;
							width: 180px !important;
							height /**/: 51px;
							height: 26px !important;
							font-size: 1.2em;
							font-weight: normal;
							padding: 9px 20px 0 20px;
							margin: 0 0 16px 0;
						}
						
						#rightcol ul {
							padding: 0 0 16px 16px;
							margin: 0;
						}
						
						#rightcol ul li {
							list-style: none;
							background: #fff url('/gfx/gfx_bullet.gif') 0 4px no-repeat;
							padding: 0 16px 6px 16px;
						}
						
						#rightcol fieldset {
							padding: 0 16px 16px 16px;
							margin: 0;
						}
						
						#rightcol p {
							padding: 0 16px 16px 16px;
							margin: 0;
						}
						
						#submitSearch_column {
							padding: 16px 0 0 0;
						}
	
	#content_container_base {
		background: #fff url('/gfx/bg_content_container_base.gif') bottom left no-repeat;
		width: 992px;
		height: 14px;
	}
	
		#topban {
			padding: 2px 0 0 19px;
		}
		
		#content {
			width /**/: 992px;
			width: 920px !important;
			padding: 0 36px 0 36px;
		}
		
		#content p {
			line-height: 1.4em;
		}
		
		.content_fullpad {
			padding: 20px 20px 0 20px;
		}
		
		
	#footer {
		height: 192px;
		width: 992px;
		margin: 0 auto;
		background: transparent url('/gfx/bg_footer.gif') top left no-repeat;
	}	
	
		#footer_inner {
			width /**/: 992px;
			width: 925px !Important;
			padding: 0 33px 0 34px;
			background: transparent url('/gfx/bg_hr_full.gif') 34px 22px no-repeat;
		}
		
		#footer_nav {
			width: 925px;
		}
		
		#footer_nav ul {
			padding: 0;
			margin: 0;
		}
		
		#footer_nav ul li {
			padding: 38px 0 0 0;
			margin: 0;
			display: inline;
			float: left;			
		}
		
		#footer_nav ul li a {
			height /**/: 24px;
			height: 19px !important;
			display: block;
			float: left;
			border-right: 1px #b7bbc2 solid;
			padding: 5px 20px 0 20px;
			text-decoration: none;
			color: #1c3564
		}
		
		#footer_nav ul li a:hover {
			text-decoration: underline;
		}
		
		#footer_nav ul li.first a {
			padding-left: 2px !important;
		}
		
		#footer_nav ul li.last a {
			border-right: none !important;
		}
		
	#footer_logo {
		width: 114px;
		padding-top: 32px;
		float: left;
	}
	
	#copyright {
		color: #fff;
		font-weight: bold;
		width: 500px;
		padding: 44px 0 0 0;
		float: left;
	}
	
	#fivesite {
		width: 611px;
		padding-top: 36px;
		float: left;
		text-align: right;
	}

		
/** Helper Classes **/
.right { float: right; }
.hidden { display: none; visibility: hidden; }
.noBorder { border: none; }
.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}
	
		