/* ZylstraHD v2 - Main CSS Document */

body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background: url(../../images/backgnd.gif) repeat-y top center #000000;
	margin: 0px auto;
}

a:link { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #ff6414; text-decoration: underline; }

.highlight { color: #ff6600; }
.productOutline { background-color: #CCCCCC; }

li { list-style: none; background-position: left top; background-image: url(../../images/bullet.gif); background-repeat: no-repeat;  padding-left: 10px; margin-bottom: 2px; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #666666; }

td.HeaderInfo { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #646464; font-weight: bold; }
td.SideInfo { font-family: Tahoma, Arial, sans-serif; font-size: 9px; color: #000000; }
td.footerText { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #5f6568; font-weight: bold; background-image: url(http://www.zylstrahd.com/asset/site_footer/footer.gif); }

.footerText2 { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #454545; }
.footerText3 { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #ffffff; }
.search { font-family: Tahoma, Arial, sans-serif; font-size: 9px; font-weight: bold; color: #4b2603; }

.maintext { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; }
.headertext { font-family: Tahoma, Arial, sans-serif; font-size: 14px; color: #000000; }

.blogTitle { font-family: Tahoma, Arial, sans-serif; font-size: 15px; color: #ffffff; font-weight: bold; }
.blogDate { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #ffffff; }
.blogText { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #ffffff; }

.newsletterText { font-family: Tahoma, Arial, sans-serif; font-size: 9px; color: #000000; font-weight: bold; }
.subscribe { font-family: Tahoma, Arial, sans-serif; font-size: 9px; font-weight: bold; color: #4b2603; }

.breadcrumb-text { font-family: Tahoma, Arial, sans-serif; font-size: 9px; color: #999999; }

.landingText { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #000000; }
.bigText { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #666666; font-weight: bold; }
.programsText { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #000000; }

.desctext { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #666666; }
.headtext { font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; color: #ff6600; }
.tablehead { font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 13px; color: #eeeeee; }
.tabletext { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; }

.hog-newsheader { font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; color: #eeeeee; }
.hog-meetingrecap { font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; color: #ffffff; }

.sitemap { font-family: Arial, sans-serif; font-size: 13px; color: #ffffff; font-weight: bold; background-color: #666666; padding: 6px; }
.sitemap-header { font-family: Tahoma, Arial, sans-serif; font-size: 14px; color: #ff6414; font-weight: bold; }
.sitemap-text { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #5f6568; }

.heading { font-family: Arial, sans-serif; font-size: 16px; color: #666666; font-weight: bolder; }
.newsheader { font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; color: #ff6600; }

td.motorcycleHeader { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; background-color: #666666; padding: 6px; border: #000000 solid 1px; }
td.motorcycleList { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; padding: 8px; border: #cccccc solid 1px; }

td.viewMotorcycleHeader { font-family: Tahoma, Arial, sans-serif; font-size: 14px; color: #ff6414; font-weight: bold; background-color: #000000; padding: 12px; border: #666666 solid 1px; }

.imgborder { border: #000000 solid 1px; }
td.motorcycleName { font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; color: #ffffff; background-color: #333333; padding: 6px; }
td.motorcycleName2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; background-color: #333333; padding: 4px; }
td.leftDesc { font-weight: bold; font-size: 10px; color: #000000; background-color: #cccccc; padding: 2px; border: #666666 solid 1px; }
td.rightDesc { font-size: 10px; color: #333333; padding: 2px; border: #666666 solid 1px; }
td.leftDesc2 { font-weight: bold; font-size: 10px; color: #000000; background-color: #cccccc; padding: 1px; border: #666666 solid 1px; }
td.rightDesc2 { font-size: 10px; color: #333333; padding: 1px; border: #666666 solid 1px; }
td.leftDesc3 { font-weight: bold; font-size: 12px; color: #000000; background-color: #cccccc; padding: 2px; border: #666666 solid 1px; }
td.rightDesc3 { font-size: 12px; color: #333333; padding: 2px; border: #666666 solid 1px; }

.ititle { font-size:9pt; font-weight:bold; color:#000000; text-transform:uppercase; text-align:center; font-family:Arial, Helvetica, sans-serif; }
.lcell { width: 33%; text-align:left; float: left; }
.mcell { width: 33%; text-align:center; float: left; }
.rcell { width: 33%; text-align:right; float: left; }	
.tcells { 	width:170px; padding:0; clear:both; }
.plist,.elist, div.plist, div.elist { width: 110px; float: left; margin:0; padding:0; margin-top:2px; font-size: 9px; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#606060; }
.plist, div.plist { width: 35px; text-transform:uppercase; text-align: right; padding-right: 5px; font-weight:bold; font-size: 8px; color:#000000; }

.emp-postitle { font-family: Arial, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; padding: 5px; background-color: #666666; }
.emp-postime { padding: 5px; background-color: #666666; }
.emp-text { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; padding: 5px; }
.emp-info { padding: 5px; background-color: #eeeeee; }

.formtextorange  {  font-family: Arial, Helvetica, sans-serif;  font-size: 11px;  line-height: 12px;  color: #ff6600;  font-weight: bold;  }
.formtextorange2  {  font-family: Arial, Helvetica, sans-serif;  font-size: 14px;  line-height: 16px;  color: #ff6600;  font-weight: bold;  }
.formtext  {  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;  line-height: 12px;  color: #000000;  }
.formtext2  {  font-family: Arial, Helvetica, sans-serif;  font-size: 14px;  line-height: 16px;  color: #000000;  }
.pagetitle {  font-family: Arial, Helvetica, sans-serif;  font-size: 16px;  line-height: 16px;  color: #ffffff;  font-weight: bold;  }
.bodytext {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  line-height: 14px;  color: #000000;  }
.formhead {  font-family: Arial, Helvetica, sans-serif;  font-size: 13px;  line-height: 16px;  font-weight: bold;  color: #000000;  }

.scrollable {
height: 240px; /* set the height */
width: 730px; /* set the width */
overflow: auto; /* make the scrollbar appears */
border-color: #CCCCCC;
border-style: solid;
border-width: 2px;
padding: 8px;
background-color: #F3F3F3;
}

A.maplocation {
padding: 6px;
background-color: #666666;
border: dotted #cccccc 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ffffff;
text-decoration: none;
}

A.maplocation:hover {
padding: 6px;
background-color: #cccccc;
border: dotted #666666 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
text-decoration: none;
}

A.service:link { color: #ffffff; text-decoration: none; }
A.service:visited { color: #ffffff; text-decoration: none; }
A.service:hover { color: #ff6414; text-decoration: underline; }

#navBarContainer { width: 148px; height: 132px; margin: 0px auto; padding: 0px; margin-left: -10px; }
ul#nav-motorcycle { width: 148px; height: 132px; margin: 0px auto; padding: 0px; }
ul#nav-motorcycle li a { width: 148px; float: left; text-indent: -9999px; }
ul#nav-motorcycle li#nav1 a { height: 33px; background: url("http://www.zylstrahd.com/illinois/motorcycles/images/motorcycle_menusprite.gif") no-repeat 0px 0px; }
ul#nav-motorcycle li#nav1 a:hover { background-position: -148px 0px; }
ul#nav-motorcycle li#nav2 a { height: 33px; background: url("http://www.zylstrahd.com/illinois/motorcycles/images/motorcycle_menusprite.gif") no-repeat 0px -33px; }
ul#nav-motorcycle li#nav2 a:hover { background-position: -148px -33px; }
ul#nav-motorcycle li#nav3 a { height: 33px; background: url("http://www.zylstrahd.com/illinois/motorcycles/images/motorcycle_menusprite.gif") no-repeat 0px -66px; }
ul#nav-motorcycle li#nav3 a:hover { background-position: -148px -66px; }
ul#nav-motorcycle li#nav4 a { height: 33px; background: url("http://www.zylstrahd.com/illinois/motorcycles/images/motorcycle_menusprite.gif") no-repeat 0px -99px; }
ul#nav-motorcycle li#nav4 a:hover { background-position: -148px -99px; }
