body {
	color: #e1e1e1;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	background: url(images/webbg.jpg) no-repeat top center #171416;
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color: #97907c;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	display: inline;
	color: #97907c;
	margin-bottom: 15px;
}

h1 {
	font-size: 33px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 17px;
}

h5 {
	font-size: 14px;
	font-weight: bold;
}

img {
	border: none;
}

.hr {
	width: 100%;
	height: 20px;
	border-top: 1px solid #5e5d5c;
	float: left;
	display: inline;
}

.inputButtonStyle {
	border: 1px solid #3d3b3b;
	background-color: #e1e1e1;
	background-image: url(images/tabbg.jpg);
	background-repeat: repeat;
	color: #11100f;
	height: 29px;
} 

.textfieldStyle {
	height:23px;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666;
	background-image: url(images/form-inputbg.jpg);
	background-repeat:repeat-x;
	border:solid 1px #bababa;
	padding:7px 0 0 7px;
}

.textBoxStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666;
	background-color:#f3f3f3;
	border:solid 1px #bababa;
	padding:2px 0 0 4px;
}

.listMenuStyle {
	width:80%;
	height:23px;
	font-size:11px;
	color:#242424;
	background-color:#E7E7E7;
	border:solid 1px #bababa;
}

#fullWide {
	width: 100%;
	float: left;
	display: inline;
}

.widthSetter {
	width: 960px;
	margin: 0 auto;
}

#topBanner {
	width: 100%;
	height: 473px;
	float: left;
	display: inline;
}

#topBanner h1 a {
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	text-indent: -9999px;
	cursor: pointer;
}

/* menu */
#menu{
	width: 620px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #efefef;
	line-height: 41px;
	display:inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	margin-top: 44px;
	float: left;
}

#menu a {
	color:#efe9d1;
	text-decoration:none;
}

#menu > li {
	background: none repeat scroll 0 0;
	cursor:pointer;
	float:left;
	position:relative;
	padding:0px 21px;
	border-right: 1px dotted #5e5d5c;
}

#menu > li a:hover {
	color:#bba631;
}

#menu .logo {
	background:transparent none repeat scroll 0% 0%;
	padding:0px;
	background-color:Transparent;
}

/* sub-menus*/
#menu ul {        	
	padding:0px;
	margin:0px;
	display:block;
	display:inline;
}

#menu li ul {
	position:absolute;
	left:0px; 
	top:0px;
	margin-top:41px; 
	width:490px;
	line-height:14px;
	padding: 0 8px;
	background: #121212;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color:#8b8669;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

	/* I hate you IE, this is for your high-maintenance needs */ display:none;
}

#menu li:hover ul {
	display:block;
}

#menu li ul li{
	float: left;
	display: inline;
	margin: 0 8px;
	width: 225px;
	padding: 8px 0px;
	border-bottom: dotted 1px #606060;
	list-style-type:none;
}

#menu li ul li:first-child {
	border-top: none;
}

#menu li ul li a {
	display:block;
	color:#8b8669;
}

#menu li ul li a:hover {
	color:#bba631;
}

/* main submenu */
#menu #main {
	left:0px;
	top:-20px;
	padding-top:20px;
	background-color:#7cb7e3;
	color:#fff;
}


/* corners*/
#menu .corner_inset_left {
	position:absolute;
	top:0px;
	left:-12px;
}

#menu .corner_inset_right {
	position:absolute;
	top:0px;
	left:150px;
}

#menu .last {
	background:transparent none repeat scroll 0% 0%;
	margin:0px;
	padding:0px;
	border:none;
	position:relative;
	border:none;
	height:0px;
}

#menu .corner_left {
	position:absolute;
	left:0px;
	top:0px;
}

#menu .corner_right {
	position:absolute;
	left:132px;
	top:0px;
}

#menu .middle {
	position:absolute;
	left:18px;
	height: 20px;
	width: 115px;
	top:0px;
}

#truckHolder {
	width: 620px;
	height: 388px;
	text-align: right;
	float: right;
	display: inline;
}

#bottomContentHolder {
	width: 100%;
	background: url(images/bottomwoodbg.jpg) repeat;
	padding: 10px 0;
	float: left;
	display: inline;
}

#truckLogosHolder {
	width: 940px;
	height: 73px;
	padding: 4px 10px 14px 10px;
	background: url(images/trucklogosbarbg.png) repeat-x;
	float: left;
	display: inline;
	z-index: 900;
}


#truckLogosHolder ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 73px;
	display:inline-block;
	float: left;
}

#truckLogosHolder ul li {
	cursor:pointer;
	float:left;
	height: 73px;
	margin: 0;
	padding:0px 13px;
	border-right: 1px dotted #5e5d5c;
	display: inline;
}

#bottomContent {
	width: 960px;
	background: url(images/bottomcontentbg.png) repeat;
	margin-top: 10px;
	float: left;
	display: inline;
}

#mainTitleBar {
	width: 940px;
	padding: 10px;
	margin: 10px 0;
	background: url(images/maintitlebarbg.png) repeat;
	float: left;
	display: inline;
}


.leftColumn {
	width: 620px;
	margin: 10px;
	float: left;
	display: inline;
}

#contentHolder {
	width: 590px;
	padding: 0 15px;
	float: left;
	display: inline;
}

.leftColumn h2 {
	font-size: 28px;
	line-height: 33px;
	font-family: "Myriad", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: white;
}

.prodCat {
	width: 185px;
	height: 250px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	float: left;
	display: inline;
}

.prodimg {
	margin: 0 20px 20px 10px;
	float: left;
	display: inline;
}

.rightColumn {
	width: 300px;
	margin: 10px;
	font-size: 11px;
	float: left;
	display: inline;
}

#yourTruck {
	width: 100%;
	font-size: 15px;
	color: white;
	float: left;
	display: inline;
}

#removeTruck {
	width: 280px;
	padding: 10px;
	float: left;
	display: inline;
}

.title {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
}

.date {
	font-size: 12px;
	font-style: italic;
	color: #a1a1a1;
}

#bottomContentBottom {
	width: 100%;
	height: 20px;
	background: url(images/bottomcontent-bottom.png) no-repeat top center;
	float: left;
	display: inline;
}

#bottomAds {
	width: 100%;
	float: left;
	display: inline;
}

#bottomAds img {
	margin: 10px;
	float: left;
	display: inline;
}

#footer {
	width: 960px;
	background: url(images/footerbg.png) repeat;
	font-size: 12px;
	color: #9d9d9d;
	float: left;
	display: inline;
}

#bbcLogoHolder {
	float: right;
	display: inline;
}

#galleryHolder {
   width: 100%;
   overflow-y:hidden;
   height:210px;
   margin: 0;
   padding: 0;
   float: left;
   display: inline
}

#galleryHolder ul {
   list-style:none;
   margin: 0;
   padding: 0;
}
		
.insideGalleryHolder {
    width: 600px;
    height: 210px;
    float: left;
    display: inline;
}

.galleryImageHolder {
    float:left;
    display:inline;
    width: 200px;
}

.galleryDescriptionHolder {
    float:right;
    display:inline;
    width: 380px;
}

#leftGalleryButton {
    position: absolute;
    top: 330px;
    left: 238px;
}

#rightGalleryButton {
    position: absolute;
    top: 330px;
    left: 660px;
}

#productImage {
	width: 285px;
	float: left;
	display: inline;
}

#productCatImage {
	width: 215px;
	float: left;
	display: inline;
}

.productSpecTitle {
	color: #808080;
	font-size: 11px;
	font-style: italic;
}

#productDescription {
	width: 300px;
	float: right;
	display: inline;
}
	
    width: 380px;
}

#leftGalleryButton {
    position: absolute;
    top: 330px;
    left: 238px;
}

#rightGalleryButton {
    position: absolute;
    top: 330px;
    left: 660px;
}

#productImage {
	width: 285px;
	float: left;
	display: inline;
}

#productCatImage {
	width: 215px;
	float: left;
	display: inline;
}

.productSpecTitle {
	color: #808080;
	font-size: 11px;
	font-style: italic;
}

#productDescription {
	width: 300px;
	float: right;
	display: inline;
}
	
