@charset "utf-8";
/* CSS Document */
html, #wrap {height: 100%;}

body {
	height: 100%;
	margin: 0px;
	background: url(../images/layout/body-bg.jpg) repeat-x #FFF;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
}

body > #wrap {height: auto; min-height: 100%;}

#container {
	width: 1024px;
	height:auto;
	margin: auto;
	text-align:left;
	overflow:auto;
	padding-bottom: 75px; /* must be same height as the footer */
}
	
	#header {
		width: 968px;
		height: 130px;
		margin:auto;
	}
		#logo {
			width: 200px;
			height: 95px;
			float: left;
			margin: 30px 0 0 26px;
		}
				
		#advert{
		float:left;
		width:150px;
		height:95px;
		margin: 30px 0 0 26px;
		}
		
		#header-right {
			width: 550px;
			height: 130px;
			float: left;
		}
		
			#topnav {
				width:550px;
				height: 52px;
				float: left;
				background: url(../images/layout/topnav-bg.jpg) no-repeat;
				background-position: right;
				text-align: center;
			}
			
			#topnav-links {
				width:407px;
				float:right;
				height: auto;
				color: #FFF;
				font-size: 11px;
				margin-top: 8px;
				text-align: center;
			}
				#topnav a:link,
				#topnav a:active,
				#topnav a:visited {
					color: #FFF;
					text-decoration: none;
				}
	
				#topnav a:hover {
					color: #EEE;
					text-decoration:none;
				}
			
			#header-right-top {
				width: 550px;
				height: 38px;
				float:right;
			}
				#searchbar {
					width: 256px;
					height: 45px;
					float: right;
				}
					#searchbar img {
						float:left;
						margin-right: 10px;
					}
					#searchbox {
						width: 130px;
						height: 22px;
						border: solid 1px #CCC;
						float: left;
						margin-top: 10px;
					}
						#searchbox input {
							width: 108px;
							height: 14px:
							font-size: 12px;
							padding: 2px;
							border: none;
							float:left;
						}
						#searchbox img {
							float:left;
							margin-right: 0;
							border: none;
						}
			
			#main-nav {
				width: 742px;
				height: 40px;
				clear: both;
			}
			
	#banner {
		width: 968px;
		height: 500px;
		margin: auto;
		background: url(../images/layout/banner-background.jpg) no-repeat;
		clear: both;
	}
		#flashbanner {
			width: 932px;
			height: 464px;
			margin: 13px 0 0 18px;
		}
	#banner-inside {
		width: 968px;
		height: 220px;
		margin: auto;
		background: url(../images/layout/interior-banner-bg.jpg) no-repeat;
		clear: both;
	}
		#flashbanner-inside {
			width: 932px;
			height: 186px;
			margin: 13px 0 0 18px;
		}
		#banner-order-online {
		width: 968px;
		height: 472px;
		margin: auto;
		clear: both;
	}
		
	
	#content {
		width: 924px;
		height: auto;
		/*margin: 5px 50px 10px 50px;*/
		margin: auto;
		margin-bottom: 10px;
	}
		#partsmenu {
			width: 150px;
			height: auto;
			float: left;
			margin: 0 15px 0 0;
		}
			#partsmenu select {
				width: 150px;
			}
		#subgrouplist {
			width: 350px;
			height: auto;
			float: left;
			margin: 0 15px 0 0;
		}
		#showparts {
			width: 665px;
			float: left;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 12px;
			margin-top: 10px;
		}
		#showparts table {
			width: 665px;
			/*border: solid 1px #CCC;*/
			margin-bottom: 10px;
		}
			#showparts td {
				/*width: 50px;*/
				border: solid 1px #999;
			}
			td.newpart-image {
				/*border-right: solid 1px #999;*/
				padding: 4px;
			}
			td.newpart-desc {
				color:#000;
				background-color: #EEE;
				font-size: 10px;
				line-height: 14px;
			}
	#content-home {
		width: 1024px;
		height: auto;
		padding: 0;
		margin: 0;
	}
		#threeways {
			width: 1024px;
			height: 250px;
			float: left;
			padding: 0;
			background: url(../images/layout/home-3ways-bg.jpg) no-repeat;
			background-position: bottom;
		}
			#threeways-container {
				width: 924px;
				height: 245px;
				margin: 25px 0 0 40px;
			}
			.threeways-num {
				width: 50px;
				height: 148px;
				float: left;
				margin-left:12px;
			}
				.threeways-num h1 {
					line-height: 140px;
					margin: 0;
				}
			.threeways-box {
				width: 230px;
				height: 136px;
				float: left;
				background: url(../images/layout/order-way-bg.png) no-repeat;
				padding: 12px 0 0 15px;
			}
		.home-checklist {
			width: 320px;
			height: auto;
			float: left;
			padding: 0 20px 0 10px;
			background: url(../images/layout/checklist-border.jpg) no-repeat;
			background-position: right;
		}
			ul.checklist {
				list-style-image: url(../images/checkmark.png);
				margin-left: 0;
				padding-left: 30px;
				font-family: Verdana, Geneva, sans-serif;
				color: #002d57;
				font-size: 13px;
				line-height: normal;
			}
				ul.checklist li {
					line-height: normal;
					margin: 0;
				}
		
		.help-checklist {
			width: 320px;
			height: auto;
			float: left;
			padding: 0 20px 0 10px;
			background: url(../images/layout/checklist-border.jpg) no-repeat;
			background-position: right;
		}
			ul.helpchecklist {
				margin-left: 0;
				padding-left: 30px;
				font-family: Verdana, Geneva, sans-serif;
				color: #002d57;
				font-size: 13px;
				line-height: 14px;
			}
				ul.helpchecklist li {
					line-height: 20px;
				}
				
		#history-arrows {
			background:url(../images/layout/arrows-bg.jpg) no-repeat;
			width:100%;
			height:320px;
		}
			#history-arrows-left {
				width: 230px;
				float: left;
				margin: 70px 0 0 40px;
			}
			#history-arrows-right {
				width: 230px;
				float: right;
				margin: 70px 40px 0 0;
				text-align: right;
			}
		#help {
		width: 964px;
		height: auto;
		/*margin: 5px 50px 10px 50px;*/
		padding-left: 35px;
		margin: auto;
		margin-bottom: 10px;
		}		
		
		.help-list1 {
			width: 300px;
			height: auto;
			float: left;
		}
		.help-list2 {
			width: 310px;
			height: auto;
			float: left;
			padding-left: 20px;
		}
		.help-list3 {
			width: 300px;
			height: auto;
			float: left;
			padding-left: 23px;
		}
		.help-list4 {
			width: 964px;
			height: auto;
			float: left;
			margin-top: 0px;
			margin-bottom: 10px;
		}
				#help a:link,
				#help a:active,
				#help a:visited {
					color: #666;
					text-decoration: none;
				}
	
				#help a:hover {
					color: #CC0000;
					text-decoration:none;
				}
		.help-account {
			width: 924px;
			height: auto;
			float: left;
			margin-bottom: 10px;
			font-family: Verdana, Geneva, sans-serif;
			color: #666;
			font-size: 14px;
		}
		#help-returns {
		width: 964px;
		height: auto;
		/*margin: 5px 50px 10px 50px;*/
		padding-left: 35px;
		margin: auto;
		margin-bottom: 10px;
		}
		.help-returns {
			width: 924px;
			height: auto;
			float: left;
			margin-bottom: 10px;
			font-family: Verdana, Geneva, sans-serif;
			color: #666;
			font-size: 14px;
		}
				#help-returns a:link,
				#help-returns a:active,
				#help-returns a:visited {
					color: #666;
					text-decoration: none;
				}
	
				#help-returns a:hover {
					color: #CC0000;
					text-decoration: underline;
				}		
				
				
				
				
				
		#news {
			width: 214px;
			height: auto;
			float: right;
			padding: 5px 0 0 0;
		}
		
		#content-interior {
			width: 665px;
			min-height: 250px;
			float: left;
			padding: 0 35px 0 10px;
			background: url(../images/layout/checklist-border.jpg) no-repeat;
			background-position: 685px 0px;
		}
		#content-interior-home {
			width: 665px;
			min-height: 250px;
			float: left;
			padding: 0 35px 0 10px;
			background: url(../images/layout/checklist-border.jpg) no-repeat;
			background-position: 685px 0px;
		}
		
	
#footer {
	position: relative;
	margin-top: -75px; /* negative value of footer height */
	height: 75px;
	clear:both;
	background: url(../images/layout/footer-bg.jpg) repeat-x;
} 
	#footnav {
		width: 1024px;
		height: 33px;
		margin: auto;
		padding-top: 13px;
	}
		#footnav ul {
			display: block;
			width: auto;
			height: 33px;
			padding: 10px 0 0 10px;
			list-style: none;
			text-indent: 0;
			line-height: 12px;
			margin: auto;
		}
			#footnav ul li {
				display: block;
				float: left;
				width: auto;
				height: auto;
				padding: 0 12px;
				font-size: 12px;
				color: #666;
				border-right: solid 1px #666;
			}
			#footnav ul li a:link,
			#footnav ul li a:active,
			#footnav ul li a:visited {
				color: #666;
			}
			#footnav ul li a:hover {
				color: #1869a2;
			}
			#footnav ul li.no-border {
				border-right: none;
			}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

#form_prov_select{
	float:right;
	width:230px;
	text-align:left;
	border:thin black solid;
	padding:10px;
}

#form_prov_select input{
	padding:2px;
	font-size:0.9em;
}

#login_layout{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:460px;
}

#login_layout img{
	float:left;
}