/*
------------------------------------------
F1554.com basic style rules:
Base font size: 12px
Margins/Padding: Multiples of 6px;
Colors: Dark Grey:	#444
		Light Grey:	#eee
		Off-white:	#f2f2f2
		Blue:		#2EA6E6	
------------------------------------------
F1554.com CSS File Table of Contents:

I. Stylesheet Reset
II. Typography
	A. Font Sizes
	B. Links
III. Page Structure
	A. Basic Container
	B. Header
	C. Content
		1.Content Elements
	D. Footer
IV. Specific Element Styles
	A. Index
	B. FAQ
	C. Contact Us
------------------------------------------
*/

/* I. Stylesheet Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* II. Typography */
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3{
	font-weight:bold;
}
h1 {
	font-size:2em;
	line-height:2.5em;
}
h2 {
	font-size:1.5em;
	line-height:1.6em;
}
h3 {
	text-transform:uppercase;
}
p{
	margin-bottom:1em;
	line-height:1.4em;
}
a{
	color:#2EA6E6;
	text-decoration:none;
}
ul{
	margin-bottom:1em;
}
strong{
	font-weight:bold;
}
/* III. Page Structure */
body {
	text-align:center;
	background-color:#444;
	background-image:url(images/stripe.png);
}
#container {
	width:820px;
	padding:6px;
	display:block;
	margin:auto;
	text-align:left;
}
    .alert{
        margin:5px;
        border:3px solid #f00;
        padding:10px;
        font-weight:bold;
        height:auto;
        background-color:#fff;
    }
	#head,#body,#foot{
		display:block;
		margin-bottom:6px;
	}
	#head{
		float:left;
	}
		#head h2,#head .credits a{
			line-height:15px;
		}
		#head h2{
			float:left;
			font-size:3em;
			margin-top:11px;
			line-height:45px;
		}
			#head a:hover{
				color:#eee;
			}
			#head a img {
				float:left;
				margin-right:.5em;
			}
		#head .credits{
			float:right;
			margin-top:11px;
			width:22em;
			text-align:right;
		}
			#head .credits img{
				float:none;
			}
			#head .credits span{
				position:relative;
				top:-18px;
				margin-right:5px;
			}
		#banner, #body{
			background-color:#eee;
			float:left;
			border:1px solid #ddd;
			border-bottom-width:4px;
			width:802px;
			padding:6px;
			color:#444;
			background-image:url(images/top.jpg);
			background-repeat:no-repeat;
			border-style:none none solid none;
		}
		#banner a:hover, #body a:hover {
			text-decoration:underline;
		}
		#banner a:hover {
			color:#2EA6E6;
		}
		#banner{
			clear:both;
		}
			#banner .bannerpic {
				float:left;
				margin:0px 12px 0px 0px;
			}
				#banner .bannerpic img {
					width:500px;
					height:200px;
				}
			#info{
				float:none;
				height:188px;
				background-color:#fff;
				padding:6px;
			}
				#info h3 {
					margin:6px 0px;
				}
				#info p {
					font-size:90%;
					margin-right:12px;
				}
	#body{
		display:table-row;
	}
		.left,.middle,.right{
			display:block;
			float:left;
		}
		.left{
			width:25%;
			padding-top:24px;
		}
			.left ul,.left li{
				margin:0px 12px 0px 6px;
				padding:0px;
			}
			.left ul{
				float:left;
			}
			.left li {
				line-height:1.4em;
				border-top:1px solid #d5d5d5;
			}
			li + li.h {
				margin-top:1em;
			}
			li.h {
				border-top-style:none;
			}
			li.contactList{
				background-color:#e6e6e6;
				border:1px solid #d6d6d6;
				float:left;
				width:90%;
			}
			li.contactList ul {
				padding:12px;
			}
			li.contactList ul li.h{
				margin-bottom:6px;
			}
			li.contactList ul li {
				border-top:0px none transparent;
			}
			li.contactList ul, li.contactList ul li{
				margin:0px;
			}
			li.chatImg{
				padding-top:6px;
			}
		.middle{
			background-color:#fbfbfb;
			width:600px;
			min-height:450px;
		}
			.middle h1,.middle h2,.middle h3,.middle p,.middle ul{
				padding:0 12px;
			}
			.middle table, .middle th, .middle td {
				border:1px solid #ccc;
				border-collapse:collapse;
				padding:2px 3px;
				text-align:center;
			}
			.middle table {
				margin:12px;
			}
			.middle thead {
				background-color:#eaeaea;
				font-weight:bold;
			}
			.middle tbody {
				background-color:#fbfbfb;
			}
			.middle th{
				font-weight:bold;
				background-color:#eaeaea;
			}
			.footnote {
				font-size:80%;
				text-align:left;
			}
			.third {
				float:left;
				width:181px;
				background-color:#eee;
				margin:6px;
			}
				p + .third {
					margin-left:12px;
					float:left;
				}
				.third h3 {
					text-align:center;
					margin:12px 6px 6px 6px;
				}
				.third p {
					float:left;
					margin-bottom:12px;
				}
				.third img {
					border:1px solid #aaa;
					margin:6px 12px;
					width:155px;
					height:225px;
					float:left;
				}
		.right{
			width:20%;
			display:none;
		}
	.padding {
		width:100%;
		clear:both;
		display:block;
		height:1px;
	}
	#foot{
		float:none;
		clear:both;
	}
		#foot p {
			color:#ccc;
		}
/* IV. Specific Element Styles */

	/* Index Page */
	.blue,.yellow,.red {
		line-height:2em;
		display:-moz-inline-box;
		display:inline-block;
		margin-right:24px;
	}
	.blue span, .yellow span, .red span{
		display:-moz-inline-box;
		display:inline-block;
		width:1em;
		height:1em;	
	}
	.blue span{
		background-color:blue;
	}
	.yellow span {
		background-color:yellow;
	}
	.red span {
		background-color:red;
	}
	
	/* FAQ Section */ 
	.question {
		border:1px solid #ccc;
		background-color:#eee;
		margin:6px;
	}
		.question .exp {
			float:right;
			display:none;
			cursor:pointer;
		}
		.question p{
			margin:5px 6px 4px 6px;
			padding:7px 6px 8px 40px;
		}
		.question table {
			margin-left:46px;
		}
		.question .q {
			background-image:url(images/q2.gif);
			background-repeat:no-repeat;
		}
		.question .a_active, .question .a{
			background-image:url(images/a2.gif);
			background-repeat:no-repeat;
			background-position:0 9px;
			min-height:2.5em;
		}
		.question div.a, .question div.a_active {
			background-position:6px 9px;
		}
	
	/* Contact Us */
	.options {
		width:50%;
		margin-left:12px;
		
	}
		.options a {
			background-image:url(images/contact.gif);
			background-position:0 -66px;
			display:block;
			width:200px;
			padding-left:56px;
			height:56px;
			font-size:1.5em;
			margin:6px;
			line-height:56px;
			color:#000;
			text-decoration:none;
			position:relative;
		}
			.options a:hover {
				text-decoration:none;
			}
			.options a img, .chat img {
				position:absolute;
				top:5px;
				left:6px;
				width:45px;
				height:45px;
			}
			.chat img{
				margin-left:6px;
			}
		.options a:hover {
			background-position:0 0;
		}
	#contact {	
		float:right;
		width:50%;
		display:block;
		margin-top:60px;
		padding-left:12px;
		margin-left:6px;
		border-left:1px solid #ccc;
		margin-bottom:12px;
	}
		#contact label {
			width:100%;
			display:block;
			font-weight:bold;
		}
		#contact input, #contact textarea {
			width:20em;
			margin-bottom:1em;
			padding:3px;
		}
		#contact textarea{
			height:100px;
		}
		input#submit{
			width:10em;
		}
		input.error {
			border:1px solid #f00;
		}	
		span.error {
			color:#f00;
			margin:-1em 0 1em 0;
			display:block;
		}
		
	/* Bolt Quiz */
	#quiz_container h2 {
		font-size:18px;	
	}
		#quiz_container h2 span.rank{
			display:block;
			font-size:15px;
		}
	#quiz_container #answers ul{
		margin:0 12px 1em 12px;
		padding:0;
		list-style-type:none;
		clear:both;
	}
		/*#quiz_container #answers ul li a{
			color:#000;
			text-decoration:none;
			display:block;
			width:95%;
			padding:5px;
		}*/
		#quiz_container #answers ul li{
			cursor:pointer;
			padding:5px;
		}
		#quiz_container #answers ul li p a{
			color:#2EA6E6;
			width:auto;
			display:inline;
			padding:0px;
		}
	#quiz_container #answers .question{
		font-weight:bold;
	}
	#quiz_container #answers .option{
		margin-left:2em;
		background-color:#eee;
		margin:4px 0px;
	}
		#quiz_container #answers .option:hover{
			background-color:#f6f6f6;
		}
		#quiz_container #answers h2{
			margin-bottom:12px;
		}
	#quiz_container #progress{
		background-color:#eee;
		padding:5px;
		margin:12px;
		height:5px;
	}
		#quiz_container #progress div {
			background-color:blue;
			width:0;
			height:5px;
			font-size:4px;
			line-height:5px;
		}
	#quiz_container .quiz_question{
		font-weight:bold;
	}
	#quiz_container ol{
		list-style-type:decimal;
		margin-left:30px;
	}
		#quiz_container ol li{
			margin-bottom:24px;
		}
		#quiz_container ol li ul li p, #quiz_container ol li ul li{
			margin:0px;
			padding:0px;
		}
		#quiz_container .why {
			font-style:italic;
		}
		a#start{
			margin-left:12px;
			font-weight:bold;
			font-size:12pt;
		}
		#quiz_container ol li ul li span{
			background-image:url(http://www.f1554anchorbolts.com/images/rightbadges.png);
		}
			#quiz_container ol li ul li span span {
				background-position:-140px 0px;
				line-height:20px;
				display:inline-block;
				background-color:#eee;
				width:10px;
			}
			#quiz_container .correct_badge, #quiz_container .your_badge{
				line-height:20px;
				display:block;
				float:left;
				font-size:10px;
				font-weight:bold;
				color:#fff;
				text-transform:uppercase;
				margin:-2px 0px 0px 5px;
				float:right;
				padding-left:10px;
			}
			#quiz_container .correct_badge{
				background-position:0px -20px;
			}
			#quiz_container .correct_badge span{
				background-position:-140px -20px;
			}
		#quiz_container #perfectScore{
			width:100%;
			float:left;
			text-align:center;
			margin-bottom:24px;
		}
		#quiz_container fieldset {
			margin:12px;
			background-color:#eee;
			border:1px solid #ccc;
			width:45%;
			float:left;
			height:212px;
			padding:12px 0px;
			text-align:left;
		}
		#quiz_container #perfectScore label, #quiz_container #perfectScore input,#quiz_container select, #quiz_container textarea{
			float:left;
			margin:3px 0px 3px 0px;
		}
		#quiz_container #perfectScore label{
			display:block;
			clear:left;
			width:25%;
			text-align:right;
			line-height:20px;
		}
			#quiz_container label[for="zip"], #quiz_container #state + label{
				width:15%;
				clear:none;
			}
		#quiz_container select{
			width:90%;
			margin-left:12px;
		}
		#quiz_container #message {
			clear:left;
			width:90%;
			margin-left:12px;
			height:120px;
		}
		#quiz_container #perfectScore #submit {
			margin:auto;
			float:none;
			font-size:12px;
			width:200px;
			padding:3px;
			font-weight:bold;
		}
		#quiz_container legend{
			font-weight:bold;
		}
			#quiz_container hr{
				width:90%;
				float:left;
				margin:6px 5% 6px 5%;
				clear:both;
			}
			#quiz_container .thanks{
				text-align:center;
				font-weight:bold;
				display:block;
				border:1px solid #f00;
				margin:12px;
				line-height:24px;
			}
			#quiz_container .error{
				clear:both;
			}
			#quiz_container .wrong{
				border-color:#f00;
			}
			#quiz_container #sendToFriend{
				position:relative;
			}
			#quiz_container #sendToFriend img{
				position:absolute;
				left:6px;
			}
			#sendToFriendForm {
				background-color:#eee;
				border:1px solid #ccc;
				margin:24px;
				text-align:center;
			}
				#sendToFriendForm h2{
					line-height:36px;
					margin-bottom:12px;
				}
				#sendToFriendForm label, #sendToFriendForm input, #sendToFriendForm textarea{
					display:block;
					float:left;
				}
				#sendToFriendForm label {
					clear:left;
					width:120px;
					text-align:right;
					margin:0px 6px 6px 0px;
					line-height:20px;
				}
				#sendToFriendForm input, #sendToFriendForm textarea {
					width:400px;
					text-align:left;
					margin-bottom:6px;
				}
				#sendToFriendForm textarea{
					margin-bottom:12px;
				}
				#sendToFriendForm input.submit{
					width:150px;
					padding:3px;
					float:none;
					clear:both;
					margin:0px auto 12px auto;
					text-align:center;
				}
				#sendToFriend .sent {
					text-align:center;
					width:100%;
					color:green;
				}