/* ===============================================
Engineered Spring

--------------------------------------------------
AUTHOR(S): 
	marianne@topspotims.com
==================================================
COLOR TABLE
--------------------------------------------------

ORANGE: #ff2700
BLUE: #528d92
GRAY: #e1e1e1

=================================================*/

/* ==== mini-reset         ============================== */
body, h1, h2, h3, h4, p, form, fieldset, label, img, ul, li, div {
	margin: 0;
	padding: 0;
	border: none;
}
.clearboth {
	clear: both;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
a:focus {
	outline: none;
	border: none;
}
a { 
	text-decoration: none; 
	background: none; 
}
	a:hover { 
		text-decoration: underline; 
	}
body { 
	background: #ffffff; 
	color: #404040; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 62.5%; 
}
h1 { 
	font-size: 1.85em; 
	color: #ff2700; 
	margin-bottom: 0.4em; 
	font-weight: normal; 
}
h2 { 
	font-size: 1.5em; 
}
h3 { 
	font-size: 1.6em; 
}
.container { 
	width: 960px; 
	margin: auto; 
	overflow: auto; 
}

	#search form {
		width: 230px;
		float: right;
		margin: 0;
		padding: 8px 0 8px 8px;
		background: url(../images/search-bar.jpg) top left no-repeat;
		font-size: 10px;
	}
	
	#search label{
		display: inline;
	}
	
	#search #ajaxSearch_input {
				background: transparent;
				border: none;
				margin:4px 0 0 6px;
				padding:0;
				width:120px;
				float:left;
	}
	/* Search Results Page */
	div.ajaxSearch_result {
		border-bottom: 1px solid #BBB;
		margin: 10px 0 0 0;
	}
		a.ajaxSearch_resultLink {
			font-size: 1.4em;
		}
		
	#ajaxSearch_submit{ 
		background: #528d92; 
		color: #ffffff; 
		padding: 1px 2px; 
		cursor: pointer;
		width: auto;
		border: 1px solid #ccc;
		float: right;
		margin: 1px 10px 0 0;
	}
	
	#ajaxSearch_submit:hover {
		background:#FF2700 none repeat scroll 0 0;
	}
		
/*----- Header ----- */
a.logo { 
	display: block; 
	float: left; 
	width: 313px; 
	height: 85px; 
	margin: 10px 0; 
	background: URL(../images/logo.gif) top left no-repeat transparent; 
	text-indent: -9999px; 
}
p.phone { 
	float: right; 
	text-align: right; 
	width: 500px; 
	margin-top: 15px; 
	font-size: 1.65em; 
}
	p.phone strong { 
		font-size: 1.2em; 
		color: #ff2700; 
	}
ul#primaryNav { 
	clear: both; 
	list-style: none; 
	width: 959px; 
}
	ul#primaryNav li { 
		float: left; 
		border-bottom: 7px solid #ff2700; 
	}
	ul#primaryNav li a { 
		display: block; 
		width: 137px; 
		height: 24px; 
		background: URL(../images/nav-bg.gif) top left no-repeat transparent; 
		font-size: 1.25em; 
		font-weight: bold; 
		color: #ffffff; 
		text-align: center; 
		padding-top: 8px; 
	}
		ul#primaryNav li a:hover, ul#primaryNav li.active a { 
			background-position: 0 -32px; 
			text-decoration: none; 
		}
/*----- internal -----*/
div#mainContent { 
	clear: both; 
	padding: 15px 0; 
	font-size: 1.15em; 
}
div#mainContent a { 
	color: #528d92; 
}

div#mainContent h2 a {
	color: #fff;
}
div.bucket1, div.bucket2 { 
	width: 430px; 
	height: 112px; 
	overflow: visible; 
	float: right; 
	padding: 10px 15px; 
	color: #ffffff; 
	margin-bottom: 16px; 
}
	div.bucket1 { 
		background: URL(../images/bucket1.jpg) top left no-repeat transparent; 
	}
	div.bucket2 { 
		background: URL(../images/bucket2.jpg) top left no-repeat transparent; 
	}
	div.bucket1 h2, div.bucket2 h2 { 
		font-size: 1.5em; 
	}
div#mainContent p { 
	line-height: 1.4em; 
	margin-bottom: 10px; 
}
div#mainContent a.more { 
	padding-left: 17px; 
	background: URL(../images/bluearrow.gif) top left no-repeat transparent; 
	text-decoration: underline; 
}
div#mainContent div.bucket1 a.more, div#mainContent div.bucket2 a.more { 
	color: #ffffff;  
	background: URL(../images/whitearrow.gif) top left no-repeat transparent; 
}
div#mainContent img { 
	margin-bottom: 1em; 
}
div.contentTwoCol { 
	width: 710px; 
	float: left;
	padding-right: 10px;  
}
div.contentThreeCol { 
	width: 522px; 
	float: left;
	padding: 0 15px;  
}
.contentThreeCol ul li, .contentTwoCol ul li {
	margin: 5px 0 5px 25px;
}
div.custom-list { 
	width: 680px; 
	height: 102px; 
	background: url(../images/list-custom-springs.jpg) top left no-repeat transparent; 
	padding: 15px; 
}
	div.custom-list ul, div.materials-list ul { 
		list-style: none; 
		float: left; 
		margin-top: 8px; 
		padding-right: 150px;
	}
		div.custom-list ul li, div.materials-list ul li { 
			margin: 5px 3px; 
			float: left;
			width: 225px;
		}
		div#mainContent div.custom-list ul li a, div#mainContent div.materials-list ul li a { 
			font-weight: bold; 
			display: block;
			color: #ffffff; 
			background:url(../images/whitearrow.gif) top left no-repeat transparent; 
			padding-left: 18px; 
		}
div.materials-list { 
	width: 680px; 
	height: 162px; 
	background: URL(../images/list-spring-materials.jpg) top left no-repeat transparent; 
	padding: 15px; 
}
#sitemap #mainContent ul { 
	list-style: circle; 
	margin-left: 2em; 
}
	#sitemap #mainContent ul li { 
		padding: 2px 0; 
	}


/*----- sidebars -----*/
div#sidebar { 
	width: 212px; 
	float: right; 
	background: URL(../images/sidebarbg.gif) top left no-repeat transparent; 
	overflow: auto; 
	padding-top: 10px; 
}
	div#sidebar h3 { 
		font-weight: normal; 
		font-size: 1.3em; 
		margin: 0 0 0.5em 0.75em; 
	}
	div#sidebar form { 
		width: 192px; 
		padding: 0 10px 10px 10px; 
		background: URL(../images/sidebarformbg.gif) bottom left no-repeat transparent; 
		
	}
	div#sidebar label { 
		clear: both; 
		float: left; 
		margin-top: 0.5em; 
	}
	div#sidebar input { 
		float: right; 
		padding: 2px; 
		margin-bottom: 0.5em; 
		width: 140px; 
	}
	div#sidebar textarea { 
		clear: both; 
		float: left; 
		width: 192px; 
		height: 85px; 
		margin: 0.5em 0; 
	}
	div#sidebar textarea, div#sidebar input { 
		border: 1px solid #c0c0c0; 
	}
	div#sidebar input.submit { 
		clear: both; 
		float: left; 
		background: #528d92; 
		color: #ffffff; 
		padding: 3px 10px; 
		width: 100px; 
		cursor: pointer;
	}
	
	div#sidebar input.submit:hover {
		background:#FF2700 none repeat scroll 0 0;
	}
	

div#leftmenu { 
	float: left; 
	width: 178px; 
	background: URL(../images/leftmenubg.jpg) top left no-repeat transparent; 
	overflow: auto; 
}
	div#leftmenu ul { 
		width: 158px;
		min-height: 100px;
		padding: 0 10px 15px 10px; 
		margin-top: 20px; 
		background: URL(../images/leftmenubg2.jpg) bottom left no-repeat #5fa0a6; 
		list-style: none;
	}
		div#leftmenu ul li { 
			margin: 7px 0; 
		}
		div#leftmenu ul li a { 
			color: #ffffff; 
			display: block;
			padding-left: 12px; 
			background: URL(../images/leftmenuarrow.gif) top left no-repeat transparent; 
		}
		div#leftmenu ul li.active a {
			font-weight: bold;
			margin-left: 5px;
			border-left: 3px solid #FF2700;
			font-size: 1.1em;
			font-variant: small-caps;
			background: none;
		}
/*----- footer -----*/
div#footer { 
	border-top: 6px solid #000000; 
	background: URL(../images/footerbg.gif) bottom left no-repeat #e1e1e1; 
	margin-top: 1.5em; 
}
div#footer p { 
	color: #606060; 
	padding: 10px 15px; 
	font-size: 1.15em; 
	line-height: 1.5em; 
} 
div#footer a { 
	color: #528d92; 
} 

/*------ contact form -----*/

#mainForm{
	width: 225px;
	float: left;
}

#mainForm label {
	display: block;
	font-size: 1.1em;
}
#mainForm input, #mainForm textarea {
	border: 1px solid #979da9;
	background: #fff;
	padding: 2px 4px;
	color: #626c81;
	width: 200px;
}
	#mainForm input.submit { 
		background: #528d92; 
		color: #ffffff; 
		padding: 3px 10px; 
		cursor: pointer;
		width: auto;
	}
	
	#mainForm input.submit:hover {
		background:#FF2700 none repeat scroll 0 0;
	}
#mainForm textarea {
	height: 50px;
	font-size: 1.2em;
}

#mainForm form{
	float:left;
	margin-right: 30px;
	clear:both;
}

#mainForm input{
	margin-bottom: 7px;
}

#mainForm textarea{
	width: 200px;
	height: 150px;
}

span.required{
	color: #ff0000;
}


#gmap{
	float: left;
	margin-top: 13px;
}

#productImage {
	float: right;
	padding: 0 0 10px 10px;
	width: 255px;
}