/* Hribar Corporation base stylesheet */

html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0; padding: 0;
	background-color: rgb(46,66,64);
	font-family: sans-serif;
}

#container {	/* fix this: client resolution is 800 x 600!
		   accept bottom scrollbar - design for it */
	margin: 0; padding: 0; /* orig margin: 0 auto; to center site gave menu problems at hi res */
	width: 996px; overflow: hidden;
	background: rgb(217,34,34);
	border: 2px #000 solid;
	border-top: none;
}

#banner {
	width: 800px; height: 85px;/* 125px; */
	overflow: hidden;
}

#banner span{
	float: left;
	color: #fff;
	padding: 0 30px 0 0px;
	font-size: 75%;
	margin-top: 70px; 
}

#logo {
	width: 210px; height: 85px;
	border: none;
	margin: 0 15px 10px 35px;
	float: left;
} 

#topstripe, #midstripe, #botstripe {
	width: 1005px;
	height: 18px;
	border: none;
	padding: 0;
	font-size: 76%;
}

#topstripe {
	margin-top: 8px;
	background-color: rgb(46,66,64);
}

#midstripe {
	background-color: rgb(68,112,137);
}

#botstripe {
	padding-top: 3px; height: 15px;
	background-color: rgb(239,239,230);
	border-bottom: 1px #999 solid;
}

#animation {
	position: relative; z-index: 100;
	top: -70px; left: 830px; margin-bottom: -104px;
/*	position: absolute; z-index: 100;
	top: 70px; left: 830px;*/
	width: 150px; height: 100px;
	border: 2px #000 solid;
	background: url(hribarpix/animation.gif);
}

.homepadding {
	background: url(hribarpix/homebg.gif);
	padding: 0 10px;
	font-family: Verdana, Tahoma, Arial;
	font-size: 76%;
	text-decoration: none;
}


h2 {
	color: #fff;
	font-size: 76%;
	font-weight: normal;
	margin: 50px 0 20px 38px;
}

h2.indextitle {
	position: absolute; 
	margin-top: 54px; 
	z-index: 10;
}

table#opening { /*remake table to 1005 wide */
	border: 1px rgb(217,34,34) solid; 
	border-top: #999;
	border-bottom: #000; 
	height:435px; width: 1024px; 
	margin: 0; padding: 0;
}

#opening td {
	margin: 0; padding: 0;
}

#opening img {
	margin: 0; padding: 0;
}


/* TABLE ID INFO IS THE EXPANDABLE THUMBNAILS FOR AUCTIONS, TRACTORS, TRAILERS */

table#info {
	width: 567px; /* height: 402px;*/
	margin: 20px auto;
}

#info td {
	margin: 0; padding: 0;
	vertical-align: top;
	text-align: center;
	background-color: rgb(46,82,78);
}

#info td.specs {
	border: 1px #000 solid; border-bottom: 0; border-right: 0;
	background-color: rgb(239,239,230);
	font-family: serif;
	padding: 20px;
	text-align: left;
	line-height: 1.5em;
	width: 365px;
}

#info td.specs h1 {
	font-size: 110%;
	font-variant: small-caps;
	text-align: center;
	margin: 0;
}

#info td.specs h3 {
	font-size: 110%;
	font-style: normal;
	margin: 0;
}

#info td.specs h4 {
	font-style: normal;
	font-weight: bold;
	margin: 0;
	text-align: right;
}

#info td.specsside {
	width: 5px;
	background-color: rgb(239,239,230);
	border: 1px #000 solid; border-left: 0; border-bottom: 0;
	font-size: 10%;
}

#info td.specsbase {
	height: 5px;
	background-color: rgb(239,239,230);
	border: 1px #000 solid; border-top: 0;
	font-size: 10%;
}

#info td.topnulshad {
	background: rgb(217,34,34) url(hribarpix/topnulshad.gif); /*#900;*/
	font-size: 10%;
	border: 0;
	width: 15px; height: 20px;
}

#info td.sideshad {
	background: rgb(46,82,78) url(hribarpix/sideshad.gif); /* rgb(46,46,46);*/
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	font-size: 10%; 	
}

#info td.botnulshad {
	background: rgb(217,34,34) url(hribarpix/botnulshad.gif); /*#900;*/
	font-size: 10%;
	border: 0;
	width: 60px; height: 15px;
}

#info td.baseshad {
	background: rgb(46,82,78) url(hribarpix/baseshad.gif); /* rgb(46,46,46);*/
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	font-size: 10%;
}

#info td.cornerpadshad {
	background: rgb(46,82,78) url(hribarpix/sideshad.gif); /* rgb(46,46,46);*/
	font-size: 10%;
	border-top: 1px #000 solid;
}

#info td.cornershad {
	background: rgb(46,82,78) url(hribarpix/cornershad.gif) no-repeat; /* rgb(46,46,46);*/ /*rgb(68,87,101);*/
	font-size: 10%;
	border-left: 1px #000 solid;
}

#info td.topnul {
	width: 140px;
	background: transparent;
	font-size: 10%;
}

/* NB IE has separate height defs; both defy maths downwards */

#info td.sidethumb { /*17pad + 80thumb + 10pad + 4borders = 111px */
	background: rgb(46,82,78) url(hribarpix/tdbg.gif) 10% 40% no-repeat;
	height: 125px;
	padding: 17px 21px 10px 0;
	border: 1px #000 solid;
	border-left: 0;
}

#info td.basethumb {
	background: rgb(46,82,78) url(hribarpix/tdbg.gif) center 20% no-repeat;
	width: 165px; height: 110px;
	padding: 2px 0 10px 0;
	border: 1px #000 solid;
	border-top: 0;
}

#info td.cornerthumb {
	background: rgb(46,82,78) url(hribarpix/tdbg.gif) 10% 20% no-repeat;
	height: 110px;
	padding: 2px 21px 10px 0;
	border: 1px #000 solid;
	border-top: 0;
	border-left: 0;
}

#info td.cornertoppad {
	background-color: rgb(46,82,78);
	border-top: 1px #000 solid;
	border-right: 1px #000 solid;
	font-size: 10%;
}
#info td.cornerpad {
	background-color: rgb(46,82,78);
	border-left: 1px #000 solid;
	border-bottom: 1px #000 solid;
	font-size: 10%;
}

#info td.sidethumb img, #info td.cornerthumb img, #info td.basethumb img {
	width: 110px; height: 80px;
	margin: 0 auto; padding: 0;
	border: 1px #000 solid;
	background-color: #fff;
}

#info td.botnul {
	background: transparent;
	font-size: 10%;
}

/* IMAGE EXPANSION */
/* Note IE needs the a color definition to be forced into an active state */
/* Note Moz needs a to have a border to prevent it from expanding irrationally */
/* So check IE's own stylesheet if re-using this */
/* NB: clicking the links too fast will make the second link be ignored but not broken */


#info a:link, #info a:visited { display: block; height: 80px; width: 110px; margin: 0 auto; border: 1px rgb(46,82,78) solid; font-size: 76%; color: rgb(239,239,230); } /* rgb(68,112,137)border makes Mozilla display correctly */

#info a:active, #info a:focus {
	position: absolute; z-index: 50; left: 200px; top: 160px;
	height: 356px; width: 468px; border: none; }

#info a:active em, #info a:focus em { 
	position: absolute; z-index: 50; left: 0px; top: 0px;
	height: 386px; width: 486px; border: 2px #000 solid; } /*orig height 356 */

#info a:link span, #info a:visited span { display: block; margin-top: 85px; }
#info a:active span, #info a:focus span { display: none; }

/*   SAMPLE, FOR INFO ONLY - all slideshows have their own stylesheet, id'd by stock number
a.slidea {background:url(hribarpix/reb-2005peterbilt379-1a.jpg) center center no-repeat;}
a.slideb {background:url(hribarpix/reb-2005peterbilt379-2a.jpg) center center no-repeat;}
a.slidec {background:url(hribarpix/reb-2005peterbilt379-3a.jpg) center center no-repeat;}
a.slided {background:url(hribarpix/reb-2005peterbilt379-4a.jpg) center center no-repeat;}
a.slidee {background:url(hribarpix/reb-2005peterbilt379-5a.jpg) center center no-repeat;}
a.slidea em {background:rgb(239,239,230) url(hribarpix/reb-2005peterbilt379-1.jpg) 50px 55px  no-repeat;}
a.slideb em {background:rgb(239,239,230) url(hribarpix/reb-2005peterbilt379-2.jpg) 50px 55px  no-repeat;}
a.slidec em {background:rgb(239,239,230) url(hribarpix/reb-2005peterbilt379-3.jpg) 50px 55px  no-repeat;}
a.slided em {background:rgb(239,239,230) url(hribarpix/reb-2005peterbilt379-4.jpg) 50px 55px  no-repeat;}
a.slidee em {background:rgb(239,239,230) url(hribarpix/reb-2005peterbilt379-5.jpg) 50px 55px  no-repeat;}
*/

/* TABLE ID ENGINES IS GENERAL FOR ENGINES, CABS, PARTS, ALL LISTINGS */

table#engines {
	border: 1px #000 solid; 
	border-right: none; 
	border-left: none;
	width: 100%; 
	margin: 0;
	background: rgb(239,239,230); 
}

#engines td.gap {
	height: 20px;
}

#engines td.pic {
	width: 255px; 
	background-color: #000;
	padding: 0; margin: 0;
	vertical-align: top;
	text-align: left;
	border: 0px #f00 solid;
}

#engines td.pic img {
	display: block;
	margin: 0; padding: 0;
}

#engines td.listings {
	padding: 4px 20px;
	vertical-align: top;
	background: transparent; /* url(hribarpix/anishad.jpg) 555px top no-repeat; */
	border-left: 5px #333 solid;
/*	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.8; */
	font-family: serif;
	font-size: .9em;
}


#engines div {border: 0px #000 solid; }

#engines div.left {
	float: left; clear: left;
	width: 80px; /* 110px; */
	text-align: right;
	padding-left: 18px;
	padding-bottom: 10px;
	border-left: 0px #000 solid;
}

#engines div.left-trans {
	float: left; clear: left;
	width: 120px; 
	text-align: left;
	padding-left: 18px;
	padding-bottom: 10px;
	border-left: 0px #000 solid;
	margin: 0 7px;
}

#engines div.right {
	float: left; clear: right;
	width: 100px; /*150px;*/
	text-align: left;
	padding-right: 20px;
	padding-bottom: 10px;
	border-right: 0px #000 solid;
	margin: 0 7px;
	clear: right;
}

#engines div.left2 {
	float: left;
	width: 130px;
	text-align: left;
	padding-bottom: 10px;
	margin: 0 7px;
}

#engines div.mid {
	float: left;
	width: 130px;
	text-align: left;
	padding-bottom: 10px;
	margin: 0 7px;
}

#engines div.right2 {
	float: left;
	width: 170px;
	text-align: center;
	padding-bottom: 10px;
}

#engines div.righter {
	float: left;
	width: 100px;
	text-align: right;
	padding-bottom: 10px;
}

#engines div.fleft {
	float: left;
}

#engines div.fright {
	text-align: right;
	padding-right: 200px;
}
#engines div.head {
	font-weight: bold;
	color: #f00;
	padding-bottom: 10px;
}

#engines div.top {
}

#engines td.listings h1 {
	width: 559px; text-align: center;
	font-family: serif;
	font-size: 140%;
	margin-top: 15px;
}

#engines td.listings div.anchorpage {
	margin-bottom: 5px;
	clear: both;
}

#engines td.listings div.anchorpage-spacer {
	margin-bottom: 10px;
	clear: both;
}

#engines td.listings h2 {
	clear: left;
	float: left;
	width: 100%;
	margin: 20px 0 5px 0;
	font-family: sans-serif;
	font-size: 100%;	
	font-weight: bold;
	color: #000;
}

#engines td.listings a, #engines td.listings a:link {
	display: block;
	float: left;
	width: 200px;
	margin-right: 20px;
	color: rgb(38,82,107);
}

#engines td.engines a, #engines td.engines a:link {
	display: inline;
}
#engines td.listings a:hover, #engines td.listings a:active {
	color: #c00;
}

#engines td.listings a:visited {
	color: #d00;
}
th {
	text-align: left;
	padding: 10px 0 5px 0;
}

p.adsummus {
	margin-top: 0; padding: 5px;
	font-size: 60%;
	color: #fff;
	text-align: center;
}