/*
-----------------------------------------------
LawFirmSites BriarPatch
Designer:    Adrian Thayn
Programmer:  Kekoa Vincent
Version:     8 March 2006

Changed and made totally awesome by Chris London
----------------------------------------------- */
h1 {
	margin: 0 0 12px 0;
	color: #333333;
	font-size: 16px;
}
h2 {
	margin: 0 0 6px 0;
	color: #666666;
	font-size: 14px;
}
h2 {
	background-color: #FFFFFF;
	margin: 8px 0px;
	border: solid #666 1px;
	padding: 4px;
}
body {
	font-size: 14px;
	background-image: url(images/back.jpg);
	background-color: #6B7E99;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

/* Wrapper & Header
----------------------------------------------- */
#wrapper {
	width: 770px;
	margin: 0 auto;
}
#header {
}

/* Top Navigation
----------------------------------------------- */
#topnav {
}
#topnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#topnav li {
	float: left;
	display: inline;
}
#topnav li  {
	padding: 20px 66px;
	display: block;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;
}
#topnav li:hover {
	text-decoration: underline;
}

/* Step 1 - Tell Us Who You Are
----------------------------------------------- */
#step1 {
	border: solid #333 1px;
	 background-color:#ffffff;
}


/* Step 2 - Choose Your Design
----------------------------------------------- */
#step2 {
	background-color: #FCF7E4;
	padding: 20px 20px 20px 20px;
	margin: 8px 0px;
	border: solid #333 1px;
	clear: left;
}
#previewArea {
	position: absolute;
	border: solid 1px #999;
	width: 800px;
	top: 100px;
	left: 100px;
	background: #333333;
	color: #FFF;
	padding: 4px;
	font-weight: bold;
	cursor: hand;
}
#templateContainer {
	overflow: auto;
	height: 360px;
}
#templates {
	margin: 0px;
	padding: 0px;
}
#templates tr td {
	padding: 0px;
	font-size:12px;
}
#loadarea {
	height: 360px;
	overflow: hidden;
}
iframe {
	display: inline;
	height: 600px;
	border: solid #666 1px;
}

/* Step 3 - Website Details
----------------------------------------------- */
#step3 {
	border: solid #333 1px;
	 background-color:#ffffff;
}

/* Step 4 - Quote Is Being Processed
----------------------------------------------- */
#step4 {
	padding: 20px 20px 20px 20px;
	margin: 8px 0px;
	border: solid #333 1px;
	clear: left;
	background-color: #F0E7EA;
}

/* Table Styles
----------------------------------------------- */
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 2px 6px 2px 12px;
	background: #CAE8EA
}
td {
	padding: 0px;
	margin:0px;
	color: #4f6b72;
	text-align: left;
}

/* Form Styles
----------------------------------------------- */
/*label,input {
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 2px;
}
label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}
*/
input, select{
	margin:0px;
}
input.submit {
	width: auto; 
	border: 3px double #999999; 
	border-top-color: #CCCCCC; 
	border-left-color: #CCCCCC; 
	padding: 3px; 
	background-color: #fff; 
	background-repeat: repeat-x; 
	color: #333333; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* Miscellaneous Classes
----------------------------------------------- */
.errors {
	width: 300px;
	padding: 0px;
}
stop.errorText {
	padding: 10px;
	text-align: center;
	background: #FFEEEE;
	border: solid 1px #CC0000;
}
.selectedTemplateThumb {
	border: solid 2px #EE0000;
}
.templateThumb {
	border: solid 2px #FFFFFF;
}