@charset "utf-8";

/* CSS Document */



body {

	font-family:Arial, Helvetica, sans-serif;

	margin:0;

	padding:0;

	font-size:12px;

	background-color:#FFF;

	color:#000;

}



/* ======Text Formatting====== */

h1, h2, h3, h4, h5 {padding:0; margin:5px 0 0 0;}



p {margin:0 0 0 0; padding: 0 0 10px 0;}



/* ======Page Containers====== */

#wrapper {width:770px; margin:0 auto; }

#header {

	background: #006600 url(images/ottsville_truckheader.jpg) bottom no-repeat;

	border:solid 1px #000;

	width: 748px;

	height:220px;

	margin:0 auto;

	padding:10px;

}



#content {

	background:#060;

	border:solid 1px #000;

	width: 768px;

	margin:0 auto;

	padding:0;

}



#content #leftcolumn {

	background-color: #060;

	width: 168px;

	padding:10px 10px 0px 10px;

	margin:0;

	color:#FFF;

}



#content #rightcolumn {

	background-color: #FFF;

	width: 570px;
	height: 100%;

	padding:10px 0 10px 10px;

}



#footer {

	margin:0 auto;

	padding:10px;

	height: 30px;

	width: 750px;

}



/* ======Page Classes====== */

.product_container {

	width:558px;

	margin:10px 10px 0 0;

	border:solid 1px #000;

}

.product_img{width:148px; padding:10px; text-align:center;}

.product_img img {border:solid 1px #000;}

.product_description{width:368px; padding:10px;}



/* ======MENU SYSTEM====== */

#menu {

	background: #fff url(images/bg_menu.jpg) repeat-x;

	width: 770px;

	height: 28px;	

}



#menu ul {

	margin:0;

	list-style:none;

}

#menu li {

	display:inline;

	margin:0;

	padding:0;

}

#menu li a {

	color:#fff;

	float:left;

	text-decoration:none;

	display:block;

	height:21px;

	padding:7px 45px 0 45px;

	/padding:0px 0px 0 0px;/*used for styleing ie*/

	margin:0px 0px 0 0px;

	/margin:0px 0px 0 0px;/*used for styling ie*/

	background-repeat:no-repeat;

	behavior: url(../images/iepngfix.htc); 	

}



/*

#menu a.linka {background-image:url(images/m_linka.png);}

#menu a.linkb {background-image:url(images/m_linkb.png);}

#menu a.linkc {background-image:url(images/m_linkc.png);}

#menu a.linkd {background-image:url(images/m_linkd.png);}

#menu a.linke {background-image:url(images/m_linke.png);}

#menu a.linkf {background-image:url(images/m_linkf.png);}

*/

#menu li a:hover {color:#FF5;}



/*#menu a span:hover {background-position:0 -20px;}*/



body.linka1 #menu li.linka a,

body.linkb1 #menu li.linkb a,

body.linkc1 #menu li.linkc a,

body.linkd1 #menu li.linkd a,

body.linke1 #menu li.linke a,

body.linkf1 #menu li.linkf a

 	{ color:#FF5;}

	

#topbuttons {width: 375px;}/* Holds the Truck Sales and Directions Links */

#topbuttons img{margin:5px;}

#topbuttons img {border:none;}



/* ======Product List Menu====== */	

.leftnav ul {margin:0; padding:0 5px 5px 5px;}

.leftnav li {

	list-style:none;

	margin:0;

	padding:5px 0 0 0;

	font-size:18px;

}

.leftnav li a {color:#FFF;}

.leftnav li a:hover {color:#ff5;}

.selected a:link, .selected a:visited {font-weight:bold; color:#FF5;}

	

/* ======Standerd Lists====== */	

ul 

	{padding:0 0 0 10px;}

	

li {padding:0 0 10px 10px;}



/* ======Form Styles====== */



#rightcolumn textarea, #rightcolumn input {

	border:solid 1px grey;

	

}

#rightcolumn.form_wrap {float:left; width:100%;}

.form_right {float:left; width:250px; padding:10px;}

.form_left {float:left; width:150px; padding:13px 10px 10px 10px;}



input.submit:hover{cursor: pointer; color:#060; border-color:#060;}



/* ======Common Classes====== */

.clrboth {

	clear: both;

}

.fltleft {

	float:left;

}

.fltright {

	float:right;

}

.imgborder {

	border:solid 1px #000;

}

.move {float: right;}