/* 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333;
	background: #0F0F0F;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* /reset */

/* universal styles */
.hide {
	position: absolute;
	left: -9999px;
	top: -9999px;
	visibility: hidden;
}

.clear {
	clear: both;
}
/* /universal styles */

/* header */
.header-wrapper {
	background: #cecece url(images/header-bg-fade.jpg) repeat-x;
}

	.header {
		width: 960px;
		height: 127px;
		margin: 0 auto;
		background: url(images/header.jpg) no-repeat;
		position: relative;
	}
	
		.header h1 {
			width: 245px;
			height: 115px;
			position: absolute;
			left: 0;
			top: 0;
		}
		
			.header h1 a {
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -9999px;
			}
	
		.header ul {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 698px;
			height: 43px;
		}
		
			.header ul li {
				float: left;
			}
			
				.header ul li a {
					display: block;
					float: left;
					text-indent: -9999px;
					height: 43px;
					background: url(images/nav-bg-all.gif) no-repeat;
				}
				
				.header ul li.home a {
					width: 48px;
				}
				
					.header ul li.home a:hover {
						background-position: 0 -43px;
					}
					
					.header ul li.home a.selected {
						background-position: 0 -86px;
					}
				
				.header ul li.about-pacific-genuine a {
					width: 149px;
					background-position: -48px 0;
				}
				
					.header ul li.about-pacific-genuine a:hover {
						background-position: -48px -43px;
					}
					
					.header ul li.about-pacific-genuine a.selected {
						background-position: -48px -86px;
					}
				
				.header ul li.why-use-genuine-parts a {
					width: 167px;
					background-position: -197px 0;
				}
				
					.header ul li.why-use-genuine-parts a:hover {
						background-position: -197px -43px;
					}
					
					.header ul li.why-use-genuine-parts a.selected {
						background-position: -197px -86px;
					}
				
				.header ul li.parts-enquiry a {
					width: 126px;
					background-position: -364px 0;
				}
				
					.header ul li.parts-enquiry a:hover {
						background-position: -364px -43px;
					}
					
					.header ul li.parts-enquiry a.selected {
						background-position: -364px -86px;
					}
				
				.header ul li.special-offers a {
					width: 124px;
					background-position: -490px 0;
				}
				
					.header ul li.special-offers a:hover {
						background-position: -490px -43px;
					}
					
					.header ul li.special-offers a.selected {
						background-position: -490px -86px;
					}
				
				.header ul li.news a {
					width: 84px;
					background-position: -614px 0;
				}
				
					.header ul li.news a:hover {
						background-position: -614px -43px;
					}
					
					.header ul li.news a.selected {
						background-position: -614px -86px;
					}
/* /header */

/* body */
.content-wrapper-wrapper {
	background: #FFF url(images/body-bg-fade-repeat.jpg) repeat-x;
	padding: 9px 0;
}

	.content-wrapper {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}

		.content {
			background: #FFF;
			float: left;
			width: 577px;
			margin-right: 9px;
			padding: 24px 28px;
			line-height: 1.2;
			min-height: 550px;
			display: inline; /* ie6 fix */
		}
		
			.content h2 {
				color: #585858;
				font-size: 1.65em;
				font-weight: bold;
				margin: 5px 0 25px;
			}
			
			.content h3 {
				font-weight: bold;
				margin: 15px 0;
				clear: both;
			}
			
			.content p {
				margin: 0 0 10px;
			}
			
			.content a {
				color: #d30000;
			}
			
			.content a:hover {
				text-decoration: underline;
				color: #c40000;
			}
			
			.content .vcard {
				border-top: 1px solid #e5e5e5;
				margin-top: 20px;
				padding-top: 5px;
			}
			
				.content .vcard dt {
					float: left;
					width: 120px;
					clear: both;
				}
				
				.content .vcard dd {
					float: left;
					margin: 0 0 15px;
				}
				
			.content strong {
				font-weight: bold;
			}
			
			.content em {
				font-style: italic;
			}
		
		/* sidebar */
		.sidebar {
			width: 318px;
			float: left;
			line-height: 1.2;
			display: inline;
		}
		
			.sidebar .promo {
				background: #484746 url(images/promo-bg-fade.gif) 0 100% repeat-x;
				margin: 0 0 9px;
				padding: 17px 15px 15px;
				color: #FFF;
				overflow: hidden;
				clear: both;
			}
			
				.sidebar .promo a {
					color: #FFF;
				}
				
				.sidebar .promo a:hover {
					color: #c40000;
				}
			
				.sidebar .promo h3 {
					font-size: 1.35em;
					font-weight: bold;
					margin: 0 0 8px;
				}
				
				.sidebar .promo .pic {
					display: block;
					margin: 0 0 12px;
					border: 2px solid #FFF;
				}
				
				.sidebar .promo a.more {
					display: block;
					text-align: right;
					padding-right: 10px;
					background: url(images/arrow-white.gif) 100% 50% no-repeat;
					font-weight: bold;
					font-size: 0.9em;
				}
				
				.sidebar .promo a.more:hover {
					background-image: url(images/arrow-red.gif);
				}
				
			/* parts enquiry */
			.sidebar .parts-enquiry p {
				border-bottom: 1px solid #979696;
				padding-bottom: 12px;
				margin: 0 0 12px;
			}
			
			/* why choose pga */
			.sidebar ul.benefits {
				border-top: 1px solid #727171;
				padding-top: 9px;
			}
			
				.sidebar ul.benefits li {
					margin: 0 0 15px;
				}
				
				.sidebar ul.benefits .heading {
					display: block;
					text-transform: uppercase;
					padding-left: 10px;
					background: url(images/bullet-white.gif) 0 50% no-repeat;
					font: bold 1em Verdana, Arial, sans-serif;
					margin: 0 0 5px;
				}
		/* /sidebar */
		
		/* listing */
		.listing .item {
			padding: 10px 0;
			border-top: 1px solid #e5e5e5;
			clear: both;
			overflow: hidden;
			cursor: pointer;
		}
		
		.listing .hover {
			background: #f4e4e4;
			width: 100%;
			padding-left: 10px;
			padding-right: 10px;
			position: relative;
			left: -10px;
		}
		
			.listing .item .pic {
				float: left;
				border: 2px solid #FFF;
			}
			
			.listing .item .snippet {
				padding-top: 1px;
			}
			
			.listing .with-pic .snippet {
				margin-left: 220px;
			}
			
				.listing .item .snippet h3 {
					font-weight: bold;
					font-size: 1.3em;
					color: #4c4c4c;
					margin: 0 0 7px;
					clear: none;
				}
				
					.listing .item .snippet h3 a {
						color: #4c4c4c;
					}
					
				.listing .hover .snippet h3,
				.listing .hover .snippet h3 a {
					color: #c40000;
					text-decoration: none;
				}
				
				.listing .item .snippet p.date {
					margin: 0 0 7px;
					color: #999;
				}
				
				.listing .item .snippet p {
					margin: 0;
				}
				
		.paging {
			text-align: right;
		}
		
		.paging span {
			color: #999;
		}
		
		.paging span.current {
			font-weight: bold;
			color: #666;
		}
		/* /listing */
		
		/* detail */
		.detail p.date {
			border-bottom: 1px solid #dedede;
			padding-bottom: 4px;
			font-size: 0.8em;
			color: #9a9a9a;
			margin: 0 0 20px;
		}
		
		.detail .pic {
			float: right;
			border: 1px solid #d6d6d6;
			padding: 2px;
			margin: 0 0 20px 10px;
		}
		
			.detail .pic img {
				display: block;
			}
			
		.related {
			background: #e4e3e3;
			clear: both;
			margin: 30px 0 0;
		}
		
			.related h3 {
				padding: 12px 19px;
				font-weight: bold;
				color: #474747;
				border-bottom: 1px solid #cdcdcd;
				margin: 0 0 12px;
			}
			
			.related ul.downloads {
				padding: 0 0 20px 19px;
				zoom: 1;
				overflow: hidden;
			}
			
				.related ul.downloads li {
					float: left;
					padding: 6px 0 0 53px;
					width: 130px;
					min-height: 44px;
					color: #757575;
					font-size: 0.9em;
					cursor: pointer;
				}
				
				.related ul.downloads li.pdf {
					background: url(images/icon-pdf.gif) no-repeat;
				}
				
				.related ul.downloads li.xls {
					background: url(images/icon-xls.gif) no-repeat;
				}
				
				.related ul.downloads li.doc {
					background: url(images/icon-doc.gif) no-repeat;
				}
				
				.related ul.downloads li.generic {
					background: url(images/icon-generic.gif) no-repeat;
				}
				
					.related ul.downloads li a {
						display: block;
					}
					
			.related ul.links {
				padding: 0 0 20px 19px;
				clear: both;
				zoom: 1;
			}
			
				.related ul.links li {
					margin: 0 0 8px;
				}
				
					.related ul.links li a {
						display: block;
						padding-left: 18px;
						background: url(images/arrow-red.gif) 0 50% no-repeat;
					}
		/* /detail */
		
		/* forms */
		.forms p.required {
			font-size: 0.9em;
			color: #666;
			margin: 15px 0 10px;
		}
		
		.forms fieldset {
			background: #e4e3e3;
			padding: 12px 15px;
		}
		
		.forms label.col-a {
			float: left;
			width: 266px;
			margin-right: 15px;
			clear: both;
		}
		
		.forms label.col-b {
			float: left;
			width: 266px;
		}
		
		.forms label {
			font-weight: bold;
			font-size: 0.9em;
			color: #585858;
			margin: 0 0 7px;
			display: block;
		}
		
			.forms label input {
				display: block;
				margin: 5px 0 0;
				border: 1px solid #b8b8b8;
				padding: 3px;
				width: 258px;
			}
			
			.forms label select {
				display: block;
				margin: 5px 0 0;
				border: 1px solid #b8b8b8;
				padding: 3px;
				width: 266px;
				width: 100%;
			}
			
			.forms label textarea {
				display: block;
				margin: 5px 0 0;
				border: 1px solid #b8b8b8;
				padding: 3px;
				width: 539px;
			}
			
		.forms .enquiry {
			clear: both;
			margin: 0 0 15px;
		}
		
		.forms .brands {
			clear: both;
			font-weight: bold;
			font-size: 0.9em;
			color: #585858;
		}
		
			.forms .brands label {
				display: inline;
				font-size: 1em;
				margin: 0;
			}
			
			.forms .brands input {
				vertical-align: middle;
				margin-right: 5px;
			}
			
			.forms .brands table {
				margin: 10px 0;
			}
			
			.forms .brands td {
				padding: 2px 5px;
				width: 125px;
			}
			
		.forms .send-enquiry {
			text-align: right;
			border-top: 1px solid #d5d5d5;
			padding: 15px 0 5px;
		}
		
			.forms .send-enquiry input {
				font-size: 15px;
			}
		/* /forms */
		
/* /body */

/* footer */
.footer-wrapper {
	background: #0f0f0f;
	clear: both;
}

	.footer {
		width: 960px;
		margin: 0 auto;
		background: url(images/footer.jpg) no-repeat;
		padding-top: 104px;
		overflow: hidden;
	}
	
		.footer-links {
			border-top: 1px solid #404040;
			text-align: center;
			height: 69px;
			padding-top: 7px;
			color: #7e7e7e;
			float:left;
			width:100%;
			overflow:hidden;
			position:relative;
		}
		
		.footer-links ul {
			position: relative;
			left: 50%;
			text-align: center;
			clear: left;
			float: left;
		}
		
			.footer-links li {
				display:block;
				float:left;
				list-style:none;
				margin:0;
				padding:0;
				position:relative;
				right:50%;
			}
			
			.footer-links a {
				color: #7e7e7e;
			}
			
			.footer-links a:hover {
				color: #c40000;
			}
			
			.footer-links .greenwire-design {
				vertical-align: -2px;
				background: url(images/greenwire-design.gif) no-repeat;
				width: 119px;
				height: 13px;
				float: left;
				text-indent: -9999px;
				margin-left: 10px;
			}
/* /footer */

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

