/* 	MidwestFire.com Index	*/
 	

/* UPPER BODY ELEMENTS */		


div#page {
	position: relative;
	width: 884px;
	margin: auto;
	margin-top: 10px;
	z-index: 0;
	overflow: auto;
	
}
											


/* END OF UPPER BODY ELEMENTS */
#wrapper {
	clear: both;
	
	width: 884px;
	margin-left: auto;
	margin-right: auto;
	}

.specButton {	
	position: relative;
	clear: both;
	width: 860px;
	padding-top: 10px;
	padding-left: 24px;
	padding-bottom: 10px;
	font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	color: #FFF;
	font-size: 16px;
	float: left;
	background: url("../gfx/black_85_pct.png") repeat;
	cursor: pointer;
	margin-top: 6px;
	}
	.specButton:hover {
		background: url("../gfx/header-bg-tile.png") repeat;
		color: #FFF;
		
		}
.specButton1 {	
	position: relative;
	clear: both;
	width: 870px;
	padding-top: 10px;
	padding-left: 14px;
	padding-bottom: 10px;
	font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	float: left;
	background: url("../gfx/black_85_pct.png") repeat;
	cursor: pointer;
	margin-top: 6px;
	}
	.specButton1:hover {
		background: url("../gfx/header-bg-tile.png") repeat;
		color: #FFF;
		}
	
.specContent {	
	width: 860px;
	padding-left: 24px;
	padding-top: 10px;
	float: left;
	background: url("../gfx/trans-white.png") repeat;
	display: none;
	}
.specContent1 {	
	width: 864px;
	padding-left: 20px;
	padding-top: 10px;
	float: left;
	background: url("../gfx/trans-white.png") repeat;
	display: none;
	}

div#page .specContent1 #flashBox {
	width: 840px;
	height: 470px;
	padding: 0px;
	float: left;
	}




/* FORM */

.labelTxt {
	padding-top: 3px;
	float: left;
	text-align: left;
	}
.radioBtn {
	float: left;
	margin-right: 9px;
	

	}
.chkBox {
	float: left;
	margin-right: 7px;
	}
.txtArea1 {
	width: 450px;
	height: 110px;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 18px;
	margin-top: 6px;
	margin-bottom; 6px;
	font-family: Helvetica;
	font-size: 12px;
	color: #000;
	background: #dcdcdc;
	border: 1px solid #888888;
	
	}
.txtBox {
	width: 350px;
	height: 22px;
	padding-top: 5px;
	padding-left: 8px;
	font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #000;
	background: #FFF;
	border: 1px solid #888888;
	}
	
	
#msg {display:none; position:absolute; z-index:200;  font-family: verdana; font-size: 11px; background:url('../create-a-spec/msg_arrow.gif') left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}




/*  Image ToolTip */
#preview{
		position: absolute;
		border:4px solid #000;
		background:#000;
		padding: 1px 1px 0px 1px;
		display:none;
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		color:#fff;
	}	
	#preview span {
		position: absolute;
		display: block;
		top: 0; left: 0;
		background: url("../gfx/black_85_pct.png") repeat;
		font-size: 12px;
		padding: 0 15px 10px 15px;
	}
img.casPreview {
	float: left;
	padding-right: 7px;
}


/* CONTENT */
/* Midwest Fire Create A Spec */

div#createaspecContent {
		padding-top: 5px;
		width: 884px;
		margin: auto;
		overflow: hidden;
		
		z-index: 0;
		}
		
	div.createaspecSliderBox {
		width: 844px;
		margin: auto;
		overflow: auto;
		margin-top: 10px;
		margin-bottom: 10px;	
		clear: both;
		background-color: #FFF;
		font-family: Verdana, sans-serif;
		color: #000;
		font-size: 12px;
		}
		
		.createaspecLeftBox {
			width: 844px;
			float: left;
			}

			.createaspecTitle {
				padding-right: 30px;
				padding-left: 30px;
				height: 30px;
				padding-top: 10px;
				background-color: #000;
				font-family: verdana;
				font-size: 16px;
				color: #fff;
				font-weight: bold;
				float: left;
				text-align: center;
				}
			.createaspecPageTitle {
				float: left;
				height: 28px;
				padding-top: 7px;
				padding-left: 15px;
				font-family: verdana;
				font-size: 15px;
				font-weight: bold;
				color: #000;
				text-align: left;
				
				}
			.createaspecPageContent {
				width: 844px;
				padding-left: 15px;
				padding-right: 10px;
				padding-top: 15px;
				clear: both;
				float: left;
				
				}
					.createaspecRowBreak {
						width: 844px;
						height: 12px;
						clear: both;
						}
					.createaspecRow {
						width: 844px;
						border-bottom: 1px solid #adadad;
						padding: 5px;
						overflow: hidden;
						font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
						font-size: 14px;
						clear: both;
						}
						.createaspecRowFeature { width: 25px; float: left; }
						.createaspecRowDescrip { width: 640px; float: left;}
						.createaspecRowDescrip .labelTxt {
							width: 600px;
							
							}
						.createaspecRowOption { width: 150px; float: right; font-size: 13px; }
						.createaspecRow p {
							display: block;
							float: left;
							clear: both;
							font-size: 13px;							
							padding-bottom: 10px;
							width: 835px;
							}
							.createaspecRow ul {
								margin: 0px;
								clear: both;
								float: left;
								padding-bottom: 10px;
								}
							.createaspecRow ul li.spec {
								display: block;
								clear: both;
								float: left;
								padding-left: 8px;
								padding-bottom: 4px;
								font-size: 13px;
								width: 500px;
								}
							
					.createaspecInstructions {
						width: 844px;
						border-bottom: 1px solid #adadad;
						padding-top: 3px;
						font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
						font-size: 12px;
						clear: both;
						}
				
				
				
				




/* LOWER BODY ELEMENTS */


div#lowerBody {
	width: 884px;
	clear: both;
	margin: auto;
	margin-top: 10px;
	height: 252px;	}
	
	div#lowerBody #left {
		width: 444px;
		height: 250px;
		margin-right: 10px;
		float: left;
		padding: 0px;
		text-align: left;
		background-color: #000;

		}
		
	div#lowerBody #right {
		width: 430px;
		float: left;
		margin: 0px;
		padding: 0px;
		}
		div#lowerBody #right ul {
			padding: 0px;
			margin: 0px;
			}
			div#lowerBody #right ul li {
				display: block;
				clear: both;
				width: 429px;
				height: 81px;
				background: #000 url("../gfx/right-ad-bg.jpg") no-repeat top right;
				text-decoration: none;
				border: 0px;
				overflow: hidden;
				cursor: pointer;
				}
				div#lowerBody #right ul li:hover {
					background-position: bottom right;
					}
				div#lowerBody #right ul li#r-a-1 { margin-bottom: 4px; }
				div#lowerBody #right ul li#r-a-2 { margin-bottom: 4px; }
			div#lowerBody #right ul li .left {
				position: relative;
				padding-left: 40px;
				width: 190px;
				float: left;
				font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
				font-size: 1.5em;
				padding-top: 25px;
				margin: 0px;
				padding-bottom: 0px;
				height: 55px;
				color: #a7a7a7;
				}
			div#lowerBody #right ul li .right {
				position: relative;
				padding-top: 14px;
				height: 63px;
				width: 160px;
				float: left;
				font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
				font-size: .9em;
				color: #a7a7a7;
				margin: 0px;
				padding-bottom: 0px;
				text-align: justify;
				}

/* END LOWER BODY ELEMENTS */