/* >>>>>>>>>>>> Jones Truck & Spring Website CSS Document - July 2009 >>>>>>>>>>>> */
body {
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #722223 url('../images/pgbg.gif') repeat-x fixed left top;
}
h1, h2, h3, h4, h5, h6, div, form {
	margin: 0;
}
.fr {
	float: right;
	margin-left: 10px;
}
.fl {
	border-width: 0px;
	float: left;
	margin-right: 10px;
}
.imgbr {
	border: 1px solid #cccccc;
}
.icon {
	border: 0;
	margin: 0 8px 0 0;
	vertical-align: bottom;
}
p {
	margin: 1em 0;
}
.pbot {
	margin-bottom: 0em;
}
.ptop {
	margin-top: 0em;
}
.pno {
	margin: 0;
}
.hr {
	border: 0;
	background-color: #8d7b6d;
	color: #8d7b6d;
	margin: 0 0 10px 0;
	height: 1px;
	padding: 0;
}
/* Main Table */
#main {
	margin: 0 auto;
	width: 1000px;
}
.header {
	background: #fefefe url('../images/header-bg.gif') repeat-x scroll left top;
	height: 100px;
	text-align: right;
}
.header h1 {
	font-family: Georgia;
	font-size: 35px;
	color: #005091;
	line-height: normal;
	font-weight: normal;
}
.header h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	color: #3f3f3f;
	line-height: normal;
	font-weight: normal;
}
.header p {
	margin: 0.5em 0 0 0;
	color: #626262;
}
.tabcol td {
	vertical-align: top;
	text-align: left;
}
/* >>>>>>>>>>>>>>> Outer Round Box >>>>>>>>>>>>>>> */

.rd-left{
	background: transparent url('../images/rd-left-strip-bg.gif') repeat-y scroll left top;
}

.rd-right{
	background: transparent url('../images/rd-right-strip-bg.gif') repeat-y scroll left top;
}

.tblbg{
	background:#f0dec8 url('../images/tbl-bg.gif') repeat-x scroll left top;
}

/* >>>>>>>>>>>>>>> Rounded Box >>>>>>>>>>>>>>> */
.rdbox {
	border-collapse: collapse;
	background-color: #eeeeee;
}
.rdcont {
	padding: 2px 5px;
}
.rdtop {
	background-color: #eeeeee;
	height: 4px;
	border-top: 1px solid #d9d9d9;
}
.rdbot {
	height: 4px;
	background-color: #eeeeee;
	border-bottom: 1px solid #d9d9d9;
}
.rdleft {
	width: 4px;
	background-color: #eeeeee;
	border-left: 1px solid #d9d9d9;
}
.rdright {
	background-color: #eeeeee;
	border-right: 1px solid #d9d9d9;
	width: 4px;
}
.rblt {
	background: transparent url('../images/bl-top.gif') no-repeat scroll left bottom;
	width: 4px;
	height: 4px;
}
.rbrt {
	background: transparent url('../images/br-top.gif') no-repeat scroll left top;
	width: 4px;
	height: 4px;
}
.rblb {
	background: transparent url('../images/bl-bot.gif') no-repeat scroll left top;
	width: 4px;
	height: 4px;
}
.rbrb {
	background: transparent url('../images/br-bot.gif') no-repeat scroll left top;
	width: 4px;
	height: 4px;
}
.videopromo {
	padding: 0;
	position: relative;
}
.promo {
	width:250px;
	margin: 0 0 0 10px;
	border: 1px solid #bda091;
	background-color: #e7c7b4;
	line-height: 22px;
	padding: 8px;
	float:right;
	text-align: center;
	font-family:Georgia;
	font-style: italic;
	font-size: 13px;
	color: #792a2b;
}
.promo a {
	text-decoration: none;
	color: #005091;
}
.promo a:hover {
	text-decoration: underline;
	color: #005091;
}
.more {
	color: #b32a32;
	font-size: 11px;
	line-height: 12px;
	font-style: italic;
}
a.more:link, a.more:visited {
	float: right;
	display: block;
	padding: 2px 15px 2px 5px;
	color: #b32a32;
	text-decoration: none;
	background-color: #9c9c9c;
	background: #9c9c9c url('../images/blt-more.gif') no-repeat scroll right center;
}
a.more:active, a.more:hover {
	color: #ffffff;
	text-decoration: none;
}
/* >>>>>>>>>>>>>>> Local Navigation >>>>>>>>>>>>>>> */
.globalnav {
	margin: 0;
	padding: 0;
}
.globalnav li {
	list-style-type: none;
	float: right;
	border-right: 1px solid #3f3f3f;
	margin: 5px 0;
	padding: 0px 5px;
}
.globalnav a {
	display: block;
	color: #4c494a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	text-transform:uppercase;
	text-decoration: none;
}
.globalnav a:hover {
	color: #4c494a;
	text-decoration: underline;
}
.globalnav li.last {
	border-right: 0;
}
/* >>>>>>>>>>>>>>>>>>>>>>>> Main Navigation >>>>>>>>>>>>>>>>>>>>>>>> */
.mainnav {
	margin: 0;
	padding: 0;
	background-color: #787777;
	height: 31px;
}
.mainnav ul {
	margin: 0;
	padding: 0;
}
.mainnav li {
	list-style-type: none;
	float: left;
	margin: 0;
}
.mainnav a {
	margin: 7px 3px 0 10px;
	padding: 0 15px 0 0;
	display: block;
	color: #d3d3d3;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #ffffff;
}
.mainnav a:hover {
	color: #ffffff;
	text-decoration: none;
}
.mainnav a.current:link, .mainnav a.current:visited {
	text-decoration: none;
	color: #ffffff;
}
.mainnav li a.last {
	border-right: 0;
}
/* >>>>>>>>>>>>>>>>>>>>>>>> Left Navigation >>>>>>>>>>>>>>>>>>>>>>>> */

.leftnav {
	text-align: left;
	padding: 5px 5px 8px 3px;
	margin: 0px;
}
.leftnav li {
	background: transparent url(../images/icon-nav-sub.gif) no-repeat scroll left 7px;
	color: #722223;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 0px 0px 0px 16px;
	list-style-type: none;
}
.leftnav li a {
	text-decoration: none;
	color: #722223;
}
.leftnav li a:hover {
	text-decoration: underline;
	color: #722223;
}
.leftnav li.current{
	background: transparent url(../images/icon-nav.gif) no-repeat scroll left 3px;
	font-weight: bold;
	padding: 0px 0px 3px 16px;
}
/* >>>>>>>>>>>>>>>>>>>>>>>> Middle >>>>>>>>>>>>>>>>>>>>>>>> */

.middle{
	padding:0 4px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>> Left Navigation >>>>>>>>>>>>>>>>>>>>>>>> */

.bullet {
	text-align: left;
	padding: 5px 0px 10px 15px;
	margin: 0px;
}
.bullet li {
	background: transparent url(../images/blt.gif) no-repeat scroll left 8px;
	color: #4c494a;
	font-size: 12px;
	line-height: 22px;
	margin: 0;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
}
.bullet li a {
	text-decoration: underline;
	color: #4c494a;
}
.bullet li a:hover {
	text-decoration: none;
	color: #4c494a;
}
.bullet li ul {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
.bullet li ul li {
	background: transparent url(../images/blt-rd-sub.gif) no-repeat scroll left 4px;
}
.clist {
	text-align: left;
	padding: 15px 0px 15px 15px;
	margin: 0px;
}
.clist li {
	background: transparent url(../images/blt1.png) no-repeat scroll left 9px;
	color: #363636;
	font-size: 12px;
	line-height: 22px;
	margin: 0;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
}
.clist li a {
	text-decoration: none;
	color: #363636;
}
.clist li a:hover {
	text-decoration: none;
	color: #363636;
}
.clist li ul {
	text-align: left;
	padding: 0px 0px 0px 13px;
	margin: 0px;
}
.clist li ul li {
	background: transparent url(../images/blt-rd-sub.gif) no-repeat scroll left 6px;
}

/* Link Blocks */

.docnav {
	text-align: left;
	padding: 50px;
	margin: 0px;
}
.docnav li {
	color: #792a2b;
	font-size: 19px;
	line-height: 22px;
	margin:0;
	padding:0;
	list-style-type: none;
}
.docnav li a {
	display:block;
	background: transparent url(../images/form-icon.gif) no-repeat scroll 5px 9px;
	text-decoration: none;
	color: #792a2b;
	padding: 25px 0px 20px 65px;
	margin:0 0 20px 0;
	height:30px;
	width:300px;
	border:3px solid #f0dac7;
}
.docnav li a:hover {
	text-decoration: underline;
	color: #792a2b;
	border:3px solid #c4b3a1;
}


/* >>>>>>>>>>>>>> Pdf Links >>>>>>>>>>>>>> */
.pnav {
	text-align: left;
	padding: 10px 15px 15px 0px;
	margin: 0px;
}
.pnav li {
	background: transparent url('../images/icon-acrobat.gif') no-repeat scroll left 3px;
	color: #343434;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 0px 0px 8px 25px;
	list-style-type: none;
}
.pnav li a {
	text-decoration: none;
	color: #343434;
}
.pnav li a:hover {
	text-decoration: underline;
	color: #343434;
}
.pnav li ul {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
/* >>>>>>>>>>>>>>>>>>>>>>>> End Bullet List >>>>>>>>>>>>>>>>>>>>>>>> */
.tagline {
	font-size: 24px;
	color: #3c3c3c;
	line-height: 26px;
	font-weight: normal;
	padding: 10px 0 0 0;
}

.pnum {
	font-size: 27px;
	color: #792a2b;
	line-height: 32px;
	font-weight: normal;
}

.pagetitle {
	font-size: 25px;
	color: #792a2b;
	line-height: 30px;
	font-weight: normal;
	padding: 0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
}
.title {
	font-family: Georgia;
	font-size: 20px;
	color: #005091;
	line-height: 26px;
	font-weight: bold;
}
a.title:link, a.title:visited {
	text-decoration: none;
	color: #005091;
}
a.title:active, a.title:hover {
	text-decoration: underline;
	color: #005091;
}
.title1 {
	font-size: 18px;
	color: #363636;
	line-height: 20px;
	font-weight: bold;
}
a.title1:link, a.title1:visited {
	text-decoration: underline;
	color: #363636;
}
a.title1:active, a.title1:hover {
	text-decoration: none;
	color: #782302;
}
.subtitle {
	font-size: 15px;
	color: #005091;
	line-height: 20px;
	font-weight: bold;
}
a.subtitle:link, a.subtitle:visited {
	text-decoration: none;
	color: #005091;
}
a.subtitle:active, a.subtitle:hover {
	text-decoration: none;
	color: #005091;
}
.subtitle1 {
	font-size: 15px;
	color: #792a2b;
	line-height: 24px;
	font-weight: bold;
}
a.subtitle1:link, a.subtitle1:visited {
	text-decoration: underline;
	color: #792a2b;
}
a.subtitle1:active, a.subtitle1:hover {
	text-decoration: none;
	color: #f7931e;
}

.subtitle2 {
	font-size: 12px;
	color: #792a2b;
	line-height: 16px;
	font-weight: bold;
}
a.subtitle2:link, a.subtitle2:visited {
	text-decoration: none;
	color: #792a2b;
}
a.subtitle2:active, a.subtitle2:hover {
	text-decoration: underline;
	color: #f7931e;
}


.subtitle3 {
	font-size: 11px;
	color: #792a2b;
	line-height: normal;
	font-weight: bold;
}
a.subtitle3:link, a.subtitle3:visited {
	text-decoration: none;
	color: #792a2b;
}
a.subtitle3:active, a.subtitle3:hover {
	text-decoration: underline;
	color: #792a2b;
}

.bodyhome {
	font-size: 13px;
	color: #343434;
	line-height: 18px;
}
.body {
	font-size: 12px;
	color: #4c494a;
	line-height: 19px;
}
a.body:link, a.body:visited {
	text-decoration: underline;
	color: #545454;
}
a.body:active, a.body:hover {
	text-decoration: none;
	color: #9a4d32;
}
.body1 {
	font-size: 11px;
	color: #343434;
	line-height: 16px;
}
a.body1:link, a.body1:visited {
	text-decoration: underline;
	color: #343434;
}
a.body1:active, a.body1:hover {
	text-decoration: none;
	color: #343434;
}
.body2 {
	font-size: 11px;
	color: #792a2b;
	line-height: 18px;
}
a.body2:link, a.body2:visited {
	text-decoration: none;
	color: #792a2b;
}
a.body2:active, a.body2:hover {
	text-decoration: underline;
	color: #792a2b;
}
.body3 {
	font-size: 11px;
	color: #d2252b;
	line-height: 15px;
}
a.body3:link, a.body3:visited {
	text-decoration: underline;
	color: #d2252b;
}
a.body3:active, a.body3:hover {
	text-decoration: none;
	color: #9a4d32;
}
.doc {
	font-size: 12px;
	color: #3f3f3f;
	line-height: 20px;
	background: transparent url('../images/icon-acrobat.gif') no-repeat scroll left 2px;
	padding-left: 23px;
}
.doc a, .doc a:visited {
	text-decoration: underline;
	color: #545454;
}
.doc a:active, .doc a:hover {
	text-decoration: none;
	color: #005091;
}
/* >>>>>>>>>>>>>>> Footer >>>>>>>>>>>>>>> */
.footer-bg {
	background-color: #eeeeee;
}
.footer {
	font-size: 11px;
	color: #18667b;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
a.footer:link, a.footer:visited {
	text-decoration: none;
	color: #18667b;
}
a.footer:active, a.footer:hover {
	text-decoration: underline;
	color: #18667b;
}
.footer1 {
	font-size: 10px;
	color: #999999;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.footer1 a, .footer1 a:visited {
	text-decoration: none;
	color: #999999;
}
.footer1 a:active, .footer1 a:hover {
	text-decoration: underline;
	color: #999999;
}

.footernav a {
	display: block;
	color: #787878;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 11px;
	text-decoration: none;
}
.footernav a:hover {
	color: #787878;
	text-decoration: underline;
}
.footernav li.first {
	border-right: 0;
	padding-right: 0;
}

.flogo img{
	margin:0 0 0 7px;
	font-size:10px;
}

/* Forms Style */

.input {
	padding: 1px 0;
	margin: 0px;
	width: 200px;
	border: 1px solid #CFCED2;
	font-size: 12px;
	line-height:16px;
	font-family: Arial, Helvetica, Sans-serif;
}

.req {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #ff0000;
}

.textarea {
	padding: 0px;
	margin: 0px;
	width: 200px;
	height: 40px;
	border: 1px solid #CFCED2;
	font-size: 12px;
	line-height:16px;
	font-family: Arial, Helvetica, Sans-serif;
}

.select {
	padding: 0px;
	margin: 0px;
	width: 200px;
	border: 1px solid #CFCED2;
	line-height:16px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

.inputphone {
	padding: 1px 0;
	margin: 0px;
	width: 58px;
	border: 1px solid #CFCED2;
	font-size: 12px;
	line-height:16px;
	font-family: Arial, Helvetica, Sans-serif;
}

.textarea1 {
	padding: 0px;
	margin: 0px;
	width: 200px;
	height: 60px;
	border: 1px solid #CFCED2;
	font-size: 12px;
	line-height:16px;
	font-family: Arial, Helvetica, Sans-serif;
}

.subtitle2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	color:#981C1C;
}
.button {
	width: 65px;
	padding: 2px;
	background-color: #D4D0CF;
	border-left: 1px solid #9D9DA1;
	border-top: 1px solid #9D9DA1;
	border-right: 1px solid #BFBEC1;
	border-bottom: 1px solid #BFBEC1;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-seri1f;
}