@import url('/library/DropMenu/dropstyle.css');
@import url('/library/TinySlideshow/gallerystyle.css');
@import url('button.css');
@import url('library/baseline.base.css');
@import url('library/baseline.type.css');

/* Copyright 2010 Flint Hills Design, LLC
	Joel Gaeddert, David Gaeddert
	
	Custom creation for Brown Cargo Van

*/

/*==============  Browser reset as recommended by Eric Meyer  ========== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%; 
	font-family: inherit;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: none;  }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ===========================  End of Reset  ==============================*/

p {word-spacing: normal;top:0px;}

body { /* font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;  */ font-family: Verdana; color:#333; background:#333; background-image: url('images/Background-Texture.png'); background-repeat:repeat; padding: 0; font-size:12px; line-height:1.4em;}

a:link, a:visited { color:#333333; text-decoration:none; }
a:hover { color:black; }

#content-rightThirds a:link,#content-rightThirds a:visited {color: #990000;}
#content-rightThirds a:hover {color:#333;}


/*------------------ General Containers ------*/
#header {width: 960px; height: 40px; position: relative; z-index: 500; padding-top: 4px;}

#container { width:960px; margin:auto; padding:0; }

#homecontent-main { margin: 20px; margin-right: 0px; width: 940px; overflow: auto;}

.contactInfo {float: right; font-size: 11px; margin-top: 13px; margin-right: 40px;}

#content { width:960px; border: 1px solid #000; min-height: 530px; position: relative; z-index: 0; background-color: white; padding-bottom:40px;overflow: auto;}
	#content-top { position: relative; overflow: hidden; height: 125px; }
		#logo { float:left; height: 95px; margin:20px; margin-bottom: 10px; position: relative; }
		a.logoTooltip {position: relative; z-index: 24;}
		a.logoTooltip:hover {z-index: 25;}
		a.logoTooltip span {display: none;}
		a.logoTooltip:hover span {display: block; position: absolute; left: -115px; top:56px;font-size: 12px; font-weight: bold; padding: 3px 10px 3px 10px; color: #990000;}
	
	/* 	#content-top #VehiclePageHeader { position: absolute; left: 430px; top: 62px; font-size: 34px; } */
		#content-top h1 {font-weight: normal; color:#333;position: absolute; left: 480px; top: 60px; font-size: 70px; z-index: 2;}
		#content-top h2 {position: absolute; right: 10px; top: 80px; z-index: 1; color: #f8f8f8; font-size: 125px; font-weight: lighter; text-transform: uppercase; }
		#content-top h3 { color: #333; position:absolute; top: 0; right: 0; margin: 15px; font-weight: normal;}
	#content-left {display:inline; float: left;min-height: 300px;width:529px; margin:20px 10px 30px 20px; background-color: #333; border: 2px solid black;}
	#content-right {display:inline; float:right;min-height: 300px;width:346px; margin:20px 30px 30px 10px; }
	#content-right-Parcel {display:inline; float:right;min-height: 300px;width:346px; margin:60px 30px 30px 10px; }
	#content-right-Parcel p {margin-bottom: 10px;}
	#LiteratureLink {color: #990000; font-weight: bold;}
	.Downloads {font-size: 10px;}
	#content-rightFeatures {display:inline; float: right;min-height: 300px;width:450px; margin:20px 30px 20px 0px; position: relative; }
		#content-rightFeatures ul li { font-size: 11px; list-style: none; overflow: auto; line-height: 1.2em; padding: 6px 0px 6px 0px; border-bottom: 1px dotted #ccc; color: #666;}
		#content-rightFeatures ul li img {margin-right: 10px; height: 30px; border:1px solid #ccc; cursor: pointer; float: left;}
		#content-rightFeatures ul li span {margin-left: 42px;}
	#content-leftFeatures {display:inline; float:left;min-height: 300px;width:430px; margin: 20px;  }
		#content-leftFeatures img {border: 1px solid #333; width: 440px;}
	
	#sectionTop {position:relative; border: 1px solid #eee; background: white; width: 930px; margin: 0 15px 0; height: 125px; }
	#content-green {background: url("/images/Green/green_bg.jpg") repeat-x scroll center top white; width: 960px; min-height: 550px; padding-top: 15px; overflow: auto; padding-bottom: 40px;}
		#content-leftGreen {margin: 15px; width: 303px; float: left; background: white; border: 1px solid #eee; height: 755px;}
			#content-leftGreen img {display:block; margin:15px auto 15px auto;}
			#content-leftGreen h3 {color: #659A41; margin-left: 20px;}
			#content-leftGreen ul {margin-left: 20px;}
				#content-leftGreen li {margin: 0 20px 20px 20px;}
					#content-leftGreen li span { color: #263D88; font-size: 9px; font-weight: bold;}
		#content-rightGreen {margin: 15px 15px 15px 0px; height: 715px; width: 558px; float: right; background: white; padding: 15px 25px 25px; border: 1px solid #eee;}
			#content-rightGreen h1 {color: #659A41; font-size: 30px;}
			#content-rightGreen h2 {color: #659A41; font-size: 20px;}
			#content-rightGreen p {margin-top: 10px;}
			#content-rightGreen img {float: right;margin-left: 10px; margin-bottom: 5px;}
			
	#content-right p {margin-bottom: 10px;}
/* 	#content-main {margin: 0 0 20px 20px; width: 940px; overflow: auto; } */
	#content-main {margin: 0 20px 20px; width: 920px; overflow: auto; }
		.tri-column {width: 313px; float: left; }
		
	#content-other {width: 960px; margin-top: 20px;}
		#leftColumn {width: 249px; float: left;padding-left:20px;}
			#leftColumn ul {margin-left: 5px;}
			#leftColumn h5 {margin-bottom: 10px;} #leftColumn h5 a:link, #leftColumn h5 a:visited {color: #990000;}
		#rightVehicles {width: 690px; float: right;}
			#rightVehicles p { margin: 0 20px 0 20px;}
			#rightVehicles p a:link, #rightVehicles p a:visited {color: #990000 !important;}
			#customVehicleImage {border: 1px solid #333; margin-left: 20px;}
			#customVehicleTitle {left:285px !important;}
		.specialty {float: left; width: 150px; height: 130px; margin-left: 15px; background: #eee; border: 1px solid #ccc; margin-bottom: 15px; }
			.specialty:hover {border: 1px solid #333;}
			.specialty img {border-bottom: 1px solid #ccc;}
			.specialty h6 {font-size: 10px;text-align: center;}

	#content-Category a:link, #content-rightThirdsCategory a:hover, #content-rightThirdsCategory a:visited {color: white;}
	#content-Category { }
		.vehicle { width: 295px; display:inline; float:left; margin: 20px 0px 20px 15px; border: 2px solid #ccc;}
		.vehicle:hover {border: 2px solid black;}
		#content-Category span { display: block; height: 225px; width: 295px; margin:0; background-position: 0 0;}
			.Curtainside span {background-image: url('/images/Curtainside/Curtainside_sprite.jpg');}
			.Cutaway span {background-image: url('/images/Cutaway/Cutaway_sprite.jpg');}
			.Platform span {background-image: url('/images/Platform/Platform_sprite.jpg');}
			.DryFreight {width: 170px !important;}
			.DryFreight span { width: 170px !important; background-image: url('/images/DryFreight/DryFreight_sprite.jpg');}
		#content-Category h6 { text-align: center; top: 0px !important; background-color: #990000;}
		#content-Category h6 a { font-size:18px; line-height: 30px; color: white; font-weight: bold; display: block; height: 30px; }
		#infoLeft {float: left; margin-left: 20px;}
			#infoLeft p {margin-top: 15px; width: 450px;}
			#infoLeft img {float: left;margin: 5px 10px 5px 0px;}
		#infoRight {width: 600px; float: right; margin-right: 20px; margin-top: 8px;}
			#infoRight p {margin-top: 15px;}
		#listLeft {float:left; width: 290px; margin-left:20px;}

.altOutline {border: 1px solid #ccc !important;}

.option {min-height: 400px; margin-top: 20px; margin-left: 40px; float: left; border: 1px solid #ccc; background: #eee; padding: 20px; width: 238px;}
	.option h4 {margin-bottom: 15px; border-bottom: 2px solid #ccc; padding-bottom: 5px;}
	.option img {border: 1px solid #333; width: 236px;}	
.customDescription {min-height: 320px;}
.customText {font-size: 95%; width: 236px; margin: 0 !important; padding-top: 5px;}

#buttonNav {clear: both; background: #eee; border: 1px solid #ccc; padding: 10px 20px 10px 20px; overflow: auto;}
	#buttonNav ul { float: right; top: 0; bottom: 0; padding-right: 55px; }
	#buttonNav li { float: left; margin-right: 10px; }
	#buttonNav li a {	-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; color: white; }
	
#breadcrumbs { float: left; padding-top: 7px; }
	#breadcrumbs a:hover { color: #990000; }
						
/*---------------- General Font Styles ---------*/		
/* h1 { margin-left:20px; margin-right:20px; font-size:24px; font-weight: bold; color:#5268A1; padding-top:8px;} */
	h1.Header, h1.HeaderWithSub { background: #5268A1; color:white; display:block; margin: 0; padding:20px; }
	h1.HeaderWithSub { padding-bottom:10px;}
/* h2 { margin:10px 20px 10px 20px; font-weight:lighter; font-size:14px; color:#666; font-weight:100;} */
h3 { font-size:14px; font-weight:bold; margin-top: 10px; color: #990000;margin-bottom:10px; }
h4 { color:#333;}
h5 { color: #990000; }


/*----------------------- Specs Tabls ----------------------*/

.SpecsTable {
text-align:left;
width:450px;
margin-top: 20px;
font-size: 10px;
border: 1px solid #333;
}

.SpecsTable a:link, .SpecsTable a:visited {color: #990000;}

.TableLeft {float: left; }

.TableRight {float: right;}
	#TableRight tr {border-left: 1px solid #333;}

.SpecsTable td {
padding:6px;
}
.SpecsHeaderRow {
background-color:#ccc;
color:#333;
font-size:10px;
font-variant:normal;
font-weight:bold;
/* text-transform:uppercase; */
}
.SpecsHeaderRow2 {font-weight: normal;padding: 0;}
p.note {margin: none; padding: 5px 0 0 0; font-size: 9px;float: left; margin-left: 5px;}
.SpecsHeader {
color:#fff;
font-size:16px;
font-weight:bold;
}
.HeaderRow {background: #990000;}
.SpecsHeader h1 {font-size: 10px; color: white; line-height: 12px; font-weight: normal; clear: both;}
.SpecsRowDark {
background-color:#eee;
padding:4px;
}
.SpecsRowLight {
margin:10px;
}
.SpecsTable ul {
list-style-type:disc;
margin-left:18px;
}

/*----------------------- Modules ----------------------*/
#modules {width: 963px; height: 165px; margin-top: 20px; overflow: auto; }

.moduleTitle { color: white; font-weight: bold; text-align: center; height: 30px; line-height:30px; border-bottom: 1px solid #ccc; background-color: #990000; }

.moduleContent { margin:15px; margin-top: 5px; font-size: 12px;}
	.moduleContent p {line-height: 1.2em;}
	.moduleContent li {font-size: 12px; line-height: 15px; margin-bottom: 4px;}
	.moduleImage {display:inline; float: left; }
	.Download_Sizes {color: #777777; font-size: 11px;}

.module {width: 223px; height: 163px; margin-left: 20px; float: left; border: 1px solid #000; background: white;}

#firstModule {margin-left: 0px;}

.contactLeft {margin-top: 10px; margin-left: 5px; width: 81px; float: left;}
.contactRight {margin-top: 18px; margin-left: 7px; float: left; width: 90px;}
.eventLeft {float: left; width: 108px; margin: 6px 8px 0px 0px; }
.eventRight {width: 75px; margin-top: 10px; float: left;} 

/*----------------------- Lists ----------------------*/		
ul.BasicList { padding-left:.25em;}
ul.BasicList li { list-style-type: disc; margin-left:2em;}
ul.BasicList ul { margin-left:1.5em; margin-bottom:1em;}
ul.BasicList ul li { list-style-type:square; }
ul.BasicList ul ul { margin-left:1.5em; margin-bottom:.5em;}
ul.BasicList ul ul li { list-style-type:square; }

ol.BasicList { padding-left:.25em;}
ol.BasicList li { list-style-type:decimal; margin-left:2em;}
ol.BasicList ol { margin-left:1.5em; margin-bottom:1em;}
ol.BasicList ol li { list-style-type:square; }
ol.BasicList ol ol { margin-left:1.5em; margin-bottom:.5em;}
ol.BasicList ol ol li { list-style-type:square; }

#content-rightThirds ul li a:link, #content-rightThirds ul li a:visited {margin-left: 20px;margin-top: 15px;}
/*--------------------- General Styles ----------------*/
.floatRight { float:right; }
.floatLeft { float:left; }
.clearer { clear:both; }
strong { font-weight:bold; }


/*--------------------- Footer -----------------------*/
#Footer { font-size:10px; margin:20px auto auto 0;  border: 1px solid #000; background: white; width: 960px; }

#Footer .Homepage { background: #ccc !important;}

#homepageFooter {font-size: 10px; margin: 10px auto auto; color: #ffffff; width: 600px;}
#homepageFooter p {line-height: 1.4em;}

#Footer ul { float:left; margin:10px 20px 20px; width:200px; border:none; color:#666; display: inline;}
#Footer li { margin:0; padding:0;line-height:16px;}

#Footer a:link, #Footer a:visited { text-decoration: none; color:#666;}
#Footer a:hover { text-decoration: underline; color:#990000;}