/****************************************************/
/* CSS done by Think Done, LLC. 					*/
/* Author: Jay Paulson								*/
/* Created Date: 2008-04-22							*/
/* Modified Date: N/A								*/
/****************************************************/

/****************************************************/
/* Layout 											*/
/****************************************************/

* {
	margin: 0;
	padding: 0;
}

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
/*html,body {margin:0;padding:0} */

body {
	background: #e2ebed url(../images/bg-body.gif) repeat-x top;
	color: #333;
	/*font: Geneva, Arial, Helvetica, sans-serif 12pt;*/
	font: 12px/20px Geneva, Arial, Helvetica, sans-serif;
}

#container {
	background: #fff url(../images/bg-content.gif) repeat-x top;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	min-height:100%;
	height:auto !important;
	margin-top: 0;
	margin-bottom: -20px;
}

#header {
	position: relative;
	top: 12px;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	background: #fff url(../images/logo-spillar.gif) no-repeat top left;
	width: 124px;
	height: 47px;
	float: left;
}

#navigation {
	float: right;
	width: 600px;
	margin-top: 25px;
}

#navigation li {
	display: block;
	float: right;
}

a, a:visited {
	text-decoration: none;
	color: #f30;
}

a:hover {
	text-decoration: underline;
	color: #f30;

}

/* banner should be 66px from the top */

#banner {
	position: relative; /* relative to #header so top starts 47px down */
	top: 19px; /* 66px - 47px = 19px */
	background: #fff url(../images/top-banner.jpg) no-repeat top left;
	height: 115px;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

#content {
	position: relative;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	top: 33px;
}

#body {
	position: relative;
	top: 47px;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

#right {
	float: right;
	width: 550px;
	margin-right: auto;
	margin-left: auto;	
}

#left {
	float: left;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}

.push {
	width:780px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	/*bottom: 50px;*/
	left:0;
	height: 60px;
	color: #333;
}

#footer {
	width:780px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	/*bottom: 50px;*/
	left:0;
	height: 25px;
	background-color: #fff;
	color: #333;
}

#footer {
	border-top: #ccc 1px dotted;
	text-align: right;
	font-size: 10px;
	color: #ccc;
}

.invisible {
	text-indent: -9997px;
}

.fieldset {
	text-align: center;
}

fieldset #location_right {
	float: right;
	width: 30%;
}

fieldset #location_center {
	float: right;
	width: 40%;
}

fieldset #location_left {
	float: right;
	width: 30%;
}

/****************************************************/
/* Styles 											*/
/****************************************************/

.welcome {
	background: #fff url(../images/bg-top-welcome.gif) no-repeat top left;
	height: 38px;
	width: 350px;
}

#footer-welcome {
	background: #fff url(../images/bg-btm-welcome.gif) no-repeat top left;
	height: 11px;
	width: 350px;
	margin-bottom: 10px;
}

.welcome_text {
	padding: 10px;
}

.locations {
	background: #fff url(../images/bg-locations.gif) no-repeat top left;
	height: 27px;
	width: 120px;
	margin-left: auto;
	margin-right: auto;
}

.welding_fabrication {
	background: #fff url(../images/bg-welding-fabrication.gif) no-repeat top left;
	height: 26px;
	width: 258px;
}

.truck_accessories {
	background: #fff url(../images/bg-truck-accessories.gif) no-repeat top left;
	height: 22px;
	width: 206px;
}

.towing_accessories {
	background: #fff url(../images/bg-towing-accessories.gif) no-repeat top left;
	height: 26px;
	width: 226px;
}

.contact_us {
	background: #fff url(../images/bg-contact-us.gif) no-repeat top left;
	height: 22px;
	width: 133px;
}

#left ul {
	list-style: none outside;
}

#left li {
	border-top: 1px dotted #ccc;
}

#right ul {
	list-style: inside url(../images/raquo.gif) none;
	padding-bottom: 10px;
	text-indent: 15px;
}

.left_nav_btm {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

fieldset {
	border: 1px #ccc solid;
	padding: 5px;
	margin-bottom: 15px;
}

legend {
	font-weight: bold;
	color: #000;
}

label {
	font-weight: bold;
	position: absolute;
	padding-top: 3px;
	left: 20px;
}

input {
	margin-left: 9em;
	margin-bottom: 3px;
}

.input {
	margin-bottom: 3px;
	font-size:10px;
}

select {
	margin-left: 9em;
	margin-bottom: 3px;
}

textarea {
	margin-left: 1em;
}

h1 {
	font: oblique normal bold 16px/20px Geneva, Arial, Helvetica, sans-serif;
}

blockquote {
	text-indent: 15px;
	padding-bottom: 10px;
}

/* Added by MAT 2008-05-08 */
/*.addresses_bold {
	font-weight: bold;	
} 

.location_header {
	font-weight: bold;
	font-stretch: wider;
	font-size: medium;
}

.accessories_text {
	text-indent: 15px;
}
*/