@import url("common.css");

/* HOME */

#home #nav {
	margin-bottom:35px;
}
#home h1 {
	background:url('../img/text/home-h1.png') no-repeat;
	text-indent:-9999px;
	width:100%;
	height:34px;
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:30px;
}
#home #main {
	width:500px;
}
	#home #main .left {
		width:160px;
	}
		#home #main .left ul {
			margin:10px 0 15px;
		}
	#home #main .right {
		width:325px;
	}
		#home #main .right p {
			margin-bottom:18px;
		}
/* #home #side */
	#home #side p.cufon {
		font-weight:300;
		text-transform:uppercase;
		font-size:13px;
		letter-spacing:1px;
		padding-bottom:2px;
		margin-bottom:0;
	}
	#home #side .border {
		border:1px solid #ddd;
		padding:4px;
	}
	#home #side h3 {
		font-weight:300;
		font-size:16px;
		line-height:20px;
		margin:12px 0 10px;
		border-bottom:1px solid #ddd;
		padding-bottom:3px;
	}
		#home #side h3 strong {
			font-weight:bold;
			font-size:20px;
		}
		#home #side p.left {
			font-size:11px;
			width:185px;
			color:#666;
			line-height:17px;
			margin-bottom:10px;
		}
		
/* PRODUCTS */
	
/* .products */
.products #main {
	width:600px;
}
	.products #main .left {
		width:160px;
	}
		.products #main .left h3 {
			border-bottom:6px solid #E6E6E6;
			margin-bottom:10px;
		}
		.products #main .left ul {
			margin-bottom:20px;
		}
			.products #main .left li {
				margin-left:10px;
				font-size:11px;
				line-height:18px;
			}
				.products #main .left li a {
					text-decoration:none;
					border-bottom:1px solid #e6e6e6;
					display:block;
					color:#666;
					padding:2px 0 0px 10px;
					background:url('../img/extras/plus.png') no-repeat left 7px;
				}
					.products #main .left li a:hover,
					.products #main .left li.active a {
						color:#143F85;
						border-bottom:1px solid #809ed0;
					}
				.products #main .left li.active a {
					font-weight:bold;
					border-bottom:1px solid #4e6ea3;
				}
					
	.products #main .right {
		width:400px;
		margin-top:12px;
	}
		.products  #main .right h3 {
			margin-top:10px;
			clear:left;
			float:left;
			width:100%;
		}
		.products #main .right ul {
			margin-bottom:5px;
		}
			.products #main .right li {
				margin:0 0 6px 15px;
			}
		.products .highlight {
			margin-top:30px;
			padding:13px 15px 16px;
		}
			.products .highlight p {
				margin:8px 0 0;
				color:#333;
				font-size:11px;
				line-height:16px;
			}
			.products .highlight p a {
				text-decoration:underline;
			}

.products #side {
	width:200px;
	margin-top:12px;
}
	.products #side .image {
		border:3px solid #E6E6E6;
		padding:5px 22px;
		margin-bottom:15px;
	}
	
/* products page */
#products #main .right h3 {
	margin-top:5px;
	clear:left;
	float:left;
	width:100%;
}
#products #main .right ul {
	width:100%;
	float:left;
	clear:left;
	margin-bottom:5px;
}
	#products #main .right li {
		float:left;
		margin:0 29px 10px 0;
	}
		#products #main .right li.nomargin {
			margin-right:0 !important;
		}
		#products #main .right li a {
			text-decoration:none;
		}
		#products #main .right li a img {
			border:1px solid #d6d6d6;
		}	
			#products #main .right li a:hover img {
				border:1px solid #789cd6;
			}
		#products #main .right li a span {
			color:#666;
			font-size:11px;
		}
			#products #main .right li a:hover span {
				color:#143F85;
			}
		#products #main .right ul.specialty li {
			width:186px;
			margin-right:27px;
		}
			#products #main .right ul.specialty li p {
				float:right;
				font-size:11px;
				width:95px;
			}
			
/* #clasps */
#clasps #side .image {
	padding:5px;
}

/* #self-adjusting spring */
#self-adjusting-spring #main .right li {
	margin-bottom:10px;
	line-height:17px;
	list-style:disc;
}
	
/* #speed-aligner */
#speed-aligner h2 {
	margin-bottom:15px;
}
#speed-aligner #main .right li {
	margin-bottom:4px;
	line-height:18px;
	list-style:disc;
}	
	
/* SERVICE */
#service #side img.border {
	margin-bottom:25px;
}	
#service #main ul {
	float:left;
	width:210px;
	margin:5px 0;
}
	#service #main ul li {
		padding-left:20px;
		background:url('../img/extras/check.png') no-repeat left 2px;
		margin-bottom:8px;
	}
	#service #main ul.last li {
		width:280px;
	}
#service #main .summary {
	margin-top:25px;
}
#service #main .standard {
	width:100%;
	margin:10px 0;
	padding:10px 0 0;
	border:solid #ddd;
	border-width:2px 0;
	float:left;
	clear:left;
}
	#service #main h3 {
		margin:10px 0 10px;
	}
	#service #main p.red {
		color:#8C0707;
		font-weight:bold;
		text-transform:uppercase;
		margin-bottom:0px;
	}
	#service #main .standard ul {
		width:380px;
	}
		#service #main .standard li {
			font-size:11px;
			line-height:14px;
			margin-bottom:12px;
		}
	#service #main .button {
		float:left;
		margin:0 10px 20px 0;
	}

/* RX */
#rx h1 {
	margin-bottom:30px;
}
#rx h2 {
	margin-bottom:10px;
}
#rx h3 {
	margin-top:25px;
	margin-bottom:10px;
}
#rx #main ol {
	width:370px;
}
	#rx #main ol li {
		list-style:decimal;
		font-size:11px;
		line-height:14px;
		margin-bottom:14px;
		margin-left:22px;
		
	}
		#rx #main ol li p {
			font-weight:bold;
			color:#222;
			margin:0;
			font-size:11px;
		}
#rx #side h3 {
	border-bottom:6px solid #e6e6e6;
	padding-bottom:2px;
}
#rx #side p {
	font-size:11px;
	margin-bottom:15px;
}
#rx #side li {
	margin:5px 0 15px 0px;
}
	#rx #side h4 {
		font-size:11px;
		color:#222;
	}
	#rx #side li a {
		font-size:11px;
		display:block;
		color:#8C0707;
		background:url('../img/extras/pdf.png') no-repeat 125px 2px;
		padding:6px 0 5px;
	}
		#rx #side li a:hover {
			text-decoration:underline;
		}
		#rx #ups {
			float:right;
			margin-left:10px;
		}
	
/* contact */
#contact #main p {
	width:440px;
	margin-bottom:20px;
}
	#contactform .column.left {
		width:185px;
	}
	#contactform .column.right {
		width:285px;
	}
	#contactform .field {
		overflow:hidden;
		margin-bottom:10px;
	}
		#contactform label {
			font-size:11px;
			margin-bottom:3px;
			display:block;
		}
			#contactform label span {
				color:#720606;
			}
		#contactform .text input,
		#contactform textarea,
		#contact select {
			border:1px solid #ccc;
			background:url('../img/extras/input-bg.gif') repeat-x top;
		}
		#contactform .text input {
			width:177px;
			padding:3px 3px 2px 3px;
		}
			#contactform div.hidden {
				overflow:hidden;
			}
			#contactform div.hidden div.field {
				float:left;
			}
			#contactform input#city {
				width:95px;
				margin-right:5px;
			}
			#contactform input#state {
				width:18px;
				margin-right:5px;
			}
			#contactform input#zip {
				width:38px;
				margin-right:0;
			}
		#contact #main #contactform .radio p {
			font-size:11px;
			margin-bottom:4px;
		}
		#contactform .radio label {
			display:inline;
		}
		#contactform .radio input {
			margin-left:10px;
		}
		#contactform textarea {
			width:277px;
			padding:3px 3px 2px 3px;
			font-size:13px;
			font-family:Arial, sans-serif;
			height:149px;
		}
		#contactform select {
			width:174px;
			background:none;
			height:20px;
			font-size:11px;
		}
		#contactform .submit input {
			margin-top:4px;
		}
	#brochure {
		margin-top:10px;
		border-top:6px solid #e6e6e6;
		clear:left;
		padding-top:20px;
		width:100%;
		float:left;
		margin-bottom:10px;
	}
		#brochure img {
			float:right;
			margin-right:25px;
		}	
		#brochure p {
			float:left;
			width:105px;
			font-size:11px;
			line-height:18px;
			margin-top:45px;
		}