/*********************************************************************************/
/** Default Styles
/**
/** This section sets/resets the most common elements needed and constructs a
/** solid foundation on which to begin building a site.  
/*********************************************************************************/

html, body, ul, ol, li, dl, p, pre, dd, blockquote, 
h1, h2, h3, h4, h5, h6, a, form, label, fieldset, address {
	margin:0;
	padding:0;
	border:0;
}

/** Font size set to 100.01% to correct several browser bugs **/
html {
	font-size:100.01%;
}

body {
	font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", LucidaGrande, Arial, sans-serif;
	font-size:0.8em;
	color:#2e2e2e;
	background:#2e2e2e url(../img/page_bg.jpg) top center no-repeat;
	padding:1em;
}

a:link { color:#bf0003; text-decoration: none; }
a:visited { color:#bf0003; text-decoration: none; }
a:hover { color:#bf0003; text-decoration: underline; }
	
img {
	border:0;
}
	
h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin-bottom:.6em;
	font-weight:normal;
	margin-top:0px;
	font-weight:normal;
	clear:both;
}

h1 {
	font-size:1.6em;
	font-weight:bold;
}

h2 {
	font-size:1.3em;
	font-weight:bold;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
}

p {
	margin-bottom:1.5em;
	overflow:hidden;
	clear:both;
}

blockquote {
	padding:1em;
	margin-bottom:1.5em;
}

	blockquote p {
		
	}

small {
	font-size:.8em;
}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

pre {

}

code {
	font-family:"Courier New", Courier, monospace;        
	font-size:1em;
	border:1px dashed #CDCDCD;
	background:#F2F2F2;
	padding:1em;
	display:block;
}

address {
	font-style:normal;
	border:none;
}

abbr {
	cursor:help;
	border-bottom:1px dashed;
}

/** Lists **/

ul, ol {
	margin-bottom:1.5em;
	padding-left:0;
}

ul {
	list-style-type:none;
	margin-left:0;
}	

	ul li {
		padding-left:1em;
		margin-bottom:.6em;
		background:url(../img/icons/bullets/gt.gif) left .45em no-repeat;
		vertical-align:top;
	}

ul.bulletless li {
	padding-left:0;
	background:none;
}
	
ol {
	list-style-type:decimal;
	margin-left:2em;
}	

	ol li {
		padding-left:0;
		margin-bottom:.6em;
	}	
	
/** Tables **/

table {
	width:100%;
	border:none;
	border-collapse:collapse;
}

/** Table used for data representation **/
table.data {
	margin-bottom:1.5em;
	width:100%;
}
	table.data thead tr{
		background:#282d31;
		color:#dcdcdc;
		font-weight:bold;
	}
	
	table.data td {
		vertical-align:top;
		padding:.5em;
	}
	
	table.data tr {

	}
	
		table.data tr.even {

		}
	
		table.data tr.odd {
		
		}
		
			table.data tr.odd td {
				background:#ebf1f9;
				border-top:1px solid #cad6e6;
				border-bottom:1px solid #cad6e6;
			}

/** Forms **/	

form {
	padding:0;
	margin:0;
	margin-bottom:1.5em;
}

	form .row {
		margin-bottom:1.5em;
	}

fieldset {
	border:1px solid #c2c2c2;
	padding:.5em;
	width:35em;
}
	
legend {
	background:none;
	border:none;
	font-weight:bold;
	padding:.5em;
}

label {
	display:block;
	margin-bottom:.5em;
	font-weight:bold;
}

label.inline {
	display:inline;
	margin:0;
	padding-right:1em;
}

label.required {

}

input.text, textarea, select {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", LucidaGrande, Arial, sans-serif;
	font-size:1em;
	padding:.2em;
	color:#252525;
}

input.text {
	border:1px solid #ccc;
	width:20em;
}

input.checkbox {
	margin:0;
	padding:0;
}

input.radio {
	margin:0;
	padding:0;
}
	
textarea {
	border:1px solid #ccc;
	width:30em;
	height:10em;
}

select {
	border:1px solid #ccc;
	width:20em;
}

	select optgroup {
		font-weight:bold;
		font-style:normal;	
	}

/** Special links **/

a.pdf {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/pdf.gif) no-repeat center left;
	line-height:1.7em;
}

a.word {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/word.gif) no-repeat center left;
	line-height:1.7em;
}

a.excel {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/excel.gif) no-repeat center left;
	line-height:1.7em;
}

a.txt {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/txt.gif) no-repeat center left;
	line-height:1.7em;
}

a.zip {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/zip.gif) no-repeat center left;
	line-height:1.7em;
}

a.external {
	padding:5px 13px 5px 0px;
	background:transparent url(../img/icons/external_link.gif) no-repeat center right;
}

a.previous {
	padding:5px 13px 5px 0px;
	background:transparent url(../img/icons/arrow_left.gif) no-repeat center right;
	line-height:1.7em;
}

a.next {
	padding:5px 13px 5px 0px;
	background:transparent url(../img/icons/arrow_right.gif) no-repeat center right;
	line-height:1.7em;
}

a.email {
	padding:5px 13px 5px 0px;
	background:transparent url(../img/icons/email.gif) no-repeat center right;
	line-height:1.7em;
}

a.magnifier {
	padding:5px 13px 5px 0px;
	background:transparent url(../img/icons/magnifier.gif) no-repeat center right;
	line-height:1.7em;
}

/** Errors **/	

.alert {
	padding:1em 2em .5em 4.5em;
	margin-bottom:1.5em;
}

	.alert ul {
		margin-bottom:0;
	}

		.alert ul li {
			background:url(../img/icons/bullets/arrow_r.gif) left .35em no-repeat;
		}

.alert.error {
	border-top:1px solid #ecd757;
	border-bottom:1px solid #ecd757;
	background:#fcf6d0 url(../img/icons/errors/error.gif) 1.5em 50% no-repeat;
}


/** Positioning **/

.float_left {
	float:left;
	margin-right:5px;
}

.float_right {
	float:right;
	margin-left:5px;
}

/*********************************************************************************/
/** Site-Specific Styles
/**
/** This section comtains styles specific to a site and that will most likely be
/** different from site to site.
/*********************************************************************************/

/** Structure **/

#wrapper {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	margin-top:85px;
}

#topnav {
	background:#0e0e0e;
	overflow:hidden;
	zoom:1;
}

	#topnav ul
	{
		margin:0;
		padding:0;
		display: inline;
		overflow: hidden;
		zoom:1;
		list-style: none;
	}
	
	#topnav li
	{
		margin:0;
		padding:0;
		float:left;
		list-style: none;
		display: inline;
	}
	
	#topnav li.home a { width:101px; background:url(../img/nav/home.jpg) no-repeat; }
	
	#topnav li.store a { width:107px; background:url(../img/nav/store.jpg) no-repeat; }
	
	#topnav li.parts a { width:105px; background:url(../img/nav/parts.jpg) no-repeat; }
	
	#topnav li.gallery a { width:126px; background:url(../img/nav/gallery.jpg) no-repeat; }
	
	#topnav li.about a { width:141px; background:url(../img/nav/about.jpg) no-repeat; }
	
	#topnav li.contact a { width:160px; background:url(../img/nav/contact.jpg) no-repeat; }
	
	#topnav li a { float:left; height:43px; background:#ff0000; text-indent:-9999px; }
	#topnav li a:hover, #topnav li.active a { background-position:0 -43px; }
	
#banner {
	height:341px;
	background:url(../img/banner.jpg) no-repeat;
}

	#banner .banner_link { float:left; }
	#banner #add_your_truck_link { width:160px; height:84px; margin-top:0px; margin-left:325px; }
	#banner #submit_your_rule_link { width:146px; height:70px; margin-top:100px; margin-left:370px; }
	#banner #get_more_gear_link { width:290px; height:80px; margin-top:10px; margin-left:450px; }

#container {
	border:10px solid #0e0e0e;
}

#content {
	background:#e1dccd url(../img/content_bg.jpg) no-repeat;
	padding:1em;
}
	
	/*
	#content .container {
		width:100%;
	}
	
	#content #side_column{
		vertical-align:top;
		width:19em;
	}
	
	#content #main_column{
		vertical-align:top;
		padding-left:.5em;
	}
	*/

#footer {
	background:url(../img/footer_logo.jpg) center top no-repeat;
	padding-top:45px;
	text-align:center;
	color:#808080;
	margin-top:1em;
}

	#footer a:link { color:#b9b9b9; text-decoration: none; }
	#footer a:visited { color:#b9b9b9; text-decoration: none; }
	#footer a:hover { color:#fff; text-decoration: underline; }
	
#get_your_rule_heading {
	width:157px;
	height:18px;
	background:url(../img/headings/get_your_rule.gif) no-repeat;
	text-indent:-9999px;
}

.rule_row {
	margin-bottom:6px;
}

.rule {
	margin-right:6px;
	border:3px solid #575353;
}

.rule.last {
	margin-right:0;
}

a.store_link {
	display:block;
	padding:25px;
	background:#ccc2a3 url(../img/get_more.jpg) center center no-repeat;
	border:1px solid #b7aa83;
}

a.store_link:hover {
	text-decoration:none;
}