/********************* html tags *********************/
body
{
	background: #999673;
}

/**************** Specific Element IDs ****************/
#PageContainer
{
	height: 100%;
	min-height: 100%;
}
#TopIndex, #HeaderContainer, #FooterContainer, .Contents
{
	margin: 0 auto;
	width: 770px;
}
#TopIndexContainer
{
	width: 100%;
	height: 190px;
	background: #000000 url(../Images/TopIndex/Background.png) no-repeat center top;
	display: none;
}
#TopIndex
{
	text-align: left;
	color: #ffffff;
	width: 438px;
	padding-top: 40px;
}
#TopIndex a
{
	margin-right: 22px;
	text-decoration: none;
}
#TopIndex div#row2
{
	margin-top: 59px;
}

#HeaderWrapper
{
	background: transparent url(../Images/PageContainer/Background.png) repeat-x left top;
	margin: 0 auto;
	text-align: center;
}
#HeaderContainer
{
	height: 200px;
	background: transparent url(../Images/HeaderContainer/HeaderBackground.png) no-repeat left top;
}
#HeaderContainer #Header
{
	height: 119px;
	text-align: right;
	vertical-align: top;
	padding-right: 8px;
}
#HeaderContainer #Nav
{
	height: 81px;
	text-align: left;
	font-family: Verdana, Arial, Tahoma, Sans-Serif;
	color: #ffffff;
}
#Nav a
{
	display: none;
}
#HeaderContainer img.SlideOutButton
{
	background: transparent url(../Images/HeaderContainer/SlideoutButton.png) no-repeat left top;
}
#HeaderContainer img.SlideOutButtonOpen
{
	background: transparent url(../Images/HeaderContainer/SlideoutButton_open.png) no-repeat left top;
}

#MainContainer1
{
	width: 100%;
	min-height: 250px;
	background-color: #ffffff;
	padding-bottom: 25px;
	vertical-align: top;
}

#MainContainer2
{
	width: 100%;
	min-height: 100px;
	background: #999673 url(../Images/MainContainer/DarkTopBackground.png) repeat-x left top;
	padding-top: 25px;
	color: #eeeeee;
	clear: both;
}
#MainContainer2 h1
{
	padding-top: 0.5em;
	margin-top: 0;
	color: #ffffff;
}

#MainContainer1 div, #MainContainer2 div
{
	clear: both;
}

/******************** Menu ********************/

.PublicMenu
{
	height: 41px;
	font-size: 15px;
}
/* Root Level */
table.PublicMenuRootItem
{
	line-height: 41px;
}
table.PublicMenuRootHover
{
	background: url(../Images/HeaderContainer/NavButtonHoverBackground.png) repeat-x top left;
}
#Nav .PublicMenuRootItem a
{
	display: block;
	height: 41px;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	text-decoration: none;
}
#Nav .PublicMenuRootItem a:hover
{
	background: url(../Images/HeaderContainer/NavButtonArrow.png) no-repeat center bottom;
}
#Nav .PublicMenuSelectedRootItem
{
	background: url(../Images/HeaderContainer/NavButtonSelectedBackground.png) repeat-x top left;
}
#Nav .PublicMenuSelectedRootItem a
{
	text-decoration: underline;
}
/* Sub Levels */
div.PublicDynamicMenu
{
	border: 1px solid #807b55;
	border-top: none;
	background: #a7a488;
	padding: 3px;
	padding-bottom: 0px;
}
table.PublicMenuDynamicItem
{
	line-height: 25px;
	font-size: 13px;
	background: #a7a488;
	border: 1px solid #a7a488;
}
table.PublicMenuDynamicHover
{
	border: 1px solid #eeeeee;
}
#Nav .PublicMenuDynamicItem a
{
	display: block;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	text-decoration: none;
}
#Nav .PublicMenuDynamicItem a:hover
{
	background: #979373;
}
#Nav .PublicMenuSelectedDynamicItem
{
	background: url(../Images/HeaderContainer/NavButtonSelectedBackground.png) repeat-x top left;
}
#Nav .PublicMenuSelectedDynamicItem a
{
	text-decoration: underline;
}

/********************* custom classes *********************/
.Left
{
	margin: 0 10px 0 0;
	float: left;
}
.Right
{
	margin: 0 0 0 10px;
	float: right;
}
.show
{
}
.hide
{
	display: none;
}
.Image
{
	padding: 3px;
	border: 4px solid #A7A488;
	vertical-align: middle;
	clear: both;
}
#MainContainer2 .Image
{
	border: 2px solid #dddddd;
}
#TopIndex .Image
{
	border-width: 1px;
	border-style: solid;
	border-color: #7B0404;
	background-color: #250202;
}
#TopIndex a:hover img.Image
{
	border-width: 1px;
	border-style: dashed;
	border-color: #ffffff;
	padding: 3px;
}
a:hover img.Image
{
	padding: 4px;
	border-width: 3px;
	border-color: #525252;
	border-style: dashed;
}
#MainContainer2 .TextError, #MainContainer2 .Error
{
	font-weight: bold;
	color: #c20000;
}
#MainContainer2 .Error
{
	border: 1px solid #c20000;
	padding: 3px;
	background: #ffffff;
	font-size: 80%;
}
#MainContainer2 table
{
	width: 100%;
	border: 1px dashed #6C6A49;
	border-bottom: none;
}
#MainContainer2 table tr td
{
	padding: 7px;
	border-bottom: 1px dashed #6C6A49;
}
#MainContainer2 table tr.even td
{
	background-color: #a7a380;
}
#MainContainer1 div.Column1
{
	width: 390px;
	float: left;
	text-align: left;
	clear: none;
}
#MainContainer1 div.Column2
{
	width: 354px;
	margin-left: 405px;
	text-align: right;
	vertical-align: top;
	clear: right;
}
div.Bio
{
	padding: 0.5em 0 0.1em 0;
}

/*********** Contact Page ****************/

#DirectionsBox
{
	text-align: center;
	background: #EDEAE2;
	border: 4px solid #6C6A49;
	width: 336px;
	padding: 5px;
	margin: 5px 0 5px 0;
}

/************** JQuery *******************/

#JList
{
}
#JList div.container
{
	background-color: #eeeeee;
}
#JList div.title
{
	border: 1px solid #cccccc;
	margin-bottom: 0.5em;
	padding: 0.5em;
}
#JList div.title h2
{
	margin: 0;
	padding: 0;
}
#JList div.ListItemContents
{
	padding: 0px 10px 5px 10px;
	margin-bottom: 5px;
	text-align: justify;
}
#JList div.selected
{
	background-color: #c20000;
}
#JList div.selected h2
{
	color: #ffffff;
}
#JList div.selected img
{
	border-color: #ffffff;
}


/*********** Truck Builder ***************/
div.selectedOption
{
	color: #ffffff;
	background: #999673 url(../Images/JQuery/loadingAnimationTiny.gif) no-repeat right bottom;
}
div.selectedOption img.Image
{
	border-color: #ffffff;
}
.ddl
{
	font-size: 10px;
	float: right;
}
div.OptionalFeature, div.OptionalFeature input, div.OptionalFeatuer label
{
	cursor: pointer;
}
div.OptionalFeature input
{
	font-size: 20px;
}
div.FeatureHover
{
	background: #dddddd;
}
#MainContainer1 div.OptionalFeature
{
	border: 1px solid #aaaaaa;
	padding: 10px;
	margin-bottom: 10px;
	width: 350px;
	clear: none;
}
div#PaintedTruckContainer
{
	width: 540px;
	height: 244px;
	float: right;
	clear: none;
	margin: 5px 2px 2px 0;
	background: transparent url(../Common/Images/JQuery/loadingAnimation.gif) no-repeat center center;
}
div#TruckPaint
{
	margin-top: 5px;
	border: 1px solid #aaaaaa;
	background: #ffffff;
}