/* 
 * G Kustom Kuhl
 * parts.css
 * author:  miinx [at] miinx.com.au
 */


@import url("master.css");

body#parts h3 {
	background-image: url(" /images/parts/hdr_parts.gif");
	width: 181px;
	height /**/:46px;
	padding-top: 46px;
	left: 361px;
	top: 60px;
	}

body#vintage h3 {
	background-image: url("/images/vintage/hdr_vintageparts.gif");
	width: 345px;
	height /**/:46px;
	padding-top: 46px;
	left: 330px;
	top: 61px;
	z-index: 6;
	}
	
	body#vintage p#avbl_soon {
		position: relative; 
		top: -20px;
		left: -30px;
		background-image: url("/images/vintage/vintage_avblsoon.gif");
		width: 432px;
		height: 0px ! important;
		height /**/:32px;
		padding-top: 32px;
		overflow: hidden;
		margin-bottom: 10px;
		}
		

/* ------------// content
			  //------------------------------ */

div#content {
	width: 740px;
	top: 110px;
	padding-left: 30px;
	z-index: 10; 	/* put it above the footer so text can be selected */
	}
	
	#instructions {
		position: relative; 
		left: -190px;
		top: -24px;
		font: 11px "courier new", courier, monospace;
		letter-spacing: 1px;
		color: #d99947;
		text-align: left;
		}
		
		body#vintage #instructions {
			margin-top: 20px;
			margin-left: 390px;
			text-align: center;
			}

		#items_container {
			position: relative;
			top: 10px;
			width: 100%;
			height: auto;
			overflow: hidden;
			}
			
			body#vintage #items_container {
				top: 0px;
				}
				
			.item_box {
				position: relative;
				float: left;
				width: 100%;
				text-align: left;
				margin-bottom: 20px;
				}
				
				.last {
					margin-bottom: 0;
					}
				
				.img_frame {
					float: left;
					width: 160px;
					height: 120px;
					background-color: #d99947;
					margin: 4px 30px 10px 0;
					text-align: center;
					vertical-align: middle;
					}
				
				.longer {
					height: 123px;
					}
					
					.img_frame img {
						border: 4px solid #e7d3a9;
						margin-top: 5px;
						}
						
						.shorter img {
							margin-top: 7px;
							}
				
				.item_box p a { color: #9a6e36; }
				.item_box p a:hover { color: #d99947; }
					
				h4 {
					margin-top: 0;
					margin-bottom: 15px;
					padding-top: 0;
					line-height: normal;
					}
					
					h4, 
					h4 a {
					font: bold 14px "courier new", courier, monospace;
					color: #e7d3a9;
					text-decoration: none;
					}
					
					h4 a:hover {
						color: #d99a48;
						border-bottom: dotted 1px #d99a48;
						}
						
					h4 em {
						color: #da9a49;
					}
					
				p {
					margin-left: 190px;
					font: 14px/20px "courier new", courier, monospace;
					color: #e7d3a9;
					margin-top: 0;
					padding-top: 0;
					}
					


/* ------------// page links
			  //------------------------------ */

	.pages {
		position: relative;
		top: 0px;
		z-index: 20;
		font-size: 15px;
		color: #bf8336;
		}
		
		.pages a {
			text-decoration: none;
			font-weight: bold;
			font-size: 15px;
			color: #f1ab53;
			border-bottom: 1px dotted #f1ab53;
			padding-right: 1px;
			padding-left: 1px;
			padding-top: 2px;
			}

			.pages a:hover {
				background-color: #f1ab53;
				border-bottom: none;
				}


/* ------------// footer adjustments
			  //------------------------------ */

div#footer {
	float: left;
	width: 100%;
	height: 30px;
	padding-bottom: 30px;
	z-index: 0;
	}

------------------ */

div#footer {
	float: left;
	width: 100%;
	height: 30px;
	padding-bottom: 30px;
	z-index: 0;
	}